theme/base/style/core.css

   1 /**
   2  * Required to undo YUI resets that override input size, margin, etc.
   3  */
   4 input[type=text],input[type=password],textarea{width:auto;}
   5 input[type=checkbox],input[type=radio]{margin-right: 7px;}
   6
   7 /* Fix for YUI overriding styles */
   8 strong{font-style:inherit;}em{font-weight:inherit;}
   9
  10 /**
  11  * General
  12  */
  13 th,
  14 td,
  15 a img {border-width:0;}
  16 acronym,
  17 abbr {cursor: help;}
  18 .dir-ltr,
  19 .mdl-left,
  20 .dir-rtl .mdl-right {text-align: left;}
  21 .dir-rtl,
  22 .mdl-right,
  23 .dir-rtl .mdl-left {text-align: right;}
  24 #add,
  25 #remove,
  26 .centerpara,
  27 .mdl-align {text-align: center;}
  28 a.dimmed,
  29 a.dimmed:link,
  30 a.dimmed:visited,
  31 a.dimmed_text,
  32 a.dimmed_text:link,
  33 a.dimmed_text:visited,
  34 .dimmed_text,
  35 .dimmed_text a,
  36 .dimmed_text a:link,
  37 .dimmed_text a:visited,
  38 .usersuspended,
  39 .usersuspended a,
  40 .usersuspended a:link,
  41 .usersuspended a:visited,
  42 .dimmed_category,
  43 .dimmed_category a,
  44 .dimmed_category a:link,
  45 .dimmed_category a:visited {
  46     color: #AAA;
  47 }
  48 .activity.label .dimmed_text {
  49     opacity: 0.5;
  50     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  51     filter: alpha(opacity=50);
  52 }
  53 .unlist,
  54 .unlist li,
  55 .inline-list,
  56 .inline-list li,
  57 .block .list,
  58 .block .list li,
  59 .sitetopic .section li.activity,
  60 .course-content .section li.activity,
  61 .sitetopic .section li.movehere,
  62 .course-content .section li.movehere {
  63     list-style: none;
  64     margin: 0;
  65     padding: 0;
  66 }
  67 .course-content .current {background:#E3E3E3;}
  68
  69 .inline,
  70 .inline-list li {display: inline;}
  71 .notifytiny {font-size:0.7em;}
  72 .notifytiny li,
  73 .notifytiny td {font-size:100%;}
  74 .red,
  75 .notifyproblem {color:#660000;}
  76 .green,
  77 .notifysuccess {color:#006600;}
  78 .reportlink {text-align:right;}
  79 a.autolink.glossary:hover {cursor: help;}
  80 /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
  81 .collapsibleregioncaption {white-space: nowrap;}
  82 .collapsibleregioncaption img {vertical-align: middle;}
  83 .jsenabled .hiddenifjs {display: none;}
  84 .visibleifjs {display: none;}
  85 .jsenabled .visibleifjs {display: inline;}
  86 .jsenabled .collapsibleregion {overflow:hidden;}
  87 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
  88 .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;}
  89 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
  90 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
  91 .bold,
  92 .warning,
  93 .errorbox .title,
  94 .pagingbar .title,
  95 .pagingbar .thispage,
  96 #site-news-forum h2,
  97 #frontpage-course-list h2,
  98 #frontpage-category-names h2,
  99 #frontpage-category-combo h2 {font-weight: bold;}
 100 img.resize {height: 1em;width: 1em;}
 101 .block img.resize,
 102 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
 103
 104 /* Icon styles */
 105 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
 106 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
 107 img.iconsmall {height:12px;margin-right:3px; margin-left: 3px;vertical-align:middle;width:12px;}
 108 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
 109 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
 110 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
 111 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
 112 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
 113 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
 114 img.iconkbhelp {height:17px;width:49px;}
 115 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
 116 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
 117
 118 .generalbox {border:1px solid;}
 119 .boxaligncenter {margin-left:auto;margin-right:auto;}
 120 .boxalignright {margin-left:auto;margin-right:0;}
 121 .boxalignleft {margin-left:0;margin-right:auto;}
 122 .boxwidthnarrow {width: 30%;}
 123 .boxwidthnormal {width: 50%;}
 124 .boxwidthwide {width: 80%;}
 125 .buttons .singlebutton,
 126 .buttons .singlebutton form,
 127 .buttons .singlebutton div {display: inline;}
 128 .buttons .singlebutton input {margin:20px 5px;}
 129 .headermain {font-weight:bold;}
 130 #maincontent {display: block;height: 1px;overflow: hidden;}
 131 img.uihint {cursor: help;}
 132 #addmembersform table {margin-left: auto;margin-right: auto;}
 133 .formtable tbody th,
 134 .generaltable th.header {vertical-align: top;}
 135 .cell {vertical-align: top;}
 136 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
 137 form.popupform,
 138 form.popupform div {display: inline;}
 139 .arrow_button input {overflow:hidden;}
 140 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;}
 141 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;}
 142 h1 img.icon,
 143 h1 img.iconhelp,
 144 h2 img.icon,
 145 h2 img.iconhelp,
 146 h3 img.icon,
 147 h3 img.iconhelp,
 148 h4 img.icon,
 149 h4 img.iconhelp,
 150 h5 img.icon,
 151 h5 img.iconhelp,
 152 h6 img.icon,
 153 h6 img.iconhelp {
 154     vertical-align: middle;
 155     padding: 4px;
 156 }
 157
 158 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 159 .no-overflow {overflow:auto;padding-bottom:1px;}
 160 .pagelayout-report .no-overflow {overflow:visible;}
 161 .no-overflow > .generaltable {margin-bottom:0;}
 162 .ie6 .no-overflow {width:100%;}
 163
 164 /** IE6 float + background bug solution **/
 165 .ie6 li.section {line-height:1.2em;width:100%;}
 166
 167 /**
 168  * Accessibility features
 169  */
 170 /*Accessibility: text 'seen' by screen readers but not visual users. */
 171 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
 172 .dir-rtl .accesshide {top:-30000px;left:auto;}
 173 span.hide,
 174 div.hide {display:none;}
 175 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
 176 /*Accessibility: Skip block link, for keyboard-only users. */
 177 a.skip-block,
 178 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
 179 a.skip-block:focus,
 180 a.skip-block:active,
 181 a.skip:focus,
 182 a.skip:active {position: static;display: block;}
 183 .skip-block-to {display: block;height: 1px;overflow: hidden;}
 184 /* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
 185 .arrow,
 186 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
 187
 188 /**
 189  * Header
 190  */
 191 .headermain {float:left;margin:15px;font-size:2.3em;}
 192 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
 193 #course-header {clear:both;}
 194
 195 /**
 196  * User menu
 197  */
 198 .usermenu {
 199
 200 }
 201 .usermenu .moodle-actionmenu {  }
 202 .usermenu .moodle-actionmenu .toggle-display {
 203     display: block;
 204     opacity: 1;
 205     height: 40px;
 206     line-height: 40px;
 207     padding: 6px;
 208     color: inherit;
 209 }
 210 .usermenu .moodle-actionmenu .toggle-display .userbutton {
 211     height: 40px;
 212     line-height: 40px;
 213 }
 214 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
 215     display: inline-block;
 216     height: 36px;
 217     width: 36px;
 218     vertical-align: middle;
 219     margin-right: 6px;
 220     margin-left: 6px;
 221 }
 222 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
 223 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
 224     display: block;
 225 }
 226 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
 227     display: inline-block;
 228     vertical-align: middle;
 229     font-size: 14px;
 230     line-height: 1em;
 231     color: #777;
 232 }
 233 .usermenu .moodle-actionmenu:hover .toggle-display .userbutton .usertext {
 234     color: #000;
 235 }
 236 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
 237 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
 238     display: block;
 239     font-size: 12px;
 240 }
 241 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
 242 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
 243     font-weight: bold;
 244 }
 245 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
 246     font-weight: bold;
 247 }
 248 /* Hide caret when JS is disabled. */
 249 .usermenu .moodle-actionmenu .toggle-display .caret {
 250     display: none;
 251 }
 252 /* A little bit of visual feedback for the action menu when Javascript is disabled. */
 253 .usermenu .moodle-actionmenu .menu .menu-action.icon img {
 254     border-radius: 0;
 255     background: transparent;
 256     box-shadow: none;
 257 }
 258 .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
 259     background: #fff;
 260     border-radius: 2px;
 261     box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
 262 }
 263 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
 264 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
 265     border-radius: 0;
 266     background: transparent;
 267     box-shadow: none;
 268 }
 269 .userloggedinas .usermenu .userbutton .avatars .avatar {
 270     overflow: hidden;
 271 }
 272 .userloggedinas .usermenu .userbutton .avatars .avatar img {
 273     width: inherit;
 274     height: inherit;
 275 }
 276 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
 277     position: relative;
 278     top: 4px;
 279     left: 4px;
 280     width: 20px;
 281     height: 20px;
 282     margin-top: 11px;
 283     margin-bottom: -34px;
 284     border: 1px solid #fff;
 285     border-radius: 50%;
 286     box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
 287 }
 288
 289 .jsenabled .usermenu .moodle-actionmenu .toggle-display {
 290     display: block;
 291 }
 292 .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
 293     display: inline-block;
 294     position: relative;
 295     top: 9px;
 296 }
 297 .jsenabled .usermenu .moodle-actionmenu > .menubar {
 298     display: block;
 299     margin: 0px 0px 2px 0px;
 300 }
 301 .jsenabled .usermenu .moodle-actionmenu > .menu {
 302     min-width: 160px;
 303     font-size: 14px;
 304 }
 305 .jsenabled .usermenu .moodle-actionmenu > .menu .filler {
 306     display: block;
 307     height: 1px;
 308     margin: 9px 1px;
 309     overflow: hidden;
 310     background-color: #e5e5e5;
 311     border-bottom: 1px solid #fff;
 312 }
 313 .jsenabled .usermenu .moodle-actionmenu.show .menu {
 314     padding: 5px 0;
 315     margin: 2px 0 0;
 316     background-clip: padding-box;
 317 }
 318 .jsenabled .usermenu .moodle-actionmenu.show .menu:before {
 319     content: '';
 320     display: inline-block;
 321     border-left:   7px solid transparent;
 322     border-right:  7px solid transparent;
 323     border-bottom: 7px solid #ccc;
 324     border-bottom-color: rgba(0,0,0,.2);
 325     position: absolute;
 326     top: -7px;
 327 }
 328 .jsenabled .usermenu .moodle-actionmenu.show .menu:after {
 329     content: '';
 330     display: inline-block;
 331     border-left:   6px solid transparent;
 332     border-right:  6px solid transparent;
 333     border-bottom: 6px solid #fff;
 334     position: absolute;
 335     top: -6px;
 336 }
 337 .jsenabled .usermenu .moodle-actionmenu.show .menu li a {
 338     white-space: nowrap;
 339     border-radius: 0;
 340 }
 341 .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus,
 342 .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
 343     text-decoration: none;
 344 }
 345
 346 .dir-ltr .usermenu {
 347     float: right;
 348 }
 349 .dir-ltr .usermenu > .moodle-actionmenu > .menu:before {
 350     right: 9px;
 351 }
 352 .dir-ltr .usermenu > .moodle-actionmenu > .menu:after {
 353     right: 10px;
 354 }
 355 .dir-ltr .usermenu > .moodle-actionmenu > .menubar li a {
 356     text-align: right;
 357 }
 358 .dir-ltr.userloggedinas .usermenu .userbutton .avatars .avatar.current {
 359     left: 16px;
 360 }
 361
 362 .dir-rtl .usermenu {
 363     float: left;
 364 }
 365 .dir-rtl .usermenu > .moodle-actionmenu > .menu {
 366     margin-right: 0px;
 367 }
 368 .dir-rtl .usermenu > .moodle-actionmenu > .menu:before {
 369     left: 9px;
 370 }
 371 .dir-rtl .usermenu > .moodle-actionmenu > .menu:after {
 372     left: 10px;
 373 }
 374 .dir-rtl .usermenu > .moodle-actionmenu > .menubar li a {
 375     text-align: left;
 376 }
 377 .dir-rtl.userloggedinas .usermenu .userbutton .avatars .avatar.current {
 378     left: -14px;
 379 }
 380
 381 /**
 382  * Navbar
 383  */
 384 .navbar {clear:both;overflow:hidden;}
 385 .ie6 .navbar {overflow:hidden;height:100%;}
 386 .breadcrumb {float:left;}
 387 .navbutton {text-align:right;}
 388 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
 389 .navbutton {float: right;}
 390 .navbutton .singlebutton {margin-left: 4px}
 391 .breadcrumb li,
 392 .navbutton div,
 393 .navbutton form {display:inline;}
 394
 395 /**
 396  * Footer
 397  */
 398 #page-footer {text-align:center;font-size:0.9em;}
 399 #page-footer .homelink {margin: 1em 0;}
 400 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
 401 #page-footer .logininfo,
 402 #page-footer .sitelink,
 403 #page-footer .helplink {margin:0px 10px;}
 404 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
 405 #page-footer .performanceinfo span {display:block;}
 406 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
 407 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
 408 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
 409
 410 #page-footer .performanceinfo .cachesused {margin-top:1em;}
 411 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;}
 412 #page-footer .performanceinfo .cachesused .cache-definition-stats {margin:0.3em;padding:0px;border:1px solid #999;display:inline-block;vertical-align:top;min-height:4em;color:#000;background-color:#eee;}
 413 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;}
 414 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;}
 415 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
 416 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;}
 417 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;}
 418 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;}
 419 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;}
 420
 421 #course-footer {clear:both;}
 422
 423 /**
 424  * Tabs
 425  */
 426 .tabtree {position:relative;margin-bottom:3.5em;}
 427 .tabtree li {display:inline;}
 428 .tabtree ul {margin:5px;}
 429 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
 430 .tabtree ul li.here .empty {display:none;}
 431
 432 /**
 433  * Mforms
 434  */
 435 .mform fieldset {border:1px solid;}
 436 .mform fieldset fieldset {border-width:0;}
 437 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
 438 .mform fieldset div {margin:10px;margin-top:0;}
 439 .mform fieldset div div {margin:0;}
 440 .mform fieldset .advancedbutton {text-align:right;}
 441 .mform fieldset.hidden {border-width:0;}
 442 .mform fieldset.group {margin-bottom: 0}
 443 .mform fieldset.error {border: 1px solid #A00;}
 444 .collapsible-actions {display: none;}
 445 .jsenabled .collapsible-actions {text-align: right; display: block;}
 446 .dir-rtl .collapsible-actions {text-align: left;}
 447 .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
 448 .dir-rtl .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
 449 .collapse-all,
 450 .dir-rtl .collapse-all {background-image: url([[pix:t/expanded]]);}
 451 .mform fieldset legend {padding: 0 0.35em;}
 452 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;}
 453 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);}
 454 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;}
 455 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
 456 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
 457 .jsenabled .mform .containsadvancedelements .advanced {display: none;}
 458 .mform .containsadvancedelements .advanced.show {display: block;}
 459 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
 460 .dir-rtl .mform .fitem .fitemtitle {text-align:left;}
 461 .mform .fitem .fitemtitle div {display: inline;}
 462 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
 463 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
 464 .mform .error,
 465 .mform .required {color:#A00;}
 466 .mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;}
 467 .mform .required .fgroup span label {color:#000;}
 468 .mform .fdescription.required {color:#A00;text-align:right;}
 469 .dir-rtl .mform .fdescription.required {text-align:left;}
 470 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
 471 .mform .ftextarea #id_alltext {width: 100%;}
 472 .mform ul.file-list {padding:0;margin:0;list-style:none;}
 473 .mform label { display: inline-block; }
 474 .mform .iconhelp { margin-left: 4px; }
 475 .dir-rtl .mform .iconhelp { margin-right: 4px; }
 476 .mform label .req,
 477 .mform label .adv {cursor: help;}
 478 .mform .fcheckbox input {margin-left: 0;}
 479 .mform .fcheckbox label,
 480 .mform .fduration label,
 481 .mform .fitem fieldset.fgroup label,
 482 .mform .fradio label,
 483 .mform fieldset.fdate_selector label,
 484 .mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;}
 485 .dir-rtl .mform .fcheckbox label,
 486 .dir-rtl .mform .fduration label,
 487 .dir-rtl .mform .fitem fieldset.fgroup label,
 488 .dir-rtl .mform .fradio label,
 489 .dir-rtl .mform fieldset.fdate_selector label,
 490 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;}
 491 .mform .ftags label.accesshide {display: block;position: static;}
 492 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
 493 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;}
 494 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; }
 495 .mform .moreless-less {background-image: url([[pix:t/less]]);}
 496 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
 497 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
 498 .mform legend .helplink img { margin-right: .2em; }
 499 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
 500 .urlselect label,
 501 .singleselect label { margin-right: .3em; }
 502 .dir-rtl .urlselect label,
 503 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
 504
 505 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;}
 506 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;}
 507 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); }
 508 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; }
 509 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
 510
 511 .mform .btn-cancel, .mform .btn-cancel:active, .mform .btn-cancel[disabled] { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-left: .5em;}
 512 .mform .btn-cancel { border-color: transparent; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; color: #0088CC; cursor: pointer; }
 513 .mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; }
 514 .mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; }
 515
 516 input#id_externalurl {direction:ltr;}
 517 #portfolio-add-button {display:inline;}
 518
 519 /**
 520  * Show the labels above text editors and file managers except on wide screens.
 521  */
 522 #region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
 523     font-weight: bold;
 524 }
 525 @media (max-width: 1199px) {
 526     #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
 527         display: block;
 528         margin-top: 4px;
 529         margin-bottom: 4px;
 530         text-align: left;
 531         width: 100%;
 532     }
 533     #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
 534         display: inline-block;
 535         width: auto;
 536         margin-right: 8px;
 537     }
 538     .dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
 539         margin-right: 0px;
 540         margin-left: 8px;
 541     }
 542     .dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
 543         text-align: right;
 544     }
 545
 546     #region-main .mform:not(.unresponsive) .fitem .felement {
 547         margin-left: 0;
 548         width: 100%;
 549         float: left;
 550         margin-bottom: 6px;
 551         padding-left: 0;
 552         padding-right: 0;
 553     }
 554     #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
 555         display: none;
 556     }
 557     #region-main .mform:not(.unresponsive) .femptylabel .felement {
 558         display: inline-block;
 559         margin-top: 4px;
 560         width: auto;
 561     }
 562     .dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement {
 563         margin-right: 0;
 564         float: right;
 565         padding-right: 0;
 566         padding-left: 0;
 567     }
 568     #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
 569     #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
 570         display: inline-block;
 571         width: auto;
 572     }
 573     .dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
 574         float: right;
 575     }
 576     #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
 577         padding: 6px;
 578     }
 579 }
 580
 581 /**
 582  * phpinfo styles
 583  */
 584 .phpinfo .center {text-align: center;}
 585 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
 586 .phpinfo .center th {text-align: center;}
 587 .phpinfo .e,
 588 .phpinfo .v,
 589 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
 590 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
 591 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
 592
 593 /**
 594  * Blogs
 595  */
 596 .addbloglink {text-align: center;}
 597 .blog_entry .audience {text-align: right;padding-right: 4px;}
 598 .blog_entry .tags {margin-top: 15px;}
 599 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
 600 .blog_entry .content {margin-left: 43px;}
 601
 602 /**
 603  * Group
 604  */
 605 #page-group-index #groupeditform {text-align: center;}
 606 #doc-contents h1 {margin: 1em 0 0 0;}
 607 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
 608 #doc-contents ul li {list-style-type: none;}
 609 .groupmanagementtable td {vertical-align: top;}
 610 .groupmanagementtable #existingcell,
 611 .groupmanagementtable #potentialcell {width: 42%;}
 612 .groupmanagementtable #buttonscell {width: 16%;}
 613 .groupmanagementtable #buttonscell input {width: 80%;}
 614 .groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;}
 615 .groupmanagementtable #removeselect_wrapper,
 616 .groupmanagementtable #addselect_wrapper {width: 100%;}
 617 .groupmanagementtable #removeselect_wrapper label,
 618 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
 619 .dir-rtl .groupmanagementtable p {text-align: right;}
 620 #group-usersummary {width: 14em;}
 621 .groupselector {margin-top: 3px;margin-bottom: 3px;display: inline-block;}
 622
 623 /**
 624  * Login
 625  */
 626 .loginbox {margin:15px;overflow:visible;}
 627 .loginbox.twocolumns {margin:15px;}
 628 .loginbox h2,
 629 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
 630 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;}
 631 .loginbox .signuppanel .subcontent {text-align:left;}
 632 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
 633 .loginbox .loginsub {margin-left:0;margin-right:0;}
 634 .loginbox .guestsub,
 635 .loginbox .forgotsub,
 636 .loginbox .potentialidps {margin:5px 12%;}
 637 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
 638 .loginbox .potentialidps .potentialidplist div {text-align:left;}
 639 .loginbox .loginform {margin-top:1em;text-align:left;}
 640 .loginbox .loginform .form-label {float:left;text-align:right;width:49%;white-space:nowrap;}
 641 .loginbox .loginform .form-input {float:right;width:50%;}
 642 .dir-rtl .loginbox .loginform .form-input {margin-right: 1%;}
 643 .loginbox .loginform .form-input input {width: 6em;}
 644 .loginbox .signupform {margin-top:1em;text-align:center;}
 645 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
 646 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
 647 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
 648 .dir-rtl .loginbox.twocolumns .loginpanel, .dir-rtl.loginbox.twocolumns .signuppanel {float:right;}
 649
 650 /**
 651  * Notes
 652  */
 653 .notepost {margin-bottom: 1em;}
 654 .notepost .userpicture {float: left;margin-right: 5px;}
 655 .notepost .content,
 656 .notepost .footer {clear: both;}
 657 .notesgroup {margin-left:20px;}
 658
 659 /**
 660  * My Moodle
 661  */
 662 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
 663 .path-my .coursebox .info {float: none; margin: 0;}
 664
 665 /**
 666  * Logs
 667  */
 668 .logtable th {text-align:left;}
 669
 670 /**
 671  * Modules
 672  */
 673 .mod_introbox {border:1px solid;padding:10px;}
 674 table.mod_index {width:100%;}
 675
 676 /**
 677  * Comments
 678  */
 679 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
 680 .comment-ctrl h5 {margin:0;padding: 5px;}
 681 .comment-area {max-width: 400px;padding: 5px;}
 682 .comment-area textarea {width:100%;overflow:auto;}
 683 .comment-area .fd {text-align:right;}
 684 .comment-meta span {color:gray;}
 685 .comment-link img { vertical-align: text-bottom; }
 686 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
 687 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
 688 .comment-list li.first {display:none}
 689 .comment-paging{text-align:center;}
 690 .comment-paging .pageno{padding:2px;}
 691 .comment-paging .curpage{border:1px solid #CCC;}
 692 .comment-message .picture {width: 20px;float:left;}
 693 .dir-rtl .comment-message .picture {float:right;}
 694 .comment-message .text {margin:0;padding:0;}
 695 .comment-message .text p {padding:0;margin:0 18px 0 0;}
 696 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
 697 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
 698 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
 699 .comment-container {float:left;margin: 4px;}
 700 .comment-report-selectall{display:none}
 701 .comment-link {display:none}
 702 .jsenabled .comment-link {display:block}
 703 .jsenabled .showcommentsnonjs{display:none}
 704 .jsenabled .comment-report-selectall{display:inline}
 705
 706 /**
 707  * Completion progress report
 708  */
 709 .completion-expired {background:#FFDDDD;}
 710 .completion-expected {font-size:0.75em;}
 711 .completion-sortchoice,
 712 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
 713 .completion-progresscell {text-align:right;}
 714 .completion-expired .completion-expected {font-weight:bold;}
 715
 716 /**
 717  * Tags
 718  */
 719 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
 720 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
 721 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
 722 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
 723 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
 724 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
 725 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
 726 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
 727 #tag-description,
 728 #tag-blogs {width:100%;}
 729 #tag-management-box {margin-bottom:10px;line-height:20px;}
 730 #tag-user-table {padding:3px;clear: both;width:100%;}
 731 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
 732 img.user-image {height:100px;width:100px;}
 733 #small-tag-cloud-box {width:300px;margin:0 auto;}
 734 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
 735 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
 736 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
 737 #tag-search-box {text-align:center;margin:10px auto;}
 738 #tag-search-results-container {padding:0;width:100%;}
 739 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
 740 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
 741 span.flagged-tag,
 742 span.flagged-tag a {color:#FF0000;}
 743 table#tag-management-list {text-align:left;width:100%;}
 744 table#tag-management-list td,
 745 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
 746 .tag-management-form {text-align:center;}
 747 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
 748 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
 749 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
 750 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
 751 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
 752 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
 753 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
 754 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
 755 h2.tag-heading,
 756 div#tag-description,
 757 div#tag-blogs,
 758 body.tag .managelink {padding: 5px;}
 759 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
 760 .tag_cloud .s19 {font-size: 1.5em;}
 761 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
 762 .tag_cloud .s17 {font-size: 1.4em;}
 763 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
 764 .tag_cloud .s15 {font-size: 1.3em;}
 765 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
 766 .tag_cloud .s13 {font-size: 1.2em;}
 767 .tag_cloud .s12,
 768 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
 769 .tag_cloud .s10,
 770 .tag_cloud .s9 {font-size: 1.1em;}
 771 .tag_cloud .s8,
 772 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
 773 .tag_cloud .s6,
 774 .tag_cloud .s5 {font-size: 1em;}
 775 .tag_cloud .s4,
 776 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
 777 .tag_cloud .s2,
 778 .tag_cloud .s1 {font-size: 0.9em;}
 779 .tag_cloud .s0 {font-size: 0.8em;}
 780
 781 /*
 782  * Backup and Restore CSS
 783  */
 784 .path-backup .mform .grouped_settings.section_level {clear:both;}
 785 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
 786 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
 787 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
 788 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
 789 .path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
 790 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
 791 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
 792 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
 793 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
 794 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
 795 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
 796 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
 797 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
 798 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
 799 .path-backup .backup_progress {text-align:center;}
 800 .path-backup .backup_progress span.backup_stage {color:#999;}
 801 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
 802 .path-backup .backup_progress .backup_stage.backup_stage_next {}
 803 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
 804 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
 805 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
 806 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
 807 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
 808 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
 809 .path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px;}
 810 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
 811 .path-backup .wibbler .state0 { background: #eee; }
 812 .path-backup .wibbler .state1 { background: #ddd; }
 813 .path-backup .wibbler .state2 { background: #ccc; }
 814 .path-backup .wibbler .state3 { background: #bbb; }
 815 .path-backup .wibbler .state4 { background: #aaa; }
 816 .path-backup .wibbler .state5 { background: #999; }
 817 .path-backup .wibbler .state6 { background: #888; }
 818 .path-backup .wibbler .state7 { background: #777; }
 819 .path-backup .wibbler .state8 { background: #666; }
 820 .path-backup .wibbler .state9 { background: #555; }
 821 .path-backup .wibbler .state10 { background: #444; }
 822 .path-backup .wibbler .state11 { background: #333; }
 823 .path-backup .wibbler .state12 { background: #222; }
 824 .path-backup .backup_log { margin-top: 2em; }
 825 .path-backup .backup_log h2 { font-size: 1em; }
 826 .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
 827
 828 /*
 829  * CSS for availability options on module and section. This is taken from the
 830  * Bootstrap version and tweaked so it works on base.
 831  */
 832 #fitem_id_availabilityconditionsjson .label {
 833     background: #999;
 834     padding: 2px 4px;
 835     border-radius: 4px;
 836     font-size: 0.8em;
 837     font-weight: bold;
 838     color: #fff;
 839 }
 840 #fitem_id_availabilityconditionsjson .label-warning {
 841     background: #f89406;
 842     position:relative;
 843     top: -1px;
 844 }
 845 #fitem_id_availabilityconditionsjson .label:empty {
 846     display: none;
 847 }
 848 #fitem_id_availabilityconditionsjson *[aria-hidden=true] {
 849     display: none;
 850 }
 851 x#fitem_id_availabilityconditionsjson select,
 852 x#fitem_id_availabilityconditionsjson input[type=text] {
 853     position:relative;
 854     top: 4px;
 855 }
 856 #fitem_id_availabilityconditionsjson label {
 857     display: inline;
 858 }
 859 #fitem_id_availabilityconditionsjson .availability-group {
 860     margin-right: 8px;
 861 }
 862 .dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
 863     margin-right: 0;
 864     margin-left: 8px;
 865 }
 866 #fitem_id_availabilityconditionsjson .availability-item,
 867 #fitem_id_availabilityconditionsjson .availability-header {
 868     margin-bottom: 6px;
 869 }
 870 #fitem_id_availabilityconditionsjson .availability-none {
 871     margin-left: 20px;
 872     margin-bottom: 4px;
 873 }
 874 .dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
 875     margin-right: 20px;
 876     margin-left: 0;
 877 }
 878 #fitem_id_availabilityconditionsjson .availability-plugincontrols {
 879     padding: 4px 0px 4px 4px;
 880     background: none repeat scroll 0% 0% #eee;
 881     border: 1px solid #ddd;
 882     border-radius: 4px;
 883     display: inline-block;
 884     margin-right: 8px;
 885 }
 886 .dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
 887     padding-right: 4px;
 888     padding-left: 0px;
 889     margin-right: 0;
 890     margin-left: 8px;
 891 }
 892 #fitem_id_availabilityconditionsjson .availability-eye,
 893 #fitem_id_availabilityconditionsjson .availability-delete {
 894     margin-right: 8px;
 895 }
 896 .dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
 897 .dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
 898     margin-left: 8px;
 899     margin-right: 0;
 900 }
 901 #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
 902     display: inline;
 903     visibility: hidden;
 904 }
 905 #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
 906     vertical-align: top;
 907     margin-top: 12px;
 908 }
 909 #fitem_id_availabilityconditionsjson .availability-button {
 910     margin-left: 15px;
 911 }
 912 .dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
 913     margin-right: 15px;
 914     margin-left: 0;
 915 }
 916 #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
 917     display: inline-block;
 918     background: #eee;
 919     border: 1px solid #ddd;
 920     border-radius: 4px;
 921     padding: 6px;
 922     margin-bottom: 6px;
 923 }
 924 #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
 925     background: white;
 926 }
 927 #fitem_id_availabilityconditionsjson .availability-connector {
 928     margin-left: 20px;
 929     margin-bottom: 6px;
 930 }
 931 .dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
 932     margin-right: 20px;
 933     margin-left: 0;
 934 }
 935
 936 .mform .error .availability-field {
 937     color: black;
 938 }
 939
 940 .availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
 941     padding-left: 0;
 942     padding-right: 0;
 943     padding-bottom: 2px;
 944 }
 945 .availability-dialogue ul {
 946     display: block;
 947     margin: 0;
 948 }
 949 .availability-dialogue li {
 950     display: block;
 951     list-style-type: none;
 952     padding: 0 0 4px;
 953     clear: both;
 954     border-bottom: 1px solid #eee;
 955     margin-bottom: 4px;
 956 }
 957 .availability-dialogue ul button {
 958     float: left;
 959     margin-left: 1em;
 960     min-width: 140px;
 961     margin-top: 4px;
 962 }
 963 .dir-rtl .availability-dialogue ul button {
 964     float: right;
 965     margin-right: 1em;
 966     margin-left: 0;
 967 }
 968 .availability-dialogue label {
 969     margin-left: 170px;
 970     margin-right: 1em;
 971     margin-bottom: 0;
 972     display: block;
 973     line-height: 1.5;
 974 }
 975 .dir-rtl .availability-dialogue label {
 976     margin-right: 170px;
 977     margin-left: 1em;
 978 }
 979 .availability-dialogue .availability-buttons button {
 980     margin-left: 1em;
 981     margin-right: 1em;
 982     margin-top: 4px;
 983 }
 984
 985 /**
 986  * Web Service
 987  */
 988 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
 989
 990 /**
 991  * Custom menu
 992  */
 993 #custommenu {clear:both;}
 994 #custommenu .yui3-menu .yui3-menu {z-index:500;}
 995 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 996 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
 997 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
 998 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
 999 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
1000 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
1001 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
1002 #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;}
1003 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
1004 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
1005 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
1006 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
1007 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
1008
1009 /**
1010  * Fix for broken YUI images in the menunav component
1011  */
1012 #custommenu .yui3-menu-label,
1013 #custommenu .yui3-menuitem-content {cursor:pointer;}
1014 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
1015 #custommenu .yui3-menuitem-active,
1016 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
1017 #custommenu .yui3-menu-horizontal .yui3-menu-label,
1018 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
1019 #custommenu .yui3-menu-label,
1020 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
1021 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
1022
1023 /**
1024  * Dividers.
1025  */
1026 .yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider {
1027     overflow: hidden;
1028     width: 0;
1029     height: 24px;
1030     border-left: 1px solid #ddd;
1031 }
1032 .yui3-menu .yui3-menu .yui3-menuitem.divider {
1033     width: auto;
1034     height: 0;
1035     margin: 4px 1px;
1036     border-left: 0px none;
1037     border-top: 1px solid #ddd;
1038 }
1039 .yui3-menu .yui3-menuitem.divider a {
1040     visibility: invisible;
1041 }
1042
1043 /**
1044  * Smart Select Element
1045  */
1046 .smartselect {position:absolute;}
1047 .smartselect .smartselect_mask {background-color:#fff;}
1048 .smartselect ul  {padding: 0;margin: 0;}
1049 .smartselect ul li {list-style: none;}
1050 .smartselect .smartselect_menu {margin-right:5px;}
1051 .safari .smartselect .smartselect_menu {margin-left:2px;}
1052 .smartselect .smartselect_menu,
1053 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
1054 .smartselect .smartselect_menu.visible,
1055 .smartselect .smartselect_submenu.visible {display:block;}
1056 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
1057 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
1058 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
1059 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
1060 /** Spanning mode */
1061 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
1062 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
1063 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
1064 /** Compact mode */
1065 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
1066 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
1067 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
1068 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
1069 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
1070
1071 /**
1072  * Registration
1073  */
1074 #page-admin-registration-register .registration_textfield {width: 300px;}
1075
1076 /**
1077  * Enrol
1078  */
1079 .userenrolment {width:100%;border-collapse: collapse;}
1080 .userenrolment tr {vertical-align:top;}
1081 .userenrolment td {height:41px;padding:3px;}
1082 .userenrolment td > * {margin:3px;}
1083 .userenrolment .subfield {margin-right:5px;}
1084 .userenrolment .col_userdetails .subfield_picture {float:left;}
1085 .userenrolment .col_lastseen {width:150px;}
1086 .userenrolment .col_role {width:262px;}
1087 .userenrolment .col_role .roles,
1088 .userenrolment .col_group .groups {margin-right:30px;}
1089 .userenrolment .col_role .role,
1090 .userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;}
1091 .userenrolment .col_role .role a,
1092 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
1093 .userenrolment .col_role .addrole,
1094 .userenrolment .col_group .addgroup {float:right;}
1095 .userenrolment .col_role .addrole a img,
1096 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
1097 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
1098 .dir-rtl .userenrolment .col_role .role {float:right;}
1099
1100 .userenrolment .col_enrol .enrolment {float:left;}
1101 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
1102 #page-enrol-users .enrol_user_buttons {float:right;}
1103 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
1104 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
1105 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1106 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
1107 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
1108 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
1109 #page-enrol-users #filterform div,
1110 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
1111 #page-enrol-users #filterform .fitem {white-space:nowrap;}
1112 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
1113 #page-enrol-users #filterform select,
1114 #page-enrol-users #filterform .ftext input {width:8em;}
1115 #page-enrol-users #filterform #fitem_id_role,
1116 #page-enrol-users #filterform #fitem_id_ifilter,
1117 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
1118 #page-enrol-users .paging { clear: right; }
1119
1120 /**
1121 * Overide for RTL layout
1122 **/
1123 .dir-rtl .headermain {float:right;}
1124 .dir-rtl .headermenu {float:left; text-align: left; }
1125 .dir-rtl .breadcrumb {float:right;}
1126 .dir-rtl .navbutton {float: left;}
1127 .dir-rtl .navbutton .singlebutton {margin-right: 4px}
1128 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
1129 .dir-rtl .mform .fitem .fitemtitle {float:right;}
1130 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
1131 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
1132 .dir-rtl .yui3-menu-hidden {left: 0px;}
1133 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
1134 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
1135
1136 /**
1137  * Backup
1138  */
1139 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
1140 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
1141 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
1142 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
1143 .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;}
1144 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
1145 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
1146 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
1147 .backup-restore .activitytable {width:60%;min-width:500px;}
1148 .backup-restore .activitytable .modulename {width:100px;}
1149 .backup-restore .activitytable .moduleincluded {width:50px;}
1150 .backup-restore .activitytable .userinfoincluded {width:50px;}
1151 .backup-restore .detail-pair {}
1152 .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;}
1153 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
1154 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
1155 .backup-restore > .singlebutton {text-align:right;}
1156 .path-backup .mform .fgroup .proceedbutton,
1157 .path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;}
1158 .dir-rtl.path-backup .mform .fgroup .proceedbutton,
1159 .dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;}
1160
1161 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1162 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
1163 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
1164 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1165
1166 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1167 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
1168 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
1169 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1170
1171 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
1172 .corelightbox img {position:fixed;top:50%; left: 50%;}
1173
1174 .mod-indent {display:table-cell;}
1175 .label .mod-indent {float:left; padding-top:20px}
1176 .mod-indent-1    {width:30px;}
1177 .mod-indent-2    {width:60px;}
1178 .mod-indent-3    {width:90px;}
1179 .mod-indent-4    {width:120px;}
1180 .mod-indent-5    {width:150px;}
1181 .mod-indent-6    {width:180px;}
1182 .mod-indent-7    {width:210px;}
1183 .mod-indent-8    {width:240px;}
1184 .mod-indent-9    {width:270px;}
1185 .mod-indent-10   {width:300px;}
1186 .mod-indent-11   {width:330px;}
1187 .mod-indent-12   {width:360px;}
1188 .mod-indent-13   {width:390px;}
1189 .mod-indent-14   {width:420px;}
1190 .mod-indent-15   {width:450px;}
1191 .mod-indent-16,
1192 .mod-indent-huge {width:480px;}
1193
1194 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
1195 .dir-rtl .mform .fitem .felement input[name=email],
1196 .dir-rtl .mform .fitem .felement input[name=email2],
1197 .dir-rtl .mform .fitem .felement input[name=url],
1198 .dir-rtl .mform .fitem .felement input[name=idnumber],
1199 .dir-rtl .mform .fitem .felement input[name=phone1],
1200 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
1201
1202 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1203 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
1204 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
1205
1206 /** Large resource images should avoid hidden overflow **/
1207 .resourceimage {max-width: 100%;}
1208
1209 /* Audio player size in 'inline' mode (can only change width, as above) */
1210 .mediaplugin_mp3 object {height:15px;width:300px}
1211 audio.mediaplugin_html5audio {width: 300px}
1212
1213 /* TinyMCE moodle media preview frame should not have padding */
1214 .core_media_preview.pagelayout-embedded #content {padding:0;}
1215 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
1216 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
1217
1218 /*
1219 Fix for SubScript & SuperScript
1220 ------------------------------*/
1221 sub {vertical-align: sub;}
1222 sup {vertical-align: super;}
1223
1224 /** Fix YUI 2 Treeview for Right to left languages **/
1225 .dir-rtl .ygtvtn,
1226 .dir-rtl .ygtvtm,
1227 .dir-rtl .ygtvtmh,
1228 .dir-rtl .ygtvtmhh,
1229 .dir-rtl .ygtvtp,
1230 .dir-rtl .ygtvtph,
1231 .dir-rtl .ygtvtphh,
1232 .dir-rtl .ygtvln,
1233 .dir-rtl .ygtvlm,
1234 .dir-rtl .ygtvlmh,
1235 .dir-rtl .ygtvlmhh,
1236 .dir-rtl .ygtvlp,
1237 .dir-rtl .ygtvlph,
1238 .dir-rtl .ygtvlphh,
1239 .dir-rtl .ygtvdepthcell,
1240 .dir-rtl .ygtvok,
1241 .dir-rtl .ygtvok:hover,
1242 .dir-rtl .ygtvcancel,
1243 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
1244
1245 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
1246 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
1247 .dir-rtl .ygtvtmh,
1248 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
1249 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
1250 .dir-rtl .ygtvtph,
1251 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
1252 .dir-rtl .ygtvln {background-position: 0 -1600px;}
1253 .dir-rtl .ygtvlm {background-position: 0 0;}
1254 .dir-rtl .ygtvlmh,
1255 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
1256 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
1257 .dir-rtl .ygtvlph,
1258 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
1259 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
1260 .dir-rtl .ygtvok {background-position: 0 -8800px;}
1261 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
1262 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
1263 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
1264
1265 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
1266 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
1267
1268 /** Fix TinyMCE editor right to left **/
1269 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
1270 .dir-rtl .o2k7Skin table,
1271 .dir-rtl .o2k7Skin tbody,
1272 .dir-rtl .o2k7Skin a,
1273 .dir-rtl .o2k7Skin img,
1274 .dir-rtl .o2k7Skin tr,
1275 .dir-rtl .o2k7Skin div,
1276 .dir-rtl .o2k7Skin td,
1277 .dir-rtl .o2k7Skin iframe,
1278 .dir-rtl .o2k7Skin span,
1279 .dir-rtl .o2k7Skin *,
1280 .dir-rtl .o2k7Skin .mceText,
1281 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
1282
1283 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
1284 .path-rating .ratingtable th.rating {width:100%;}
1285 .path-rating .ratingtable td.rating,
1286 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
1287
1288 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
1289
1290 .course-content ul.weeks .content .summary ul,
1291 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
1292
1293 .course-content ul.weeks .content .summary ol,
1294 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
1295
1296 .dir-rtl #adminsettings #id_s__pathtodu,
1297 .dir-rtl #adminsettings #id_s__aspellpath,
1298 .dir-rtl #adminsettings #id_s__pathtodot,
1299 .dir-rtl #adminsettings #id_s__supportemail,
1300 .dir-rtl #adminsettings #id_s__supportpage,
1301 .dir-rtl #adminsettings #id_s__sessioncookie,
1302 .dir-rtl #adminsettings #id_s__sessioncookiepath,
1303 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
1304 .dir-rtl #adminsettings #id_s__proxyhost,
1305 .dir-rtl #adminsettings #id_s__proxyuser,
1306 .dir-rtl #adminsettings #id_s__proxypassword,
1307 .dir-rtl #adminsettings #id_s__proxybypass,
1308 .dir-rtl #adminsettings #id_s__jabberhost,
1309 .dir-rtl #adminsettings #id_s__jabberserver,
1310 .dir-rtl #adminsettings #id_s__jabberusername,
1311 .dir-rtl #adminsettings #id_s__jabberpassword,
1312 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
1313 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
1314 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
1315 .dir-rtl #adminsettings #id_s__docroot,
1316 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
1317 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
1318 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
1319 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
1320 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
1321 .dir-rtl #adminsettings #id_s__blockedip,
1322 .dir-rtl #adminsettings #id_s__pathtoclam,
1323 .dir-rtl #adminsettings #id_s__quarantinedir,
1324 .dir-rtl #adminsettings #id_s__sitepolicy,
1325 .dir-rtl #adminsettings #id_s__sitepolicyguest,
1326 .dir-rtl #adminsettings #id_s__cronremotepassword,
1327 .dir-rtl #adminsettings #id_s__allowedip,
1328 .dir-rtl #adminsettings #id_s__blockedip,
1329 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
1330 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
1331 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
1332 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
1333 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
1334 .dir-rtl #adminsettings #admin-emoticons .form-text,
1335 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
1336 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
1337 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
1338 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
1339 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
1340 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
1341
1342 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
1343
1344 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
1345 .initialbar a {padding-right: 2px;}
1346
1347 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1348 .moodle-dialogue-base .moodle-dialogue-lightbox {
1349     background-color:#AAA;
1350 }
1351
1352 .moodle-dialogue-base .moodle-dialogue {
1353     outline: #000 dotted 0;
1354 }
1355
1356 .moodle-dialogue-base .hidden,
1357 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
1358 .moodle-dialogue-base .moodle-dialogue {
1359     padding: 0;
1360     margin: 0;
1361     background: none;
1362     border: none;
1363     /* Override the z-index set incorrectly by the YUI dialogue */
1364     z-index: 600;
1365 }
1366
1367 .no-scrolling { overflow: hidden; }
1368
1369 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1370     left: 0px;
1371     top: 0px;
1372     right: 0px;
1373     bottom: -50px;
1374     position: fixed;
1375 }
1376 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1377     overflow: auto;
1378 }
1379 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1380     width: 28px;
1381     height: 16px;
1382     background-size: 100%;
1383 }
1384
1385
1386 .moodle-dialogue-base .moodle-dialogue-wrap {
1387     margin-top:-3px;
1388     margin-left:-3px;
1389     background-color: #FFFFFF;
1390     border: 1px solid #CCCCCC;
1391     border-radius: 10px;
1392     box-shadow: 5px 5px 20px 0px #666666;
1393     -webkit-box-shadow: 5px 5px 20px 0px #666666;
1394     -moz-box-shadow: 5px 5px 20px 0px #666666;
1395     overflow: hidden;
1396 }
1397 .moodle-dialogue-base h3 {
1398     margin: 0;
1399     line-height: 20px;
1400 }
1401 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1402 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1403     margin:0;
1404     padding:5px;
1405     font-size:12px;
1406     font-weight: normal;
1407     letter-spacing: 1px;
1408     color:#333333;
1409     text-align: center;
1410     text-shadow: 1px 1px 1px #FFFFFF;
1411     border-radius: 10px 10px 0px 0px;
1412     border-bottom: 1px solid #BBBBBB;
1413     background-color: #CCCCCC;
1414     -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
1415     -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1416     background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */
1417     background-image:    -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */
1418     background-image:     -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/
1419     background-image:      -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */
1420     background-image:         linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */
1421 }
1422
1423 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1424     margin:0;
1425     padding:0;
1426     display:inline;
1427     font-size: 100%;
1428     font-weight: bold;
1429 }
1430 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1431     padding: 5px;
1432 }
1433 .moodle-dialogue-base .closebutton {
1434     width:25px;
1435     height:15px;
1436     float:right;
1437     vertical-align:middle;
1438     display:inline-block;
1439     cursor:pointer;
1440     padding:0px;
1441     background-image:url([[pix:theme|sprite]]);
1442     background-repeat:no-repeat;
1443     border-style:none;
1444 }
1445 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1446     left: 0px;
1447     right: auto;
1448 }
1449
1450 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1451     padding: 1em;
1452     line-height: 2em;
1453     color: #555;
1454     font-size: 12px;
1455 }
1456
1457 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1458   padding:0px;
1459   background:#FFF;
1460 }
1461
1462 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1463     padding: 10px;
1464     font-size: 16px;
1465 }
1466
1467 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1468     overflow: auto;
1469     position: absolute;
1470     top: 0px;
1471     bottom: 50px;
1472     left: 0px;
1473     right: 0px;
1474     margin: 0px;
1475     border: 0px;
1476 }
1477 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1478 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1479     border-radius: 0px;
1480 }
1481
1482 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1483 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1484 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1485 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1486 .moodle-dialogue-exception .param-stacktrace label {
1487     background-color:#EEE;
1488     border:1px solid #ccc;
1489     border-bottom-width:0;
1490 }
1491
1492 .moodle-dialogue-exception .param-stacktrace pre {
1493     border:1px solid #ccc;
1494     background-color:#fff;
1495 }
1496
1497 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1498     color:navy;
1499     font-size:80%;
1500 }
1501 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1502     color:#AA0000;
1503     font-size:80%;
1504 }
1505 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1506     color:#333;
1507     font-size:90%;
1508     border-bottom:1px solid #eee;
1509 }
1510
1511 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1512     padding:0px;
1513     margin: 0.7em 1em;
1514     text-align: right;
1515     background-color: #FFF;
1516     font-size: 12px;
1517 }
1518
1519 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1520 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1521 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1522 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1523 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1524 .moodle-dialogue-exception .param-stacktrace label {
1525     display:block;
1526     margin:0;
1527     padding:4px 1em;
1528 }
1529 .moodle-dialogue-exception .param-stacktrace pre {
1530     display:block;
1531     height:200px;
1532     overflow:auto;
1533 }
1534
1535 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1536     display:inline-block;
1537     margin:4px 0;
1538 }
1539 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1540     display:inline-block;
1541     width:50px;
1542     margin:4px 1em;
1543 }
1544 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1545     padding-left:25px;
1546     margin-bottom:4px;
1547     padding-bottom:4px;
1548 }
1549
1550 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1551     opacity: .75;
1552     width: 100%;
1553     height: 100%;
1554     top: 0;
1555     left: 0;
1556     background-color: white;
1557     text-align: center;
1558     padding: 10% 0;
1559 }
1560
1561 /* Apply a default max-height on tooltip text */
1562 .moodle-dialogue .tooltiptext {
1563     max-height: 300px;
1564 }
1565 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1566     z-index: 3001;
1567 }
1568 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1569     overflow: auto;
1570 }
1571
1572 /* Question Bank - Question Chooser "Close" button */
1573 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1574
1575 /**
1576  * Chooser Dialogues (moodle-core-chooserdialogue)
1577  *
1578  * This CSS belong to the chooser dialogue which should work both with, and
1579  * without javascript enabled
1580  */
1581 /* Hide the dialog and it's title */
1582 .chooserdialoguebody,
1583 .choosertitle {
1584     display:none;
1585 }
1586 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1587     margin: 0;
1588 }
1589
1590 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1591     padding: 0px;
1592     background: #F2F2F2;
1593     border-bottom-left-radius: 10px;
1594     border-bottom-right-radius: 10px;
1595 }
1596
1597 /* Center the submit buttons within the area */
1598 .choosercontainer #chooseform .submitbuttons {
1599     padding: 0.7em 0;
1600     text-align: center;
1601 }
1602
1603 .choosercontainer #chooseform .submitbuttons input {
1604     min-width: 100px;
1605     margin: 0px 0.5em;
1606 }
1607
1608 /* Various settings for the options area */
1609 .choosercontainer #chooseform .options {
1610     position: relative;
1611     border-bottom: 1px solid #BBBBBB;
1612 }
1613
1614 /* Only set these options if we're showing the js container */
1615 .jschooser .choosercontainer #chooseform .alloptions {
1616     overflow-x: hidden;
1617     overflow-y: auto;
1618     max-width: 20.3em;
1619     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1620     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1621     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1622 }
1623 .dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
1624     max-width: 18.3em;
1625 }
1626
1627 /* Settings for option rows and option subtypes */
1628 .choosercontainer #chooseform .moduletypetitle,
1629 .choosercontainer #chooseform .option,
1630 .choosercontainer #chooseform .nonoption {
1631     margin-bottom: 0;
1632     padding: 0 1.6em 0 1.6em;
1633 }
1634
1635 .choosercontainer #chooseform .moduletypetitle {
1636     text-transform: uppercase;
1637     padding-top: 1.2em;
1638     padding-bottom: 0.4em;
1639 }
1640
1641 .choosercontainer #chooseform .option .typename,
1642 .choosercontainer #chooseform .option span.modicon img.icon,
1643 .choosercontainer #chooseform .nonoption .typename,
1644 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1645     padding: 0 0 0 0.5em;
1646 }
1647 .dir-rtl .choosercontainer #chooseform .option .typename,
1648 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1649 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1650 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1651     padding: 0 0.5em 0 0;
1652 }
1653
1654 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1655 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1656     height: 24px; width: 24px;
1657 }
1658
1659 .choosercontainer #chooseform .option input[type=radio],
1660 .choosercontainer #chooseform .option span.typename,
1661 .choosercontainer #chooseform .option span.modicon {
1662     vertical-align: middle;
1663 }
1664
1665 .choosercontainer #chooseform .option label {
1666     display: block;
1667     padding: 0.3em 0 0.1em 0;
1668     border-bottom: 1px solid #FFFFFF;
1669 }
1670
1671 .choosercontainer #chooseform .nonoption {
1672     padding-left: 2.7em;
1673     padding-top: 0.3em;
1674     padding-bottom: 0.1em;
1675 }
1676 .dir-rtl .choosercontainer #chooseform .nonoption {
1677     padding-right: 2.7em;
1678     padding-left: 0;
1679 }
1680
1681 .choosercontainer #chooseform .subtype {
1682     margin-bottom: 0;
1683     padding: 0 1.6em 0 3.2em;
1684 }
1685 .dir-rtl .choosercontainer #chooseform .subtype {
1686     padding: 0 3.2em 0 1.6em;
1687 }
1688
1689 .choosercontainer #chooseform .subtype .typename {
1690     margin: 0 0 0 0.2em;
1691 }
1692 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1693     margin: 0 0.2em 0 0;
1694 }
1695
1696 /* The instruction/help area */
1697 .jschooser .choosercontainer #chooseform .instruction,
1698 .jschooser .choosercontainer #chooseform .typesummary {
1699     display: none;
1700     position: absolute;
1701     top: 0px;
1702     right: 0px;
1703     bottom: 0px;
1704     left: 20.3em;
1705     margin: 0;
1706     padding: 1.6em;
1707     background-color: #FFFFFF;
1708     overflow-x: hidden;
1709     overflow-y: auto;
1710     line-height: 2em;
1711 }
1712
1713 .dir-rtl.jschooser .choosercontainer #chooseform .instruction,
1714 .dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
1715     left: 0px;
1716     right: 18.5em;
1717     border-right: 1px solid grey;
1718 }
1719
1720 /* Selected option settings */
1721 .jschooser .choosercontainer #chooseform .instruction,
1722 .choosercontainer #chooseform .selected .typesummary {
1723     display: block;
1724 }
1725
1726 .choosercontainer #chooseform .selected {
1727     background-color: #FFFFFF;
1728     box-shadow: 0px 0px 10px 0px #CCCCCC;
1729     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1730     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1731 }
1732 .section-modchooser-link img.smallicon { padding-right: 3px; }
1733 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1734
1735 /* Install Process' text fields Forms, should always be justified to the left */
1736 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1737 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1738 form#installform #id_dbpass, form#installform #id_prefix
1739 {direction: ltr;}
1740
1741 html[dir=rtl] .breadcrumb,
1742 html[dir=rtl] .headermain,
1743 html[dir=rtl] #page-header,
1744 html[dir=rtl] #page-content {float: right;}
1745
1746 html[dir=rtl] .formrow label.formlabel { float:right; }
1747
1748 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1749
1750 table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;}
1751 table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;}
1752 table.flexible .emptyrow {display: none;}
1753
1754 /* Form element: listing */
1755 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1756 .formlistinginputradio {float: left;}
1757 .formlistingmain {min-height: 225px;}
1758 .formlistingradiocontent {}
1759 .formlisting {
1760     position: relative;
1761     margin: 15px 0;
1762     padding: 1px 19px 14px;
1763     background-color: white;
1764     border: 1px solid #DDD;
1765     -webkit-border-radius: 4px;
1766     -moz-border-radius: 4px;
1767     border-radius: 4px;
1768 }
1769
1770 .formlistingmore {
1771     position: absolute;
1772     cursor: pointer;
1773     bottom: -1px;
1774     right: -1px;
1775     padding: 3px 7px;
1776     font-size: 12px;
1777     font-weight: bold;
1778     background-color: whiteSmoke;
1779     border: 1px solid #DDD;
1780     color: #9DA0A4;
1781     -webkit-border-radius: 4px 0 4px 0;
1782     -moz-border-radius: 4px 0 4px 0;
1783     border-radius: 4px 0 4px 0;
1784 }
1785
1786 .formlistingall {
1787     margin: 15px 0;
1788     padding: 0px 0px 0px;
1789     -webkit-border-radius: 4px;
1790     -moz-border-radius: 4px;
1791     border-radius: 4px;
1792 }
1793
1794 .formlistingrow {
1795     cursor: pointer;
1796     border-bottom: 1px solid;
1797     border-color: #E1E1E8;
1798     border-left: 1px solid #E1E1E8;
1799     border-right: 1px solid #E1E1E8;
1800     background-color: #F7F7F9;
1801     -webkit-border-radius: 0px 0px 4px 4px;
1802     -moz-border-radius: 0px 0px 4px 4px;
1803     padding: 6px;
1804     top: 50%;
1805     left: 50%;
1806     min-height: 34px;
1807     float:left;
1808     width: 150px;
1809 }
1810
1811 body.jsenabled .formlistingradio {
1812     display: none;
1813 }
1814
1815 body.jsenabled .formlisting {
1816     display: block;
1817 }
1818
1819 /**
1820  * Badges styles
1821  */
1822 #badge-overview h3,
1823 #badge h3 {
1824     clear: both;
1825     text-align: left;
1826     padding-top: 10px;
1827 }
1828 .dir-rtl #badge h3 {
1829     text-align: right;
1830 }
1831
1832 #badge-image,
1833 #badge-details {
1834     display: inline-block;
1835 }
1836 #badge-image {
1837     width: 200px;
1838     vertical-align: top;
1839 }
1840 #badge-image .singlebutton {
1841     padding-top: 5px;
1842     margin-left: 20px;
1843 }
1844 #badge-overview dl,
1845 #badge-details dl {
1846     margin: 0;
1847 }
1848 #badge-overview dt,
1849 #badge-details dt {
1850     font-weight: bold;
1851     clear: both;
1852     float: left;
1853     width: 20%;
1854 }
1855 #badge-overview dd,
1856 #badge-details dd {
1857     float: left;
1858     width: 75%;
1859 }
1860 #badge-overview dd,
1861 #badge-details dd,
1862 #badge-overview dt,
1863 #badge-details dt {
1864     padding: 3px 0;
1865 }
1866
1867 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1868 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1869
1870 table.collection th { font-size: inherit !important; border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; text-align: center !important; }
1871 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1872 table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; }
1873 table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; }
1874 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1875 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1876
1877 #page-badges-view table.collection .badgeimage,
1878 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1879 #page-badges-view table.collection .awards,
1880 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1881 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1882 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1883
1884 table.collection .name { text-align: left; vertical-align: middle; }
1885 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1886 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1887 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1888 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1889 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1890 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1891
1892 a.criteria-action { padding: 0px 3px; float: right; }
1893 .dir-rtl a.criteria-action { float: left; }
1894
1895 ul.badges { margin: 0; list-style: none; }
1896 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1897 .badges li .badge-name { display: block; padding: 5px; }
1898 .badges li > img { position: absolute; }
1899 .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; }
1900 .dir-rtl .badges li .badge-image { right: 10px; }
1901 .badges li .badge-actions { position: relative; }
1902
1903 div.badge { position: relative; display: block; }
1904 div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; }
1905 .expireimage { width: 100px; height: 100px; left: 25px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
1906
1907 .badge-profile { vertical-align: top; }
1908 .connected { color: #006600; }
1909 .notconnected { color: #660000; }
1910
1911 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1912 #page-badges-award .recipienttable tr td { vertical-align: top; }
1913 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1914 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1915 #page-badges-award .recipienttable tr td.existing,
1916 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1917
1918 #issued-badge-table .activatebadge {
1919     display: inline-block;
1920 }
1921 #issued-badge-table div.activatebadge {
1922     margin-left: 3px;
1923 }
1924 .statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;}
1925 .statusbox.active { background-color: #D9F991; }
1926 .statusbox.inactive { background-color: #FFEBA8; }
1927 .statusbox .activatebadge {
1928     display: inline-block;
1929 }
1930 .statusbox .activatebadge input[type=submit]{
1931     margin: 3px;
1932 }
1933 .dir-rtl .activatebadge { text-align: right; }
1934 .addcourse { float: right; }
1935 .dir-rtl .addcourse { float: left; }
1936 img#persona_signin { cursor: pointer; }
1937
1938 /**
1939  * The date selector popup.
1940  */
1941  div#dateselector-calendar-panel {
1942      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1943  }
1944
1945 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1946
1947 /** Action menu component styles **/
1948 .moodle-actionmenu,
1949 .moodle-actionmenu > ul,
1950 .moodle-actionmenu > ul > li {display: inline-block;}
1951 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1952 #page .moodle-actionmenu a.hidden {display: none;}
1953 .moodle-actionmenu .toggle-display,
1954 .moodle-actionmenu .menu-action-text {display: none;}
1955
1956 .jsenabled .block .editing_move {display: none;}
1957 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1958 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1959 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1960
1961 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1962     display: block;
1963     margin-left: 4px;
1964     padding-left: 4px;
1965     padding-right: 4px;
1966 }
1967
1968 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1969     margin-right: 4px;
1970     margin-left: initial;
1971 }
1972
1973 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
1974     margin: 8px 4px 0px 2px;
1975 }
1976
1977 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
1978     margin-top: 4px;
1979     margin-left: 2px;
1980 }
1981
1982 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
1983     margin-right: 2px;
1984     margin-left: initial;
1985 }
1986
1987 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1988 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
1989     display: inline;
1990 }
1991
1992 .moodle-actionmenu[data-enhanced].show {position: relative;}
1993 .moodle-actionmenu[data-enhanced].show .menu {position: absolute;text-align:left;z-index: 1000;display: block;background-color: #fff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 5px 5px 20px 0 #666666;-moz-box-shadow: 5px 5px 20px 0 #666666;box-shadow: 5px 5px 20px 0 #666666;}
1994 .moodle-actionmenu[data-enhanced].show .menu a {
1995     display: block;
1996     padding: 4px 1em 4px 28px;
1997     color: #333333;
1998 }
1999 .moodle-actionmenu[data-enhanced].show .menu a > img {
2000     margin: 4px 4px 4px -24px;
2001     padding: 4px;
2002     width: 12px;
2003     height: 12px;
2004 }
2005 .moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;}
2006 .moodle-actionmenu[data-enhanced].show .menu a:first-child {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;}
2007 .moodle-actionmenu[data-enhanced].show .menu a:last-child {-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;}
2008 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
2009 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
2010 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
2011 .block .moodle-actionmenu {text-align: right;}
2012
2013 .dir-rtl .block .moodle-actionmenu {text-align: right;}
2014 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
2015 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
2016
2017 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
2018 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;}
2019 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;}
2020 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;}
2021 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;}
2022 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2023 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;}
2024 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;}
2025 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;}
2026 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2027 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
2028 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;}
2029 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
2030 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;}
2031 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;}
2032 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
2033
2034 .moodle-actionmenu > ul > li[role="menuitem"] {
2035     display: none;
2036 }
2037
2038 .jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] {
2039     display: inline-block;
2040 }
2041
2042 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
2043 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
2044 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
2045 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
2046 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
2047 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
2048 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
2049 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
2050 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
2051 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
2052 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
2053 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
2054 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
2055 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
2056 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
2057 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
2058
2059 ul.dragdrop-keyboard-drag li { list-style-type: none; }
2060 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
2061
2062 .block .header h2,
2063 .course-content h3,
2064 .pagelayout-frontpage h2,
2065 .pagelayout-frontpage h3,
2066 .pagelayout-frontpage h4,
2067 .pagelayout-frontpage h5,
2068 .pagelayout-frontpage h6,
2069 .pagelayout-coursecategory h3,
2070 .pagelayout-coursecategory h4,
2071 .pagelayout-coursecategory h5,
2072 .pagelayout-coursecategory h6 {
2073     text-align: inherit;
2074 }
2075 a.disabled:hover,
2076 a.disabled {
2077     text-decoration: none;
2078     cursor: default;
2079     font-style: italic;
2080     color: #808080;
2081 }
2082
2083 .caret {
2084     display: inline-block;
2085     width: 0;
2086     height: 0;
2087     vertical-align: top;
2088     border-top: 4px solid #777;
2089     border-right: 4px solid transparent;
2090     border-left: 4px solid transparent;
2091     content: "";
2092 }
2093
2094 a:focus .caret,
2095 a:hover .caret {
2096     border-top-color: #555;
2097 }
2098
2099 /**
2100  * Bootstrap 2.3.2 progress bar css.
2101  * Required for none bootstrap theme.
2102  */
2103
2104 @-webkit-keyframes progress-bar-stripes {
2105     from {
2106         background-position: 40px 0;
2107     }
2108     to {
2109         background-position: 0 0;
2110     }
2111 }
2112
2113 @-moz-keyframes progress-bar-stripes {
2114     from {
2115         background-position: 40px 0;
2116     }
2117     to {
2118         background-position: 0 0;
2119     }
2120 }
2121
2122 @-ms-keyframes progress-bar-stripes {
2123     from {
2124         background-position: 40px 0;
2125     }
2126     to {
2127         background-position: 0 0;
2128     }
2129 }
2130
2131 @-o-keyframes progress-bar-stripes {
2132     from {
2133         background-position: 0 0;
2134     }
2135     to {
2136         background-position: 40px 0;
2137     }
2138 }
2139
2140 @keyframes progress-bar-stripes {
2141     from {
2142         background-position: 40px 0;
2143     }
2144     to {
2145         background-position: 0 0;
2146     }
2147 }
2148
2149 .progress {
2150     height: 20px;
2151     margin-bottom: 20px;
2152     overflow: hidden;
2153     background-color: #f7f7f7;
2154     background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
2155     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
2156     background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
2157     background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
2158     background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
2159     background-repeat: repeat-x;
2160     -webkit-border-radius: 4px;
2161     -moz-border-radius: 4px;
2162     border-radius: 4px;
2163     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
2164     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2165     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2166     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2167 }
2168
2169 .progress .bar {
2170     float: left;
2171     width: 0;
2172     height: 100%;
2173     font-size: 12px;
2174     color: #ffffff;
2175     text-align: center;
2176     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2177     background-color: #0e90d2;
2178     background-image: -moz-linear-gradient(top, #149bdf, #0480be);
2179     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
2180     background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
2181     background-image: -o-linear-gradient(top, #149bdf, #0480be);
2182     background-image: linear-gradient(to bottom, #149bdf, #0480be);
2183     background-repeat: repeat-x;
2184     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
2185     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2186     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2187     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2188     -webkit-box-sizing: border-box;
2189     -moz-box-sizing: border-box;
2190     box-sizing: border-box;
2191     -webkit-transition: width 0.6s ease;
2192     -moz-transition: width 0.6s ease;
2193     -o-transition: width 0.6s ease;
2194     transition: width 0.6s ease;
2195 }
2196
2197 .progress .bar + .bar {
2198     -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2199     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2200     box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2201 }
2202
2203 .progress-striped .bar {
2204     background-color: #149bdf;
2205     background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
2206     background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2207     background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2208     background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2209     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2210     -webkit-background-size: 40px 40px;
2211     -moz-background-size: 40px 40px;
2212     -o-background-size: 40px 40px;
2213     background-size: 40px 40px;
2214 }
2215
2216 .progress.active .bar {
2217     -webkit-animation: progress-bar-stripes 2s linear infinite;
2218     -moz-animation: progress-bar-stripes 2s linear infinite;
2219     -ms-animation: progress-bar-stripes 2s linear infinite;
2220     -o-animation: progress-bar-stripes 2s linear infinite;
2221     animation: progress-bar-stripes 2s linear infinite;
2222 }
2223
2224 body.lockscroll {
2225   height: 100%;
2226   overflow: hidden;
2227 }
2228
2229 /* Dropdown Menu styling */
2230 .dropdown-menu {
2231   background-color: #fff;
2232   border: 1px solid #ccc;
2233   border: 1px solid rgba(0, 0, 0, 0.2);
2234   position: absolute;
2235   top: 100%;
2236   left: 0;
2237   z-index: 1000;
2238   display: none;
2239   float: left;
2240   min-width: 160px;
2241   padding: 5px 0;
2242   margin: 2px 0 0;
2243   list-style: none;
2244   *border-right-width: 2px;
2245   *border-bottom-width: 2px;
2246   -webkit-border-radius: 6px;
2247   -moz-border-radius: 6px;
2248   border-radius: 6px;
2249   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2250   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2251   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2252   -webkit-background-clip: padding-box;
2253   -moz-background-clip: padding;
2254   background-clip: padding-box;
2255 }
2256
2257 .dropdown-menu > li > a {
2258   display: block;
2259   padding: 3px 20px;
2260   clear: both;
2261   font-weight: normal;
2262   line-height: 20px;
2263   white-space: nowrap;
2264 }
2265 .dropdown-menu > li > a:hover,
2266 .dropdown-menu > li > a:focus {
2267   text-decoration: none;
2268   background-repeat: repeat-x;
2269 }
2270 .dropdown-menu > .active > a,
2271 .dropdown-menu > .active > a:hover,
2272 .dropdown-menu > .active > a:focus {
2273   text-decoration: none;
2274   outline: 0;
2275 }
2276 .dropdown-menu > .disabled > a:hover,
2277 .dropdown-menu > .disabled > a:focus {
2278   text-decoration: none;
2279   background-color: transparent;
2280   background-image: none;
2281   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2282   cursor: default;
2283 }
2284 .open {
2285   *z-index: 1000;
2286 }
2287 .open > .dropdown-menu {
2288   display: block;
2289 }
2290
2291 .editor_atto_menu .moodle-dialogue-content {
2292     padding: 0;
2293     border: inherit;
2294 }
2295
2296 .well {
2297   min-height: 20px;
2298   padding: 19px;
2299   background-color: #f5f5f5;
2300   border: 1px solid #e3e3e3;
2301   border-radius: 4px;
2302   box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2303 }
2304
2305 .well-small {
2306   padding: 9px;
2307 }
2308
2309 .progressbar_container {
2310     max-width: 500px;
2311     margin: 0 auto;
2312 }
2313
2314 /* IE10 only fix for calendar titling */
2315 .ie10 .yui3-calendar-header-label {
2316     display: inline-block;
2317 }