9d113cae3733397b1b33701a0a52fa12e0facf71
[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; }
571 /**
572  * Web Service
573  */
574 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
576 /**
577  * Custom menu
578  */
579 #custommenu {clear:both;}
580 #custommenu .yui3-menu .yui3-menu {z-index:500;}
581 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
582 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
583 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
584 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
585 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
586 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
587 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
588 #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;}
589 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
590 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
591 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
592 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
593 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
595 /**
596  * Fix for broken YUI images in the menunav component
597  */
598 #custommenu .yui3-menu-label,
599 #custommenu .yui3-menuitem-content {cursor:pointer;}
600 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
601 #custommenu .yui3-menuitem-active,
602 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
603 #custommenu .yui3-menu-horizontal .yui3-menu-label,
604 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
605 #custommenu .yui3-menu-label,
606 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
607 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
609 /**
610  * Smart Select Element
611  */
612 .smartselect {position:absolute;}
613 .smartselect .smartselect_mask {background-color:#fff;}
614 .smartselect ul  {padding: 0;margin: 0;}
615 .smartselect ul li {list-style: none;}
616 .smartselect .smartselect_menu {margin-right:5px;}
617 .safari .smartselect .smartselect_menu {margin-left:2px;}
618 .smartselect .smartselect_menu,
619 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
620 .smartselect .smartselect_menu.visible,
621 .smartselect .smartselect_submenu.visible {display:block;}
622 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
623 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
624 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
625 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
626 /** Spanning mode */
627 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
628 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
629 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
630 /** Compact mode */
631 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
632 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
633 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
634 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
635 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
637 /**
638  * Registration
639  */
640 #page-admin-registration-register .registration_textfield {width: 300px;}
642 /**
643  * Enrol
644  */
645 .userenrolment {width:100%;border-collapse: collapse;}
646 .userenrolment td {padding:0;height:41px;}
647 .userenrolment .subfield {margin-right:5px;}
648 .userenrolment .col_userdetails .subfield_picture {float:left;}
649 .userenrolment .col_lastseen {width:150px;}
650 .userenrolment .col_role {width:262px;}
651 .userenrolment .col_role .roles {margin-right:30px;}
652 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
653 .dir-rtl .userenrolment .col_role .role {float:right;}
654 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
655 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
656 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
657 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
658 .userenrolment .col_group .groups {margin-right:30px;}
659 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
660 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
661 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
662 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
663 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
664 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
665 #page-enrol-users .enrol_user_buttons {float:right;}
666 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
667 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
668 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
669 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
670 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
671 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
672 #page-enrol-users #filterform div,
673 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
674 #page-enrol-users #filterform .fitem {white-space:nowrap;}
675 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
676 #page-enrol-users #filterform select,
677 #page-enrol-users #filterform .ftext input {width:8em;}
678 #page-enrol-users #filterform #fitem_id_role,
679 #page-enrol-users #filterform #fitem_id_ifilter,
680 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
681 #page-enrol-users .paging { clear: right; }
683 /**
684 * Overide for RTL layout
685 **/
686 .dir-rtl .headermain {float:right;}
687 .dir-rtl .headermenu {float:left;}
688 .dir-rtl .breadcrumb {float:right;}
689 .dir-rtl .navbutton {float: left;}
690 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
691 .dir-rtl .mform .fitem .fitemtitle {float:right;}
692 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
693 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
694 .dir-rtl .yui3-menu-hidden {left: 0px;}
695 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
696 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
698 /**
699  * Backup
700  */
701 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
702 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
703 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
704 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
705 .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;}
706 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
707 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
708 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
709 .backup-restore .activitytable {width:60%;min-width:500px;}
710 .backup-restore .activitytable .modulename {width:100px;}
711 .backup-restore .activitytable .moduleincluded {width:50px;}
712 .backup-restore .activitytable .userinfoincluded {width:50px;}
713 .backup-restore .detail-pair {}
714 .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;}
715 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
716 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
717 .backup-restore > .singlebutton {text-align:right;}
718 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
720 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
721 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
722 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
723 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
725 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
726 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
727 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
728 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
730 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
731 .corelightbox img {position:fixed;top:50%; left: 50%;}
733 .mod-indent-1 {margin-left:30px;}
734 .mod-indent-2 {margin-left:60px;}
735 .mod-indent-3 {margin-left:90px;}
736 .mod-indent-4 {margin-left:120px;}
737 .mod-indent-5 {margin-left:150px;}
738 .mod-indent-6 {margin-left:180px;}
739 .mod-indent-7 {margin-left:210px;}
740 .mod-indent-8 {margin-left:240px;}
741 .mod-indent-9 {margin-left:270px;}
742 .mod-indent-10 {margin-left:300px;}
743 .mod-indent-11 {margin-left:330px;}
744 .mod-indent-12 {margin-left:360px;}
745 .mod-indent-13 {margin-left:390px;}
746 .mod-indent-14 {margin-left:420px;}
747 .mod-indent-15,
748 .mod-indent-huge {margin-left:420px;}
750 .dir-rtl .mod-indent-1 {margin-right:30px;margin-left:0;}
751 .dir-rtl .mod-indent-2 {margin-right:60px;margin-left:0;}
752 .dir-rtl .mod-indent-3 {margin-right:90px;margin-left:0;}
753 .dir-rtl .mod-indent-4 {margin-right:120px;margin-left:0;}
754 .dir-rtl .mod-indent-5 {margin-right:150px;margin-left:0;}
755 .dir-rtl .mod-indent-6 {margin-right:180px;margin-left:0;}
756 .dir-rtl .mod-indent-7 {margin-right:210px;margin-left:0;}
757 .dir-rtl .mod-indent-8 {margin-right:240px;margin-left:0;}
758 .dir-rtl .mod-indent-9 {margin-right:270px;margin-left:0;}
759 .dir-rtl .mod-indent-10 {margin-right:300px;margin-left:0;}
760 .dir-rtl .mod-indent-11 {margin-right:330px;margin-left:0;}
761 .dir-rtl .mod-indent-12 {margin-right:360px;margin-left:0;}
762 .dir-rtl .mod-indent-13 {margin-right:390px;margin-left:0;}
763 .dir-rtl .mod-indent-14 {margin-right:420px;margin-left:0;}
764 .dir-rtl .mod-indent-15,
765 .dir-rtl .mod-indent-huge {margin-right:420px;margin-left:0;}
767 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
768 .dir-rtl .mform .fitem .felement input[name=email],
769 .dir-rtl .mform .fitem .felement input[name=email2],
770 .dir-rtl .mform .fitem .felement input[name=url],
771 .dir-rtl .mform .fitem .felement input[name=idnumber],
772 .dir-rtl .mform .fitem .felement input[name=phone1],
773 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
775 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
776 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
777 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
779 /** Large resource images should avoid hidden overflow **/
780 .resourceimage {max-width: 100%;}
782 /* Audio player size in 'inline' mode (can only change width, as above) */
783 .mediaplugin_mp3 object {height:15px;width:300px}
784 audio.mediaplugin_html5audio {width: 300px}
786 /* TinyMCE moodle media preview frame should not have padding */
787 .core_media_preview.pagelayout-embedded #content {padding:0;}
788 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
789 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
791 /*
792 Fix for SubScript & SuperScript
793 ------------------------------*/
794 sub {vertical-align: sub;}
795 sup {vertical-align: super;}
797 /** Fix YUI 2 Treeview for Right to left languages **/
798 .dir-rtl .ygtvtn,
799 .dir-rtl .ygtvtm,
800 .dir-rtl .ygtvtmh,
801 .dir-rtl .ygtvtmhh,
802 .dir-rtl .ygtvtp,
803 .dir-rtl .ygtvtph,
804 .dir-rtl .ygtvtphh,
805 .dir-rtl .ygtvln,
806 .dir-rtl .ygtvlm,
807 .dir-rtl .ygtvlmh,
808 .dir-rtl .ygtvlmhh,
809 .dir-rtl .ygtvlp,
810 .dir-rtl .ygtvlph,
811 .dir-rtl .ygtvlphh,
812 .dir-rtl .ygtvdepthcell,
813 .dir-rtl .ygtvok,
814 .dir-rtl .ygtvok:hover,
815 .dir-rtl .ygtvcancel,
816 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
818 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
819 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
820 .dir-rtl .ygtvtmh,
821 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
822 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
823 .dir-rtl .ygtvtph,
824 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
825 .dir-rtl .ygtvln {background-position: 0 -1600px;}
826 .dir-rtl .ygtvlm {background-position: 0 0;}
827 .dir-rtl .ygtvlmh,
828 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
829 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
830 .dir-rtl .ygtvlph,
831 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
832 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
833 .dir-rtl .ygtvok {background-position: 0 -8800px;}
834 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
835 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
836 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
838 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
839 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
841 /** Fix TinyMCE editor right to left **/
842 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
843 .dir-rtl .o2k7Skin table,
844 .dir-rtl .o2k7Skin tbody,
845 .dir-rtl .o2k7Skin a,
846 .dir-rtl .o2k7Skin img,
847 .dir-rtl .o2k7Skin tr,
848 .dir-rtl .o2k7Skin div,
849 .dir-rtl .o2k7Skin td,
850 .dir-rtl .o2k7Skin iframe,
851 .dir-rtl .o2k7Skin span,
852 .dir-rtl .o2k7Skin *,
853 .dir-rtl .o2k7Skin .mceText,
854 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
856 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
857 .path-rating .ratingtable th.rating {width:100%;}
858 .path-rating .ratingtable td.rating,
859 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
861 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
863 .course-content ul.weeks .content .summary ul,
864 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
866 .course-content ul.weeks .content .summary ol,
867 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
869 .dir-rtl #adminsettings #id_s__pathtodu,
870 .dir-rtl #adminsettings #id_s__aspellpath,
871 .dir-rtl #adminsettings #id_s__pathtodot,
872 .dir-rtl #adminsettings #id_s__supportemail,
873 .dir-rtl #adminsettings #id_s__supportpage,
874 .dir-rtl #adminsettings #id_s__sessioncookie,
875 .dir-rtl #adminsettings #id_s__sessioncookiepath,
876 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
877 .dir-rtl #adminsettings #id_s__proxyhost,
878 .dir-rtl #adminsettings #id_s__proxyuser,
879 .dir-rtl #adminsettings #id_s__proxypassword,
880 .dir-rtl #adminsettings #id_s__proxybypass,
881 .dir-rtl #adminsettings #id_s__jabberhost,
882 .dir-rtl #adminsettings #id_s__jabberserver,
883 .dir-rtl #adminsettings #id_s__jabberusername,
884 .dir-rtl #adminsettings #id_s__jabberpassword,
885 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
886 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
887 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
888 .dir-rtl #adminsettings #id_s__docroot,
889 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
890 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
891 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
892 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
893 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
894 .dir-rtl #adminsettings #id_s__blockedip,
895 .dir-rtl #adminsettings #id_s__pathtoclam,
896 .dir-rtl #adminsettings #id_s__quarantinedir,
897 .dir-rtl #adminsettings #id_s__sitepolicy,
898 .dir-rtl #adminsettings #id_s__sitepolicyguest,
899 .dir-rtl #adminsettings #id_s__cronremotepassword,
900 .dir-rtl #adminsettings #id_s__allowedip,
901 .dir-rtl #adminsettings #id_s__blockedip,
902 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
903 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
904 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
905 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
906 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
907 .dir-rtl #adminsettings #admin-emoticons .form-text,
908 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
909 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
910 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
911 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
912 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
913 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
915 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
917 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
918 .initialbar a {padding-right: 2px;}
920 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
921 .moodle-dialogue-base .moodle-dialogue-lightbox {
922     background-color:#AAA;
925 .moodle-dialogue-base .moodle-dialogue {
926     outline: #000 dotted 0;
929 .moodle-dialogue-base .hidden,
930 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
931 .moodle-dialogue-base .moodle-dialogue {
932     padding: 0;
933     margin: 0;
934     background: none;
935     border: none;
936     /* Override the z-index set incorrectly by the YUI dialogue */
937     z-index: 600;
940 .no-scrolling { overflow: hidden; }
942 .moodle-dialogue-base .moodle-dialogue-fullscreen {
943     left: 0px;
944     top: 0px;
945     right: 0px;
946     bottom: -50px;
947     position: fixed;
949 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
950     width: 28px;
951     height: 16px;
952     background-size: 100%;
956 .moodle-dialogue-base .moodle-dialogue-wrap {
957     margin-top:-3px;
958     margin-left:-3px;
959     background-color: #FFFFFF;
960     border: 1px solid #CCCCCC;
961     border-radius:10px;
962     box-shadow: 5px 5px 20px 0px #666666;
963     -webkit-box-shadow: 5px 5px 20px 0px #666666;
964     -moz-box-shadow: 5px 5px 20px 0px #666666;
967 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
968     margin:0;
969     padding:5px;
970     font-size:12px;
971     font-weight: normal;
972     letter-spacing: 1px;
973     color:#333333;
974     text-align: center;
975     text-shadow: 1px 1px 1px #FFFFFF;
976     border-radius: 10px 10px 0px 0px;
977     border-bottom: 1px solid #BBBBBB;
978     background: #CCCCCC;
979     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
980     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
981     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
982     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
985 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
986     margin:0;
987     padding:0;
988     display:inline;
989     font-size: 100%;
990     font-weight: bold;
992 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
993     padding: 5px;
995 .moodle-dialogue-base .closebutton {
996     width:25px;
997     height:15px;
998     float:right;
999     vertical-align:middle;
1000     display:inline-block;
1001     cursor:pointer;
1002     padding:0px;
1003     background-image:url([[pix:theme|sprite]]);
1004     background-repeat:no-repeat;
1005     border-style:none;
1007 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1008     left: 0px;
1009     right: auto;
1012 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1013     overflow: auto;
1014     padding: 1em;
1015     line-height: 2em;
1016     color: #555;
1017     font-size: 12px;
1020 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1021   padding:0px;
1022   background:#FFF;
1025 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1026     padding: 10px;
1027     font-size: 16px;
1030 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1031     overflow: auto;
1032     position: absolute;
1033     top: 0px;
1034     bottom: 50px;
1035     left: 0px;
1036     right: 0px;
1037     margin: 0px;
1038     border: 0px;
1040 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1041 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1042     border-radius: 0px;
1045 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1046 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1047 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1048 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1049 .moodle-dialogue-exception .param-stacktrace label {
1050     background-color:#EEE;
1051     border:1px solid #ccc;
1052     border-bottom-width:0;
1055 .moodle-dialogue-exception .param-stacktrace pre {
1056     border:1px solid #ccc;
1057     background-color:#fff;
1060 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1061     color:navy;
1062     font-size:80%;
1064 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1065     color:#AA0000;
1066     font-size:80%;
1068 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1069     color:#333;
1070     font-size:90%;
1071     border-bottom:1px solid #eee;
1074 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1075     padding:0px;
1076     margin: 0.7em 1em;
1077     text-align: right;
1078     background-color: #FFF;
1079     font-size: 12px;
1082 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1083 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1084 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1085 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1086 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1087 .moodle-dialogue-exception .param-stacktrace label {
1088     display:block;
1089     margin:0;
1090     padding:4px 1em;
1092 .moodle-dialogue-exception .param-stacktrace pre {
1093     display:block;
1094     height:200px;
1095     overflow:auto;
1098 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1099     display:inline-block;
1100     margin:4px 0;
1102 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1103     display:inline-block;
1104     width:50px;
1105     margin:4px 1em;
1107 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1108     padding-left:25px;
1109     margin-bottom:4px;
1110     padding-bottom:4px;
1113 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1114     opacity: .75;
1115     width: 100%;
1116     height: 100%;
1117     top: 0;
1118     left: 0;
1119     background-color: white;
1120     text-align: center;
1121     padding: 10% 0;
1124 /* Apply a default max-height on tooltip text */
1125 .moodle-dialogue .tooltiptext {
1126     max-height: 300px;
1128 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1129     z-index: 3001;
1132 /* Question Bank - Question Chooser "Close" button */
1133 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1135 /**
1136  * Chooser Dialogues (moodle-core-chooserdialogue)
1137  *
1138  * This CSS belong to the chooser dialogue which should work both with, and
1139  * without javascript enabled
1140  */
1141 /* Hide the dialog and it's title */
1142 .chooserdialoguebody,
1143 .choosertitle {
1144     display:none;
1146 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1147     margin: 0;
1150 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1151     padding: 0px;
1152     background: #F2F2F2;
1153     border-bottom-left-radius: 10px;
1154     border-bottom-right-radius: 10px;
1157 /* Center the submit buttons within the area */
1158 .choosercontainer #chooseform .submitbuttons {
1159     margin: 0.7em 0;
1160     text-align: center;
1163 .choosercontainer #chooseform .submitbuttons input {
1164     min-width: 100px;
1165     margin: 0px 0.5em;
1168 /* Various settings for the options area */
1169 .choosercontainer #chooseform .options {
1170     position: relative;
1171     border-bottom: 1px solid #BBBBBB;
1174 /* Only set these options if we're showing the js container */
1175 .jsenabled .choosercontainer #chooseform .alloptions {
1176     overflow-x: hidden;
1177     overflow-y: auto;
1178     max-width: 20.3em;
1179     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1180     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1181     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1183 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1184     max-width: 18.3em;
1187 /* Settings for option rows and option subtypes */
1188 .choosercontainer #chooseform .moduletypetitle,
1189 .choosercontainer #chooseform .option,
1190 .choosercontainer #chooseform .nonoption {
1191     margin-bottom: 0;
1192     padding: 0 1.6em 0 1.6em;
1195 .choosercontainer #chooseform .moduletypetitle {
1196     text-transform: uppercase;
1197     padding-top: 1.2em;
1198     padding-bottom: 0.4em;
1201 .choosercontainer #chooseform .option .typename,
1202 .choosercontainer #chooseform .option span.modicon img.icon,
1203 .choosercontainer #chooseform .nonoption .typename,
1204 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1205     padding: 0 0 0 0.5em;
1207 .dir-rtl .choosercontainer #chooseform .option .typename,
1208 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1209 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1210 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1211     padding: 0 0.5em 0 0;
1214 .choosercontainer #chooseform .option span.modicon img.icon,
1215 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1216     height: 24px; width: 24px;
1219 .choosercontainer #chooseform .option input[type=radio],
1220 .choosercontainer #chooseform .option span.typename,
1221 .choosercontainer #chooseform .option span.modicon {
1222     vertical-align: middle;
1225 .choosercontainer #chooseform .option label {
1226     display: block;
1227     padding: 0.3em 0 0.1em 0;
1228     border-bottom: 1px solid #FFFFFF;
1231 .choosercontainer #chooseform .nonoption {
1232     padding-left: 2.7em;
1233     padding-top: 0.3em;
1234     padding-bottom: 0.1em;
1236 .dir-rtl .choosercontainer #chooseform .nonoption {
1237     padding-right: 2.7em;
1238     padding-left: 0;
1241 .choosercontainer #chooseform .subtype {
1242     margin-bottom: 0;
1243     padding: 0 1.6em 0 3.2em;
1245 .dir-rtl .choosercontainer #chooseform .subtype {
1246     padding: 0 3.2em 0 1.6em;
1249 .choosercontainer #chooseform .subtype .typename {
1250     margin: 0 0 0 0.2em;
1252 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1253     margin: 0 0.2em 0 0;
1256 /* The instruction/help area */
1257 .jsenabled .choosercontainer #chooseform .instruction,
1258 .jsenabled .choosercontainer #chooseform .typesummary {
1259     display: none;
1260     position: absolute;
1261     top: 0px;
1262     right: 0px;
1263     bottom: 0px;
1264     left: 20.3em;
1265     margin: 0;
1266     padding: 1.6em;
1267     background-color: #FFFFFF;
1268     overflow-x: hidden;
1269     overflow-y: auto;
1270     line-height: 2em;
1273 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1274 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1275     left: 0px;
1276     right: 18.5em;
1277     border-right: 1px solid grey;
1280 /* Selected option settings */
1281 .jsenabled .choosercontainer #chooseform .instruction,
1282 .choosercontainer #chooseform .selected .typesummary {
1283     display: block;
1286 .choosercontainer #chooseform .selected {
1287     background-color: #FFFFFF;
1288     box-shadow: 0px 0px 10px 0px #CCCCCC;
1289     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1290     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1292 .section-modchooser-link img.smallicon { padding-right: 3px; }
1293 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1295 /* Install Process' text fields Forms, should always be justified to the left */
1296 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1297 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1298 form#installform #id_dbpass, form#installform #id_prefix
1299 {direction: ltr;}
1301 html[dir=rtl] .breadcrumb,
1302 html[dir=rtl] .headermain,
1303 html[dir=rtl] #page-header {float: right;}
1305 html[dir=rtl] .formrow label.formlabel { float:right; }
1307 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1309 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1310 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1311 table.flexible .emptyrow {display: none;}
1313 /* Form element: listing */
1314 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1315 .formlistinginputradio {float: left;}
1316 .formlistingmain {min-height: 225px;}
1317 .formlistingradiocontent {}
1318 .formlisting {
1319     position: relative;
1320     margin: 15px 0;
1321     padding: 1px 19px 14px;
1322     background-color: white;
1323     border: 1px solid #DDD;
1324     -webkit-border-radius: 4px;
1325     -moz-border-radius: 4px;
1326     border-radius: 4px;
1329 .formlistingmore {
1330     position: absolute;
1331     cursor: pointer;
1332     bottom: -1px;
1333     right: -1px;
1334     padding: 3px 7px;
1335     font-size: 12px;
1336     font-weight: bold;
1337     background-color: whiteSmoke;
1338     border: 1px solid #DDD;
1339     color: #9DA0A4;
1340     -webkit-border-radius: 4px 0 4px 0;
1341     -moz-border-radius: 4px 0 4px 0;
1342     border-radius: 4px 0 4px 0;
1345 .formlistingall {
1346     margin: 15px 0;
1347     padding: 0px 0px 0px;
1348     -webkit-border-radius: 4px;
1349     -moz-border-radius: 4px;
1350     border-radius: 4px;
1353 .formlistingrow {
1354     cursor: pointer;
1355     border-bottom: 1px solid;
1356     border-color: #E1E1E8;
1357     border-left: 1px solid #E1E1E8;
1358     border-right: 1px solid #E1E1E8;
1359     background-color: #F7F7F9;
1360     -webkit-border-radius: 0px 0px 4px 4px;
1361     -moz-border-radius: 0px 0px 4px 4px;
1362     padding: 6px;
1363     top: 50%;
1364     left: 50%;
1365     min-height: 34px;
1366     float:left;
1367     width: 150px;
1370 body.jsenabled .formlistingradio {
1371     display: none;
1374 body.jsenabled .formlisting {
1375     display: block;
1378 /**
1379  * Badges styles
1380  */
1381 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1382 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1384 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; }
1385 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1386 table.collection .r1 { background-color: #FFFFFF; }
1387 table.collection .r0 { background-color: #F6F6F6; }
1388 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1389 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1391 #page-badges-view table.collection .badgeimage,
1392 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1393 #page-badges-view table.collection .awards,
1394 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1395 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1396 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1398 table.collection .name { text-align: left; vertical-align: middle; }
1399 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1400 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1401 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1402 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1403 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1404 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1406 a.criteria-action { padding: 0px 3px; float: right; }
1407 .dir-rtl a.criteria-action { float: left; }
1408 table.issuedbadgebox { width: 750px; background-color: white; }
1409 table.badgeissuedimage { width: 150px; text-align: center; }
1410 table.badgeissuedinfo { width: 600px; }
1411 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1412 .dir-rtl table.badgeissuedinfo .bvalue { text-align: right; }
1413 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1414 .dir-rtl table.badgeissuedinfo .bfield { text-align: right; }
1416 ul.badges { margin: 0; list-style: none; }
1417 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1418 .badges li .badge-name { display: block; padding: 5px; }
1419 .badges li > img { position: absolute; }
1420 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1421 .dir-rtl .badges li .badge-image { right: 10px; }
1422 .badges li .badge-actions { position: relative; }
1424 div.badge { position: relative; display: block; }
1425 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1426 .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;}
1428 .badge-profile { vertical-align: top; }
1429 .connected { color: #006600; }
1430 .notconnected { color: #660000; }
1432 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1433 #page-badges-award .recipienttable tr td { vertical-align: top; }
1434 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1435 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1436 #page-badges-award .recipienttable tr td.existing,
1437 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1439 .statustable { margin-bottom: 0px; }
1440 .statusbox { border-color: #BBBBBB; }
1441 .statusbox.active { background-color: #D9F991; }
1442 .statusbox.inactive { background-color: #FFEBA8; }
1443 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1444 .dir-rtl .activatebadge { text-align: right; }
1445 .addcourse { float: right; }
1446 .dir-rtl .addcourse { float: left; }
1447 img#persona_signin { cursor: pointer; }
1449 /**
1450  * The date selector popup.
1451  */
1452  div#dateselector-calendar-panel {
1453      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1454  }
1456 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1458 /** Action menu component styles **/
1459 .moodle-actionmenu,
1460 .moodle-actionmenu > ul,
1461 .moodle-actionmenu > ul > li {display: inline-block;}
1462 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1463 .moodle-actionmenu a.hidden {display: none;}
1464 .moodle-actionmenu .toggle-display,
1465 .moodle-actionmenu .menu-action-text {display: none;}
1467 .jsenabled .block .editing_move {display: none;}
1468 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1469 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1470 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1471 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1472 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {display: inline;}
1474 .moodle-actionmenu[data-enhanced].show {position: relative;}
1475 .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;}
1476 .moodle-actionmenu[data-enhanced].show .menu a {display: block;padding: 2px 1em 2px 0.5em;color: #333333;}
1477 .moodle-actionmenu[data-enhanced].show .menu a:hover,
1478 .moodle-actionmenu[data-enhanced].show .menu a:focus {color: #ffffff;background-color: #0088cc;}
1479 .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;}
1480 .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;}
1481 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
1482 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
1483 .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 8px;}
1484 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
1485 .action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {background-color: #FFF;}
1486 .block .moodle-actionmenu {text-align: right;}
1488 .dir-rtl .block .moodle-actionmenu {text-align: right;}
1489 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
1490 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
1492 .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
1493 .menu.align-tr-bl {top: 100%;right: 100%;}
1494 .menu.align-bl-bl {bottom: 100%;left: 0;}
1495 .menu.align-br-bl {right: 100%;bottom: 100%;}
1496 .menu.align-tl-br {top: 100%;left: 100%;}
1497 .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
1498 .menu.align-bl-br {bottom: 100%;left: 100%;}
1499 .menu.align-br-br {right: 0;bottom: 100%;}
1500 .menu.align-tl-tl {top: 0;left: 0;}
1501 .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
1502 .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
1503 .menu.align-br-tl {right: 100%;bottom: 100%;}
1504 .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
1505 .menu.align-tr-tr {top: 0;right: 0;}
1506 .menu.align-bl-tr {bottom: 100%;left: 100%;}
1507 .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
1509 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
1510 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
1511 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
1512 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
1513 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
1514 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
1515 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
1516 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
1517 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
1518 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
1519 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
1520 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
1521 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
1522 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
1523 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
1524 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
1526 ul.dragdrop-keyboard-drag li { list-style-type: none; }
1527 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
1529 .block .header h2,
1530 .course-content h3,
1531 .pagelayout-frontpage h2,
1532 .pagelayout-frontpage h3,
1533 .pagelayout-frontpage h4,
1534 .pagelayout-frontpage h5,
1535 .pagelayout-frontpage h6,
1536 .pagelayout-coursecategory h3,
1537 .pagelayout-coursecategory h4,
1538 .pagelayout-coursecategory h5,
1539 .pagelayout-coursecategory h6 {
1540     text-align: inherit;
1542 a.disabled:hover,
1543 a.disabled {
1544     text-decoration: none;
1545     cursor: default;
1546     font-style: italic;
1547     color: #808080;