theme/base/style/core.css

   1 /**
   2  * Required to undo YUI resets that override input size
   3  */
   4 input[type=text],input[type=password],textarea{width:auto;}
   5
   6 /* Fix for YUI overriding styles */
   7 strong{font-style:inherit;}em{font-weight:inherit;}
   8
   9 /**
  10  * General
  11  */
  12 th,
  13 td,
  14 a img {border-width:0;}
  15 acronym,
  16 abbr {cursor: help;}
  17 .dir-ltr,
  18 .mdl-left,
  19 .dir-rtl .mdl-right {text-align: left;}
  20 .dir-rtl,
  21 .mdl-right,
  22 .dir-rtl .mdl-left {text-align: right;}
  23 #add,
  24 #remove,
  25 .centerpara,
  26 .mdl-align {text-align: center;}
  27 a.dimmed,
  28 a.dimmed:link,
  29 a.dimmed:visited,
  30 a.dimmed_text,
  31 a.dimmed_text:link,
  32 a.dimmed_text:visited,
  33 .dimmed_text,
  34 .dimmed_text a,
  35 .dimmed_text a:link,
  36 .dimmed_text a:visited,
  37 .usersuspended,
  38 .usersuspended a,
  39 .usersuspended a:link,
  40 .usersuspended a:visited,
  41 .dimmed_category,
  42 .dimmed_category a {
  43     color: #AAA;
  44 }
  45 .activity.label .dimmed_text {
  46     opacity: 0.5;
  47     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  48     filter: alpha(opacity=50);
  49 }
  50 .unlist,
  51 .unlist li,
  52 .inline-list,
  53 .inline-list li,
  54 .block .list,
  55 .block .list li,
  56 .sitetopic .section li.activity,
  57 .course-content .section li.activity,
  58 .sitetopic .section li.movehere,
  59 .course-content .section li.movehere,
  60 .tabtree li {list-style: none;margin:0;padding:0;}
  61
  62 .course-content .current {background:#E3E3E3;}
  63
  64 .inline,
  65 .inline-list li {display: inline;}
  66 .notifytiny {font-size:0.7em;}
  67 .notifytiny li,
  68 .notifytiny td {font-size:100%;}
  69 .red,
  70 .notifyproblem {color:#660000;}
  71 .green,
  72 .notifysuccess {color:#006600;}
  73 .reportlink {text-align:right;}
  74 a.autolink.glossary:hover {cursor: help;}
  75 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
  76 .collapsibleregioncaption {white-space: nowrap;}
  77 .collapsibleregioncaption img {vertical-align: middle;}
  78 .jsenabled .hiddenifjs {display: none;}
  79 .visibleifjs {display: none;}
  80 .jsenabled .visibleifjs {display: inline;}
  81 .jsenabled .collapsibleregion {overflow:hidden;}
  82 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
  83 .yui-overlay .yui-widget-bd {background-color:#FFEE69;border:1px solid #A6982B;border-top-color: #D4C237;color:#000000;left:0;padding:2px 5px;position:relative;top:0;z-index:1;}
  84 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
  85 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
  86 .bold,
  87 .warning,
  88 .errorbox .title,
  89 .pagingbar .title,
  90 .pagingbar .thispage,
  91 .headingblock {font-weight: bold;}
  92 img.resize {height: 1em;width: 1em;}
  93 .block img.resize,
  94 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
  95
  96 /* Icon styles */
  97 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
  98 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
  99 img.iconsmall {height:12px;margin-right:3px;vertical-align:middle;width:12px;}
 100 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
 101 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
 102 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
 103 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
 104 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
 105 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
 106 img.iconkbhelp {height:17px;width:49px;}
 107 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
 108 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
 109
 110 .categorybox .category {font-size:1.2em;font-weight:bold;}
 111 .generalbox {border:1px solid;}
 112 .boxaligncenter {margin-left:auto;margin-right:auto;}
 113 .boxalignright {margin-left:auto;margin-right:0;}
 114 .boxalignleft {margin-left:0;margin-right:auto;}
 115 .boxwidthnarrow {width: 30%;}
 116 .boxwidthnormal {width: 50%;}
 117 .boxwidthwide {width: 80%;}
 118 .buttons .singlebutton,
 119 .buttons .singlebutton form,
 120 .buttons .singlebutton div {display: inline;}
 121 .buttons .singlebutton input {margin:20px 5px;}
 122 .headermain {font-weight:bold;}
 123 #maincontent {display: block;height: 1px;overflow: hidden;}
 124 img.uihint {cursor: help;}
 125 #addmembersform table {margin-left: auto;margin-right: auto;}
 126 .formtable tbody th,
 127 .generaltable th.header {vertical-align: top;}
 128 .flexible th {white-space: nowrap;}
 129 .cell {vertical-align: top;}
 130 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
 131 form.popupform,
 132 form.popupform div {display: inline;}
 133 .arrow_button input {overflow:hidden;}
 134 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;}
 135 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;}
 136 h1.main img,
 137 h2.main img,
 138 h3.main img,
 139 h4.main img,
 140 h5.main img,
 141 h6.main img {vertical-align: middle;}
 142
 143 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 144 .no-overflow {overflow:auto;padding-bottom:1px;}
 145 .pagelayout-report .no-overflow {overflow:visible;}
 146 .no-overflow > .generaltable {margin-bottom:0;}
 147 .ie6 .no-overflow {width:100%;}
 148
 149 /** IE6 float + background bug solution **/
 150 .ie6 li.section {line-height:1.2em;width:100%;}
 151
 152 /**
 153  * Accessibility features
 154  */
 155 /*Accessibility: text 'seen' by screen readers but not visual users. */
 156 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
 157 .dir-rtl .accesshide {top:-30000px;left:auto;}
 158 span.hide,
 159 div.hide {display:none;}
 160 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
 161 /*Accessibility: Skip block link, for keyboard-only users. */
 162 a.skip-block,
 163 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
 164 a.skip-block:focus,
 165 a.skip-block:active,
 166 a.skip:focus,
 167 a.skip:active {position: static;display: block;}
 168 .skip-block-to {display: block;height: 1px;overflow: hidden;}
 169 /* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
 170 .arrow,
 171 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
 172
 173 /**
 174  * Header
 175  */
 176 .headermain {float:left;margin:15px;font-size:2.3em;}
 177 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
 178 #course-header {clear:both;}
 179
 180 /**
 181  * Navbar
 182  */
 183 .navbar {clear:both;overflow:hidden;}
 184 .ie6 .navbar {overflow:hidden;height:100%;}
 185 .breadcrumb {float:left;}
 186 .navbutton {text-align:right;}
 187 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
 188 .navbutton {float: right;}
 189 .breadcrumb li,
 190 .navbutton div,
 191 .navbutton form {display:inline;}
 192
 193 /**
 194  * Footer
 195  */
 196 #page-footer {text-align:center;font-size:0.9em;}
 197 #page-footer .homelink {margin: 1em 0;}
 198 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
 199 #page-footer .logininfo,
 200 #page-footer .sitelink,
 201 #page-footer .helplink {margin:0px 10px;}
 202 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
 203 #page-footer .performanceinfo span {display:block;}
 204 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
 205 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
 206 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
 207
 208 .performanceinfo .cachesused {margin-top:1em;}
 209 .performanceinfo .cachesused .cache-stats-heading {font-weight: bold;text-decoration: underline;font-size:110%;}
 210 .performanceinfo .cachesused .cache-definition-stats {font-weight:bold;margin-top:0.3em;}
 211 .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
 212 .performanceinfo .cachesused .cache-total-stats {font-weight:bold;margin-top:0.3em;}
 213
 214 #course-footer {clear:both;}
 215
 216 /**
 217  * Tabs
 218  */
 219 .tabtree {position:relative;margin-bottom:3.5em;}
 220 .tabtree li {display:inline;}
 221 .tabtree ul {margin:5px;}
 222 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
 223 .tabtree ul li.here .empty {display:none;}
 224
 225 /**
 226  * Mforms
 227  */
 228 .mform fieldset {border:1px solid;}
 229 .mform fieldset fieldset {border-width:0px;}
 230 .mform fieldset legend {font-weight:bold;margin-left:0.5em;}
 231 .mform fieldset div {margin:10px;margin-top:0;}
 232 .mform fieldset div div {margin:0;}
 233 .mform fieldset .advancedbutton {text-align:right;}
 234 .mform fieldset.hidden {border-width:0;}
 235 .mform fieldset.group {margin-bottom: 0}
 236 .mform fieldset.error {border: 1px solid #A00;}
 237 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
 238 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
 239 .mform .fitem .fitemtitle div {display: inline;}
 240 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
 241 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
 242 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
 243 .mform .error,
 244 .mform .required {color:#A00;}
 245 .mform .required .fgroup span label {color:#000;}
 246 .mform .fdescription.required {color:#A00;text-align:right;}
 247 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
 248 .mform .ftextarea #id_alltext {width: 100%;}
 249 .mform ul.file-list {padding:0;margin:0;list-style:none;}
 250 .mform label .req,
 251 .mform label .adv {cursor: help;}
 252 .mform .fcheckbox input {margin-left: 0;}
 253 .mform .fitem fieldset.fgroup label,
 254 .mform .fradio label,
 255 .mform .fcheckbox label,
 256 .mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
 257 .mform .ftags label.accesshide {display: block;position: static;}
 258 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
 259 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
 260 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
 261 .mform legend .helplink img { margin-right: .2em; }
 262 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
 263 .singleselect label { margin-right: .3em; }
 264 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
 265
 266 input#id_externalurl {direction:ltr;}
 267
 268 /** Browser corrections for mforms **/
 269 .ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
 270 /** Fix IE double margin + float bugs **/
 271 .ie .mform .fitem .fitemtitle {padding-right:1em;}
 272 #portfolio-add-button {display:inline;}
 273
 274 /**
 275  * phpinfo styles
 276  */
 277 .phpinfo .center {text-align: center;}
 278 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
 279 .phpinfo .center th {text-align: center;}
 280 .phpinfo .e,
 281 .phpinfo .v,
 282 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
 283 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
 284 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
 285
 286 /**
 287  * Blogs
 288  */
 289 .addbloglink {text-align: center;}
 290 .blog_entry .audience {text-align: right;padding-right: 4px;}
 291 .blog_entry .tags {margin-top: 15px;}
 292 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
 293 .blog_entry .content {margin-left: 43px;}
 294
 295 /**
 296  * Group
 297  */
 298 #page-group-index #groupeditform {text-align: center;}
 299 #doc-contents h1 {margin: 1em 0 0 0;}
 300 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
 301 #doc-contents ul li {list-style-type: none;}
 302 .groupmanagementtable td {vertical-align: top;}
 303 .groupmanagementtable #existingcell,
 304 .groupmanagementtable #potentialcell {width: 42%;}
 305 .groupmanagementtable #buttonscell {width: 16%;}
 306 .groupmanagementtable #buttonscell input {width: 80%;}
 307 .groupmanagementtable #removeselect_wrapper,
 308 .groupmanagementtable #addselect_wrapper {width: 100%;}
 309 .groupmanagementtable #removeselect_wrapper label,
 310 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
 311 .dir-rtl .groupmanagementtable p {text-align: right;}
 312 #group-usersummary {width: 14em;}
 313 .groupselector {margin-top: 3px;margin-bottom: 3px;}
 314
 315 /**
 316  * Login
 317  */
 318 .loginbox {margin:15px;overflow:visible;}
 319 .loginbox.twocolumns {margin:15px;}
 320 .loginbox h2,
 321 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
 322 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
 323 .loginbox .signuppanel .subcontent {text-align:left;}
 324 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
 325 .loginbox .loginsub {margin-left:0;margin-right:0;}
 326 .loginbox .guestsub,
 327 .loginbox .forgotsub,
 328 .loginbox .potentialidps {margin:5px 12%;}
 329 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
 330 .loginbox .potentialidps .potentialidplist div {text-align:left;}
 331 .loginbox .loginform {margin-top:1em;text-align:left;}
 332 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
 333 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
 334 .loginbox .loginform .form-input {float:right;width:55%;}
 335 .loginbox .loginform .form-input input {width: 6em;}
 336 .loginbox .signupform {margin-top:1em;text-align:center;}
 337 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
 338 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
 339 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
 340
 341 /**
 342  * Notes
 343  */
 344 .notepost {margin-bottom: 1em;}
 345 .notepost .userpicture {float: left;margin-right: 5px;}
 346 .notepost .content,
 347 .notepost .footer {clear: both;}
 348 .notesgroup {margin-left:20px;}
 349
 350 /**
 351  * My Moodle
 352  */
 353 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
 354 .path-my .coursebox .info {float: none; margin: 0;}
 355
 356 /**
 357  * Logs
 358  */
 359 .logtable th {text-align:left;}
 360
 361 /**
 362  * Modules
 363  */
 364 .mod_introbox {border:1px solid;padding:10px;}
 365 table.mod_index {width:100%;}
 366
 367 /**
 368  * Help
 369  */
 370 #help_icon_tooltip div.bd {width: 35em;}
 371 #help hr {border: none;height: 1px;background: #ccc;}
 372 #help .center {text-align: center;}
 373 #help .moreinfo {text-align: right;}
 374 #help .indent {margin-left: 40px;}
 375 #help .indent-big {margin-left: 160px;margin-right: 160px;}
 376 #help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
 377 #help #emoticons ul{list-style-type: none;}
 378 #help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
 379
 380 /**
 381  * Comments
 382  */
 383 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
 384 .comment-ctrl h5 {margin:0;padding: 5px;}
 385 .comment-area {max-width: 400px;padding: 5px;}
 386 .comment-area textarea {width:100%;overflow:auto;}
 387 .comment-area .fd {text-align:right;}
 388 .comment-meta span {color:gray;}
 389 .comment-link img { vertical-align: text-bottom; }
 390 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
 391 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
 392 .comment-list li.first {display:none}
 393 .comment-paging{text-align:center;}
 394 .comment-paging .pageno{padding:2px;}
 395 .comment-paging .curpage{border:1px solid #CCC;}
 396 .comment-message .picture {width: 20px;float:left;}
 397 .dir-rtl .comment-message .picture {float:right;}
 398 .comment-message .text {margin:0;padding:0;}
 399 .comment-message .text p {padding:0;margin:0 18px 0 0;}
 400 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
 401 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
 402 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
 403 .comment-container {float:left;margin: 4px;}
 404 .comment-report-selectall{display:none}
 405 .comment-link {display:none}
 406 .jsenabled .comment-link {display:block}
 407 .jsenabled .showcommentsnonjs{display:none}
 408 .jsenabled .comment-report-selectall{display:inline}
 409
 410 /**
 411  * Completion progress report
 412  */
 413 .completion-expired {background:#FFDDDD;}
 414 .completion-expected {font-size:0.75em;}
 415 .completion-sortchoice,
 416 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
 417 .completion-progresscell {text-align:right;}
 418 .completion-expired .completion-expected {font-weight:bold;}
 419
 420 /**
 421  * Tags
 422  */
 423 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
 424 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
 425 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
 426 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
 427 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
 428 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
 429 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
 430 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
 431 #tag-description,
 432 #tag-blogs {width:100%;}
 433 #tag-management-box {margin-bottom:10px;line-height:20px;}
 434 #tag-user-table {padding:3px;clear: both;width:100%;}
 435 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
 436 img.user-image {height:100px;width:100px;}
 437 #small-tag-cloud-box {width:300px;margin:0 auto;}
 438 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
 439 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
 440 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
 441 #tag-search-box {text-align:center;margin:10px auto;}
 442 #tag-search-results-container {padding:0;width:100%;}
 443 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
 444 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
 445 span.flagged-tag,
 446 span.flagged-tag a {color:#FF0000;}
 447 table#tag-management-list {text-align:left;width:100%;}
 448 table#tag-management-list td,
 449 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
 450 .tag-management-form {text-align:center;}
 451 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
 452 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
 453 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
 454 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
 455 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
 456 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
 457 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
 458 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
 459 h2.tag-heading,
 460 div#tag-description,
 461 div#tag-blogs,
 462 body.tag .managelink {padding: 5px;}
 463 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
 464 .tag_cloud .s19 {font-size: 1.5em;}
 465 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
 466 .tag_cloud .s17 {font-size: 1.4em;}
 467 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
 468 .tag_cloud .s15 {font-size: 1.3em;}
 469 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
 470 .tag_cloud .s13 {font-size: 1.2em;}
 471 .tag_cloud .s12,
 472 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
 473 .tag_cloud .s10,
 474 .tag_cloud .s9 {font-size: 1.1em;}
 475 .tag_cloud .s8,
 476 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
 477 .tag_cloud .s6,
 478 .tag_cloud .s5 {font-size: 1em;}
 479 .tag_cloud .s4,
 480 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
 481 .tag_cloud .s2,
 482 .tag_cloud .s1 {font-size: 0.9em;}
 483 .tag_cloud .s0 {font-size: 0.8em;}
 484
 485 /*
 486  * Backup and Restore CSS
 487  */
 488 .path-backup .mform .grouped_settings.section_level {clear:both;}
 489 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
 490 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
 491 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
 492 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
 493 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
 494 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
 495 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
 496 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
 497 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
 498 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
 499 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
 500 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
 501 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
 502 .path-backup .backup_progress {text-align:center;}
 503 .path-backup .backup_progress span.backup_stage {color:#999;}
 504 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
 505 .path-backup .backup_progress .backup_stage.backup_stage_next {}
 506 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
 507 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
 508 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
 509 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
 510 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
 511 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
 512
 513 /**
 514  * Web Service
 515  */
 516 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
 517
 518 /**
 519  * Help Content (pop-up)
 520  */
 521 #helppopupbox {background-color: #eee; border: 1px solid #848484;z-index: 10000 !important;}
 522 #helppopupbox .yui3-widget-hd {float:right;margin:3px 3px 0 0;}
 523 #helppopupbox .yui3-widget-bd {margin:0 1em 1em 1em;border-top:1px solid #eee;}
 524 #helppopupbox .yui3-widget-ft {text-align: center;}
 525 #helppopupbox .yui3-widget-ft .closebtn {margin:0 1em 1em 1em;}
 526 #helppopupbox .helpheading {font-size: 1em;}
 527 #helppopupbox .spinner {margin:1em;}
 528 .dir-rtl #helppopupbox .yui3-widget-hd {float:left;margin:3px 0 0 3px;}
 529
 530 /**
 531  * Custom menu
 532  */
 533 #custommenu {clear:both;}
 534 #custommenu .yui3-menu .yui3-menu {z-index:500;}
 535 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 536 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
 537 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
 538 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
 539 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
 540 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
 541 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
 542 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;}
 543 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
 544 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
 545 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
 546 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
 547 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
 548
 549 /**
 550  * Fix for broken YUI images in the menunav component
 551  */
 552 #custommenu .yui3-menu-label,
 553 #custommenu .yui3-menuitem-content {cursor:pointer;}
 554 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
 555 #custommenu .yui3-menuitem-active,
 556 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
 557 #custommenu .yui3-menu-horizontal .yui3-menu-label,
 558 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
 559 #custommenu .yui3-menu-label,
 560 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
 561 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
 562
 563 /**
 564  * Smart Select Element
 565  */
 566 .smartselect {position:absolute;}
 567 .smartselect .smartselect_mask {background-color:#fff;}
 568 .smartselect ul  {padding: 0;margin: 0;}
 569 .smartselect ul li {list-style: none;}
 570 .smartselect .smartselect_menu {margin-right:5px;}
 571 .safari .smartselect .smartselect_menu {margin-left:2px;}
 572 .smartselect .smartselect_menu,
 573 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
 574 .smartselect .smartselect_menu.visible,
 575 .smartselect .smartselect_submenu.visible {display:block;}
 576 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
 577 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
 578 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
 579 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
 580 /** Spanning mode */
 581 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
 582 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
 583 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
 584 /** Compact mode */
 585 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
 586 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
 587 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
 588 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
 589 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
 590
 591 /**
 592  * Registration
 593  */
 594 #page-admin-registration-register .registration_textfield {width: 300px;}
 595
 596 /**
 597  * Enrol
 598  */
 599 .userenrolment {width:100%;border-collapse: collapse;}
 600 .userenrolment td {padding:0;height:41px;}
 601 .userenrolment .subfield {margin-right:5px;}
 602 .userenrolment .col_userdetails .subfield_picture {float:left;}
 603 .userenrolment .col_lastseen {width:150px;}
 604 .userenrolment .col_role {width:262px;}
 605 .userenrolment .col_role .roles {margin-right:30px;}
 606 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
 607 .dir-rtl .userenrolment .col_role .role {float:right;}
 608 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
 609 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
 610 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
 611 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
 612 .userenrolment .col_group .groups {margin-right:30px;}
 613 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
 614 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
 615 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
 616 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
 617 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
 618 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
 619 #page-enrol-users .enrol_user_buttons {float:right;}
 620 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
 621 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
 622 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
 623 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
 624 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
 625
 626 /**
 627 * Overide for RTL layout
 628 **/
 629 .dir-rtl .headermain {float:right;}
 630 .dir-rtl .headermenu {float:left;}
 631 .dir-rtl .breadcrumb {float:right;}
 632 .dir-rtl .navbutton {float: left;}
 633 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
 634 .dir-rtl .mform .fitem .fitemtitle {float:right;}
 635 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
 636 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
 637 .dir-rtl .yui3-menu-hidden {left: 0px;}
 638 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
 639 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
 640
 641 /**
 642  * Backup
 643  */
 644 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
 645 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
 646 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
 647 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
 648 .backup-restore .backup-section .backup-sub-section h3 {text-align:right;border-bottom:1px solid #DDD;padding:5px 86% 5px 6px;margin:0;background-color:#e9e9e9;}
 649 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
 650 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
 651 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
 652 .backup-restore .activitytable {width:60%;min-width:500px;}
 653 .backup-restore .activitytable .modulename {width:100px;}
 654 .backup-restore .activitytable .moduleincluded {width:50px;}
 655 .backup-restore .activitytable .userinfoincluded {width:50px;}
 656 .backup-restore .detail-pair {}
 657 .backup-restore .detail-pair-label {display:inline-block;width:25%;padding:8px;margin:0;text-align:right;font-weight:bold;color:#444;vertical-align:top;}
 658 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
 659 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
 660 .backup-restore > .singlebutton {text-align:right;}
 661 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
 662
 663 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
 664 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
 665 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
 666 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
 667
 668 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
 669 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
 670 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
 671 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
 672
 673 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
 674 .corelightbox img {position:fixed;top:50%; left: 50%;}
 675
 676 /**
 677  * IE - Overide for RTL layout
 678  */
 679 .ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
 680
 681 .mod-indent-1 {margin-left:30px;}
 682 .mod-indent-2 {margin-left:60px;}
 683 .mod-indent-3 {margin-left:90px;}
 684 .mod-indent-4 {margin-left:120px;}
 685 .mod-indent-5 {margin-left:150px;}
 686 .mod-indent-6 {margin-left:180px;}
 687 .mod-indent-7 {margin-left:210px;}
 688 .mod-indent-8 {margin-left:240px;}
 689 .mod-indent-9 {margin-left:270px;}
 690 .mod-indent-10 {margin-left:300px;}
 691 .mod-indent-11 {margin-left:330px;}
 692 .mod-indent-12 {margin-left:360px;}
 693 .mod-indent-13 {margin-left:390px;}
 694 .mod-indent-14 {margin-left:420px;}
 695 .mod-indent-15,
 696 .mod-indent-huge {margin-left:420px;}
 697
 698 .dir-rtl .mod-indent-1 {margin-right:30px;margin-left:0;}
 699 .dir-rtl .mod-indent-2 {margin-right:60px;margin-left:0;}
 700 .dir-rtl .mod-indent-3 {margin-right:90px;margin-left:0;}
 701 .dir-rtl .mod-indent-4 {margin-right:120px;margin-left:0;}
 702 .dir-rtl .mod-indent-5 {margin-right:150px;margin-left:0;}
 703 .dir-rtl .mod-indent-6 {margin-right:180px;margin-left:0;}
 704 .dir-rtl .mod-indent-7 {margin-right:210px;margin-left:0;}
 705 .dir-rtl .mod-indent-8 {margin-right:240px;margin-left:0;}
 706 .dir-rtl .mod-indent-9 {margin-right:270px;margin-left:0;}
 707 .dir-rtl .mod-indent-10 {margin-right:300px;margin-left:0;}
 708 .dir-rtl .mod-indent-11 {margin-right:330px;margin-left:0;}
 709 .dir-rtl .mod-indent-12 {margin-right:360px;margin-left:0;}
 710 .dir-rtl .mod-indent-13 {margin-right:390px;margin-left:0;}
 711 .dir-rtl .mod-indent-14 {margin-right:420px;margin-left:0;}
 712 .dir-rtl .mod-indent-15,
 713 .dir-rtl .mod-indent-huge {margin-right:420px;margin-left:0;}
 714
 715 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
 716 .dir-rtl .mform .fitem .felement input[name=email],
 717 .dir-rtl .mform .fitem .felement input[name=email2],
 718 .dir-rtl .mform .fitem .felement input[name=url],
 719 .dir-rtl .mform .fitem .felement input[name=idnumber],
 720 .dir-rtl .mform .fitem .felement input[name=phone1],
 721 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
 722
 723 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
 724 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
 725 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
 726
 727 /** Large resource images should avoid hidden overflow **/
 728 .resourceimage {max-width: 100%;}
 729
 730 /* Audio player size in 'inline' mode (can only change width, as above) */
 731 .mediaplugin_mp3 object {height:15px;width:300px}
 732 audio.mediaplugin_html5audio {width: 300px}
 733
 734 /* TinyMCE moodle media preview frame should not have padding */
 735 .core_media_preview.pagelayout-embedded #content {padding:0;}
 736 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
 737 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
 738
 739 /*
 740 Fix for SubScript & SuperScript
 741 ------------------------------*/
 742 sub {vertical-align: sub;}
 743 sup {vertical-align: super;}
 744
 745 /** Fix YUI 2 Treeview for Right to left languages **/
 746 .dir-rtl .ygtvtn,
 747 .dir-rtl .ygtvtm,
 748 .dir-rtl .ygtvtmh,
 749 .dir-rtl .ygtvtmhh,
 750 .dir-rtl .ygtvtp,
 751 .dir-rtl .ygtvtph,
 752 .dir-rtl .ygtvtphh,
 753 .dir-rtl .ygtvln,
 754 .dir-rtl .ygtvlm,
 755 .dir-rtl .ygtvlmh,
 756 .dir-rtl .ygtvlmhh,
 757 .dir-rtl .ygtvlp,
 758 .dir-rtl .ygtvlph,
 759 .dir-rtl .ygtvlphh,
 760 .dir-rtl .ygtvdepthcell,
 761 .dir-rtl .ygtvok,
 762 .dir-rtl .ygtvok:hover,
 763 .dir-rtl .ygtvcancel,
 764 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
 765
 766 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
 767 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
 768 .dir-rtl .ygtvtmh,
 769 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
 770 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
 771 .dir-rtl .ygtvtph,
 772 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
 773 .dir-rtl .ygtvln {background-position: 0 -1600px;}
 774 .dir-rtl .ygtvlm {background-position: 0 0;}
 775 .dir-rtl .ygtvlmh,
 776 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
 777 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
 778 .dir-rtl .ygtvlph,
 779 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
 780 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
 781 .dir-rtl .ygtvok {background-position: 0 -8800px;}
 782 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
 783 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
 784 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
 785
 786 .dir-rtl .file-picker .yui-layout-unit-left  {left:500px !important;}
 787 .dir-rtl .file-picker .yui-layout-unit-center {left:0px !important;}
 788 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
 789 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
 790
 791 /** Fix TinyMCE editor right to left **/
 792 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
 793 .dir-rtl .o2k7Skin table,
 794 .dir-rtl .o2k7Skin tbody,
 795 .dir-rtl .o2k7Skin a,
 796 .dir-rtl .o2k7Skin img,
 797 .dir-rtl .o2k7Skin tr,
 798 .dir-rtl .o2k7Skin div,
 799 .dir-rtl .o2k7Skin td,
 800 .dir-rtl .o2k7Skin iframe,
 801 .dir-rtl .o2k7Skin span,
 802 .dir-rtl .o2k7Skin *,
 803 .dir-rtl .o2k7Skin .mceText,
 804 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
 805
 806 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
 807 .path-rating .ratingtable th.rating {width:100%;}
 808 .path-rating .ratingtable td.rating,
 809 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
 810
 811 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
 812
 813 .course-content ul.weeks .content .summary ul,
 814 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
 815
 816 .course-content ul.weeks .content .summary ol,
 817 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
 818
 819 .dir-rtl #adminsettings #id_s__pathtodu,
 820 .dir-rtl #adminsettings #id_s__aspellpath,
 821 .dir-rtl #adminsettings #id_s__pathtodot,
 822 .dir-rtl #adminsettings #id_s__supportemail,
 823 .dir-rtl #adminsettings #id_s__supportpage,
 824 .dir-rtl #adminsettings #id_s__sessioncookie,
 825 .dir-rtl #adminsettings #id_s__sessioncookiepath,
 826 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
 827 .dir-rtl #adminsettings #id_s__proxyhost,
 828 .dir-rtl #adminsettings #id_s__proxyuser,
 829 .dir-rtl #adminsettings #id_s__proxypassword,
 830 .dir-rtl #adminsettings #id_s__proxybypass,
 831 .dir-rtl #adminsettings #id_s__jabberhost,
 832 .dir-rtl #adminsettings #id_s__jabberserver,
 833 .dir-rtl #adminsettings #id_s__jabberusername,
 834 .dir-rtl #adminsettings #id_s__jabberpassword,
 835 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
 836 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
 837 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
 838 .dir-rtl #adminsettings #id_s__docroot,
 839 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
 840 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
 841 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
 842 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
 843 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
 844 .dir-rtl #adminsettings #id_s__blockedip,
 845 .dir-rtl #adminsettings #id_s__pathtoclam,
 846 .dir-rtl #adminsettings #id_s__quarantinedir,
 847 .dir-rtl #adminsettings #id_s__sitepolicy,
 848 .dir-rtl #adminsettings #id_s__sitepolicyguest,
 849 .dir-rtl #adminsettings #id_s__cronremotepassword,
 850 .dir-rtl #adminsettings #id_s__allowedip,
 851 .dir-rtl #adminsettings #id_s__blockedip,
 852 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
 853 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
 854 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
 855 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
 856 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
 857 .dir-rtl #adminsettings #admin-emoticons .form-text,
 858 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
 859 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
 860 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
 861 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
 862 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
 863 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
 864
 865 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
 866
 867 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
 868 .initialbar a {padding-right: 2px;}
 869
 870 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
 871 .moodle-dialogue-base .moodle-dialogue-lightbox {
 872     background-color:#AAA;
 873 }
 874
 875 .moodle-dialogue-base .hidden,
 876 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
 877 .moodle-dialogue-base .moodle-dialogue {
 878     padding: 0;
 879     margin: 0;
 880     background: none;
 881     border: none;
 882     /* Override the z-index set incorrectly by the YUI dialogue */
 883     z-index: 600!important;
 884 }
 885
 886
 887 .moodle-dialogue-base .moodle-dialogue-wrap {
 888     margin-top:-3px;
 889     margin-left:-3px;
 890     background-color: #FFFFFF;
 891     border: 1px solid #CCCCCC;
 892     border-radius:10px;
 893     box-shadow: 5px 5px 20px 0px #666666;
 894     -webkit-box-shadow: 5px 5px 20px 0px #666666;
 895     -moz-box-shadow: 5px 5px 20px 0px #666666;
 896 }
 897
 898 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
 899     margin:0;
 900     padding:5px;
 901     font-size:12px;
 902     font-weight: normal;
 903     letter-spacing: 1px;
 904     color:#333333;
 905     text-align: center;
 906     text-shadow: 1px 1px 1px #FFFFFF;
 907     border-radius: 10px 10px 0px 0px;
 908     border-bottom: 1px solid #BBBBBB;
 909     background: #CCCCCC;
 910     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
 911     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
 912     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
 913     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
 914 }
 915
 916 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
 917     margin:0;
 918     padding:0;
 919     display:inline;
 920     font-size: 100%;
 921     font-weight: bold;
 922 }
 923 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
 924     padding: 5px;
 925 }
 926 .moodle-dialogue-base .closebutton {
 927     width:25px;
 928     height:15px;
 929     float:right;
 930     vertical-align:middle;
 931     display:inline-block;
 932     cursor:pointer;
 933     padding:0px;
 934     background-image:url([[pix:theme|sprite]]);
 935     background-repeat:no-repeat;
 936     border-style:none;
 937 }
 938 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
 939     left: 0px;
 940     right: auto;
 941 }
 942
 943 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
 944     overflow: auto;
 945     padding: 1em;
 946     line-height: 2em;
 947     color: #555;
 948     font-size: 12px;
 949 }
 950
 951 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
 952   padding:0px;
 953   background:#FFF;
 954 }
 955
 956 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
 957 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
 958 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
 959 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
 960 .moodle-dialogue-exception .param-stacktrace label {
 961     background-color:#EEE;
 962     border:1px solid #ccc;
 963     border-bottom-width:0;
 964 }
 965
 966 .moodle-dialogue-exception .param-stacktrace pre {
 967     border:1px solid #ccc;
 968     background-color:#fff;
 969 }
 970
 971 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
 972     color:navy;
 973     font-size:80%;
 974 }
 975 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
 976     color:#AA0000;
 977     font-size:80%;
 978 }
 979 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
 980     color:#333;
 981     font-size:90%;
 982     border-bottom:1px solid #eee;
 983 }
 984
 985 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
 986     padding:0px;
 987     margin: 0.7em 1em;
 988     text-align: right;
 989     background-color: #FFF;
 990     font-size: 12px;
 991 }
 992
 993 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
 994 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
 995 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
 996 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
 997 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
 998 .moodle-dialogue-exception .param-stacktrace label {
 999     display:block;
1000     margin:0;
1001     padding:4px 1em;
1002 }
1003 .moodle-dialogue-exception .param-stacktrace pre {
1004     display:block;
1005     height:200px;
1006     overflow:auto;
1007 }
1008
1009 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1010     display:inline-block
1011     margin:4px 0;
1012 }
1013 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1014     display:inline-block;
1015     width:50px;
1016     margin:4px 1em;
1017 }
1018 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1019     padding-left:25px;
1020     margin-bottom:4px;
1021     padding-bottom:4px;
1022 }
1023
1024
1025 /* Question Bank - Question Chooser "Close" button */
1026 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1027
1028 /**
1029  * Chooser Dialogues (moodle-core-chooserdialogue)
1030  *
1031  * This CSS belong to the chooser dialogue which should work both with, and
1032  * without javascript enabled
1033  */
1034 /* Hide the dialog and it's title */
1035 .chooserdialoguebody,
1036 .choosertitle {
1037     display:none;
1038 }
1039 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1040     margin: 0;
1041 }
1042
1043 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1044     padding: 0px;
1045     background: #F2F2F2;
1046     border-bottom-left-radius: 10px;
1047     border-bottom-right-radius: 10px;
1048 }
1049
1050 /* Center the submit buttons within the area */
1051 .choosercontainer #chooseform .submitbuttons {
1052     margin: 0.7em 0;
1053     text-align: center;
1054 }
1055
1056 .choosercontainer #chooseform .submitbuttons input {
1057     min-width: 100px;
1058     margin: 0px 0.5em;
1059 }
1060
1061 /* Various settings for the options area */
1062 .choosercontainer #chooseform .options {
1063     position: relative;
1064     border-bottom: 1px solid #BBBBBB;
1065 }
1066
1067 /* Only set these options if we're showing the js container */
1068 .jsenabled .choosercontainer #chooseform .alloptions {
1069     overflow-x: hidden;
1070     overflow-y: auto;
1071     max-width: 20.3em;
1072     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1073     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1074     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1075 }
1076 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1077     max-width: 18.3em;
1078 }
1079
1080 /* Settings for option rows and option subtypes */
1081 .choosercontainer #chooseform .moduletypetitle,
1082 .choosercontainer #chooseform .option,
1083 .choosercontainer #chooseform .nonoption {
1084     margin-bottom: 0;
1085     padding: 0 1.6em 0 1.6em;
1086 }
1087
1088 .choosercontainer #chooseform .moduletypetitle {
1089     text-transform: uppercase;
1090     padding-top: 1.2em;
1091     padding-bottom: 0.4em;
1092 }
1093
1094 .choosercontainer #chooseform .option .typename,
1095 .choosercontainer #chooseform .option span.modicon img.icon,
1096 .choosercontainer #chooseform .nonoption .typename,
1097 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1098     padding: 0 0 0 0.5em;
1099 }
1100 .dir-rtl .choosercontainer #chooseform .option .typename,
1101 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1102 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1103 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1104     padding: 0 0.5em 0 0;
1105 }
1106
1107 .choosercontainer #chooseform .option span.modicon img.icon,
1108 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1109     height: 24px; width: 24px;
1110 }
1111
1112 .choosercontainer #chooseform .option input[type=radio],
1113 .choosercontainer #chooseform .option span.typename,
1114 .choosercontainer #chooseform .option span.modicon {
1115     vertical-align: middle;
1116 }
1117
1118 .choosercontainer #chooseform .option label {
1119     display: block;
1120     padding: 0.3em 0 0.1em 0;
1121     border-bottom: 1px solid #FFFFFF;
1122 }
1123
1124 .choosercontainer #chooseform .nonoption {
1125     padding-left: 2.7em;
1126     padding-top: 0.3em;
1127     padding-bottom: 0.1em;
1128 }
1129 .dir-rtl .choosercontainer #chooseform .nonoption {
1130     padding-right: 2.7em;
1131     padding-left: 0;
1132 }
1133
1134 .choosercontainer #chooseform .subtype {
1135     margin-bottom: 0;
1136     padding: 0 1.6em 0 3.2em;
1137 }
1138 .dir-rtl .choosercontainer #chooseform .subtype {
1139     padding: 0 3.2em 0 1.6em;
1140 }
1141
1142 .choosercontainer #chooseform .subtype .typename {
1143     margin: 0 0 0 0.2em;
1144 }
1145 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1146     margin: 0 0.2em 0 0;
1147 }
1148
1149 /* The instruction/help area */
1150 .jsenabled .choosercontainer #chooseform .instruction,
1151 .jsenabled .choosercontainer #chooseform .typesummary {
1152     display: none;
1153     position: absolute;
1154     top: 0px;
1155     right: 0px;
1156     bottom: 0px;
1157     left: 20.3em;
1158     margin: 0;
1159     padding: 1.6em;
1160     background-color: #FFFFFF;
1161     overflow-x: hidden;
1162     overflow-y: auto;
1163     line-height: 2em;
1164 }
1165
1166 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1167 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1168     left: 0px;
1169     right: 18.5em;
1170     border-right: 1px solid grey;
1171 }
1172
1173 /* Selected option settings */
1174 .jsenabled .choosercontainer #chooseform .instruction,
1175 .choosercontainer #chooseform .selected .typesummary {
1176     display: block;
1177 }
1178
1179 .choosercontainer #chooseform .selected {
1180     background-color: #FFFFFF;
1181     box-shadow: 0px 0px 10px 0px #CCCCCC;
1182     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1183     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1184 }
1185 .section-modchooser-link img.smallicon { padding-right: 3px; }
1186 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1187
1188 /* Install Process' text fields Forms, should always be justified to the left */
1189 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1190 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1191 form#installform #id_dbpass, form#installform #id_prefix
1192 {direction: ltr;}
1193
1194 html[dir=rtl] .breadcrumb,
1195 html[dir=rtl] .headermain,
1196 html[dir=rtl] #page-header {float: right;}
1197
1198 html[dir=rtl] .formrow label.formlabel { float:right; }
1199
1200 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1201
1202 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1203 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}