9163cc541fe55d7fc1af092ba9e64e59368363cb
[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 tr.flagged-tag,
761 span.flagged-tag a,
762 tr.flagged-tag a {color:#FF0000;}
763 .tag-management-table td,
764 .tag-management-table th {vertical-align: middle;padding: 4px;}
765 .tag-management-table tr td.tageditingon .displaytagname,
766 .tag-management-table td .edittagname {display: none;}
767 .tag-management-table tr td.tageditingon .edittagname {display: inherit; position: relative;}
768 .tag-management-table tr td.tageditingon .edittagname .editinstructions {margin-right: -300px; margin-left: 0;}
769 .tag-management-table tr td .tagnameedit img {opacity: 0.2;}
770 .tag-management-table tr:hover td .tagnameedit img,
771 .tag-management-table tr td .tagnameedit:focus img {opacity: 1;}
772 .tag-management-table tr:hover td.tageditingon .tagnameedit img {opacity: 0.2;}
773 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
774 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
775 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
776 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
777 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
778 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
779 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
780 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
781 h2.tag-heading,
782 div#tag-description,
783 div#tag-blogs,
784 body.tag .managelink {padding: 5px;}
785 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
786 .tag_cloud .s19 {font-size: 1.5em;}
787 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
788 .tag_cloud .s17 {font-size: 1.4em;}
789 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
790 .tag_cloud .s15 {font-size: 1.3em;}
791 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
792 .tag_cloud .s13 {font-size: 1.2em;}
793 .tag_cloud .s12,
794 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
795 .tag_cloud .s10,
796 .tag_cloud .s9 {font-size: 1.1em;}
797 .tag_cloud .s8,
798 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
799 .tag_cloud .s6,
800 .tag_cloud .s5 {font-size: 1em;}
801 .tag_cloud .s4,
802 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
803 .tag_cloud .s2,
804 .tag_cloud .s1 {font-size: 0.9em;}
805 .tag_cloud .s0 {font-size: 0.8em;}
807 /*
808  * Backup and Restore CSS
809  */
810 .path-backup .mform .grouped_settings.section_level {clear:both;}
811 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
812 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
813 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
814 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
815 .path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
816 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
817 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
818 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
819 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
820 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
821 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
822 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
823 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
824 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
825 .path-backup .backup_progress {text-align:center;}
826 .path-backup .backup_progress span.backup_stage {color:#999;}
827 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
828 .path-backup .backup_progress .backup_stage.backup_stage_next {}
829 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
830 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
831 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
832 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
833 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
834 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
835 .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;}
836 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
837 .path-backup .wibbler .state0 { background: #eee; }
838 .path-backup .wibbler .state1 { background: #ddd; }
839 .path-backup .wibbler .state2 { background: #ccc; }
840 .path-backup .wibbler .state3 { background: #bbb; }
841 .path-backup .wibbler .state4 { background: #aaa; }
842 .path-backup .wibbler .state5 { background: #999; }
843 .path-backup .wibbler .state6 { background: #888; }
844 .path-backup .wibbler .state7 { background: #777; }
845 .path-backup .wibbler .state8 { background: #666; }
846 .path-backup .wibbler .state9 { background: #555; }
847 .path-backup .wibbler .state10 { background: #444; }
848 .path-backup .wibbler .state11 { background: #333; }
849 .path-backup .wibbler .state12 { background: #222; }
850 .path-backup .backup_log { margin-top: 2em; }
851 .path-backup .backup_log h2 { font-size: 1em; }
852 .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
854 /*
855  * CSS for availability options on module and section. This is taken from the
856  * Bootstrap version and tweaked so it works on base.
857  */
858 #fitem_id_availabilityconditionsjson .label {
859     background: #999;
860     padding: 2px 4px;
861     border-radius: 4px;
862     font-size: 0.8em;
863     font-weight: bold;
864     color: #fff;
866 #fitem_id_availabilityconditionsjson .label-warning {
867     background: #f89406;
868     position:relative;
869     top: -1px;
871 #fitem_id_availabilityconditionsjson .label:empty {
872     display: none;
874 #fitem_id_availabilityconditionsjson *[aria-hidden=true] {
875     display: none;
877 x#fitem_id_availabilityconditionsjson select,
878 x#fitem_id_availabilityconditionsjson input[type=text] {
879     position:relative;
880     top: 4px;
882 #fitem_id_availabilityconditionsjson label {
883     display: inline;
885 #fitem_id_availabilityconditionsjson .availability-group {
886     margin-right: 8px;
888 .dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
889     margin-right: 0;
890     margin-left: 8px;
892 #fitem_id_availabilityconditionsjson .availability-item,
893 #fitem_id_availabilityconditionsjson .availability-header {
894     margin-bottom: 6px;
896 #fitem_id_availabilityconditionsjson .availability-none {
897     margin-left: 20px;
898     margin-bottom: 4px;
900 .dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
901     margin-right: 20px;
902     margin-left: 0;
904 #fitem_id_availabilityconditionsjson .availability-plugincontrols {
905     padding: 4px 0px 4px 4px;
906     background: none repeat scroll 0% 0% #eee;
907     border: 1px solid #ddd;
908     border-radius: 4px;
909     display: inline-block;
910     margin-right: 8px;
912 .dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
913     padding-right: 4px;
914     padding-left: 0px;
915     margin-right: 0;
916     margin-left: 8px;
918 #fitem_id_availabilityconditionsjson .availability-eye,
919 #fitem_id_availabilityconditionsjson .availability-delete {
920     margin-right: 8px;
922 .dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
923 .dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
924     margin-left: 8px;
925     margin-right: 0;
927 #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
928     display: inline;
929     visibility: hidden;
931 #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
932     vertical-align: top;
933     margin-top: 12px;
935 #fitem_id_availabilityconditionsjson .availability-button {
936     margin-left: 15px;
938 .dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
939     margin-right: 15px;
940     margin-left: 0;
942 #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
943     display: inline-block;
944     background: #eee;
945     border: 1px solid #ddd;
946     border-radius: 4px;
947     padding: 6px;
948     margin-bottom: 6px;
950 #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
951     background: white;
953 #fitem_id_availabilityconditionsjson .availability-connector {
954     margin-left: 20px;
955     margin-bottom: 6px;
957 .dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
958     margin-right: 20px;
959     margin-left: 0;
962 .mform .error .availability-field {
963     color: black;
966 .availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
967     padding-left: 0;
968     padding-right: 0;
969     padding-bottom: 2px;
971 .availability-dialogue ul {
972     display: block;
973     margin: 0;
975 .availability-dialogue li {
976     display: block;
977     list-style-type: none;
978     padding: 0 0 4px;
979     clear: both;
980     border-bottom: 1px solid #eee;
981     margin-bottom: 4px;
983 .availability-dialogue ul button {
984     float: left;
985     margin-left: 1em;
986     min-width: 140px;
987     margin-top: 4px;
989 .dir-rtl .availability-dialogue ul button {
990     float: right;
991     margin-right: 1em;
992     margin-left: 0;
994 .availability-dialogue label {
995     margin-left: 170px;
996     margin-right: 1em;
997     margin-bottom: 0;
998     display: block;
999     line-height: 1.5;
1001 .dir-rtl .availability-dialogue label {
1002     margin-right: 170px;
1003     margin-left: 1em;
1005 .availability-dialogue .availability-buttons button {
1006     margin-left: 1em;
1007     margin-right: 1em;
1008     margin-top: 4px;
1011 /**
1012  * Web Service
1013  */
1014 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
1016 /**
1017  * Custom menu
1018  */
1019 #custommenu {clear:both;}
1020 #custommenu .yui3-menu .yui3-menu {z-index:500;}
1021 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
1022 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
1023 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
1024 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
1025 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
1026 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
1027 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
1028 #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;}
1029 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
1030 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
1031 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
1032 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
1033 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
1035 /**
1036  * Fix for broken YUI images in the menunav component
1037  */
1038 #custommenu .yui3-menu-label,
1039 #custommenu .yui3-menuitem-content {cursor:pointer;}
1040 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
1041 #custommenu .yui3-menuitem-active,
1042 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
1043 #custommenu .yui3-menu-horizontal .yui3-menu-label,
1044 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
1045 #custommenu .yui3-menu-label,
1046 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
1047 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
1049 /**
1050  * Dividers.
1051  */
1052 .yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider {
1053     overflow: hidden;
1054     width: 0;
1055     height: 24px;
1056     border-left: 1px solid #ddd;
1058 .yui3-menu .yui3-menu .yui3-menuitem.divider {
1059     width: auto;
1060     height: 0;
1061     margin: 4px 1px;
1062     border-left: 0px none;
1063     border-top: 1px solid #ddd;
1065 .yui3-menu .yui3-menuitem.divider a {
1066     visibility: invisible;
1069 /**
1070  * Smart Select Element
1071  */
1072 .smartselect {position:absolute;}
1073 .smartselect .smartselect_mask {background-color:#fff;}
1074 .smartselect ul  {padding: 0;margin: 0;}
1075 .smartselect ul li {list-style: none;}
1076 .smartselect .smartselect_menu {margin-right:5px;}
1077 .safari .smartselect .smartselect_menu {margin-left:2px;}
1078 .smartselect .smartselect_menu,
1079 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
1080 .smartselect .smartselect_menu.visible,
1081 .smartselect .smartselect_submenu.visible {display:block;}
1082 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
1083 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
1084 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
1085 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
1086 /** Spanning mode */
1087 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
1088 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
1089 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
1090 /** Compact mode */
1091 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
1092 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
1093 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
1094 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
1095 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
1097 /**
1098  * Registration
1099  */
1100 #page-admin-registration-register .registration_textfield {width: 300px;}
1102 /**
1103  * Enrol
1104  */
1105 .userenrolment {width:100%;border-collapse: collapse;}
1106 .userenrolment tr {vertical-align:top;}
1107 .userenrolment td {height:41px;padding:3px;}
1108 .userenrolment td > * {margin:3px;}
1109 .userenrolment .subfield {margin-right:5px;}
1110 .userenrolment .col_userdetails .subfield_picture {float:left;}
1111 .userenrolment .col_lastseen {width:150px;}
1112 .userenrolment .col_role {width:262px;}
1113 .userenrolment .col_role .roles,
1114 .userenrolment .col_group .groups {margin-right:30px;}
1115 .userenrolment .col_role .role,
1116 .userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;}
1117 .userenrolment .col_role .role a,
1118 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
1119 .userenrolment .col_role .addrole,
1120 .userenrolment .col_group .addgroup {float:right;}
1121 .userenrolment .col_role .addrole a img,
1122 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
1123 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
1124 .dir-rtl .userenrolment .col_role .role {float:right;}
1126 .userenrolment .col_enrol .enrolment {float:left;}
1127 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
1128 #page-enrol-users .enrol_user_buttons {float:right;}
1129 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
1130 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
1131 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1132 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
1133 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
1134 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
1135 #page-enrol-users #filterform div,
1136 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
1137 #page-enrol-users #filterform .fitem {white-space:nowrap;}
1138 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
1139 #page-enrol-users #filterform select,
1140 #page-enrol-users #filterform .ftext input {width:8em;}
1141 #page-enrol-users #filterform #fitem_id_role,
1142 #page-enrol-users #filterform #fitem_id_ifilter,
1143 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
1144 #page-enrol-users .paging { clear: right; }
1146 /**
1147 * Overide for RTL layout
1148 **/
1149 .dir-rtl .headermain {float:right;}
1150 .dir-rtl .headermenu {float:left; text-align: left; }
1151 .dir-rtl .breadcrumb {float:right;}
1152 .dir-rtl .navbutton {float: left;}
1153 .dir-rtl .navbutton .singlebutton {margin-right: 4px}
1154 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
1155 .dir-rtl .mform .fitem .fitemtitle {float:right;}
1156 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
1157 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
1158 .dir-rtl .yui3-menu-hidden {left: 0px;}
1159 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
1160 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
1162 /**
1163  * Backup
1164  */
1165 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
1166 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
1167 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
1168 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
1169 .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;}
1170 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
1171 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
1172 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
1173 .backup-restore .activitytable {width:60%;min-width:500px;}
1174 .backup-restore .activitytable .modulename {width:100px;}
1175 .backup-restore .activitytable .moduleincluded {width:50px;}
1176 .backup-restore .activitytable .userinfoincluded {width:50px;}
1177 .backup-restore .detail-pair {}
1178 .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;}
1179 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
1180 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
1181 .backup-restore > .singlebutton {text-align:right;}
1182 .path-backup .mform .fgroup .proceedbutton,
1183 .path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;}
1184 .dir-rtl.path-backup .mform .fgroup .proceedbutton,
1185 .dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;}
1187 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1188 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
1189 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
1190 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1192 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1193 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
1194 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
1195 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1197 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
1198 .corelightbox img {position:fixed;top:50%; left: 50%;}
1200 .mod-indent {display:table-cell;}
1201 .label .mod-indent {float:left; padding-top:20px}
1202 .mod-indent-1    {width:30px;}
1203 .mod-indent-2    {width:60px;}
1204 .mod-indent-3    {width:90px;}
1205 .mod-indent-4    {width:120px;}
1206 .mod-indent-5    {width:150px;}
1207 .mod-indent-6    {width:180px;}
1208 .mod-indent-7    {width:210px;}
1209 .mod-indent-8    {width:240px;}
1210 .mod-indent-9    {width:270px;}
1211 .mod-indent-10   {width:300px;}
1212 .mod-indent-11   {width:330px;}
1213 .mod-indent-12   {width:360px;}
1214 .mod-indent-13   {width:390px;}
1215 .mod-indent-14   {width:420px;}
1216 .mod-indent-15   {width:450px;}
1217 .mod-indent-16,
1218 .mod-indent-huge {width:480px;}
1220 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
1221 .dir-rtl .mform .fitem .felement input[name=email],
1222 .dir-rtl .mform .fitem .felement input[name=email2],
1223 .dir-rtl .mform .fitem .felement input[name=url],
1224 .dir-rtl .mform .fitem .felement input[name=idnumber],
1225 .dir-rtl .mform .fitem .felement input[name=phone1],
1226 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
1228 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1229 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
1230 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
1232 /** Large resource images should avoid hidden overflow **/
1233 .resourceimage {max-width: 100%;}
1235 /* Audio player size in 'inline' mode (can only change width, as above) */
1236 .mediaplugin_mp3 object {height:15px;width:300px}
1237 audio.mediaplugin_html5audio {width: 300px}
1239 /* TinyMCE moodle media preview frame should not have padding */
1240 .core_media_preview.pagelayout-embedded #page-content {padding:0;}
1241 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
1242 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
1244 /*
1245 Fix for SubScript & SuperScript
1246 ------------------------------*/
1247 sub {vertical-align: sub;}
1248 sup {vertical-align: super;}
1250 /** Fix YUI 2 Treeview for Right to left languages **/
1251 .dir-rtl .ygtvtn,
1252 .dir-rtl .ygtvtm,
1253 .dir-rtl .ygtvtmh,
1254 .dir-rtl .ygtvtmhh,
1255 .dir-rtl .ygtvtp,
1256 .dir-rtl .ygtvtph,
1257 .dir-rtl .ygtvtphh,
1258 .dir-rtl .ygtvln,
1259 .dir-rtl .ygtvlm,
1260 .dir-rtl .ygtvlmh,
1261 .dir-rtl .ygtvlmhh,
1262 .dir-rtl .ygtvlp,
1263 .dir-rtl .ygtvlph,
1264 .dir-rtl .ygtvlphh,
1265 .dir-rtl .ygtvdepthcell,
1266 .dir-rtl .ygtvok,
1267 .dir-rtl .ygtvok:hover,
1268 .dir-rtl .ygtvcancel,
1269 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
1271 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
1272 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
1273 .dir-rtl .ygtvtmh,
1274 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
1275 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
1276 .dir-rtl .ygtvtph,
1277 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
1278 .dir-rtl .ygtvln {background-position: 0 -1600px;}
1279 .dir-rtl .ygtvlm {background-position: 0 0;}
1280 .dir-rtl .ygtvlmh,
1281 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
1282 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
1283 .dir-rtl .ygtvlph,
1284 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
1285 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
1286 .dir-rtl .ygtvok {background-position: 0 -8800px;}
1287 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
1288 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
1289 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
1291 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
1292 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
1294 /** Fix TinyMCE editor right to left **/
1295 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
1296 .dir-rtl .o2k7Skin table,
1297 .dir-rtl .o2k7Skin tbody,
1298 .dir-rtl .o2k7Skin a,
1299 .dir-rtl .o2k7Skin img,
1300 .dir-rtl .o2k7Skin tr,
1301 .dir-rtl .o2k7Skin div,
1302 .dir-rtl .o2k7Skin td,
1303 .dir-rtl .o2k7Skin iframe,
1304 .dir-rtl .o2k7Skin span,
1305 .dir-rtl .o2k7Skin *,
1306 .dir-rtl .o2k7Skin .mceText,
1307 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
1309 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
1310 .path-rating .ratingtable th.rating {width:100%;}
1311 .path-rating .ratingtable td.rating,
1312 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
1314 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
1316 .course-content ul.weeks .content .summary ul,
1317 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
1319 .course-content ul.weeks .content .summary ol,
1320 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
1322 .dir-rtl #adminsettings #id_s__pathtodu,
1323 .dir-rtl #adminsettings #id_s__aspellpath,
1324 .dir-rtl #adminsettings #id_s__pathtodot,
1325 .dir-rtl #adminsettings #id_s__supportemail,
1326 .dir-rtl #adminsettings #id_s__supportpage,
1327 .dir-rtl #adminsettings #id_s__sessioncookie,
1328 .dir-rtl #adminsettings #id_s__sessioncookiepath,
1329 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
1330 .dir-rtl #adminsettings #id_s__proxyhost,
1331 .dir-rtl #adminsettings #id_s__proxyuser,
1332 .dir-rtl #adminsettings #id_s__proxypassword,
1333 .dir-rtl #adminsettings #id_s__proxybypass,
1334 .dir-rtl #adminsettings #id_s__jabberhost,
1335 .dir-rtl #adminsettings #id_s__jabberserver,
1336 .dir-rtl #adminsettings #id_s__jabberusername,
1337 .dir-rtl #adminsettings #id_s__jabberpassword,
1338 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
1339 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
1340 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
1341 .dir-rtl #adminsettings #id_s__docroot,
1342 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
1343 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
1344 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
1345 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
1346 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
1347 .dir-rtl #adminsettings #id_s__blockedip,
1348 .dir-rtl #adminsettings #id_s__pathtoclam,
1349 .dir-rtl #adminsettings #id_s__quarantinedir,
1350 .dir-rtl #adminsettings #id_s__sitepolicy,
1351 .dir-rtl #adminsettings #id_s__sitepolicyguest,
1352 .dir-rtl #adminsettings #id_s__cronremotepassword,
1353 .dir-rtl #adminsettings #id_s__allowedip,
1354 .dir-rtl #adminsettings #id_s__blockedip,
1355 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
1356 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
1357 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
1358 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
1359 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
1360 .dir-rtl #adminsettings #admin-emoticons .form-text,
1361 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
1362 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
1363 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
1364 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
1365 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
1366 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
1368 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
1370 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
1371 .initialbar a {padding-right: 2px;}
1373 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1374 .moodle-dialogue-base .moodle-dialogue-lightbox {
1375     background-color:#AAA;
1378 .moodle-dialogue-base .moodle-dialogue {
1379     outline: #000 dotted 0;
1382 .moodle-dialogue-base .hidden,
1383 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
1384 .moodle-dialogue-base .moodle-dialogue {
1385     padding: 0;
1386     margin: 0;
1387     background: none;
1388     border: none;
1389     /* Override the z-index set incorrectly by the YUI dialogue */
1390     z-index: 600;
1393 .no-scrolling { overflow: hidden; }
1395 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1396     left: 0px;
1397     top: 0px;
1398     right: 0px;
1399     bottom: -50px;
1400     position: fixed;
1402 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1403     overflow: auto;
1405 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1406     width: 28px;
1407     height: 16px;
1408     background-size: 100%;
1412 .moodle-dialogue-base .moodle-dialogue-wrap {
1413     margin-top:-3px;
1414     margin-left:-3px;
1415     background-color: #FFFFFF;
1416     border: 1px solid #CCCCCC;
1417     border-radius: 10px;
1418     box-shadow: 5px 5px 20px 0px #666666;
1419     -webkit-box-shadow: 5px 5px 20px 0px #666666;
1420     -moz-box-shadow: 5px 5px 20px 0px #666666;
1421     overflow: hidden;
1423 .moodle-dialogue-base h3 {
1424     margin: 0;
1425     line-height: 20px;
1427 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1428 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1429     margin:0;
1430     padding:5px;
1431     font-size:12px;
1432     font-weight: normal;
1433     letter-spacing: 1px;
1434     color:#333333;
1435     text-align: center;
1436     text-shadow: 1px 1px 1px #FFFFFF;
1437     border-radius: 10px 10px 0px 0px;
1438     border-bottom: 1px solid #BBBBBB;
1439     background-color: #CCCCCC;
1440     -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
1441     -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1442     background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */
1443     background-image:    -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */
1444     background-image:     -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/
1445     background-image:      -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */
1446     background-image:         linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */
1449 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1450     margin:0;
1451     padding:0;
1452     display:inline;
1453     font-size: 100%;
1454     font-weight: bold;
1456 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1457     padding: 5px;
1459 .moodle-dialogue-base .closebutton {
1460     width:25px;
1461     height:15px;
1462     float:right;
1463     vertical-align:middle;
1464     display:inline-block;
1465     cursor:pointer;
1466     padding:0px;
1467     background-image:url([[pix:theme|sprite]]);
1468     background-repeat:no-repeat;
1469     border-style:none;
1471 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1472     left: 0px;
1473     right: auto;
1476 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1477     padding: 1em;
1478     line-height: 2em;
1479     color: #555;
1480     font-size: 12px;
1483 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1484   padding:0px;
1485   background:#FFF;
1488 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1489     padding: 10px;
1490     font-size: 16px;
1493 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1494     overflow: auto;
1495     position: absolute;
1496     top: 0px;
1497     bottom: 50px;
1498     left: 0px;
1499     right: 0px;
1500     margin: 0px;
1501     border: 0px;
1503 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1504 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1505     border-radius: 0px;
1508 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1509 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1510 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1511 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1512 .moodle-dialogue-exception .param-stacktrace label {
1513     background-color:#EEE;
1514     border:1px solid #ccc;
1515     border-bottom-width:0;
1518 .moodle-dialogue-exception .param-stacktrace pre {
1519     border:1px solid #ccc;
1520     background-color:#fff;
1523 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1524     color:navy;
1525     font-size:80%;
1527 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1528     color:#AA0000;
1529     font-size:80%;
1531 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1532     color:#333;
1533     font-size:90%;
1534     border-bottom:1px solid #eee;
1537 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1538     padding:0px;
1539     margin: 0.7em 1em;
1540     text-align: right;
1541     background-color: #FFF;
1542     font-size: 12px;
1545 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1546 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1547 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1548 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1549 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1550 .moodle-dialogue-exception .param-stacktrace label {
1551     display:block;
1552     margin:0;
1553     padding:4px 1em;
1555 .moodle-dialogue-exception .param-stacktrace pre {
1556     display:block;
1557     height:200px;
1558     overflow:auto;
1561 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1562     display:inline-block;
1563     margin:4px 0;
1565 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1566     display:inline-block;
1567     width:50px;
1568     margin:4px 1em;
1570 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1571     padding-left:25px;
1572     margin-bottom:4px;
1573     padding-bottom:4px;
1576 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1577     opacity: .75;
1578     width: 100%;
1579     height: 100%;
1580     top: 0;
1581     left: 0;
1582     background-color: white;
1583     text-align: center;
1584     padding: 10% 0;
1587 /* Apply a default max-height on tooltip text */
1588 .moodle-dialogue .tooltiptext {
1589     max-height: 300px;
1591 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1592     z-index: 3001;
1594 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1595     overflow: auto;
1598 /* Question Bank - Question Chooser "Close" button */
1599 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1601 /**
1602  * Chooser Dialogues (moodle-core-chooserdialogue)
1603  *
1604  * This CSS belong to the chooser dialogue which should work both with, and
1605  * without javascript enabled
1606  */
1607 /* Hide the dialog and it's title */
1608 .chooserdialoguebody,
1609 .choosertitle {
1610     display:none;
1612 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1613     margin: 0;
1616 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1617     padding: 0px;
1618     background: #F2F2F2;
1619     border-bottom-left-radius: 10px;
1620     border-bottom-right-radius: 10px;
1623 /* Center the submit buttons within the area */
1624 .choosercontainer #chooseform .submitbuttons {
1625     padding: 0.7em 0;
1626     text-align: center;
1629 .choosercontainer #chooseform .submitbuttons input {
1630     min-width: 100px;
1631     margin: 0px 0.5em;
1634 /* Various settings for the options area */
1635 .choosercontainer #chooseform .options {
1636     position: relative;
1637     border-bottom: 1px solid #BBBBBB;
1640 /* Only set these options if we're showing the js container */
1641 .jschooser .choosercontainer #chooseform .alloptions {
1642     overflow-x: hidden;
1643     overflow-y: auto;
1644     max-width: 20.3em;
1645     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1646     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1647     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1649 .dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
1650     max-width: 18.3em;
1653 /* Settings for option rows and option subtypes */
1654 .choosercontainer #chooseform .moduletypetitle,
1655 .choosercontainer #chooseform .option,
1656 .choosercontainer #chooseform .nonoption {
1657     margin-bottom: 0;
1658     padding: 0 1.6em 0 1.6em;
1661 .choosercontainer #chooseform .moduletypetitle {
1662     text-transform: uppercase;
1663     padding-top: 1.2em;
1664     padding-bottom: 0.4em;
1667 .choosercontainer #chooseform .option .typename,
1668 .choosercontainer #chooseform .option span.modicon img.icon,
1669 .choosercontainer #chooseform .nonoption .typename,
1670 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1671     padding: 0 0 0 0.5em;
1673 .dir-rtl .choosercontainer #chooseform .option .typename,
1674 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1675 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1676 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1677     padding: 0 0.5em 0 0;
1680 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1681 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1682     height: 24px; width: 24px;
1685 .choosercontainer #chooseform .option input[type=radio],
1686 .choosercontainer #chooseform .option span.typename,
1687 .choosercontainer #chooseform .option span.modicon {
1688     vertical-align: middle;
1691 .choosercontainer #chooseform .option label {
1692     display: block;
1693     padding: 0.3em 0 0.1em 0;
1694     border-bottom: 1px solid #FFFFFF;
1697 .choosercontainer #chooseform .nonoption {
1698     padding-left: 2.7em;
1699     padding-top: 0.3em;
1700     padding-bottom: 0.1em;
1702 .dir-rtl .choosercontainer #chooseform .nonoption {
1703     padding-right: 2.7em;
1704     padding-left: 0;
1707 .choosercontainer #chooseform .subtype {
1708     margin-bottom: 0;
1709     padding: 0 1.6em 0 3.2em;
1711 .dir-rtl .choosercontainer #chooseform .subtype {
1712     padding: 0 3.2em 0 1.6em;
1715 .choosercontainer #chooseform .subtype .typename {
1716     margin: 0 0 0 0.2em;
1718 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1719     margin: 0 0.2em 0 0;
1722 /* The instruction/help area */
1723 .jschooser .choosercontainer #chooseform .instruction,
1724 .jschooser .choosercontainer #chooseform .typesummary {
1725     display: none;
1726     position: absolute;
1727     top: 0px;
1728     right: 0px;
1729     bottom: 0px;
1730     left: 20.3em;
1731     margin: 0;
1732     padding: 1.6em;
1733     background-color: #FFFFFF;
1734     overflow-x: hidden;
1735     overflow-y: auto;
1736     line-height: 2em;
1739 .dir-rtl.jschooser .choosercontainer #chooseform .instruction,
1740 .dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
1741     left: 0px;
1742     right: 18.5em;
1743     border-right: 1px solid grey;
1746 /* Selected option settings */
1747 .jschooser .choosercontainer #chooseform .instruction,
1748 .choosercontainer #chooseform .selected .typesummary {
1749     display: block;
1752 .choosercontainer #chooseform .selected {
1753     background-color: #FFFFFF;
1754     box-shadow: 0px 0px 10px 0px #CCCCCC;
1755     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1756     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1758 .section-modchooser-link img.smallicon { padding-right: 3px; }
1759 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1761 /* Install Process' text fields Forms, should always be justified to the left */
1762 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1763 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1764 form#installform #id_dbpass, form#installform #id_prefix
1765 {direction: ltr;}
1767 html[dir=rtl] .breadcrumb,
1768 html[dir=rtl] .headermain,
1769 html[dir=rtl] #page-header,
1770 html[dir=rtl] #page-content {float: right;}
1772 html[dir=rtl] .formrow label.formlabel { float:right; }
1774 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1776 table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;}
1777 table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;}
1778 table.flexible .emptyrow {display: none;}
1780 /* Form element: listing */
1781 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1782 .formlistinginputradio {float: left;}
1783 .formlistingmain {min-height: 225px;}
1784 .formlistingradiocontent {}
1785 .formlisting {
1786     position: relative;
1787     margin: 15px 0;
1788     padding: 1px 19px 14px;
1789     background-color: white;
1790     border: 1px solid #DDD;
1791     -webkit-border-radius: 4px;
1792     -moz-border-radius: 4px;
1793     border-radius: 4px;
1796 .formlistingmore {
1797     position: absolute;
1798     cursor: pointer;
1799     bottom: -1px;
1800     right: -1px;
1801     padding: 3px 7px;
1802     font-size: 12px;
1803     font-weight: bold;
1804     background-color: whiteSmoke;
1805     border: 1px solid #DDD;
1806     color: #9DA0A4;
1807     -webkit-border-radius: 4px 0 4px 0;
1808     -moz-border-radius: 4px 0 4px 0;
1809     border-radius: 4px 0 4px 0;
1812 .formlistingall {
1813     margin: 15px 0;
1814     padding: 0px 0px 0px;
1815     -webkit-border-radius: 4px;
1816     -moz-border-radius: 4px;
1817     border-radius: 4px;
1820 .formlistingrow {
1821     cursor: pointer;
1822     border-bottom: 1px solid;
1823     border-color: #E1E1E8;
1824     border-left: 1px solid #E1E1E8;
1825     border-right: 1px solid #E1E1E8;
1826     background-color: #F7F7F9;
1827     -webkit-border-radius: 0px 0px 4px 4px;
1828     -moz-border-radius: 0px 0px 4px 4px;
1829     padding: 6px;
1830     top: 50%;
1831     left: 50%;
1832     min-height: 34px;
1833     float:left;
1834     width: 150px;
1837 body.jsenabled .formlistingradio {
1838     display: none;
1841 body.jsenabled .formlisting {
1842     display: block;
1845 /**
1846  * Badges styles
1847  */
1848 #badge-overview h3,
1849 #badge h3 {
1850     clear: both;
1851     text-align: left;
1852     padding-top: 10px;
1854 .dir-rtl #badge h3 {
1855     text-align: right;
1858 #badge-image,
1859 #badge-details {
1860     display: inline-block;
1862 #badge-image {
1863     width: 200px;
1864     vertical-align: top;
1866 #badge-image .singlebutton {
1867     padding-top: 5px;
1868     margin-left: 20px;
1870 #badge-overview dl,
1871 #badge-details dl {
1872     margin: 0;
1874 #badge-overview dt,
1875 #badge-details dt {
1876     font-weight: bold;
1877     clear: both;
1878     float: left;
1879     width: 20%;
1881 #badge-overview dd,
1882 #badge-details dd {
1883     float: left;
1884     width: 75%;
1886 #badge-overview dd,
1887 #badge-details dd,
1888 #badge-overview dt,
1889 #badge-details dt {
1890     padding: 3px 0;
1893 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1894 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1896 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; }
1897 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1898 table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; }
1899 table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; }
1900 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1901 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1903 #page-badges-view table.collection .badgeimage,
1904 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1905 #page-badges-view table.collection .awards,
1906 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1907 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1908 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1910 table.collection .name { text-align: left; vertical-align: middle; }
1911 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1912 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1913 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1914 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1915 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1916 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1918 a.criteria-action { padding: 0px 3px; float: right; }
1919 .dir-rtl a.criteria-action { float: left; }
1921 ul.badges { margin: 0; list-style: none; }
1922 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1923 .badges li .badge-name { display: block; padding: 5px; }
1924 .badges li > img { position: absolute; }
1925 .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; }
1926 .dir-rtl .badges li .badge-image { right: 10px; }
1927 .badges li .badge-actions { position: relative; }
1929 div.badge { position: relative; display: block; }
1930 div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; }
1931 .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;}
1933 .badge-profile { vertical-align: top; }
1934 .connected { color: #006600; }
1935 .notconnected { color: #660000; }
1937 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1938 #page-badges-award .recipienttable tr td { vertical-align: top; }
1939 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1940 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1941 #page-badges-award .recipienttable tr td.existing,
1942 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1944 #issued-badge-table .activatebadge {
1945     display: inline-block;
1947 #issued-badge-table div.activatebadge {
1948     margin-left: 3px;
1950 .statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;}
1951 .statusbox.active { background-color: #D9F991; }
1952 .statusbox.inactive { background-color: #FFEBA8; }
1953 .statusbox .activatebadge {
1954     display: inline-block;
1956 .statusbox .activatebadge input[type=submit]{
1957     margin: 3px;
1959 .dir-rtl .activatebadge { text-align: right; }
1960 .addcourse { float: right; }
1961 .dir-rtl .addcourse { float: left; }
1962 img#persona_signin { cursor: pointer; }
1964 /**
1965  * The date selector popup.
1966  */
1967  div#dateselector-calendar-panel {
1968      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1969  }
1971 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1973 /** Action menu component styles **/
1974 .moodle-actionmenu,
1975 .moodle-actionmenu > ul,
1976 .moodle-actionmenu > ul > li {display: inline-block;}
1977 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1978 #page .moodle-actionmenu a.hidden {display: none;}
1979 .moodle-actionmenu .toggle-display,
1980 .moodle-actionmenu .menu-action-text {display: none;}
1982 .jsenabled .block .editing_move {display: none;}
1983 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1984 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1985 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1987 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1988     display: block;
1989     margin-left: 4px;
1990     padding-left: 4px;
1991     padding-right: 4px;
1994 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1995     margin-right: 4px;
1996     margin-left: initial;
1999 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
2000     margin: 8px 4px 0px 2px;
2003 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2004     margin-top: 4px;
2005     margin-left: 2px;
2008 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2009     margin-right: 2px;
2010     margin-left: initial;
2013 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
2014 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2015     display: inline;
2018 .moodle-actionmenu[data-enhanced].show {position: relative;}
2019 .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;}
2020 .moodle-actionmenu[data-enhanced].show .menu a {
2021     display: block;
2022     padding: 2px 1em 2px 28px;
2023     color: #333333;
2025 .moodle-actionmenu[data-enhanced].show .menu a > img {
2026     margin: 4px 4px 4px -24px;
2027     padding: 4px;
2028     width: 12px;
2029     height: 12px;
2031 .moodle-actionmenu[data-enhanced].show .menu a > img,
2032 .moodle-actionmenu[data-enhanced].show .menu a > span {
2033     display: inline-block;
2034     vertical-align: middle;
2036 .moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;}
2037 .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;}
2038 .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;}
2039 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
2040 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
2041 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
2042 .block .moodle-actionmenu {text-align: right;}
2044 .dir-rtl .block .moodle-actionmenu {text-align: right;}
2045 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 28px 2px 1em; }
2046 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
2047 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2048 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin-right: -24px; margin-left: 4px; }
2050 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
2051 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;}
2052 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;}
2053 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;}
2054 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;}
2055 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2056 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;}
2057 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;}
2058 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;}
2059 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2060 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
2061 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;}
2062 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
2063 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;}
2064 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;}
2065 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
2067 .moodle-actionmenu > ul > li[role="menuitem"] {
2068     display: none;
2071 .jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] {
2072     display: inline-block;
2075 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
2076 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
2077 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
2078 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
2079 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
2080 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
2081 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
2082 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
2083 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
2084 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
2085 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
2086 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
2087 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
2088 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
2089 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
2090 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
2092 ul.dragdrop-keyboard-drag li { list-style-type: none; }
2093 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
2095 .block .header h2,
2096 .course-content h3,
2097 .pagelayout-frontpage h2,
2098 .pagelayout-frontpage h3,
2099 .pagelayout-frontpage h4,
2100 .pagelayout-frontpage h5,
2101 .pagelayout-frontpage h6,
2102 .pagelayout-coursecategory h3,
2103 .pagelayout-coursecategory h4,
2104 .pagelayout-coursecategory h5,
2105 .pagelayout-coursecategory h6 {
2106     text-align: inherit;
2108 a.disabled:hover,
2109 a.disabled {
2110     text-decoration: none;
2111     cursor: default;
2112     font-style: italic;
2113     color: #808080;
2116 .caret {
2117     display: inline-block;
2118     width: 0;
2119     height: 0;
2120     vertical-align: top;
2121     border-top: 4px solid #777;
2122     border-right: 4px solid transparent;
2123     border-left: 4px solid transparent;
2124     content: "";
2127 a:focus .caret,
2128 a:hover .caret {
2129     border-top-color: #555;
2132 /**
2133  * Bootstrap 2.3.2 progress bar css.
2134  * Required for none bootstrap theme.
2135  */
2137 @-webkit-keyframes progress-bar-stripes {
2138     from {
2139         background-position: 40px 0;
2140     }
2141     to {
2142         background-position: 0 0;
2143     }
2146 @-moz-keyframes progress-bar-stripes {
2147     from {
2148         background-position: 40px 0;
2149     }
2150     to {
2151         background-position: 0 0;
2152     }
2155 @-o-keyframes progress-bar-stripes {
2156     from {
2157         background-position: 0 0;
2158     }
2159     to {
2160         background-position: 40px 0;
2161     }
2164 @keyframes progress-bar-stripes {
2165     from {
2166         background-position: 40px 0;
2167     }
2168     to {
2169         background-position: 0 0;
2170     }
2173 .progress {
2174     height: 20px;
2175     margin-bottom: 20px;
2176     overflow: hidden;
2177     background-color: #f7f7f7;
2178     background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
2179     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
2180     background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
2181     background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
2182     background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
2183     background-repeat: repeat-x;
2184     -webkit-border-radius: 4px;
2185     -moz-border-radius: 4px;
2186     border-radius: 4px;
2187     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
2188     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2189     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2190     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2193 .progress .bar {
2194     float: left;
2195     width: 0;
2196     height: 100%;
2197     font-size: 12px;
2198     color: #ffffff;
2199     text-align: center;
2200     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2201     background-color: #0e90d2;
2202     background-image: -moz-linear-gradient(top, #149bdf, #0480be);
2203     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
2204     background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
2205     background-image: -o-linear-gradient(top, #149bdf, #0480be);
2206     background-image: linear-gradient(to bottom, #149bdf, #0480be);
2207     background-repeat: repeat-x;
2208     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
2209     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2210     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2211     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2212     -webkit-box-sizing: border-box;
2213     -moz-box-sizing: border-box;
2214     box-sizing: border-box;
2215     -webkit-transition: width 0.6s ease;
2216     -moz-transition: width 0.6s ease;
2217     -o-transition: width 0.6s ease;
2218     transition: width 0.6s ease;
2221 .progress .bar + .bar {
2222     -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2223     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2224     box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2227 .progress-striped .bar {
2228     background-color: #149bdf;
2229     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));
2230     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);
2231     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);
2232     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);
2233     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);
2234     -webkit-background-size: 40px 40px;
2235     -moz-background-size: 40px 40px;
2236     -o-background-size: 40px 40px;
2237     background-size: 40px 40px;
2240 .progress.active .bar {
2241     -webkit-animation: progress-bar-stripes 2s linear infinite;
2242     -moz-animation: progress-bar-stripes 2s linear infinite;
2243     -ms-animation: progress-bar-stripes 2s linear infinite;
2244     -o-animation: progress-bar-stripes 2s linear infinite;
2245     animation: progress-bar-stripes 2s linear infinite;
2248 body.lockscroll {
2249   height: 100%;
2250   overflow: hidden;
2253 /* Dropdown Menu styling */
2254 .dropdown-menu {
2255   background-color: #fff;
2256   border: 1px solid #ccc;
2257   border: 1px solid rgba(0, 0, 0, 0.2);
2258   position: absolute;
2259   top: 100%;
2260   left: 0;
2261   z-index: 1000;
2262   display: none;
2263   float: left;
2264   min-width: 160px;
2265   padding: 5px 0;
2266   margin: 2px 0 0;
2267   list-style: none;
2268   *border-right-width: 2px;
2269   *border-bottom-width: 2px;
2270   -webkit-border-radius: 6px;
2271   -moz-border-radius: 6px;
2272   border-radius: 6px;
2273   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2274   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2275   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2276   -webkit-background-clip: padding-box;
2277   -moz-background-clip: padding;
2278   background-clip: padding-box;
2281 .dropdown-menu > li > a {
2282   display: block;
2283   padding: 3px 20px;
2284   clear: both;
2285   font-weight: normal;
2286   line-height: 20px;
2287   white-space: nowrap;
2289 .dropdown-menu > li > a:hover,
2290 .dropdown-menu > li > a:focus {
2291   text-decoration: none;
2292   background-repeat: repeat-x;
2294 .dropdown-menu > .active > a,
2295 .dropdown-menu > .active > a:hover,
2296 .dropdown-menu > .active > a:focus {
2297   text-decoration: none;
2298   outline: 0;
2300 .dropdown-menu > .disabled > a:hover,
2301 .dropdown-menu > .disabled > a:focus {
2302   text-decoration: none;
2303   background-color: transparent;
2304   background-image: none;
2305   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2306   cursor: default;
2308 .open {
2309   *z-index: 1000;
2311 .open > .dropdown-menu {
2312   display: block;
2315 .editor_atto_menu .moodle-dialogue-content {
2316     padding: 0;
2317     border: inherit;
2320 .well {
2321   min-height: 20px;
2322   padding: 19px;
2323   background-color: #f5f5f5;
2324   border: 1px solid #e3e3e3;
2325   border-radius: 4px;
2326   box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2329 .well-small {
2330   padding: 9px;
2333 .progressbar_container {
2334     max-width: 500px;
2335     margin: 0 auto;
2338 /* IE10 only fix for calendar titling */
2339 .ie10 .yui3-calendar-header-label {
2340     display: inline-block;