f879a24783058c9fad623bc36c5240946227fa7c
[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 .tabtree li {list-style: none;margin:0;padding:0;}
65 .course-content .current {background:#E3E3E3;}
67 .inline,
68 .inline-list li {display: inline;}
69 .notifytiny {font-size:0.7em;}
70 .notifytiny li,
71 .notifytiny td {font-size:100%;}
72 .red,
73 .notifyproblem {color:#660000;}
74 .green,
75 .notifysuccess {color:#006600;}
76 .reportlink {text-align:right;}
77 a.autolink.glossary:hover {cursor: help;}
78 /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
79 .collapsibleregioncaption {white-space: nowrap;}
80 .collapsibleregioncaption img {vertical-align: middle;}
81 .jsenabled .hiddenifjs {display: none;}
82 .visibleifjs {display: none;}
83 .jsenabled .visibleifjs {display: inline;}
84 .jsenabled .collapsibleregion {overflow:hidden;}
85 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
86 .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;}
87 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
88 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
89 .bold,
90 .warning,
91 .errorbox .title,
92 .pagingbar .title,
93 .pagingbar .thispage,
94 #site-news-forum h2,
95 #frontpage-course-list h2,
96 #frontpage-category-names h2,
97 #frontpage-category-combo h2 {font-weight: bold;}
98 img.resize {height: 1em;width: 1em;}
99 .block img.resize,
100 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
102 /* Icon styles */
103 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
104 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
105 img.iconsmall {height:12px;margin-right:3px; margin-left: 3px;vertical-align:middle;width:12px;}
106 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
107 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
108 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
109 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
110 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
111 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
112 img.iconkbhelp {height:17px;width:49px;}
113 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
114 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
116 .generalbox {border:1px solid;}
117 .boxaligncenter {margin-left:auto;margin-right:auto;}
118 .boxalignright {margin-left:auto;margin-right:0;}
119 .boxalignleft {margin-left:0;margin-right:auto;}
120 .boxwidthnarrow {width: 30%;}
121 .boxwidthnormal {width: 50%;}
122 .boxwidthwide {width: 80%;}
123 .buttons .singlebutton,
124 .buttons .singlebutton form,
125 .buttons .singlebutton div {display: inline;}
126 .buttons .singlebutton input {margin:20px 5px;}
127 .headermain {font-weight:bold;}
128 #maincontent {display: block;height: 1px;overflow: hidden;}
129 img.uihint {cursor: help;}
130 #addmembersform table {margin-left: auto;margin-right: auto;}
131 .formtable tbody th,
132 .generaltable th.header {vertical-align: top;}
133 .flexible th {white-space: nowrap;}
134 .cell {vertical-align: top;}
135 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
136 form.popupform,
137 form.popupform div {display: inline;}
138 .arrow_button input {overflow:hidden;}
139 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;}
140 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;}
141 h1 img.icon,
142 h1 img.iconhelp,
143 h2 img.icon,
144 h2 img.iconhelp,
145 h3 img.icon,
146 h3 img.iconhelp,
147 h4 img.icon,
148 h4 img.iconhelp,
149 h5 img.icon,
150 h5 img.iconhelp,
151 h6 img.icon,
152 h6 img.iconhelp {
153     vertical-align: middle;
154     padding: 4px;
157 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
158 .no-overflow {overflow:auto;padding-bottom:1px;}
159 .pagelayout-report .no-overflow {overflow:visible;}
160 .no-overflow > .generaltable {margin-bottom:0;}
161 .ie6 .no-overflow {width:100%;}
163 /** IE6 float + background bug solution **/
164 .ie6 li.section {line-height:1.2em;width:100%;}
166 /**
167  * Accessibility features
168  */
169 /*Accessibility: text 'seen' by screen readers but not visual users. */
170 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
171 .dir-rtl .accesshide {top:-30000px;left:auto;}
172 span.hide,
173 div.hide {display:none;}
174 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
175 /*Accessibility: Skip block link, for keyboard-only users. */
176 a.skip-block,
177 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
178 a.skip-block:focus,
179 a.skip-block:active,
180 a.skip:focus,
181 a.skip:active {position: static;display: block;}
182 .skip-block-to {display: block;height: 1px;overflow: hidden;}
183 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
184 .arrow,
185 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
187 /**
188  * Header
189  */
190 .headermain {float:left;margin:15px;font-size:2.3em;}
191 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
192 #course-header {clear:both;}
194 /**
195  * Navbar
196  */
197 .navbar {clear:both;overflow:hidden;}
198 .ie6 .navbar {overflow:hidden;height:100%;}
199 .breadcrumb {float:left;}
200 .navbutton {text-align:right;}
201 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
202 .navbutton {float: right;}
203 .breadcrumb li,
204 .navbutton div,
205 .navbutton form {display:inline;}
207 /**
208  * Footer
209  */
210 #page-footer {text-align:center;font-size:0.9em;}
211 #page-footer .homelink {margin: 1em 0;}
212 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
213 #page-footer .logininfo,
214 #page-footer .sitelink,
215 #page-footer .helplink {margin:0px 10px;}
216 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
217 #page-footer .performanceinfo span {display:block;}
218 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
219 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
220 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
222 #page-footer .performanceinfo .cachesused {margin-top:1em;}
223 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;}
224 #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;}
225 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;}
226 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;}
227 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
228 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;}
229 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;}
230 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;}
231 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;}
233 #course-footer {clear:both;}
235 /**
236  * Tabs
237  */
238 .tabtree {position:relative;margin-bottom:3.5em;}
239 .tabtree li {display:inline;}
240 .tabtree ul {margin:5px;}
241 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
242 .tabtree ul li.here .empty {display:none;}
244 /**
245  * Mforms
246  */
247 .mform fieldset {border:1px solid;}
248 .mform fieldset fieldset {border-width:0;}
249 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
250 .mform fieldset div {margin:10px;margin-top:0;}
251 .mform fieldset div div {margin:0;}
252 .mform fieldset .advancedbutton {text-align:right;}
253 .mform fieldset.hidden {border-width:0;}
254 .mform fieldset.group {margin-bottom: 0}
255 .mform fieldset.error {border: 1px solid #A00;}
256 .collapsible-actions {display: none;}
257 .jsenabled .collapsible-actions {text-align: right; display: block;}
258 .dir-rtl .collapsible-actions {text-align: left;}
259 .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
260 .dir-rtl .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
261 .collapse-all,
262 .dir-rtl .collapse-all {background-image: url([[pix:t/expanded]]);}
263 .mform fieldset legend {padding: 0 0.35em;}
264 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;}
265 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);}
266 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;}
267 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
268 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
269 .jsenabled .mform .containsadvancedelements .advanced {display: none;}
270 .mform .containsadvancedelements .advanced.show {display: block;}
271 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
272 .dir-rtl .mform .fitem .fitemtitle {text-align:left;}
273 .mform .fitem .fitemtitle div {display: inline;}
274 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
275 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
276 .mform .error,
277 .mform .required {color:#A00;}
278 .mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;}
279 .mform .required .fgroup span label {color:#000;}
280 .mform .fdescription.required {color:#A00;text-align:right;}
281 .dir-rtl .mform .fdescription.required {text-align:left;}
282 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
283 .mform .ftextarea #id_alltext {width: 100%;}
284 .mform ul.file-list {padding:0;margin:0;list-style:none;}
285 .mform label { display: inline-block; }
286 .mform .iconhelp { margin-left: 4px; }
287 .dir-rtl .mform .iconhelp { margin-right: 4px; }
288 .mform label .req,
289 .mform label .adv {cursor: help;}
290 .mform .fcheckbox input {margin-left: 0;}
291 .mform .fcheckbox label,
292 .mform .fduration label,
293 .mform .fitem fieldset.fgroup label,
294 .mform .fradio label,
295 .mform fieldset.fdate_selector label,
296 .mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;}
297 .dir-rtl .mform .fcheckbox label,
298 .dir-rtl .mform .fduration label,
299 .dir-rtl .mform .fitem fieldset.fgroup label,
300 .dir-rtl .mform .fradio label,
301 .dir-rtl .mform fieldset.fdate_selector label,
302 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;}
303 .mform .ftags label.accesshide {display: block;position: static;}
304 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
305 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;}
306 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; }
307 .mform .moreless-less {background-image: url([[pix:t/less]]);}
308 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
309 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
310 .mform legend .helplink img { margin-right: .2em; }
311 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
312 .urlselect label,
313 .singleselect label { margin-right: .3em; }
314 .dir-rtl .urlselect label,
315 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
317 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;}
318 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;}
319 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); }
320 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; }
321 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
323 .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;}
324 .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; }
325 .mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; }
326 .mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; }
328 input#id_externalurl {direction:ltr;}
329 #portfolio-add-button {display:inline;}
331 /**
332  * Show the labels above text editors and file managers except on wide screens.
333  */
334 #region-main .mform .fitem .fitemtitle label {
335     font-weight: bold;
337 @media (max-width: 1199px) {
338     #region-main .mform .fitem .fitemtitle {
339         display: block;
340         margin-top: 4px;
341         margin-bottom: 4px;
342         text-align: left;
343         width: 100%;
344     }
345     .dir-rtl #region-main .mform .fitem .fitemtitle {
346         text-align: right;
347     }
349     #region-main .mform .fitem .felement {
350         margin-left: 0;
351         width: 100%;
352         float: left;
353         margin-bottom: 6px;
354         padding-left: 0;
355         padding-right: 0;
356     }
357     .dir-rtl #region-main .mform .fitem .felement {
358         margin-right: 0;
359         float: right;
360         padding-right: 0;
361         padding-left: 0;
362     }
363     #region-main .mform .fitem_fcheckbox .fitemtitle,
364     #region-main .mform .fitem_fcheckbox .felement {
365         display: inline-block;
366         width: auto;
367     }
368     .dir-rtl #region-main .mform .fitem_fcheckbox .felement {
369         float: right;
370     }
371     #region-main .mform .fitem_fcheckbox .felement {
372         padding: 6px;
373     }
376 /**
377  * phpinfo styles
378  */
379 .phpinfo .center {text-align: center;}
380 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
381 .phpinfo .center th {text-align: center;}
382 .phpinfo .e,
383 .phpinfo .v,
384 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
385 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
386 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
388 /**
389  * Blogs
390  */
391 .addbloglink {text-align: center;}
392 .blog_entry .audience {text-align: right;padding-right: 4px;}
393 .blog_entry .tags {margin-top: 15px;}
394 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
395 .blog_entry .content {margin-left: 43px;}
397 /**
398  * Group
399  */
400 #page-group-index #groupeditform {text-align: center;}
401 #doc-contents h1 {margin: 1em 0 0 0;}
402 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
403 #doc-contents ul li {list-style-type: none;}
404 .groupmanagementtable td {vertical-align: top;}
405 .groupmanagementtable #existingcell,
406 .groupmanagementtable #potentialcell {width: 42%;}
407 .groupmanagementtable #buttonscell {width: 16%;}
408 .groupmanagementtable #buttonscell input {width: 80%;}
409 .groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;}
410 .groupmanagementtable #removeselect_wrapper,
411 .groupmanagementtable #addselect_wrapper {width: 100%;}
412 .groupmanagementtable #removeselect_wrapper label,
413 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
414 .dir-rtl .groupmanagementtable p {text-align: right;}
415 #group-usersummary {width: 14em;}
416 .groupselector {margin-top: 3px;margin-bottom: 3px;display: inline-block;}
418 /**
419  * Login
420  */
421 .loginbox {margin:15px;overflow:visible;}
422 .loginbox.twocolumns {margin:15px;}
423 .loginbox h2,
424 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
425 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;}
426 .loginbox .signuppanel .subcontent {text-align:left;}
427 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
428 .loginbox .loginsub {margin-left:0;margin-right:0;}
429 .loginbox .guestsub,
430 .loginbox .forgotsub,
431 .loginbox .potentialidps {margin:5px 12%;}
432 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
433 .loginbox .potentialidps .potentialidplist div {text-align:left;}
434 .loginbox .loginform {margin-top:1em;text-align:left;}
435 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
436 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
437 .loginbox .loginform .form-input {float:right;width:55%;}
438 .loginbox .loginform .form-input input {width: 6em;}
439 .loginbox .signupform {margin-top:1em;text-align:center;}
440 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
441 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
442 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
444 /**
445  * Notes
446  */
447 .notepost {margin-bottom: 1em;}
448 .notepost .userpicture {float: left;margin-right: 5px;}
449 .notepost .content,
450 .notepost .footer {clear: both;}
451 .notesgroup {margin-left:20px;}
453 /**
454  * My Moodle
455  */
456 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
457 .path-my .coursebox .info {float: none; margin: 0;}
459 /**
460  * Logs
461  */
462 .logtable th {text-align:left;}
464 /**
465  * Modules
466  */
467 .mod_introbox {border:1px solid;padding:10px;}
468 table.mod_index {width:100%;}
470 /**
471  * Comments
472  */
473 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
474 .comment-ctrl h5 {margin:0;padding: 5px;}
475 .comment-area {max-width: 400px;padding: 5px;}
476 .comment-area textarea {width:100%;overflow:auto;}
477 .comment-area .fd {text-align:right;}
478 .comment-meta span {color:gray;}
479 .comment-link img { vertical-align: text-bottom; }
480 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
481 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
482 .comment-list li.first {display:none}
483 .comment-paging{text-align:center;}
484 .comment-paging .pageno{padding:2px;}
485 .comment-paging .curpage{border:1px solid #CCC;}
486 .comment-message .picture {width: 20px;float:left;}
487 .dir-rtl .comment-message .picture {float:right;}
488 .comment-message .text {margin:0;padding:0;}
489 .comment-message .text p {padding:0;margin:0 18px 0 0;}
490 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
491 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
492 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
493 .comment-container {float:left;margin: 4px;}
494 .comment-report-selectall{display:none}
495 .comment-link {display:none}
496 .jsenabled .comment-link {display:block}
497 .jsenabled .showcommentsnonjs{display:none}
498 .jsenabled .comment-report-selectall{display:inline}
500 /**
501  * Completion progress report
502  */
503 .completion-expired {background:#FFDDDD;}
504 .completion-expected {font-size:0.75em;}
505 .completion-sortchoice,
506 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
507 .completion-progresscell {text-align:right;}
508 .completion-expired .completion-expected {font-weight:bold;}
510 /**
511  * Tags
512  */
513 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
514 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
515 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
516 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
517 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
518 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
519 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
520 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
521 #tag-description,
522 #tag-blogs {width:100%;}
523 #tag-management-box {margin-bottom:10px;line-height:20px;}
524 #tag-user-table {padding:3px;clear: both;width:100%;}
525 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
526 img.user-image {height:100px;width:100px;}
527 #small-tag-cloud-box {width:300px;margin:0 auto;}
528 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
529 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
530 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
531 #tag-search-box {text-align:center;margin:10px auto;}
532 #tag-search-results-container {padding:0;width:100%;}
533 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
534 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
535 span.flagged-tag,
536 span.flagged-tag a {color:#FF0000;}
537 table#tag-management-list {text-align:left;width:100%;}
538 table#tag-management-list td,
539 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
540 .tag-management-form {text-align:center;}
541 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
542 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
543 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
544 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
545 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
546 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
547 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
548 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
549 h2.tag-heading,
550 div#tag-description,
551 div#tag-blogs,
552 body.tag .managelink {padding: 5px;}
553 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
554 .tag_cloud .s19 {font-size: 1.5em;}
555 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
556 .tag_cloud .s17 {font-size: 1.4em;}
557 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
558 .tag_cloud .s15 {font-size: 1.3em;}
559 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
560 .tag_cloud .s13 {font-size: 1.2em;}
561 .tag_cloud .s12,
562 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
563 .tag_cloud .s10,
564 .tag_cloud .s9 {font-size: 1.1em;}
565 .tag_cloud .s8,
566 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
567 .tag_cloud .s6,
568 .tag_cloud .s5 {font-size: 1em;}
569 .tag_cloud .s4,
570 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
571 .tag_cloud .s2,
572 .tag_cloud .s1 {font-size: 0.9em;}
573 .tag_cloud .s0 {font-size: 0.8em;}
575 /*
576  * Backup and Restore CSS
577  */
578 .path-backup .mform .grouped_settings.section_level {clear:both;}
579 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
580 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
581 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
582 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
583 .path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
584 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
585 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
586 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
587 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
588 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
589 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
590 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
591 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
592 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
593 .path-backup .backup_progress {text-align:center;}
594 .path-backup .backup_progress span.backup_stage {color:#999;}
595 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
596 .path-backup .backup_progress .backup_stage.backup_stage_next {}
597 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
598 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
599 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
600 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
601 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
602 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
603 .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;}
604 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
605 .path-backup .wibbler .state0 { background: #eee; }
606 .path-backup .wibbler .state1 { background: #ddd; }
607 .path-backup .wibbler .state2 { background: #ccc; }
608 .path-backup .wibbler .state3 { background: #bbb; }
609 .path-backup .wibbler .state4 { background: #aaa; }
610 .path-backup .wibbler .state5 { background: #999; }
611 .path-backup .wibbler .state6 { background: #888; }
612 .path-backup .wibbler .state7 { background: #777; }
613 .path-backup .wibbler .state8 { background: #666; }
614 .path-backup .wibbler .state9 { background: #555; }
615 .path-backup .wibbler .state10 { background: #444; }
616 .path-backup .wibbler .state11 { background: #333; }
617 .path-backup .wibbler .state12 { background: #222; }
618 .path-backup .backup_log { margin-top: 2em; }
619 .path-backup .backup_log h2 { font-size: 1em; }
620 .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
622 /**
623  * Web Service
624  */
625 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
627 /**
628  * Custom menu
629  */
630 #custommenu {clear:both;}
631 #custommenu .yui3-menu .yui3-menu {z-index:500;}
632 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
633 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
634 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
635 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
636 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
637 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
638 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
639 #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;}
640 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
641 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
642 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
643 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
644 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
646 /**
647  * Fix for broken YUI images in the menunav component
648  */
649 #custommenu .yui3-menu-label,
650 #custommenu .yui3-menuitem-content {cursor:pointer;}
651 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
652 #custommenu .yui3-menuitem-active,
653 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
654 #custommenu .yui3-menu-horizontal .yui3-menu-label,
655 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
656 #custommenu .yui3-menu-label,
657 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
658 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
660 /**
661  * Smart Select Element
662  */
663 .smartselect {position:absolute;}
664 .smartselect .smartselect_mask {background-color:#fff;}
665 .smartselect ul  {padding: 0;margin: 0;}
666 .smartselect ul li {list-style: none;}
667 .smartselect .smartselect_menu {margin-right:5px;}
668 .safari .smartselect .smartselect_menu {margin-left:2px;}
669 .smartselect .smartselect_menu,
670 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
671 .smartselect .smartselect_menu.visible,
672 .smartselect .smartselect_submenu.visible {display:block;}
673 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
674 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
675 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
676 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
677 /** Spanning mode */
678 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
679 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
680 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
681 /** Compact mode */
682 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
683 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
684 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
685 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
686 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
688 /**
689  * Registration
690  */
691 #page-admin-registration-register .registration_textfield {width: 300px;}
693 /**
694  * Enrol
695  */
696 .userenrolment {width:100%;border-collapse: collapse;}
697 .userenrolment td {padding:0;height:41px;}
698 .userenrolment .subfield {margin-right:5px;}
699 .userenrolment .col_userdetails .subfield_picture {float:left;}
700 .userenrolment .col_lastseen {width:150px;}
701 .userenrolment .col_role {width:262px;}
702 .userenrolment .col_role .roles {margin-right:30px;}
703 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
704 .dir-rtl .userenrolment .col_role .role {float:right;}
705 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
706 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
707 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
708 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
709 .userenrolment .col_group .groups {margin-right:30px;}
710 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
711 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
712 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
713 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
714 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
715 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
716 #page-enrol-users .enrol_user_buttons {float:right;}
717 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
718 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
719 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
720 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
721 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
722 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
723 #page-enrol-users #filterform div,
724 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
725 #page-enrol-users #filterform .fitem {white-space:nowrap;}
726 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
727 #page-enrol-users #filterform select,
728 #page-enrol-users #filterform .ftext input {width:8em;}
729 #page-enrol-users #filterform #fitem_id_role,
730 #page-enrol-users #filterform #fitem_id_ifilter,
731 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
732 #page-enrol-users .paging { clear: right; }
734 /**
735 * Overide for RTL layout
736 **/
737 .dir-rtl .headermain {float:right;}
738 .dir-rtl .headermenu {float:left;}
739 .dir-rtl .breadcrumb {float:right;}
740 .dir-rtl .navbutton {float: left;}
741 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
742 .dir-rtl .mform .fitem .fitemtitle {float:right;}
743 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
744 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
745 .dir-rtl .yui3-menu-hidden {left: 0px;}
746 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
747 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
749 /**
750  * Backup
751  */
752 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
753 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
754 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
755 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
756 .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;}
757 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
758 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
759 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
760 .backup-restore .activitytable {width:60%;min-width:500px;}
761 .backup-restore .activitytable .modulename {width:100px;}
762 .backup-restore .activitytable .moduleincluded {width:50px;}
763 .backup-restore .activitytable .userinfoincluded {width:50px;}
764 .backup-restore .detail-pair {}
765 .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;}
766 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
767 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
768 .backup-restore > .singlebutton {text-align:right;}
769 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
771 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
772 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
773 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
774 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
776 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
777 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
778 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
779 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
781 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
782 .corelightbox img {position:fixed;top:50%; left: 50%;}
784 .mod-indent {display:table-cell;}
785 .mod-indent-1    {width:30px;}
786 .mod-indent-2    {width:60px;}
787 .mod-indent-3    {width:90px;}
788 .mod-indent-4    {width:120px;}
789 .mod-indent-5    {width:150px;}
790 .mod-indent-6    {width:180px;}
791 .mod-indent-7    {width:210px;}
792 .mod-indent-8    {width:240px;}
793 .mod-indent-9    {width:270px;}
794 .mod-indent-10   {width:300px;}
795 .mod-indent-11   {width:330px;}
796 .mod-indent-12   {width:360px;}
797 .mod-indent-13   {width:390px;}
798 .mod-indent-14   {width:420px;}
799 .mod-indent-15,
800 .mod-indent-huge {width:420px;}
802 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
803 .dir-rtl .mform .fitem .felement input[name=email],
804 .dir-rtl .mform .fitem .felement input[name=email2],
805 .dir-rtl .mform .fitem .felement input[name=url],
806 .dir-rtl .mform .fitem .felement input[name=idnumber],
807 .dir-rtl .mform .fitem .felement input[name=phone1],
808 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
810 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
811 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
812 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
814 /** Large resource images should avoid hidden overflow **/
815 .resourceimage {max-width: 100%;}
817 /* Audio player size in 'inline' mode (can only change width, as above) */
818 .mediaplugin_mp3 object {height:15px;width:300px}
819 audio.mediaplugin_html5audio {width: 300px}
821 /* TinyMCE moodle media preview frame should not have padding */
822 .core_media_preview.pagelayout-embedded #content {padding:0;}
823 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
824 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
826 /*
827 Fix for SubScript & SuperScript
828 ------------------------------*/
829 sub {vertical-align: sub;}
830 sup {vertical-align: super;}
832 /** Fix YUI 2 Treeview for Right to left languages **/
833 .dir-rtl .ygtvtn,
834 .dir-rtl .ygtvtm,
835 .dir-rtl .ygtvtmh,
836 .dir-rtl .ygtvtmhh,
837 .dir-rtl .ygtvtp,
838 .dir-rtl .ygtvtph,
839 .dir-rtl .ygtvtphh,
840 .dir-rtl .ygtvln,
841 .dir-rtl .ygtvlm,
842 .dir-rtl .ygtvlmh,
843 .dir-rtl .ygtvlmhh,
844 .dir-rtl .ygtvlp,
845 .dir-rtl .ygtvlph,
846 .dir-rtl .ygtvlphh,
847 .dir-rtl .ygtvdepthcell,
848 .dir-rtl .ygtvok,
849 .dir-rtl .ygtvok:hover,
850 .dir-rtl .ygtvcancel,
851 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
853 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
854 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
855 .dir-rtl .ygtvtmh,
856 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
857 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
858 .dir-rtl .ygtvtph,
859 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
860 .dir-rtl .ygtvln {background-position: 0 -1600px;}
861 .dir-rtl .ygtvlm {background-position: 0 0;}
862 .dir-rtl .ygtvlmh,
863 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
864 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
865 .dir-rtl .ygtvlph,
866 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
867 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
868 .dir-rtl .ygtvok {background-position: 0 -8800px;}
869 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
870 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
871 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
873 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
874 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
876 /** Fix TinyMCE editor right to left **/
877 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
878 .dir-rtl .o2k7Skin table,
879 .dir-rtl .o2k7Skin tbody,
880 .dir-rtl .o2k7Skin a,
881 .dir-rtl .o2k7Skin img,
882 .dir-rtl .o2k7Skin tr,
883 .dir-rtl .o2k7Skin div,
884 .dir-rtl .o2k7Skin td,
885 .dir-rtl .o2k7Skin iframe,
886 .dir-rtl .o2k7Skin span,
887 .dir-rtl .o2k7Skin *,
888 .dir-rtl .o2k7Skin .mceText,
889 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
891 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
892 .path-rating .ratingtable th.rating {width:100%;}
893 .path-rating .ratingtable td.rating,
894 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
896 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
898 .course-content ul.weeks .content .summary ul,
899 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
901 .course-content ul.weeks .content .summary ol,
902 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
904 .dir-rtl #adminsettings #id_s__pathtodu,
905 .dir-rtl #adminsettings #id_s__aspellpath,
906 .dir-rtl #adminsettings #id_s__pathtodot,
907 .dir-rtl #adminsettings #id_s__supportemail,
908 .dir-rtl #adminsettings #id_s__supportpage,
909 .dir-rtl #adminsettings #id_s__sessioncookie,
910 .dir-rtl #adminsettings #id_s__sessioncookiepath,
911 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
912 .dir-rtl #adminsettings #id_s__proxyhost,
913 .dir-rtl #adminsettings #id_s__proxyuser,
914 .dir-rtl #adminsettings #id_s__proxypassword,
915 .dir-rtl #adminsettings #id_s__proxybypass,
916 .dir-rtl #adminsettings #id_s__jabberhost,
917 .dir-rtl #adminsettings #id_s__jabberserver,
918 .dir-rtl #adminsettings #id_s__jabberusername,
919 .dir-rtl #adminsettings #id_s__jabberpassword,
920 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
921 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
922 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
923 .dir-rtl #adminsettings #id_s__docroot,
924 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
925 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
926 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
927 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
928 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
929 .dir-rtl #adminsettings #id_s__blockedip,
930 .dir-rtl #adminsettings #id_s__pathtoclam,
931 .dir-rtl #adminsettings #id_s__quarantinedir,
932 .dir-rtl #adminsettings #id_s__sitepolicy,
933 .dir-rtl #adminsettings #id_s__sitepolicyguest,
934 .dir-rtl #adminsettings #id_s__cronremotepassword,
935 .dir-rtl #adminsettings #id_s__allowedip,
936 .dir-rtl #adminsettings #id_s__blockedip,
937 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
938 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
939 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
940 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
941 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
942 .dir-rtl #adminsettings #admin-emoticons .form-text,
943 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
944 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
945 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
946 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
947 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
948 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
950 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
952 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
953 .initialbar a {padding-right: 2px;}
955 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
956 .moodle-dialogue-base .moodle-dialogue-lightbox {
957     background-color:#AAA;
960 .moodle-dialogue-base .moodle-dialogue {
961     outline: #000 dotted 0;
964 .moodle-dialogue-base .hidden,
965 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
966 .moodle-dialogue-base .moodle-dialogue {
967     padding: 0;
968     margin: 0;
969     background: none;
970     border: none;
971     /* Override the z-index set incorrectly by the YUI dialogue */
972     z-index: 600;
975 .no-scrolling { overflow: hidden; }
977 .moodle-dialogue-base .moodle-dialogue-fullscreen {
978     left: 0px;
979     top: 0px;
980     right: 0px;
981     bottom: -50px;
982     position: fixed;
984 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
985     overflow: auto;
987 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
988     width: 28px;
989     height: 16px;
990     background-size: 100%;
994 .moodle-dialogue-base .moodle-dialogue-wrap {
995     margin-top:-3px;
996     margin-left:-3px;
997     background-color: #FFFFFF;
998     border: 1px solid #CCCCCC;
999     border-radius: 10px;
1000     box-shadow: 5px 5px 20px 0px #666666;
1001     -webkit-box-shadow: 5px 5px 20px 0px #666666;
1002     -moz-box-shadow: 5px 5px 20px 0px #666666;
1003     overflow: hidden;
1006 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1007 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1008     margin:0;
1009     padding:5px;
1010     font-size:12px;
1011     font-weight: normal;
1012     letter-spacing: 1px;
1013     color:#333333;
1014     text-align: center;
1015     text-shadow: 1px 1px 1px #FFFFFF;
1016     border-radius: 10px 10px 0px 0px;
1017     border-bottom: 1px solid #BBBBBB;
1018     background: #CCCCCC;
1019     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
1020     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
1021     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
1022     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1025 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1026     margin:0;
1027     padding:0;
1028     display:inline;
1029     font-size: 100%;
1030     font-weight: bold;
1032 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1033     padding: 5px;
1035 .moodle-dialogue-base .closebutton {
1036     width:25px;
1037     height:15px;
1038     float:right;
1039     vertical-align:middle;
1040     display:inline-block;
1041     cursor:pointer;
1042     padding:0px;
1043     background-image:url([[pix:theme|sprite]]);
1044     background-repeat:no-repeat;
1045     border-style:none;
1047 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1048     left: 0px;
1049     right: auto;
1052 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1053     padding: 1em;
1054     line-height: 2em;
1055     color: #555;
1056     font-size: 12px;
1059 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1060   padding:0px;
1061   background:#FFF;
1064 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1065     padding: 10px;
1066     font-size: 16px;
1069 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1070     overflow: auto;
1071     position: absolute;
1072     top: 0px;
1073     bottom: 50px;
1074     left: 0px;
1075     right: 0px;
1076     margin: 0px;
1077     border: 0px;
1079 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1080 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1081     border-radius: 0px;
1084 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1085 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1086 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1087 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1088 .moodle-dialogue-exception .param-stacktrace label {
1089     background-color:#EEE;
1090     border:1px solid #ccc;
1091     border-bottom-width:0;
1094 .moodle-dialogue-exception .param-stacktrace pre {
1095     border:1px solid #ccc;
1096     background-color:#fff;
1099 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1100     color:navy;
1101     font-size:80%;
1103 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1104     color:#AA0000;
1105     font-size:80%;
1107 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1108     color:#333;
1109     font-size:90%;
1110     border-bottom:1px solid #eee;
1113 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1114     padding:0px;
1115     margin: 0.7em 1em;
1116     text-align: right;
1117     background-color: #FFF;
1118     font-size: 12px;
1121 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1122 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1123 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1124 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1125 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1126 .moodle-dialogue-exception .param-stacktrace label {
1127     display:block;
1128     margin:0;
1129     padding:4px 1em;
1131 .moodle-dialogue-exception .param-stacktrace pre {
1132     display:block;
1133     height:200px;
1134     overflow:auto;
1137 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1138     display:inline-block;
1139     margin:4px 0;
1141 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1142     display:inline-block;
1143     width:50px;
1144     margin:4px 1em;
1146 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1147     padding-left:25px;
1148     margin-bottom:4px;
1149     padding-bottom:4px;
1152 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1153     opacity: .75;
1154     width: 100%;
1155     height: 100%;
1156     top: 0;
1157     left: 0;
1158     background-color: white;
1159     text-align: center;
1160     padding: 10% 0;
1163 /* Apply a default max-height on tooltip text */
1164 .moodle-dialogue .tooltiptext {
1165     max-height: 300px;
1167 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1168     z-index: 3001;
1170 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1171     overflow: auto;
1174 /* Question Bank - Question Chooser "Close" button */
1175 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1177 /**
1178  * Chooser Dialogues (moodle-core-chooserdialogue)
1179  *
1180  * This CSS belong to the chooser dialogue which should work both with, and
1181  * without javascript enabled
1182  */
1183 /* Hide the dialog and it's title */
1184 .chooserdialoguebody,
1185 .choosertitle {
1186     display:none;
1188 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1189     margin: 0;
1192 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1193     padding: 0px;
1194     background: #F2F2F2;
1195     border-bottom-left-radius: 10px;
1196     border-bottom-right-radius: 10px;
1199 /* Center the submit buttons within the area */
1200 .choosercontainer #chooseform .submitbuttons {
1201     margin: 0.7em 0;
1202     text-align: center;
1205 .choosercontainer #chooseform .submitbuttons input {
1206     min-width: 100px;
1207     margin: 0px 0.5em;
1210 /* Various settings for the options area */
1211 .choosercontainer #chooseform .options {
1212     position: relative;
1213     border-bottom: 1px solid #BBBBBB;
1216 /* Only set these options if we're showing the js container */
1217 .jsenabled .choosercontainer #chooseform .alloptions {
1218     overflow-x: hidden;
1219     overflow-y: auto;
1220     max-width: 20.3em;
1221     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1222     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1223     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1225 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1226     max-width: 18.3em;
1229 /* Settings for option rows and option subtypes */
1230 .choosercontainer #chooseform .moduletypetitle,
1231 .choosercontainer #chooseform .option,
1232 .choosercontainer #chooseform .nonoption {
1233     margin-bottom: 0;
1234     padding: 0 1.6em 0 1.6em;
1237 .choosercontainer #chooseform .moduletypetitle {
1238     text-transform: uppercase;
1239     padding-top: 1.2em;
1240     padding-bottom: 0.4em;
1243 .choosercontainer #chooseform .option .typename,
1244 .choosercontainer #chooseform .option span.modicon img.icon,
1245 .choosercontainer #chooseform .nonoption .typename,
1246 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1247     padding: 0 0 0 0.5em;
1249 .dir-rtl .choosercontainer #chooseform .option .typename,
1250 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1251 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1252 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1253     padding: 0 0.5em 0 0;
1256 .choosercontainer #chooseform .option span.modicon img.icon,
1257 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1258     height: 24px; width: 24px;
1261 .choosercontainer #chooseform .option input[type=radio],
1262 .choosercontainer #chooseform .option span.typename,
1263 .choosercontainer #chooseform .option span.modicon {
1264     vertical-align: middle;
1267 .choosercontainer #chooseform .option label {
1268     display: block;
1269     padding: 0.3em 0 0.1em 0;
1270     border-bottom: 1px solid #FFFFFF;
1273 .choosercontainer #chooseform .nonoption {
1274     padding-left: 2.7em;
1275     padding-top: 0.3em;
1276     padding-bottom: 0.1em;
1278 .dir-rtl .choosercontainer #chooseform .nonoption {
1279     padding-right: 2.7em;
1280     padding-left: 0;
1283 .choosercontainer #chooseform .subtype {
1284     margin-bottom: 0;
1285     padding: 0 1.6em 0 3.2em;
1287 .dir-rtl .choosercontainer #chooseform .subtype {
1288     padding: 0 3.2em 0 1.6em;
1291 .choosercontainer #chooseform .subtype .typename {
1292     margin: 0 0 0 0.2em;
1294 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1295     margin: 0 0.2em 0 0;
1298 /* The instruction/help area */
1299 .jsenabled .choosercontainer #chooseform .instruction,
1300 .jsenabled .choosercontainer #chooseform .typesummary {
1301     display: none;
1302     position: absolute;
1303     top: 0px;
1304     right: 0px;
1305     bottom: 0px;
1306     left: 20.3em;
1307     margin: 0;
1308     padding: 1.6em;
1309     background-color: #FFFFFF;
1310     overflow-x: hidden;
1311     overflow-y: auto;
1312     line-height: 2em;
1315 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1316 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1317     left: 0px;
1318     right: 18.5em;
1319     border-right: 1px solid grey;
1322 /* Selected option settings */
1323 .jsenabled .choosercontainer #chooseform .instruction,
1324 .choosercontainer #chooseform .selected .typesummary {
1325     display: block;
1328 .choosercontainer #chooseform .selected {
1329     background-color: #FFFFFF;
1330     box-shadow: 0px 0px 10px 0px #CCCCCC;
1331     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1332     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1334 .section-modchooser-link img.smallicon { padding-right: 3px; }
1335 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1337 /* Install Process' text fields Forms, should always be justified to the left */
1338 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1339 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1340 form#installform #id_dbpass, form#installform #id_prefix
1341 {direction: ltr;}
1343 html[dir=rtl] .breadcrumb,
1344 html[dir=rtl] .headermain,
1345 html[dir=rtl] #page-header {float: right;}
1347 html[dir=rtl] .formrow label.formlabel { float:right; }
1349 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1351 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1352 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1353 table.flexible .emptyrow {display: none;}
1355 /* Form element: listing */
1356 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1357 .formlistinginputradio {float: left;}
1358 .formlistingmain {min-height: 225px;}
1359 .formlistingradiocontent {}
1360 .formlisting {
1361     position: relative;
1362     margin: 15px 0;
1363     padding: 1px 19px 14px;
1364     background-color: white;
1365     border: 1px solid #DDD;
1366     -webkit-border-radius: 4px;
1367     -moz-border-radius: 4px;
1368     border-radius: 4px;
1371 .formlistingmore {
1372     position: absolute;
1373     cursor: pointer;
1374     bottom: -1px;
1375     right: -1px;
1376     padding: 3px 7px;
1377     font-size: 12px;
1378     font-weight: bold;
1379     background-color: whiteSmoke;
1380     border: 1px solid #DDD;
1381     color: #9DA0A4;
1382     -webkit-border-radius: 4px 0 4px 0;
1383     -moz-border-radius: 4px 0 4px 0;
1384     border-radius: 4px 0 4px 0;
1387 .formlistingall {
1388     margin: 15px 0;
1389     padding: 0px 0px 0px;
1390     -webkit-border-radius: 4px;
1391     -moz-border-radius: 4px;
1392     border-radius: 4px;
1395 .formlistingrow {
1396     cursor: pointer;
1397     border-bottom: 1px solid;
1398     border-color: #E1E1E8;
1399     border-left: 1px solid #E1E1E8;
1400     border-right: 1px solid #E1E1E8;
1401     background-color: #F7F7F9;
1402     -webkit-border-radius: 0px 0px 4px 4px;
1403     -moz-border-radius: 0px 0px 4px 4px;
1404     padding: 6px;
1405     top: 50%;
1406     left: 50%;
1407     min-height: 34px;
1408     float:left;
1409     width: 150px;
1412 body.jsenabled .formlistingradio {
1413     display: none;
1416 body.jsenabled .formlisting {
1417     display: block;
1420 /**
1421  * Badges styles
1422  */
1423 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1424 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1426 table.collection th { font-size: inherit !important; border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; text-align: center !important; }
1427 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1428 table.collection .r1 { background-color: #FFFFFF; }
1429 table.collection .r0 { background-color: #F6F6F6; }
1430 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1431 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1433 #page-badges-view table.collection .badgeimage,
1434 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1435 #page-badges-view table.collection .awards,
1436 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1437 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1438 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1440 table.collection .name { text-align: left; vertical-align: middle; }
1441 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1442 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1443 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1444 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1445 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1446 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1448 a.criteria-action { padding: 0px 3px; float: right; }
1449 .dir-rtl a.criteria-action { float: left; }
1450 table.issuedbadgebox { width: 750px; background-color: white; }
1451 table.badgeissuedimage { width: 150px; text-align: center; }
1452 table.badgeissuedinfo { width: 600px; }
1453 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1454 .dir-rtl table.badgeissuedinfo .bvalue { text-align: right; }
1455 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1456 .dir-rtl table.badgeissuedinfo .bfield { text-align: right; }
1458 ul.badges { margin: 0; list-style: none; }
1459 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1460 .badges li .badge-name { display: block; padding: 5px; }
1461 .badges li > img { position: absolute; }
1462 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1463 .dir-rtl .badges li .badge-image { right: 10px; }
1464 .badges li .badge-actions { position: relative; }
1466 div.badge { position: relative; display: block; }
1467 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1468 .expireimage { width: 90px; height: 90px; left: 30px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
1470 .badge-profile { vertical-align: top; }
1471 .connected { color: #006600; }
1472 .notconnected { color: #660000; }
1474 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1475 #page-badges-award .recipienttable tr td { vertical-align: top; }
1476 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1477 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1478 #page-badges-award .recipienttable tr td.existing,
1479 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1481 .statustable { margin-bottom: 0px; }
1482 .statusbox { border-color: #BBBBBB; }
1483 .statusbox.active { background-color: #D9F991; }
1484 .statusbox.inactive { background-color: #FFEBA8; }
1485 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1486 .dir-rtl .activatebadge { text-align: right; }
1487 .addcourse { float: right; }
1488 .dir-rtl .addcourse { float: left; }
1489 img#persona_signin { cursor: pointer; }
1491 /**
1492  * The date selector popup.
1493  */
1494  div#dateselector-calendar-panel {
1495      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1496  }
1498 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1500 /** Action menu component styles **/
1501 .moodle-actionmenu,
1502 .moodle-actionmenu > ul,
1503 .moodle-actionmenu > ul > li {display: inline-block;}
1504 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1505 #page .moodle-actionmenu a.hidden {display: none;}
1506 .moodle-actionmenu .toggle-display,
1507 .moodle-actionmenu .menu-action-text {display: none;}
1509 .jsenabled .block .editing_move {display: none;}
1510 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1511 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1512 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1514 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1515     display: block;
1516     margin-left: 4px;
1517     padding-left: 4px;
1518     padding-right: 4px;
1521 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1522     margin-right: 4px;
1523     margin-left: initial;
1526 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
1527     margin: 8px 4px 0px 2px;
1530 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
1531     margin-top: 4px;
1532     margin-left: 2px;
1535 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
1536     margin-right: 2px;
1537     margin-left: initial;
1540 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1541 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
1542     display: inline;
1545 .moodle-actionmenu[data-enhanced].show {position: relative;}
1546 .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;}
1547 .moodle-actionmenu[data-enhanced].show .menu a {
1548     display: block;
1549     padding: 4px 1em 4px 28px;
1550     color: #333333;
1552 .moodle-actionmenu[data-enhanced].show .menu a > img {
1553     margin: 4px 4px 4px -24px;
1554     padding: 4px;
1555     width: 12px;
1556     height: 12px;
1558 .moodle-actionmenu[data-enhanced].show .menu a:hover,
1559 .moodle-actionmenu[data-enhanced].show .menu a:focus {color: #ffffff;background-color: #0088cc;}
1560 .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;}
1561 .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;}
1562 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
1563 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
1564 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
1565 .block .moodle-actionmenu {text-align: right;}
1567 .dir-rtl .block .moodle-actionmenu {text-align: right;}
1568 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
1569 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
1571 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
1572 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;}
1573 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;}
1574 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;}
1575 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;}
1576 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
1577 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;}
1578 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;}
1579 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;}
1580 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
1581 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
1582 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;}
1583 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
1584 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;}
1585 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;}
1586 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
1588 .moodle-actionmenu > ul > li[role="menuitem"] {
1589     display: none;
1592 .jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] {
1593     display: inline-block;
1596 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
1597 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
1598 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
1599 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
1600 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
1601 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
1602 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
1603 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
1604 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
1605 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
1606 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
1607 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
1608 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
1609 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
1610 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
1611 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
1613 ul.dragdrop-keyboard-drag li { list-style-type: none; }
1614 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
1616 .block .header h2,
1617 .course-content h3,
1618 .pagelayout-frontpage h2,
1619 .pagelayout-frontpage h3,
1620 .pagelayout-frontpage h4,
1621 .pagelayout-frontpage h5,
1622 .pagelayout-frontpage h6,
1623 .pagelayout-coursecategory h3,
1624 .pagelayout-coursecategory h4,
1625 .pagelayout-coursecategory h5,
1626 .pagelayout-coursecategory h6 {
1627     text-align: inherit;
1629 a.disabled:hover,
1630 a.disabled {
1631     text-decoration: none;
1632     cursor: default;
1633     font-style: italic;
1634     color: #808080;
1637 .caret {
1638     display: inline-block;
1639     width: 0;
1640     height: 0;
1641     vertical-align: top;
1642     border-top: 4px solid #777;
1643     border-right: 4px solid transparent;
1644     border-left: 4px solid transparent;
1645     content: "";
1648 a:focus .caret,
1649 a:hover .caret {
1650     border-top-color: #555;
1653 /**
1654  * Bootstrap 2.3.2 progress bar css.
1655  * Required for none bootstrap theme.
1656  */
1658 @-webkit-keyframes progress-bar-stripes {
1659     from {
1660         background-position: 40px 0;
1661     }
1662     to {
1663         background-position: 0 0;
1664     }
1667 @-moz-keyframes progress-bar-stripes {
1668     from {
1669         background-position: 40px 0;
1670     }
1671     to {
1672         background-position: 0 0;
1673     }
1676 @-ms-keyframes progress-bar-stripes {
1677     from {
1678         background-position: 40px 0;
1679     }
1680     to {
1681         background-position: 0 0;
1682     }
1685 @-o-keyframes progress-bar-stripes {
1686     from {
1687         background-position: 0 0;
1688     }
1689     to {
1690         background-position: 40px 0;
1691     }
1694 @keyframes progress-bar-stripes {
1695     from {
1696         background-position: 40px 0;
1697     }
1698     to {
1699         background-position: 0 0;
1700     }
1703 .progress {
1704     height: 20px;
1705     margin-bottom: 20px;
1706     overflow: hidden;
1707     background-color: #f7f7f7;
1708     background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
1709     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
1710     background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
1711     background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
1712     background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
1713     background-repeat: repeat-x;
1714     -webkit-border-radius: 4px;
1715     -moz-border-radius: 4px;
1716     border-radius: 4px;
1717     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
1718     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1719     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1720     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1723 .progress .bar {
1724     float: left;
1725     width: 0;
1726     height: 100%;
1727     font-size: 12px;
1728     color: #ffffff;
1729     text-align: center;
1730     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1731     background-color: #0e90d2;
1732     background-image: -moz-linear-gradient(top, #149bdf, #0480be);
1733     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
1734     background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
1735     background-image: -o-linear-gradient(top, #149bdf, #0480be);
1736     background-image: linear-gradient(to bottom, #149bdf, #0480be);
1737     background-repeat: repeat-x;
1738     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
1739     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1740     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1741     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1742     -webkit-box-sizing: border-box;
1743     -moz-box-sizing: border-box;
1744     box-sizing: border-box;
1745     -webkit-transition: width 0.6s ease;
1746     -moz-transition: width 0.6s ease;
1747     -o-transition: width 0.6s ease;
1748     transition: width 0.6s ease;
1751 .progress .bar + .bar {
1752     -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1753     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1754     box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1757 .progress-striped .bar {
1758     background-color: #149bdf;
1759     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));
1760     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);
1761     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);
1762     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);
1763     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);
1764     -webkit-background-size: 40px 40px;
1765     -moz-background-size: 40px 40px;
1766     -o-background-size: 40px 40px;
1767     background-size: 40px 40px;
1770 .progress.active .bar {
1771     -webkit-animation: progress-bar-stripes 2s linear infinite;
1772     -moz-animation: progress-bar-stripes 2s linear infinite;
1773     -ms-animation: progress-bar-stripes 2s linear infinite;
1774     -o-animation: progress-bar-stripes 2s linear infinite;
1775     animation: progress-bar-stripes 2s linear infinite;