Merge branch '40976-26' of git://github.com/samhemelryk/moodle
[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;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 {vertical-align: middle;}
154 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
155 .no-overflow {overflow:auto;padding-bottom:1px;}
156 .pagelayout-report .no-overflow {overflow:visible;}
157 .no-overflow > .generaltable {margin-bottom:0;}
158 .ie6 .no-overflow {width:100%;}
160 /** IE6 float + background bug solution **/
161 .ie6 li.section {line-height:1.2em;width:100%;}
163 /**
164  * Accessibility features
165  */
166 /*Accessibility: text 'seen' by screen readers but not visual users. */
167 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
168 .dir-rtl .accesshide {top:-30000px;left:auto;}
169 span.hide,
170 div.hide {display:none;}
171 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
172 /*Accessibility: Skip block link, for keyboard-only users. */
173 a.skip-block,
174 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
175 a.skip-block:focus,
176 a.skip-block:active,
177 a.skip:focus,
178 a.skip:active {position: static;display: block;}
179 .skip-block-to {display: block;height: 1px;overflow: hidden;}
180 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
181 .arrow,
182 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
184 /**
185  * Header
186  */
187 .headermain {float:left;margin:15px;font-size:2.3em;}
188 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
189 #course-header {clear:both;}
191 /**
192  * Navbar
193  */
194 .navbar {clear:both;overflow:hidden;}
195 .ie6 .navbar {overflow:hidden;height:100%;}
196 .breadcrumb {float:left;}
197 .navbutton {text-align:right;}
198 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
199 .navbutton {float: right;}
200 .breadcrumb li,
201 .navbutton div,
202 .navbutton form {display:inline;}
204 /**
205  * Footer
206  */
207 #page-footer {text-align:center;font-size:0.9em;}
208 #page-footer .homelink {margin: 1em 0;}
209 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
210 #page-footer .logininfo,
211 #page-footer .sitelink,
212 #page-footer .helplink {margin:0px 10px;}
213 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
214 #page-footer .performanceinfo span {display:block;}
215 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
216 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
217 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
219 #page-footer .performanceinfo .cachesused {margin-top:1em;}
220 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;}
221 #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;}
222 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;}
223 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;}
224 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
225 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;}
226 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;}
227 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;}
228 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;}
230 #course-footer {clear:both;}
232 /**
233  * Tabs
234  */
235 .tabtree {position:relative;margin-bottom:3.5em;}
236 .tabtree li {display:inline;}
237 .tabtree ul {margin:5px;}
238 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
239 .tabtree ul li.here .empty {display:none;}
241 /**
242  * Mforms
243  */
244 .mform fieldset {border:1px solid;}
245 .mform fieldset fieldset {border-width:0;}
246 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
247 .mform fieldset div {margin:10px;margin-top:0;}
248 .mform fieldset div div {margin:0;}
249 .mform fieldset .advancedbutton {text-align:right;}
250 .mform fieldset.hidden {border-width:0;}
251 .mform fieldset.group {margin-bottom: 0}
252 .mform fieldset.error {border: 1px solid #A00;}
253 .collapsible-actions {display: none;}
254 .jsenabled .collapsible-actions {text-align: right; display: block;}
255 .dir-rtl .collapsible-actions {text-align: left;}
256 .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
257 .dir-rtl .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
258 .collapse-all,
259 .dir-rtl .collapse-all {background-image: url([[pix:t/expanded]]);}
260 .mform fieldset legend {padding: 0 0.35em;}
261 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;}
262 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);}
263 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;}
264 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
265 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
266 .jsenabled .mform .containsadvancedelements .advanced {display: none;}
267 .mform .containsadvancedelements .advanced.show {display: block;}
268 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
269 .dir-rtl .mform .fitem .fitemtitle {text-align:left;}
270 .mform .fitem .fitemtitle div {display: inline;}
271 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
272 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
273 .mform .error,
274 .mform .required {color:#A00;}
275 .mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;}
276 .mform .required .fgroup span label {color:#000;}
277 .mform .fdescription.required {color:#A00;text-align:right;}
278 .dir-rtl .mform .fdescription.required {text-align:left;}
279 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
280 .mform .ftextarea #id_alltext {width: 100%;}
281 .mform ul.file-list {padding:0;margin:0;list-style:none;}
282 .mform label { display: inline-block; }
283 .mform .iconhelp { margin-left: 4px; }
284 .dir-rtl .mform .iconhelp { margin-right: 4px; }
285 .mform label .req,
286 .mform label .adv {cursor: help;}
287 .mform .fcheckbox input {margin-left: 0;}
288 .mform .fcheckbox label,
289 .mform .fduration label,
290 .mform .fitem fieldset.fgroup label,
291 .mform .fradio label,
292 .mform fieldset.fdate_selector label,
293 .mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;}
294 .dir-rtl .mform .fcheckbox label,
295 .dir-rtl .mform .fduration label,
296 .dir-rtl .mform .fitem fieldset.fgroup label,
297 .dir-rtl .mform .fradio label,
298 .dir-rtl .mform fieldset.fdate_selector label,
299 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;}
300 .mform .ftags label.accesshide {display: block;position: static;}
301 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
302 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;}
303 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; }
304 .mform .moreless-less {background-image: url([[pix:t/less]]);}
305 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
306 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
307 .mform legend .helplink img { margin-right: .2em; }
308 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
309 .urlselect label,
310 .singleselect label { margin-right: .3em; }
311 .dir-rtl .urlselect label,
312 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
314 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;}
315 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;}
316 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); }
317 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; }
318 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
320 .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;}
321 .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; }
322 .mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; }
323 .mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; }
325 input#id_externalurl {direction:ltr;}
326 #portfolio-add-button {display:inline;}
328 /**
329  * phpinfo styles
330  */
331 .phpinfo .center {text-align: center;}
332 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
333 .phpinfo .center th {text-align: center;}
334 .phpinfo .e,
335 .phpinfo .v,
336 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
337 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
338 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
340 /**
341  * Blogs
342  */
343 .addbloglink {text-align: center;}
344 .blog_entry .audience {text-align: right;padding-right: 4px;}
345 .blog_entry .tags {margin-top: 15px;}
346 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
347 .blog_entry .content {margin-left: 43px;}
349 /**
350  * Group
351  */
352 #page-group-index #groupeditform {text-align: center;}
353 #doc-contents h1 {margin: 1em 0 0 0;}
354 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
355 #doc-contents ul li {list-style-type: none;}
356 .groupmanagementtable td {vertical-align: top;}
357 .groupmanagementtable #existingcell,
358 .groupmanagementtable #potentialcell {width: 42%;}
359 .groupmanagementtable #buttonscell {width: 16%;}
360 .groupmanagementtable #buttonscell input {width: 80%;}
361 .groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;}
362 .groupmanagementtable #removeselect_wrapper,
363 .groupmanagementtable #addselect_wrapper {width: 100%;}
364 .groupmanagementtable #removeselect_wrapper label,
365 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
366 .dir-rtl .groupmanagementtable p {text-align: right;}
367 #group-usersummary {width: 14em;}
368 .groupselector {margin-top: 3px;margin-bottom: 3px;}
370 /**
371  * Login
372  */
373 .loginbox {margin:15px;overflow:visible;}
374 .loginbox.twocolumns {margin:15px;}
375 .loginbox h2,
376 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
377 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;}
378 .loginbox .signuppanel .subcontent {text-align:left;}
379 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
380 .loginbox .loginsub {margin-left:0;margin-right:0;}
381 .loginbox .guestsub,
382 .loginbox .forgotsub,
383 .loginbox .potentialidps {margin:5px 12%;}
384 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
385 .loginbox .potentialidps .potentialidplist div {text-align:left;}
386 .loginbox .loginform {margin-top:1em;text-align:left;}
387 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
388 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
389 .loginbox .loginform .form-input {float:right;width:55%;}
390 .loginbox .loginform .form-input input {width: 6em;}
391 .loginbox .signupform {margin-top:1em;text-align:center;}
392 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
393 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
394 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
396 /**
397  * Notes
398  */
399 .notepost {margin-bottom: 1em;}
400 .notepost .userpicture {float: left;margin-right: 5px;}
401 .notepost .content,
402 .notepost .footer {clear: both;}
403 .notesgroup {margin-left:20px;}
405 /**
406  * My Moodle
407  */
408 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
409 .path-my .coursebox .info {float: none; margin: 0;}
411 /**
412  * Logs
413  */
414 .logtable th {text-align:left;}
416 /**
417  * Modules
418  */
419 .mod_introbox {border:1px solid;padding:10px;}
420 table.mod_index {width:100%;}
422 /**
423  * Comments
424  */
425 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
426 .comment-ctrl h5 {margin:0;padding: 5px;}
427 .comment-area {max-width: 400px;padding: 5px;}
428 .comment-area textarea {width:100%;overflow:auto;}
429 .comment-area .fd {text-align:right;}
430 .comment-meta span {color:gray;}
431 .comment-link img { vertical-align: text-bottom; }
432 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
433 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
434 .comment-list li.first {display:none}
435 .comment-paging{text-align:center;}
436 .comment-paging .pageno{padding:2px;}
437 .comment-paging .curpage{border:1px solid #CCC;}
438 .comment-message .picture {width: 20px;float:left;}
439 .dir-rtl .comment-message .picture {float:right;}
440 .comment-message .text {margin:0;padding:0;}
441 .comment-message .text p {padding:0;margin:0 18px 0 0;}
442 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
443 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
444 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
445 .comment-container {float:left;margin: 4px;}
446 .comment-report-selectall{display:none}
447 .comment-link {display:none}
448 .jsenabled .comment-link {display:block}
449 .jsenabled .showcommentsnonjs{display:none}
450 .jsenabled .comment-report-selectall{display:inline}
452 /**
453  * Completion progress report
454  */
455 .completion-expired {background:#FFDDDD;}
456 .completion-expected {font-size:0.75em;}
457 .completion-sortchoice,
458 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
459 .completion-progresscell {text-align:right;}
460 .completion-expired .completion-expected {font-weight:bold;}
462 /**
463  * Tags
464  */
465 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
466 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
467 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
468 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
469 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
470 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
471 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
472 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
473 #tag-description,
474 #tag-blogs {width:100%;}
475 #tag-management-box {margin-bottom:10px;line-height:20px;}
476 #tag-user-table {padding:3px;clear: both;width:100%;}
477 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
478 img.user-image {height:100px;width:100px;}
479 #small-tag-cloud-box {width:300px;margin:0 auto;}
480 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
481 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
482 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
483 #tag-search-box {text-align:center;margin:10px auto;}
484 #tag-search-results-container {padding:0;width:100%;}
485 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
486 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
487 span.flagged-tag,
488 span.flagged-tag a {color:#FF0000;}
489 table#tag-management-list {text-align:left;width:100%;}
490 table#tag-management-list td,
491 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
492 .tag-management-form {text-align:center;}
493 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
494 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
495 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
496 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
497 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
498 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
499 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
500 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
501 h2.tag-heading,
502 div#tag-description,
503 div#tag-blogs,
504 body.tag .managelink {padding: 5px;}
505 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
506 .tag_cloud .s19 {font-size: 1.5em;}
507 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
508 .tag_cloud .s17 {font-size: 1.4em;}
509 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
510 .tag_cloud .s15 {font-size: 1.3em;}
511 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
512 .tag_cloud .s13 {font-size: 1.2em;}
513 .tag_cloud .s12,
514 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
515 .tag_cloud .s10,
516 .tag_cloud .s9 {font-size: 1.1em;}
517 .tag_cloud .s8,
518 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
519 .tag_cloud .s6,
520 .tag_cloud .s5 {font-size: 1em;}
521 .tag_cloud .s4,
522 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
523 .tag_cloud .s2,
524 .tag_cloud .s1 {font-size: 0.9em;}
525 .tag_cloud .s0 {font-size: 0.8em;}
527 /*
528  * Backup and Restore CSS
529  */
530 .path-backup .mform .grouped_settings.section_level {clear:both;}
531 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
532 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
533 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
534 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
535 .path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
536 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
537 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
538 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
539 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
540 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
541 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
542 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
543 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
544 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
545 .path-backup .backup_progress {text-align:center;}
546 .path-backup .backup_progress span.backup_stage {color:#999;}
547 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
548 .path-backup .backup_progress .backup_stage.backup_stage_next {}
549 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
550 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
551 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
552 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
553 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
554 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
555 .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;}
556 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
557 .path-backup .wibbler .state0 { background: #eee; }
558 .path-backup .wibbler .state1 { background: #ddd; }
559 .path-backup .wibbler .state2 { background: #ccc; }
560 .path-backup .wibbler .state3 { background: #bbb; }
561 .path-backup .wibbler .state4 { background: #aaa; }
562 .path-backup .wibbler .state5 { background: #999; }
563 .path-backup .wibbler .state6 { background: #888; }
564 .path-backup .wibbler .state7 { background: #777; }
565 .path-backup .wibbler .state8 { background: #666; }
566 .path-backup .wibbler .state9 { background: #555; }
567 .path-backup .wibbler .state10 { background: #444; }
568 .path-backup .wibbler .state11 { background: #333; }
569 .path-backup .wibbler .state12 { background: #222; }
570 .path-backup .backup_log { margin-top: 2em; }
571 .path-backup .backup_log h2 { font-size: 1em; }
572 .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
574 /**
575  * Web Service
576  */
577 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
579 /**
580  * Custom menu
581  */
582 #custommenu {clear:both;}
583 #custommenu .yui3-menu .yui3-menu {z-index:500;}
584 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
585 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
586 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
587 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
588 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
589 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
590 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
591 #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;}
592 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
593 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
594 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
595 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
596 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
598 /**
599  * Fix for broken YUI images in the menunav component
600  */
601 #custommenu .yui3-menu-label,
602 #custommenu .yui3-menuitem-content {cursor:pointer;}
603 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
604 #custommenu .yui3-menuitem-active,
605 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
606 #custommenu .yui3-menu-horizontal .yui3-menu-label,
607 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
608 #custommenu .yui3-menu-label,
609 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
610 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
612 /**
613  * Smart Select Element
614  */
615 .smartselect {position:absolute;}
616 .smartselect .smartselect_mask {background-color:#fff;}
617 .smartselect ul  {padding: 0;margin: 0;}
618 .smartselect ul li {list-style: none;}
619 .smartselect .smartselect_menu {margin-right:5px;}
620 .safari .smartselect .smartselect_menu {margin-left:2px;}
621 .smartselect .smartselect_menu,
622 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
623 .smartselect .smartselect_menu.visible,
624 .smartselect .smartselect_submenu.visible {display:block;}
625 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
626 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
627 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
628 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
629 /** Spanning mode */
630 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
631 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
632 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
633 /** Compact mode */
634 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
635 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
636 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
637 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
638 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
640 /**
641  * Registration
642  */
643 #page-admin-registration-register .registration_textfield {width: 300px;}
645 /**
646  * Enrol
647  */
648 .userenrolment {width:100%;border-collapse: collapse;}
649 .userenrolment td {padding:0;height:41px;}
650 .userenrolment .subfield {margin-right:5px;}
651 .userenrolment .col_userdetails .subfield_picture {float:left;}
652 .userenrolment .col_lastseen {width:150px;}
653 .userenrolment .col_role {width:262px;}
654 .userenrolment .col_role .roles {margin-right:30px;}
655 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
656 .dir-rtl .userenrolment .col_role .role {float:right;}
657 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
658 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
659 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
660 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
661 .userenrolment .col_group .groups {margin-right:30px;}
662 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
663 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
664 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
665 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
666 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
667 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
668 #page-enrol-users .enrol_user_buttons {float:right;}
669 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
670 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
671 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
672 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
673 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
674 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
675 #page-enrol-users #filterform div,
676 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
677 #page-enrol-users #filterform .fitem {white-space:nowrap;}
678 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
679 #page-enrol-users #filterform select,
680 #page-enrol-users #filterform .ftext input {width:8em;}
681 #page-enrol-users #filterform #fitem_id_role,
682 #page-enrol-users #filterform #fitem_id_ifilter,
683 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
684 #page-enrol-users .paging { clear: right; }
686 /**
687 * Overide for RTL layout
688 **/
689 .dir-rtl .headermain {float:right;}
690 .dir-rtl .headermenu {float:left;}
691 .dir-rtl .breadcrumb {float:right;}
692 .dir-rtl .navbutton {float: left;}
693 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
694 .dir-rtl .mform .fitem .fitemtitle {float:right;}
695 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
696 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
697 .dir-rtl .yui3-menu-hidden {left: 0px;}
698 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
699 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
701 /**
702  * Backup
703  */
704 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
705 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
706 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
707 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
708 .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;}
709 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
710 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
711 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
712 .backup-restore .activitytable {width:60%;min-width:500px;}
713 .backup-restore .activitytable .modulename {width:100px;}
714 .backup-restore .activitytable .moduleincluded {width:50px;}
715 .backup-restore .activitytable .userinfoincluded {width:50px;}
716 .backup-restore .detail-pair {}
717 .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;}
718 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
719 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
720 .backup-restore > .singlebutton {text-align:right;}
721 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
723 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
724 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
725 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
726 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
728 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
729 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
730 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
731 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
733 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
734 .corelightbox img {position:fixed;top:50%; left: 50%;}
736 .mod-indent-1 {margin-left:30px;}
737 .mod-indent-2 {margin-left:60px;}
738 .mod-indent-3 {margin-left:90px;}
739 .mod-indent-4 {margin-left:120px;}
740 .mod-indent-5 {margin-left:150px;}
741 .mod-indent-6 {margin-left:180px;}
742 .mod-indent-7 {margin-left:210px;}
743 .mod-indent-8 {margin-left:240px;}
744 .mod-indent-9 {margin-left:270px;}
745 .mod-indent-10 {margin-left:300px;}
746 .mod-indent-11 {margin-left:330px;}
747 .mod-indent-12 {margin-left:360px;}
748 .mod-indent-13 {margin-left:390px;}
749 .mod-indent-14 {margin-left:420px;}
750 .mod-indent-15,
751 .mod-indent-huge {margin-left:420px;}
753 .dir-rtl .mod-indent-1 {margin-right:30px;margin-left:0;}
754 .dir-rtl .mod-indent-2 {margin-right:60px;margin-left:0;}
755 .dir-rtl .mod-indent-3 {margin-right:90px;margin-left:0;}
756 .dir-rtl .mod-indent-4 {margin-right:120px;margin-left:0;}
757 .dir-rtl .mod-indent-5 {margin-right:150px;margin-left:0;}
758 .dir-rtl .mod-indent-6 {margin-right:180px;margin-left:0;}
759 .dir-rtl .mod-indent-7 {margin-right:210px;margin-left:0;}
760 .dir-rtl .mod-indent-8 {margin-right:240px;margin-left:0;}
761 .dir-rtl .mod-indent-9 {margin-right:270px;margin-left:0;}
762 .dir-rtl .mod-indent-10 {margin-right:300px;margin-left:0;}
763 .dir-rtl .mod-indent-11 {margin-right:330px;margin-left:0;}
764 .dir-rtl .mod-indent-12 {margin-right:360px;margin-left:0;}
765 .dir-rtl .mod-indent-13 {margin-right:390px;margin-left:0;}
766 .dir-rtl .mod-indent-14 {margin-right:420px;margin-left:0;}
767 .dir-rtl .mod-indent-15,
768 .dir-rtl .mod-indent-huge {margin-right:420px;margin-left:0;}
770 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
771 .dir-rtl .mform .fitem .felement input[name=email],
772 .dir-rtl .mform .fitem .felement input[name=email2],
773 .dir-rtl .mform .fitem .felement input[name=url],
774 .dir-rtl .mform .fitem .felement input[name=idnumber],
775 .dir-rtl .mform .fitem .felement input[name=phone1],
776 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
778 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
779 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
780 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
782 /** Large resource images should avoid hidden overflow **/
783 .resourceimage {max-width: 100%;}
785 /* Audio player size in 'inline' mode (can only change width, as above) */
786 .mediaplugin_mp3 object {height:15px;width:300px}
787 audio.mediaplugin_html5audio {width: 300px}
789 /* TinyMCE moodle media preview frame should not have padding */
790 .core_media_preview.pagelayout-embedded #content {padding:0;}
791 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
792 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
794 /*
795 Fix for SubScript & SuperScript
796 ------------------------------*/
797 sub {vertical-align: sub;}
798 sup {vertical-align: super;}
800 /** Fix YUI 2 Treeview for Right to left languages **/
801 .dir-rtl .ygtvtn,
802 .dir-rtl .ygtvtm,
803 .dir-rtl .ygtvtmh,
804 .dir-rtl .ygtvtmhh,
805 .dir-rtl .ygtvtp,
806 .dir-rtl .ygtvtph,
807 .dir-rtl .ygtvtphh,
808 .dir-rtl .ygtvln,
809 .dir-rtl .ygtvlm,
810 .dir-rtl .ygtvlmh,
811 .dir-rtl .ygtvlmhh,
812 .dir-rtl .ygtvlp,
813 .dir-rtl .ygtvlph,
814 .dir-rtl .ygtvlphh,
815 .dir-rtl .ygtvdepthcell,
816 .dir-rtl .ygtvok,
817 .dir-rtl .ygtvok:hover,
818 .dir-rtl .ygtvcancel,
819 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
821 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
822 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
823 .dir-rtl .ygtvtmh,
824 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
825 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
826 .dir-rtl .ygtvtph,
827 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
828 .dir-rtl .ygtvln {background-position: 0 -1600px;}
829 .dir-rtl .ygtvlm {background-position: 0 0;}
830 .dir-rtl .ygtvlmh,
831 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
832 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
833 .dir-rtl .ygtvlph,
834 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
835 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
836 .dir-rtl .ygtvok {background-position: 0 -8800px;}
837 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
838 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
839 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
841 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
842 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
844 /** Fix TinyMCE editor right to left **/
845 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
846 .dir-rtl .o2k7Skin table,
847 .dir-rtl .o2k7Skin tbody,
848 .dir-rtl .o2k7Skin a,
849 .dir-rtl .o2k7Skin img,
850 .dir-rtl .o2k7Skin tr,
851 .dir-rtl .o2k7Skin div,
852 .dir-rtl .o2k7Skin td,
853 .dir-rtl .o2k7Skin iframe,
854 .dir-rtl .o2k7Skin span,
855 .dir-rtl .o2k7Skin *,
856 .dir-rtl .o2k7Skin .mceText,
857 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
859 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
860 .path-rating .ratingtable th.rating {width:100%;}
861 .path-rating .ratingtable td.rating,
862 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
864 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
866 .course-content ul.weeks .content .summary ul,
867 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
869 .course-content ul.weeks .content .summary ol,
870 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
872 .dir-rtl #adminsettings #id_s__pathtodu,
873 .dir-rtl #adminsettings #id_s__aspellpath,
874 .dir-rtl #adminsettings #id_s__pathtodot,
875 .dir-rtl #adminsettings #id_s__supportemail,
876 .dir-rtl #adminsettings #id_s__supportpage,
877 .dir-rtl #adminsettings #id_s__sessioncookie,
878 .dir-rtl #adminsettings #id_s__sessioncookiepath,
879 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
880 .dir-rtl #adminsettings #id_s__proxyhost,
881 .dir-rtl #adminsettings #id_s__proxyuser,
882 .dir-rtl #adminsettings #id_s__proxypassword,
883 .dir-rtl #adminsettings #id_s__proxybypass,
884 .dir-rtl #adminsettings #id_s__jabberhost,
885 .dir-rtl #adminsettings #id_s__jabberserver,
886 .dir-rtl #adminsettings #id_s__jabberusername,
887 .dir-rtl #adminsettings #id_s__jabberpassword,
888 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
889 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
890 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
891 .dir-rtl #adminsettings #id_s__docroot,
892 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
893 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
894 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
895 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
896 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
897 .dir-rtl #adminsettings #id_s__blockedip,
898 .dir-rtl #adminsettings #id_s__pathtoclam,
899 .dir-rtl #adminsettings #id_s__quarantinedir,
900 .dir-rtl #adminsettings #id_s__sitepolicy,
901 .dir-rtl #adminsettings #id_s__sitepolicyguest,
902 .dir-rtl #adminsettings #id_s__cronremotepassword,
903 .dir-rtl #adminsettings #id_s__allowedip,
904 .dir-rtl #adminsettings #id_s__blockedip,
905 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
906 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
907 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
908 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
909 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
910 .dir-rtl #adminsettings #admin-emoticons .form-text,
911 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
912 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
913 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
914 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
915 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
916 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
918 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
920 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
921 .initialbar a {padding-right: 2px;}
923 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
924 .moodle-dialogue-base .moodle-dialogue-lightbox {
925     background-color:#AAA;
928 .moodle-dialogue-base .moodle-dialogue {
929     outline: #000 dotted 0;
932 .moodle-dialogue-base .hidden,
933 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
934 .moodle-dialogue-base .moodle-dialogue {
935     padding: 0;
936     margin: 0;
937     background: none;
938     border: none;
939     /* Override the z-index set incorrectly by the YUI dialogue */
940     z-index: 600;
943 .no-scrolling { overflow: hidden; }
945 .moodle-dialogue-base .moodle-dialogue-fullscreen {
946     left: 0px;
947     top: 0px;
948     right: 0px;
949     bottom: -50px;
950     position: fixed;
952 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
953     width: 28px;
954     height: 16px;
955     background-size: 100%;
959 .moodle-dialogue-base .moodle-dialogue-wrap {
960     margin-top:-3px;
961     margin-left:-3px;
962     background-color: #FFFFFF;
963     border: 1px solid #CCCCCC;
964     border-radius:10px;
965     box-shadow: 5px 5px 20px 0px #666666;
966     -webkit-box-shadow: 5px 5px 20px 0px #666666;
967     -moz-box-shadow: 5px 5px 20px 0px #666666;
970 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
971     margin:0;
972     padding:5px;
973     font-size:12px;
974     font-weight: normal;
975     letter-spacing: 1px;
976     color:#333333;
977     text-align: center;
978     text-shadow: 1px 1px 1px #FFFFFF;
979     border-radius: 10px 10px 0px 0px;
980     border-bottom: 1px solid #BBBBBB;
981     background: #CCCCCC;
982     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
983     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
984     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
985     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
988 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
989     margin:0;
990     padding:0;
991     display:inline;
992     font-size: 100%;
993     font-weight: bold;
995 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
996     padding: 5px;
998 .moodle-dialogue-base .closebutton {
999     width:25px;
1000     height:15px;
1001     float:right;
1002     vertical-align:middle;
1003     display:inline-block;
1004     cursor:pointer;
1005     padding:0px;
1006     background-image:url([[pix:theme|sprite]]);
1007     background-repeat:no-repeat;
1008     border-style:none;
1010 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1011     left: 0px;
1012     right: auto;
1015 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1016     overflow: auto;
1017     padding: 1em;
1018     line-height: 2em;
1019     color: #555;
1020     font-size: 12px;
1023 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1024   padding:0px;
1025   background:#FFF;
1028 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1029     padding: 10px;
1030     font-size: 16px;
1033 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1034     overflow: auto;
1035     position: absolute;
1036     top: 0px;
1037     bottom: 50px;
1038     left: 0px;
1039     right: 0px;
1040     margin: 0px;
1041     border: 0px;
1043 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1044 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1045     border-radius: 0px;
1048 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1049 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1050 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1051 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1052 .moodle-dialogue-exception .param-stacktrace label {
1053     background-color:#EEE;
1054     border:1px solid #ccc;
1055     border-bottom-width:0;
1058 .moodle-dialogue-exception .param-stacktrace pre {
1059     border:1px solid #ccc;
1060     background-color:#fff;
1063 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1064     color:navy;
1065     font-size:80%;
1067 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1068     color:#AA0000;
1069     font-size:80%;
1071 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1072     color:#333;
1073     font-size:90%;
1074     border-bottom:1px solid #eee;
1077 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1078     padding:0px;
1079     margin: 0.7em 1em;
1080     text-align: right;
1081     background-color: #FFF;
1082     font-size: 12px;
1085 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1086 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1087 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1088 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1089 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1090 .moodle-dialogue-exception .param-stacktrace label {
1091     display:block;
1092     margin:0;
1093     padding:4px 1em;
1095 .moodle-dialogue-exception .param-stacktrace pre {
1096     display:block;
1097     height:200px;
1098     overflow:auto;
1101 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1102     display:inline-block;
1103     margin:4px 0;
1105 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1106     display:inline-block;
1107     width:50px;
1108     margin:4px 1em;
1110 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1111     padding-left:25px;
1112     margin-bottom:4px;
1113     padding-bottom:4px;
1116 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1117     opacity: .75;
1118     width: 100%;
1119     height: 100%;
1120     top: 0;
1121     left: 0;
1122     background-color: white;
1123     text-align: center;
1124     padding: 10% 0;
1127 /* Apply a default max-height on tooltip text */
1128 .moodle-dialogue .tooltiptext {
1129     max-height: 300px;
1131 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1132     z-index: 3001;
1135 /* Question Bank - Question Chooser "Close" button */
1136 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1138 /**
1139  * Chooser Dialogues (moodle-core-chooserdialogue)
1140  *
1141  * This CSS belong to the chooser dialogue which should work both with, and
1142  * without javascript enabled
1143  */
1144 /* Hide the dialog and it's title */
1145 .chooserdialoguebody,
1146 .choosertitle {
1147     display:none;
1149 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1150     margin: 0;
1153 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1154     padding: 0px;
1155     background: #F2F2F2;
1156     border-bottom-left-radius: 10px;
1157     border-bottom-right-radius: 10px;
1160 /* Center the submit buttons within the area */
1161 .choosercontainer #chooseform .submitbuttons {
1162     margin: 0.7em 0;
1163     text-align: center;
1166 .choosercontainer #chooseform .submitbuttons input {
1167     min-width: 100px;
1168     margin: 0px 0.5em;
1171 /* Various settings for the options area */
1172 .choosercontainer #chooseform .options {
1173     position: relative;
1174     border-bottom: 1px solid #BBBBBB;
1177 /* Only set these options if we're showing the js container */
1178 .jsenabled .choosercontainer #chooseform .alloptions {
1179     overflow-x: hidden;
1180     overflow-y: auto;
1181     max-width: 20.3em;
1182     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1183     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1184     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1186 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1187     max-width: 18.3em;
1190 /* Settings for option rows and option subtypes */
1191 .choosercontainer #chooseform .moduletypetitle,
1192 .choosercontainer #chooseform .option,
1193 .choosercontainer #chooseform .nonoption {
1194     margin-bottom: 0;
1195     padding: 0 1.6em 0 1.6em;
1198 .choosercontainer #chooseform .moduletypetitle {
1199     text-transform: uppercase;
1200     padding-top: 1.2em;
1201     padding-bottom: 0.4em;
1204 .choosercontainer #chooseform .option .typename,
1205 .choosercontainer #chooseform .option span.modicon img.icon,
1206 .choosercontainer #chooseform .nonoption .typename,
1207 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1208     padding: 0 0 0 0.5em;
1210 .dir-rtl .choosercontainer #chooseform .option .typename,
1211 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1212 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1213 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1214     padding: 0 0.5em 0 0;
1217 .choosercontainer #chooseform .option span.modicon img.icon,
1218 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1219     height: 24px; width: 24px;
1222 .choosercontainer #chooseform .option input[type=radio],
1223 .choosercontainer #chooseform .option span.typename,
1224 .choosercontainer #chooseform .option span.modicon {
1225     vertical-align: middle;
1228 .choosercontainer #chooseform .option label {
1229     display: block;
1230     padding: 0.3em 0 0.1em 0;
1231     border-bottom: 1px solid #FFFFFF;
1234 .choosercontainer #chooseform .nonoption {
1235     padding-left: 2.7em;
1236     padding-top: 0.3em;
1237     padding-bottom: 0.1em;
1239 .dir-rtl .choosercontainer #chooseform .nonoption {
1240     padding-right: 2.7em;
1241     padding-left: 0;
1244 .choosercontainer #chooseform .subtype {
1245     margin-bottom: 0;
1246     padding: 0 1.6em 0 3.2em;
1248 .dir-rtl .choosercontainer #chooseform .subtype {
1249     padding: 0 3.2em 0 1.6em;
1252 .choosercontainer #chooseform .subtype .typename {
1253     margin: 0 0 0 0.2em;
1255 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1256     margin: 0 0.2em 0 0;
1259 /* The instruction/help area */
1260 .jsenabled .choosercontainer #chooseform .instruction,
1261 .jsenabled .choosercontainer #chooseform .typesummary {
1262     display: none;
1263     position: absolute;
1264     top: 0px;
1265     right: 0px;
1266     bottom: 0px;
1267     left: 20.3em;
1268     margin: 0;
1269     padding: 1.6em;
1270     background-color: #FFFFFF;
1271     overflow-x: hidden;
1272     overflow-y: auto;
1273     line-height: 2em;
1276 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1277 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1278     left: 0px;
1279     right: 18.5em;
1280     border-right: 1px solid grey;
1283 /* Selected option settings */
1284 .jsenabled .choosercontainer #chooseform .instruction,
1285 .choosercontainer #chooseform .selected .typesummary {
1286     display: block;
1289 .choosercontainer #chooseform .selected {
1290     background-color: #FFFFFF;
1291     box-shadow: 0px 0px 10px 0px #CCCCCC;
1292     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1293     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1295 .section-modchooser-link img.smallicon { padding-right: 3px; }
1296 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1298 /* Install Process' text fields Forms, should always be justified to the left */
1299 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1300 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1301 form#installform #id_dbpass, form#installform #id_prefix
1302 {direction: ltr;}
1304 html[dir=rtl] .breadcrumb,
1305 html[dir=rtl] .headermain,
1306 html[dir=rtl] #page-header {float: right;}
1308 html[dir=rtl] .formrow label.formlabel { float:right; }
1310 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1312 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1313 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1314 table.flexible .emptyrow {display: none;}
1316 /* Form element: listing */
1317 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1318 .formlistinginputradio {float: left;}
1319 .formlistingmain {min-height: 225px;}
1320 .formlistingradiocontent {}
1321 .formlisting {
1322     position: relative;
1323     margin: 15px 0;
1324     padding: 1px 19px 14px;
1325     background-color: white;
1326     border: 1px solid #DDD;
1327     -webkit-border-radius: 4px;
1328     -moz-border-radius: 4px;
1329     border-radius: 4px;
1332 .formlistingmore {
1333     position: absolute;
1334     cursor: pointer;
1335     bottom: -1px;
1336     right: -1px;
1337     padding: 3px 7px;
1338     font-size: 12px;
1339     font-weight: bold;
1340     background-color: whiteSmoke;
1341     border: 1px solid #DDD;
1342     color: #9DA0A4;
1343     -webkit-border-radius: 4px 0 4px 0;
1344     -moz-border-radius: 4px 0 4px 0;
1345     border-radius: 4px 0 4px 0;
1348 .formlistingall {
1349     margin: 15px 0;
1350     padding: 0px 0px 0px;
1351     -webkit-border-radius: 4px;
1352     -moz-border-radius: 4px;
1353     border-radius: 4px;
1356 .formlistingrow {
1357     cursor: pointer;
1358     border-bottom: 1px solid;
1359     border-color: #E1E1E8;
1360     border-left: 1px solid #E1E1E8;
1361     border-right: 1px solid #E1E1E8;
1362     background-color: #F7F7F9;
1363     -webkit-border-radius: 0px 0px 4px 4px;
1364     -moz-border-radius: 0px 0px 4px 4px;
1365     padding: 6px;
1366     top: 50%;
1367     left: 50%;
1368     min-height: 34px;
1369     float:left;
1370     width: 150px;
1373 body.jsenabled .formlistingradio {
1374     display: none;
1377 body.jsenabled .formlisting {
1378     display: block;
1381 /**
1382  * Badges styles
1383  */
1384 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1385 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1387 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; }
1388 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1389 table.collection .r1 { background-color: #FFFFFF; }
1390 table.collection .r0 { background-color: #F6F6F6; }
1391 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1392 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1394 #page-badges-view table.collection .badgeimage,
1395 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1396 #page-badges-view table.collection .awards,
1397 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1398 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1399 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1401 table.collection .name { text-align: left; vertical-align: middle; }
1402 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1403 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1404 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1405 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1406 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1407 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1409 a.criteria-action { padding: 0px 3px; float: right; }
1410 .dir-rtl a.criteria-action { float: left; }
1411 table.issuedbadgebox { width: 750px; background-color: white; }
1412 table.badgeissuedimage { width: 150px; text-align: center; }
1413 table.badgeissuedinfo { width: 600px; }
1414 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1415 .dir-rtl table.badgeissuedinfo .bvalue { text-align: right; }
1416 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1417 .dir-rtl table.badgeissuedinfo .bfield { text-align: right; }
1419 ul.badges { margin: 0; list-style: none; }
1420 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1421 .badges li .badge-name { display: block; padding: 5px; }
1422 .badges li > img { position: absolute; }
1423 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1424 .dir-rtl .badges li .badge-image { right: 10px; }
1425 .badges li .badge-actions { position: relative; }
1427 div.badge { position: relative; display: block; }
1428 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1429 .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;}
1431 .badge-profile { vertical-align: top; }
1432 .connected { color: #006600; }
1433 .notconnected { color: #660000; }
1435 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1436 #page-badges-award .recipienttable tr td { vertical-align: top; }
1437 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1438 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1439 #page-badges-award .recipienttable tr td.existing,
1440 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1442 .statustable { margin-bottom: 0px; }
1443 .statusbox { border-color: #BBBBBB; }
1444 .statusbox.active { background-color: #D9F991; }
1445 .statusbox.inactive { background-color: #FFEBA8; }
1446 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1447 .dir-rtl .activatebadge { text-align: right; }
1448 .addcourse { float: right; }
1449 .dir-rtl .addcourse { float: left; }
1450 img#persona_signin { cursor: pointer; }
1452 /**
1453  * The date selector popup.
1454  */
1455  div#dateselector-calendar-panel {
1456      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1457  }
1459 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1461 /** Action menu component styles **/
1462 .moodle-actionmenu,
1463 .moodle-actionmenu > ul,
1464 .moodle-actionmenu > ul > li {display: inline-block;}
1465 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1466 .moodle-actionmenu a.hidden {display: none;}
1467 .moodle-actionmenu .toggle-display,
1468 .moodle-actionmenu .menu-action-text {display: none;}
1470 .jsenabled .block .editing_move {display: none;}
1471 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1472 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1473 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1474 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1475 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {display: inline;}
1477 .moodle-actionmenu[data-enhanced].show {position: relative;}
1478 .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;}
1479 .moodle-actionmenu[data-enhanced].show .menu a {white-space:nowrap;display: block;padding: 2px 1em 2px 0.5em;color: #333333;}
1480 .moodle-actionmenu[data-enhanced].show .menu a:hover,
1481 .moodle-actionmenu[data-enhanced].show .menu a:focus {color: #ffffff;background-color: #0088cc;}
1482 .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;}
1483 .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;}
1484 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
1485 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
1486 .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 8px;}
1487 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
1488 .action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {background-color: #FFF;}
1489 .block .moodle-actionmenu {text-align: right;}
1491 .dir-rtl .block .moodle-actionmenu {text-align: right;}
1492 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
1493 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
1495 .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
1496 .menu.align-tr-bl {top: 100%;right: 100%;}
1497 .menu.align-bl-bl {bottom: 100%;left: 0;}
1498 .menu.align-br-bl {right: 100%;bottom: 100%;}
1499 .menu.align-tl-br {top: 100%;left: 100%;}
1500 .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
1501 .menu.align-bl-br {bottom: 100%;left: 100%;}
1502 .menu.align-br-br {right: 0;bottom: 100%;}
1503 .menu.align-tl-tl {top: 0;left: 0;}
1504 .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
1505 .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
1506 .menu.align-br-tl {right: 100%;bottom: 100%;}
1507 .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
1508 .menu.align-tr-tr {top: 0;right: 0;}
1509 .menu.align-bl-tr {bottom: 100%;left: 100%;}
1510 .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
1512 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
1513 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
1514 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
1515 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
1516 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
1517 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
1518 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
1519 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
1520 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
1521 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
1522 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
1523 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
1524 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
1525 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
1526 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
1527 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
1529 ul.dragdrop-keyboard-drag li { list-style-type: none; }
1530 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
1532 .block .header h2,
1533 .course-content h3,
1534 .pagelayout-frontpage h2,
1535 .pagelayout-frontpage h3,
1536 .pagelayout-frontpage h4,
1537 .pagelayout-frontpage h5,
1538 .pagelayout-frontpage h6,
1539 .pagelayout-coursecategory h3,
1540 .pagelayout-coursecategory h4,
1541 .pagelayout-coursecategory h5,
1542 .pagelayout-coursecategory h6 {
1543     text-align: inherit;
1545 a.disabled:hover,
1546 a.disabled {
1547     text-decoration: none;
1548     cursor: default;
1549     font-style: italic;
1550     color: #808080;