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