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 .tabtree li {list-style: none;margin:0;padding:0;}
  59
  60 .course-content .current {background:#E3E3E3;}
  61
  62 .inline-list li {display: inline;}
  63 .notifytiny {font-size:0.7em;}
  64 .notifytiny li,
  65 .notifytiny td {font-size:100%;}
  66 .red,
  67 .notifyproblem {color:#660000;}
  68 .green,
  69 .notifysuccess {color:#006600;}
  70 .reportlink {text-align:right;}
  71 a.autolink.glossary:hover {cursor: help;}
  72 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
  73 .collapsibleregioncaption {white-space: nowrap;}
  74 .collapsibleregioncaption img {vertical-align: middle;}
  75 .jsenabled .hiddenifjs {display: none;}
  76 .visibleifjs {display: none;}
  77 .jsenabled .visibleifjs {display: inline;}
  78 .jsenabled .collapsibleregion {overflow:hidden;}
  79 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
  80 .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;}
  81 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
  82 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
  83 .bold,
  84 .warning,
  85 .errorbox .title,
  86 .pagingbar .title,
  87 .pagingbar .thispage,
  88 .headingblock {font-weight: bold;}
  89 img.resize {height: 1em;width: 1em;}
  90 .block img.resize,
  91 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
  92 img.icon {height:16px;vertical-align:middle;width:16px;padding-right:4px;}
  93 img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
  94 img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
  95 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
  96 img.iconkbhelp {height:17px;width:49px;}
  97 .categorybox .category {font-size:1.2em;font-weight:bold;}
  98 .generalbox {border:1px solid;}
  99 .boxaligncenter {margin-left:auto;margin-right:auto;}
 100 .boxalignright {margin-left:auto;margin-right:0;}
 101 .boxalignleft {margin-left:0;margin-right:auto;}
 102 .boxwidthnarrow {width: 30%;}
 103 .boxwidthnormal {width: 50%;}
 104 .boxwidthwide {width: 80%;}
 105 .buttons .singlebutton,
 106 .buttons .singlebutton form,
 107 .buttons .singlebutton div {display: inline;}
 108 .buttons .singlebutton input {margin:20px 5px;}
 109 .blink {text-decoration: blink;}
 110 .headermain {font-weight:bold;}
 111 #maincontent {display: block;height: 1px;overflow: hidden;}
 112 img.uihint {cursor: help;}
 113 #addmembersform table {margin-left: auto;margin-right: auto;}
 114 .formtable tbody th,
 115 .generaltable th.header {vertical-align: top;}
 116 .flexible th {white-space: nowrap;}
 117 .cell {vertical-align: top;}
 118 .helplink img {height: 17px;vertical-align: middle;width: 17px;}
 119 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
 120 form.popupform,
 121 form.popupform div {display: inline;}
 122 .arrow_button input {overflow:hidden;}
 123
 124 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 125 .no-overflow {overflow:auto;padding-bottom:1px;}
 126 .pagelayout-report .no-overflow {overflow:visible;}
 127 .no-overflow > .generaltable {margin-bottom:0;}
 128 .ie6 .no-overflow {width:100%;}
 129
 130 /** IE6 float + background bug solution **/
 131 .ie6 li.section {line-height:1.2em;width:100%;}
 132
 133 /**
 134  * Accessibility features
 135  */
 136 /*Accessibility: text 'seen' by screen readers but not visual users. */
 137 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
 138 .dir-rtl .accesshide {top:-30000px;left:auto;}
 139 span.hide,
 140 div.hide {display:none;}
 141 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
 142 /*Accessibility: Skip block link, for keyboard-only users. */
 143 a.skip-block,
 144 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
 145 a.skip-block:focus,
 146 a.skip-block:active,
 147 a.skip:focus,
 148 a.skip:active {position: static;display: block;}
 149 .skip-block-to {display: block;height: 1px;overflow: hidden;}
 150 /* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
 151 .arrow,
 152 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
 153
 154 /**
 155  * Header
 156  */
 157 .headermain {float:left;margin:15px;font-size:2.3em;}
 158 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
 159
 160 /**
 161  * Navbar
 162  */
 163 .navbar {clear:both;overflow:hidden;}
 164 .ie6 .navbar {overflow:hidden;height:100%;}
 165 .breadcrumb {float:left;}
 166 .navbutton {text-align:right;}
 167 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
 168 .navbutton {float: right;}
 169 .breadcrumb li,
 170 .navbutton div,
 171 .navbutton form {display:inline;}
 172
 173 /**
 174  * Footer
 175  */
 176 #page-footer {text-align:center;font-size:0.9em;}
 177 #page-footer .homelink {margin: 1em 0;}
 178 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
 179 #page-footer .logininfo,
 180 #page-footer .sitelink,
 181 #page-footer .helplink {margin:0px 10px;}
 182 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
 183 #page-footer .performanceinfo span {display:block;}
 184 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
 185 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
 186 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
 187
 188 /**
 189  * Tabs
 190  */
 191 .tabtree {position:relative;margin-bottom:3.5em;}
 192 .tabtree li {display:inline;}
 193 .tabtree ul {margin:5px;}
 194 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
 195 .tabtree ul li.here .empty {display:none;}
 196
 197 /**
 198  * Mforms
 199  */
 200 .mform fieldset {border:1px solid;}
 201 .mform fieldset fieldset {border-width:0px;}
 202 .mform fieldset legend {font-weight:bold;margin-left:0.5em;}
 203 .mform fieldset div {margin:10px;margin-top:0;}
 204 .mform fieldset div div {margin:0;}
 205 .mform fieldset .advancedbutton {text-align:right;}
 206 .mform fieldset.hidden {border-width:0;}
 207 .mform fieldset.group {margin-bottom: 0}
 208 .mform fieldset.error {border: 1px solid #A00;}
 209 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
 210 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
 211 .mform .fitem .fitemtitle div {display: inline;}
 212 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
 213 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
 214 .mform .error,
 215 .mform .required {color:#A00;}
 216 .mform .required .fgroup span label {color:#000;}
 217 .mform .fdescription.required {color:#A00;text-align:right;}
 218 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
 219 .mform .ftextarea #id_alltext {width: 100%;}
 220 .mform ul.file-list {padding:0;margin:0;list-style:none;}
 221 .mform label .req,
 222 .mform label .adv {cursor: help;}
 223 .mform .fcheckbox input {margin-left: 0;}
 224 .mform .fitem fieldset.fgroup label,
 225 .mform .fradio label,
 226 .mform .fcheckbox label,
 227 .mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
 228 .mform .ftags label.accesshide {display: block;position: static;}
 229 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
 230
 231 input#id_externalurl {direction:ltr;}
 232
 233 /** Browser corrections for mforms **/
 234 .ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
 235 /** Fix IE double margin + float bugs **/
 236 .ie .mform .fitem .fitemtitle {padding-right:1em;}
 237 #portfolio-add-button {display:inline;}
 238
 239 /**
 240  * phpinfo styles
 241  */
 242 .phpinfo .center {text-align: center;}
 243 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
 244 .phpinfo .center th {text-align: center;}
 245 .phpinfo .e,
 246 .phpinfo .v,
 247 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
 248 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
 249 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
 250
 251 /**
 252  * Blogs
 253  */
 254 .addbloglink {text-align: center;}
 255 .blog_entry .audience {text-align: right;}
 256 .blog_entry .tags {margin-top: 15px;}
 257
 258 /**
 259  * Group
 260  */
 261 #page-group-index #groupeditform {text-align: center;}
 262 #doc-contents h1 {margin: 1em 0 0 0;}
 263 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
 264 #doc-contents ul li {list-style-type: none;}
 265 .groupmanagementtable td {vertical-align: top;}
 266 .groupmanagementtable #existingcell,
 267 .groupmanagementtable #potentialcell {width: 42%;}
 268 .groupmanagementtable #buttonscell {width: 16%;}
 269 .groupmanagementtable #buttonscell input {width: 80%;}
 270 .groupmanagementtable #removeselect_wrapper,
 271 .groupmanagementtable #addselect_wrapper {width: 100%;}
 272 .groupmanagementtable #removeselect_wrapper label,
 273 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
 274 .dir-rtl .groupmanagementtable p {text-align: right;}
 275 #group-usersummary {width: 14em;}
 276 .groupselector {margin-top: 3px;margin-bottom: 3px;}
 277
 278 /**
 279  * Login
 280  */
 281 .loginbox {margin:15px;overflow:visible;}
 282 .loginbox.twocolumns {margin:15px;}
 283 .loginbox h2,
 284 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
 285 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
 286 .loginbox .signuppanel .subcontent {text-align:left;}
 287 .loginbox .loginsub {margin-left:0;margin-right:0;}
 288 .loginbox .guestsub,
 289 .loginbox .forgotsub,
 290 .loginbox .potentialidps {margin:5px 12%;}
 291 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
 292 .loginbox .potentialidps .potentialidplist div {text-align:left;}
 293 .loginbox .loginform {margin-top:1em;text-align:left;}
 294 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
 295 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
 296 .loginbox .loginform .form-input {float:right;width:55%;}
 297 .loginbox .loginform .form-input input {width: 6em;}
 298 .loginbox .signupform {margin-top:1em;text-align:center;}
 299 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
 300 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
 301
 302 /**
 303  * Notes
 304  */
 305 .notepost {margin-bottom: 1em;}
 306 .notepost .userpicture {float: left;margin-right: 5px;}
 307 .notepost .content,
 308 .notepost .footer {clear: both;}
 309 .notesgroup {margin-left:20px;}
 310
 311 /**
 312  * My Moodle
 313  */
 314 .path-my .coursebox .overview .name {margin-left:20px;}
 315 .path-my .coursebox .overview .info {margin-left:25px;}
 316 .path-my .coursebox .overview .details {margin-left:25px;}
 317 .path-my .coursebox .overview {margin-bottom:10px;}
 318 .path-my .coursebox .info {float: none;}
 319
 320 /**
 321  * Logs
 322  */
 323 .logtable th {text-align:left;}
 324
 325 /**
 326  * Modules
 327  */
 328 .mod_introbox {border:1px solid;padding:10px;}
 329 table.mod_index {width:100%;}
 330
 331 /**
 332  * Help
 333  */
 334 #help_icon_tooltip div.bd {width: 35em;}
 335 #help hr {border: none;height: 1px;background: #ccc;}
 336 #help .center {text-align: center;}
 337 #help .moreinfo {text-align: right;}
 338 #help .indent {margin-left: 40px;}
 339 #help .indent-big {margin-left: 160px;margin-right: 160px;}
 340 #help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
 341 #help #emoticons ul{list-style-type: none;}
 342 #help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
 343
 344 /**
 345  * Comments
 346  */
 347 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
 348 .comment-ctrl h5 {margin:0;padding: 5px;}
 349 .comment-area {max-width: 400px;padding: 5px;}
 350 .comment-area textarea {width:100%;overflow:auto;}
 351 .comment-area .fd {text-align:right;}
 352 .comment-meta span {color:gray;}
 353 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
 354 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;}
 355 .comment-list li.first {display:none}
 356 .comment-paging{text-align:center;}
 357 .comment-paging .pageno{padding:2px;}
 358 .comment-paging .curpage{border:1px solid #CCC;}
 359 .comment-userpicture {width: 20px;float:left;}
 360 .comment-content {margin-left: 22px;}
 361 .comment-content div {margin:0;padding:0;}
 362 .comment-content p {padding:0;margin:0 18px 0 0;}
 363 .comment-delete {float:right;text-align:right;}
 364 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
 365 .comment-container {float:left;margin: 4px;}
 366 .comment-report-selectall{display:none}
 367 .comment-link {display:none}
 368 .jsenabled .comment-link {display:block}
 369 .jsenabled .showcommentsnonjs{display:none}
 370 .jsenabled .comment-report-selectall{display:inline}
 371
 372 /**
 373  * Completion progress report
 374  */
 375 .completion-expired {background:#FFDDDD;}
 376 .completion-expected {font-size:0.75em;}
 377 .completion-sortchoice,
 378 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
 379 .completion-progresscell {text-align:right;}
 380 .completion-expired .completion-expected {font-weight:bold;}
 381
 382 /**
 383  * Tags
 384  */
 385 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
 386 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
 387 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
 388 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
 389 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
 390 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
 391 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
 392 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
 393 #tag-description,
 394 #tag-blogs {width:100%;}
 395 #tag-management-box {margin-bottom:10px;line-height:20px;}
 396 #tag-user-table {padding:3px;clear: both;width:100%;}
 397 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
 398 img.user-image {height:100px;width:100px;}
 399 #small-tag-cloud-box {width:300px;margin:0 auto;}
 400 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
 401 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
 402 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
 403 #tag-search-box {text-align:center;margin:10px auto;}
 404 #tag-search-results-container {padding:0;width:100%;}
 405 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
 406 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
 407 span.flagged-tag,
 408 span.flagged-tag a {color:#FF0000;}
 409 table#tag-management-list {text-align:left;width:100%;}
 410 table#tag-management-list td,
 411 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
 412 .tag-management-form {text-align:center;}
 413 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
 414 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
 415 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
 416 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
 417 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
 418 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
 419 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
 420 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
 421 h2.tag-heading,
 422 div#tag-description,
 423 div#tag-blogs,
 424 body.tag .managelink {padding: 5px;}
 425 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
 426 .tag_cloud .s19 {font-size: 1.5em;}
 427 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
 428 .tag_cloud .s17 {font-size: 1.4em;}
 429 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
 430 .tag_cloud .s15 {font-size: 1.3em;}
 431 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
 432 .tag_cloud .s13 {font-size: 1.2em;}
 433 .tag_cloud .s12,
 434 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
 435 .tag_cloud .s10,
 436 .tag_cloud .s9 {font-size: 1.1em;}
 437 .tag_cloud .s8,
 438 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
 439 .tag_cloud .s6,
 440 .tag_cloud .s5 {font-size: 1em;}
 441 .tag_cloud .s4,
 442 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
 443 .tag_cloud .s2,
 444 .tag_cloud .s1 {font-size: 0.9em;}
 445 .tag_cloud .s0 {font-size: 0.8em;}
 446
 447 /**
 448  * File picker
 449  * Copyright (c) 2006 Yahoo! Inc. All rights reserved.
 450  * copy from yui/examples/treeview/assets/css/folders/tree.css
 451  * first or middle sibling, no children
 452  */
 453 /* first or middle sibling, no children */
 454 .file-picker .ygtvtn {background: url([[pix:moodle|y/tn]]) 0 0 no-repeat;width:17px;height:22px;}
 455 /* first or middle sibling, collapsable */
 456 .file-picker .ygtvtm {background: url([[pix:moodle|y/tm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 457 /* first or middle sibling, collapsable, hover */
 458 .file-picker .ygtvtmh {background: url([[pix:moodle|y/tmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 459 /* first or middle sibling, expandable */
 460 .file-picker .ygtvtp {background: url([[pix:moodle|y/tp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 461 /* first or middle sibling, expandable, hover */
 462 .file-picker .ygtvtph {background: url([[pix:moodle|y/tph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 463 /* last sibling, no children */
 464 .file-picker .ygtvln {background: url([[pix:moodle|y/ln]]) 0 0 no-repeat;width:17px;height:22px;}
 465 /* Last sibling, collapsable */
 466 .file-picker .ygtvlm {background: url([[pix:moodle|y/lm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 467 /* Last sibling, collapsable, hover */
 468 .file-picker .ygtvlmh {background: url([[pix:moodle|y/lmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 469 /* Last sibling, expandable */
 470 .file-picker .ygtvlp {background: url([[pix:moodle|y/lp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 471 /* Last sibling, expandable, hover */
 472 .file-picker .ygtvlph {background: url([[pix:moodle|y/lph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
 473 /* Loading icon */
 474 .file-picker .ygtvloading {background: url([[pix:moodle|y/loading]]) 0 0 no-repeat;width:16px;height:22px;}
 475 /* the style for the empty cells that are used for rendering the depth* of the node */
 476 .file-picker .ygtvdepthcell {background: url([[pix:moodle|y/vline]]) 0 0 no-repeat;width:17px;height:22px;}
 477 .file-picker .ygtvblankdepthcell {width:17px;height:22px;}
 478 /* the style of the div around each node */
 479 .file-picker .ygtvitem  table{margin-bottom:0;}
 480 .file-picker .ygtvitem  td {border:none;padding:0;}
 481 /* the style of the div around each node's collection of children */
 482 * html .file-picker .ygtvchildren {height:1%;}
 483 /* the style of the text label in ygTextNode */
 484 .file-picker .ygtvlabel,
 485 .file-picker .ygtvlabel:link,
 486 .file-picker .ygtvlabel:visited,
 487 .file-picker .ygtvlabel:hover {margin-left:2px;text-decoration: none;}
 488 .file-picker {font-size:12px;}
 489 .file-picker strong {background:#FFFFCC;}
 490 .file-picker .fp-panel {padding:0;margin:0;text-align:left;}
 491 .file-picker .fp-login-form {text-align:center;}
 492 .file-picker .fp-searchbar {float:right;}
 493 .file-picker .fp-viewbar {width:300px;float:left;}
 494 .file-picker .fp-toolbar {padding: .8em;background: #FFFFCC;text-align:center;margin: 3px;}
 495 .file-picker .fp-toolbar a {padding: 0 .5em;}
 496 .file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
 497 .dir-rtl .file-picker .fp-list {text-align:right;}
 498 .file-picker .fp-list li {border-bottom:1px dotted gray;margin-bottom: 1em;}
 499 .file-picker .fp-repo-name {display:block;padding: .5em;margin-bottom: .5em;}
 500 .file-picker .fp-pathbar {margin: .4em;border-bottom: 1px dotted gray;}
 501 .file-picker .fp-pathbar a {padding: .4em;}
 502 .file-picker .fp-rename-form {text-align:center;}
 503 .file-picker .fp-rename-form p {margin: 1em;}
 504 .file-picker .fp-upload-form {margin: 2em 0;text-align:center;}
 505 .file-picker .fp-upload-btn {clear:both;margin-top: 2em;}
 506 .file-picker .fp-paging {margin:1em .5em;clear:both;text-align:center;line-height: 2.5em;}
 507 .file-picker .fp-paging a {padding: .5em;border: 1px solid #CCC;}
 508 .file-picker .fp-paging a.cur_page {border: 1px solid blue;}
 509 .file-picker .fp-popup {text-align:center;}
 510 .file-picker .fp-grid-panel{}
 511 .file-picker .fp-grid {float:left;text-align:center;}
 512 .file-picker .fp-grid div {overflow: hidden;}
 513 .file-picker .fp-grid p {margin:0;padding:0;background: #FFFFCC;}
 514 .file-picker .fp-grid .label {height:48px;text-align:center;}
 515 .file-picker .fp-grid span {color:gray;}
 516 .file-picker .fp-error {padding: 2em 0;margin: 3em 5px;text-align:center;background: #FFBBBB;}
 517 .file-picker .fp-emptylist, .file-picker .fp-msg {text-align:center;}
 518 .filepicker-filelist {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
 519 /* file picker search dialog */
 520 .file-picker div.bd {text-align:left;}
 521
 522 /**
 523  * File Manager
 524  */
 525 .filemanager-toolbar {margin: 5px 0;}
 526 .filemanager-toolbar a {border: 1px solid #AACCEE;background: #F4FAFF;color: black;padding: 3px;}
 527 .filemanager-toolbar a:hover {background: #FFFFFF;}
 528 .filemanager-toolbar .helplink a {border: 0px; background: transparent;}
 529 .fm-breadcrumb {margin:0;}
 530 .filemanager-container {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
 531 .filemanager-container ul{margin:0;padding:0;}
 532 .filemanager-container ul li{white-space:nowrap;list-style-type:none;}
 533 .filemanager-container ul li a{padding:0}
 534 .filemanager-loading{display:none}
 535 .jsenabled .filemanager-loading{display:block}
 536 .fm-menuicon{cursor: pointer;}
 537 #fm-move-div {margin: 6px;}
 538 #fm-move-div strong{color:red;}
 539 .fm-file-entry{border: 1px solid red;}
 540 .fm-operation {font-weight: bold;}
 541
 542 .filemanager-container,
 543 .filepicker-filelist {overflow:hidden;}
 544 .filemanager-container .dndupload-target,
 545 .filepicker-filelist .dndupload-target {background:#f7f998;position:absolute;height:100%;width:100%;top:0;left:0;text-align:center;padding:5px;z-index:1000}
 546 .filemanager-container.dndupload-over .dndupload-target,
 547 .filepicker-filelist.dndupload-over .dndupload-target {background:#8EF947;font-weight:bold}
 548
 549 /*
 550  * Backup and Restore CSS
 551  */
 552 .path-backup .mform .grouped_settings.section_level {clear:both;}
 553 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
 554 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
 555 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
 556 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
 557 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
 558 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
 559 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
 560 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
 561 .path-backup .backup_progress {text-align:center;}
 562 .path-backup .backup_progress span.backup_stage {color:#999;}
 563 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
 564 .path-backup .backup_progress .backup_stage.backup_stage_next {}
 565 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
 566
 567 /**
 568  * Web Service
 569  */
 570 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
 571
 572 /**
 573  * Help Content (pop-up)
 574  */
 575 #helppopupbox {background-color: #eee; border: 1px solid #848484;z-index: 10000 !important;}
 576 #helppopupbox .yui3-widget-hd {float:right;margin:3px 3px 0 0;}
 577 #helppopupbox .yui3-widget-bd {margin:0 1em 1em 1em;border-top:1px solid #eee;}
 578 #helppopupbox .helpheading {font-size: 1em;}
 579 #helppopupbox .spinner {margin:1em;}
 580
 581 /**
 582  * Custom menu
 583  */
 584 #custommenu {clear:both;}
 585 #custommenu .yui3-menu .yui3-menu {z-index:500;}
 586 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 587 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
 588 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
 589 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
 590 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
 591 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
 592 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
 593 #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;}
 594 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
 595 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
 596 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
 597 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
 598 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
 599
 600 /**
 601  * Fix for broken YUI images in the menunav component
 602  */
 603 #custommenu .yui3-menu-label,
 604 #custommenu .yui3-menuitem-content {cursor:pointer;}
 605 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
 606 #custommenu .yui3-menuitem-active,
 607 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
 608 #custommenu .yui3-menu-horizontal .yui3-menu-label,
 609 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
 610 #custommenu .yui3-menu-label,
 611 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]);}
 612 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
 613
 614 /**
 615  * Smart Select Element
 616  */
 617 .smartselect {position:absolute;}
 618 .smartselect .smartselect_mask {background-color:#fff;}
 619 .smartselect ul  {padding: 0;margin: 0;}
 620 .smartselect ul li {list-style: none;}
 621 .smartselect .smartselect_menu {margin-right:5px;}
 622 .safari .smartselect .smartselect_menu {margin-left:2px;}
 623 .smartselect .smartselect_menu,
 624 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
 625 .smartselect .smartselect_menu.visible,
 626 .smartselect .smartselect_submenu.visible {display:block;}
 627 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
 628 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
 629 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
 630 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
 631 /** Spanning mode */
 632 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
 633 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
 634 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
 635 /** Compact mode */
 636 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
 637 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
 638 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
 639 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
 640 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
 641
 642 /**
 643  * Registration
 644  */
 645 #page-admin-registration-register .registration_textfield {width: 300px;}
 646
 647 /**
 648  * Enrol
 649  */
 650 .userenrolment {width:100%;border-collapse: collapse;}
 651 .userenrolment td {padding:0;height:41px;}
 652 .userenrolment .subfield {margin-right:5px;}
 653 .userenrolment .col_userdetails .subfield_picture {float:left;}
 654 .userenrolment .col_lastseen {width:150px;}
 655 .userenrolment .col_role {width:262px;}
 656 .userenrolment .col_role .roles {margin-right:30px;}
 657 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
 658 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
 659 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
 660 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
 661 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
 662 .userenrolment .col_group .groups {margin-right:30px;}
 663 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
 664 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
 665 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
 666 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
 667 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
 668 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
 669 #page-enrol-users .enrol_user_buttons {float:right;}
 670 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
 671 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
 672 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
 673 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
 674 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
 675
 676 /**
 677 * Overide for RTL layout
 678 **/
 679 .dir-rtl .headermain {float:right;}
 680 .dir-rtl .headermenu {float:left;}
 681 .dir-rtl .breadcrumb {float:right;}
 682 .dir-rtl .navbutton {float: left;}
 683 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
 684 .dir-rtl .mform .fitem .fitemtitle {float:right;}
 685 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
 686 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
 687 .dir-rtl .yui3-menu-hidden {left: 0px;}
 688 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
 689 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
 690
 691 /**
 692  * Backup
 693  */
 694 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
 695 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
 696 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
 697 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
 698 .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;}
 699 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
 700 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
 701 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
 702 .backup-restore .activitytable {width:60%;min-width:500px;}
 703 .backup-restore .activitytable .modulename {width:100px;}
 704 .backup-restore .activitytable .moduleincluded {width:50px;}
 705 .backup-restore .activitytable .userinfoincluded {width:50px;}
 706 .backup-restore .detail-pair {}
 707 .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;}
 708 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
 709 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
 710 .backup-restore > .singlebutton {text-align:right;}
 711 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
 712
 713 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
 714 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
 715 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
 716 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
 717
 718 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
 719 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
 720 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
 721 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
 722
 723 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
 724 .corelightbox img {position:fixed;top:50%;}
 725
 726 /**
 727  * IE - Overide for RTL layout
 728  */
 729 .ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
 730
 731 .mod-indent-1 {margin-left:20px;}
 732 .mod-indent-2 {margin-left:40px;}
 733 .mod-indent-3 {margin-left:60px;}
 734 .mod-indent-4 {margin-left:80px;}
 735 .mod-indent-5 {margin-left:100px;}
 736 .mod-indent-6 {margin-left:120px;}
 737 .mod-indent-7 {margin-left:140px;}
 738 .mod-indent-8 {margin-left:160px;}
 739 .mod-indent-9 {margin-left:180px;}
 740 .mod-indent-10 {margin-left:200px;}
 741 .mod-indent-11 {margin-left:220px;}
 742 .mod-indent-12 {margin-left:240px;}
 743 .mod-indent-13 {margin-left:260px;}
 744 .mod-indent-14 {margin-left:280px;}
 745 .mod-indent-15,
 746 .mod-indent-huge {margin-left:300px;}
 747
 748 .dir-rtl .mod-indent-1 {margin-right:20px;margin-left:0;}
 749 .dir-rtl .mod-indent-2 {margin-right:40px;margin-left:0;}
 750 .dir-rtl .mod-indent-3 {margin-right:60px;margin-left:0;}
 751 .dir-rtl .mod-indent-4 {margin-right:80px;margin-left:0;}
 752 .dir-rtl .mod-indent-5 {margin-right:100px;margin-left:0;}
 753 .dir-rtl .mod-indent-6 {margin-right:120px;margin-left:0;}
 754 .dir-rtl .mod-indent-7 {margin-right:140px;margin-left:0;}
 755 .dir-rtl .mod-indent-8 {margin-right:160px;margin-left:0;}
 756 .dir-rtl .mod-indent-9 {margin-right:180px;margin-left:0;}
 757 .dir-rtl .mod-indent-10 {margin-right:200px;margin-left:0;}
 758 .dir-rtl .mod-indent-11 {margin-right:220px;margin-left:0;}
 759 .dir-rtl .mod-indent-12 {margin-right:240px;margin-left:0;}
 760 .dir-rtl .mod-indent-13 {margin-right:260px;margin-left:0;}
 761 .dir-rtl .mod-indent-14 {margin-right:280px;margin-left:0;}
 762 .dir-rtl .mod-indent-15,
 763 .dir-rtl .mod-indent-huge {margin-right:300px;margin-left:0;}
 764
 765 .dir-rtl .felement.feditor select {margin-right:18.75%;margin-left:auto;}
 766 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;}
 767
 768 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
 769 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
 770 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
 771
 772 /* Audio player size in 'inline' mode (can only change width, as above) */
 773 .mediaplugin_mp3 object {height:15px;width:300px}
 774 audio.mediaplugin_html5audio {width: 300px}
 775
 776 /* TinyMCE moodle media preview frame should not have padding */
 777 .core_media_preview.pagelayout-embedded #content {padding:0;}
 778 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
 779 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
 780
 781 /*
 782 Fix for SubScript & SuperScript
 783 ------------------------------*/
 784 sub {vertical-align: sub;}
 785 sup {vertical-align: super;}
 786
 787 /** Fix YUI 2 Treeview for Right to left languages **/
 788 .dir-rtl .ygtvtn,
 789 .dir-rtl .ygtvtm,
 790 .dir-rtl .ygtvtmh,
 791 .dir-rtl .ygtvtmhh,
 792 .dir-rtl .ygtvtp,
 793 .dir-rtl .ygtvtph,
 794 .dir-rtl .ygtvtphh,
 795 .dir-rtl .ygtvln,
 796 .dir-rtl .ygtvlm,
 797 .dir-rtl .ygtvlmh,
 798 .dir-rtl .ygtvlmhh,
 799 .dir-rtl .ygtvlp,
 800 .dir-rtl .ygtvlph,
 801 .dir-rtl .ygtvlphh,
 802 .dir-rtl .ygtvdepthcell,
 803 .dir-rtl .ygtvok,
 804 .dir-rtl .ygtvok:hover,
 805 .dir-rtl .ygtvcancel,
 806 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
 807
 808 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
 809 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
 810 .dir-rtl .ygtvtmh,
 811 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
 812 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
 813 .dir-rtl .ygtvtph,
 814 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
 815 .dir-rtl .ygtvln {background-position: 0 -1600px;}
 816 .dir-rtl .ygtvlm {background-position: 0 0;}
 817 .dir-rtl .ygtvlmh,
 818 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
 819 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
 820 .dir-rtl .ygtvlph,
 821 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
 822 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
 823 .dir-rtl .ygtvok {background-position: 0 -8800px;}
 824 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
 825 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
 826 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
 827
 828 .dir-rtl #yui-gen4.yui-layout-unit-left  {left:500px !important;}
 829 .dir-rtl #yui-gen6.yui-layout-unit-center {left:0px !important;}
 830 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
 831 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
 832
 833 /** Fix TinyMCE editor right to left **/
 834 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
 835 .dir-rtl .o2k7Skin table,
 836 .dir-rtl .o2k7Skin tbody,
 837 .dir-rtl .o2k7Skin a,
 838 .dir-rtl .o2k7Skin img,
 839 .dir-rtl .o2k7Skin tr,
 840 .dir-rtl .o2k7Skin div,
 841 .dir-rtl .o2k7Skin td,
 842 .dir-rtl .o2k7Skin iframe,
 843 .dir-rtl .o2k7Skin span,
 844 .dir-rtl .o2k7Skin *,
 845 .dir-rtl .o2k7Skin .mceText,
 846 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
 847
 848 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
 849 .path-rating .ratingtable th.rating {width:100%;}
 850 .path-rating .ratingtable td.rating,
 851 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
 852
 853 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
 854
 855 .course-content ul.weeks .content .summary ul,
 856 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
 857
 858 .course-content ul.weeks .content .summary ol,
 859 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
 860
 861 .dir-rtl #adminsettings #id_s__pathtodu,
 862 .dir-rtl #adminsettings #id_s__aspellpath,
 863 .dir-rtl #adminsettings #id_s__pathtodot,
 864 .dir-rtl #adminsettings #id_s__supportemail,
 865 .dir-rtl #adminsettings #id_s__supportpage,
 866 .dir-rtl #adminsettings #id_s__sessioncookie,
 867 .dir-rtl #adminsettings #id_s__sessioncookiepath,
 868 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
 869 .dir-rtl #adminsettings #id_s__proxyhost,
 870 .dir-rtl #adminsettings #id_s__proxyuser,
 871 .dir-rtl #adminsettings #id_s__proxypassword,
 872 .dir-rtl #adminsettings #id_s__proxybypass,
 873 .dir-rtl #adminsettings #id_s__jabberhost,
 874 .dir-rtl #adminsettings #id_s__jabberserver,
 875 .dir-rtl #adminsettings #id_s__jabberusername,
 876 .dir-rtl #adminsettings #id_s__jabberpassword,
 877 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
 878 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
 879 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
 880 .dir-rtl #adminsettings #id_s__docroot,
 881 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
 882 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
 883 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
 884 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
 885 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
 886 .dir-rtl #adminsettings #id_s__blockedip,
 887 .dir-rtl #adminsettings #id_s__pathtoclam,
 888 .dir-rtl #adminsettings #id_s__quarantinedir,
 889 .dir-rtl #adminsettings #id_s__sitepolicy,
 890 .dir-rtl #adminsettings #id_s__sitepolicyguest,
 891 .dir-rtl #adminsettings #id_s__cronremotepassword,
 892 .dir-rtl #adminsettings #id_s__allowedip,
 893 .dir-rtl #adminsettings #id_s__blockedip,
 894 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
 895 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
 896 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
 897 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
 898 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
 899 .dir-rtl #adminsettings #admin-emoticons .form-text,
 900 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
 901 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
 902 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
 903 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
 904 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
 905 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
 906
 907 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
 908
 909 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
 910
 911 /**
 912  * Chooser Dialogue
 913  *
 914  * This CSS belong to the chooser dialogue which should work both with, and
 915  * without javascript enabled
 916  */
 917 /* Hide the dialog and it's title */
 918 #chooserdialogue,
 919 #choosertitle {
 920     display:none;
 921 }
 922
 923 .modchooser .moodle-dialogue-hd {
 924     text-align: center;
 925 }
 926
 927 /* Center the submit buttons within the area */
 928 #choosercontainer #chooseform .submitbuttons {
 929     margin: 0.7em 0;
 930     text-align: center;
 931 }
 932
 933 /* Various settings for the options area */
 934 #choosercontainer #chooseform .options {
 935     position: relative;
 936     border-bottom: 1px solid grey;
 937     padding: 0.24em 0;
 938 }
 939
 940 /* Only set these options if we're showing the js container */
 941 .jsenabled #choosercontainer #chooseform .alloptions {
 942     max-height: 530px;
 943     overflow-x: hidden;
 944     overflow-y: auto;
 945     max-width: 18.15em;
 946 }
 947
 948 /* Settings for option rows and option subtypes */
 949 #choosercontainer #chooseform .moduletypetitle,
 950 #choosercontainer #chooseform .option,
 951 #choosercontainer #chooseform .nonoption {
 952     margin-bottom: 0;
 953     padding: 0 0 0 0.3em;
 954 }
 955
 956 #choosercontainer #chooseform .moduletypetitle {
 957     font-weight: bold;
 958     text-align : center;
 959 }
 960
 961 #choosercontainer #chooseform .subtype {
 962     margin-bottom: 0;
 963     padding: 0 0 0 1em;
 964 }
 965
 966 #choosercontainer #chooseform .option .typename,
 967 #choosercontainer #chooseform .option span.modicon img.icon {
 968     padding: 0 0 0 0.3em;
 969 }
 970
 971 #choosercontainer #chooseform .option input[type=radio],
 972 #choosercontainer #chooseform .option span.typename,
 973 #choosercontainer #chooseform .option span.modicon {
 974     vertical-align: middle;
 975 }
 976
 977 #choosercontainer #chooseform .option label {
 978     display: block;
 979     padding: 0.2em 0 0.2em 0;
 980 }
 981
 982 /* The instruction/help area */
 983 #choosercontainer #chooseform .instruction,
 984 .jsenabled #choosercontainer #chooseform .typesummary {
 985     display: none;
 986     position: absolute;
 987     top: 0px;
 988     right: 0px;
 989     bottom: 0px;
 990     left: 18.5em;
 991     margin: 0;
 992     border-left: 1px solid grey;
 993     padding: 0.3em 0.5em;
 994     background-color: white;
 995     overflow-x: hidden;
 996     overflow-y: auto;
 997     max-height: 550px;
 998 }
 999
1000 /* Selected option settings */
1001 .jsenabled #choosercontainer #chooseform .instruction,
1002 #choosercontainer #chooseform .selected .typesummary {
1003     display: block;
1004 }
1005 #choosercontainer #chooseform .selected {
1006     background-color: #ddd;
1007 }
1008