Merge branch 'MDL-42340-master' of git://github.com/andrewnicols/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 .moodle-dialogue-content {
953     overflow: auto;
955 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
956     width: 28px;
957     height: 16px;
958     background-size: 100%;
962 .moodle-dialogue-base .moodle-dialogue-wrap {
963     margin-top:-3px;
964     margin-left:-3px;
965     background-color: #FFFFFF;
966     border: 1px solid #CCCCCC;
967     border-radius:10px;
968     box-shadow: 5px 5px 20px 0px #666666;
969     -webkit-box-shadow: 5px 5px 20px 0px #666666;
970     -moz-box-shadow: 5px 5px 20px 0px #666666;
973 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
974     margin:0;
975     padding:5px;
976     font-size:12px;
977     font-weight: normal;
978     letter-spacing: 1px;
979     color:#333333;
980     text-align: center;
981     text-shadow: 1px 1px 1px #FFFFFF;
982     border-radius: 10px 10px 0px 0px;
983     border-bottom: 1px solid #BBBBBB;
984     background: #CCCCCC;
985     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
986     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
987     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
988     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
991 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
992     margin:0;
993     padding:0;
994     display:inline;
995     font-size: 100%;
996     font-weight: bold;
998 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
999     padding: 5px;
1001 .moodle-dialogue-base .closebutton {
1002     width:25px;
1003     height:15px;
1004     float:right;
1005     vertical-align:middle;
1006     display:inline-block;
1007     cursor:pointer;
1008     padding:0px;
1009     background-image:url([[pix:theme|sprite]]);
1010     background-repeat:no-repeat;
1011     border-style:none;
1013 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1014     left: 0px;
1015     right: auto;
1018 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1019     overflow: auto;
1020     padding: 1em;
1021     line-height: 2em;
1022     color: #555;
1023     font-size: 12px;
1026 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1027   padding:0px;
1028   background:#FFF;
1031 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1032     padding: 10px;
1033     font-size: 16px;
1036 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1037     overflow: auto;
1038     position: absolute;
1039     top: 0px;
1040     bottom: 50px;
1041     left: 0px;
1042     right: 0px;
1043     margin: 0px;
1044     border: 0px;
1046 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1047 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1048     border-radius: 0px;
1051 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1052 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1053 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1054 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1055 .moodle-dialogue-exception .param-stacktrace label {
1056     background-color:#EEE;
1057     border:1px solid #ccc;
1058     border-bottom-width:0;
1061 .moodle-dialogue-exception .param-stacktrace pre {
1062     border:1px solid #ccc;
1063     background-color:#fff;
1066 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1067     color:navy;
1068     font-size:80%;
1070 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1071     color:#AA0000;
1072     font-size:80%;
1074 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1075     color:#333;
1076     font-size:90%;
1077     border-bottom:1px solid #eee;
1080 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1081     padding:0px;
1082     margin: 0.7em 1em;
1083     text-align: right;
1084     background-color: #FFF;
1085     font-size: 12px;
1088 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1089 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1090 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1091 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1092 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1093 .moodle-dialogue-exception .param-stacktrace label {
1094     display:block;
1095     margin:0;
1096     padding:4px 1em;
1098 .moodle-dialogue-exception .param-stacktrace pre {
1099     display:block;
1100     height:200px;
1101     overflow:auto;
1104 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1105     display:inline-block;
1106     margin:4px 0;
1108 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1109     display:inline-block;
1110     width:50px;
1111     margin:4px 1em;
1113 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1114     padding-left:25px;
1115     margin-bottom:4px;
1116     padding-bottom:4px;
1119 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1120     opacity: .75;
1121     width: 100%;
1122     height: 100%;
1123     top: 0;
1124     left: 0;
1125     background-color: white;
1126     text-align: center;
1127     padding: 10% 0;
1130 /* Apply a default max-height on tooltip text */
1131 .moodle-dialogue .tooltiptext {
1132     max-height: 300px;
1134 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1135     z-index: 3001;
1138 /* Question Bank - Question Chooser "Close" button */
1139 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1141 /**
1142  * Chooser Dialogues (moodle-core-chooserdialogue)
1143  *
1144  * This CSS belong to the chooser dialogue which should work both with, and
1145  * without javascript enabled
1146  */
1147 /* Hide the dialog and it's title */
1148 .chooserdialoguebody,
1149 .choosertitle {
1150     display:none;
1152 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1153     margin: 0;
1156 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1157     padding: 0px;
1158     background: #F2F2F2;
1159     border-bottom-left-radius: 10px;
1160     border-bottom-right-radius: 10px;
1163 /* Center the submit buttons within the area */
1164 .choosercontainer #chooseform .submitbuttons {
1165     margin: 0.7em 0;
1166     text-align: center;
1169 .choosercontainer #chooseform .submitbuttons input {
1170     min-width: 100px;
1171     margin: 0px 0.5em;
1174 /* Various settings for the options area */
1175 .choosercontainer #chooseform .options {
1176     position: relative;
1177     border-bottom: 1px solid #BBBBBB;
1180 /* Only set these options if we're showing the js container */
1181 .jsenabled .choosercontainer #chooseform .alloptions {
1182     overflow-x: hidden;
1183     overflow-y: auto;
1184     max-width: 20.3em;
1185     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1186     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1187     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1189 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1190     max-width: 18.3em;
1193 /* Settings for option rows and option subtypes */
1194 .choosercontainer #chooseform .moduletypetitle,
1195 .choosercontainer #chooseform .option,
1196 .choosercontainer #chooseform .nonoption {
1197     margin-bottom: 0;
1198     padding: 0 1.6em 0 1.6em;
1201 .choosercontainer #chooseform .moduletypetitle {
1202     text-transform: uppercase;
1203     padding-top: 1.2em;
1204     padding-bottom: 0.4em;
1207 .choosercontainer #chooseform .option .typename,
1208 .choosercontainer #chooseform .option span.modicon img.icon,
1209 .choosercontainer #chooseform .nonoption .typename,
1210 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1211     padding: 0 0 0 0.5em;
1213 .dir-rtl .choosercontainer #chooseform .option .typename,
1214 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1215 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1216 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1217     padding: 0 0.5em 0 0;
1220 .choosercontainer #chooseform .option span.modicon img.icon,
1221 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1222     height: 24px; width: 24px;
1225 .choosercontainer #chooseform .option input[type=radio],
1226 .choosercontainer #chooseform .option span.typename,
1227 .choosercontainer #chooseform .option span.modicon {
1228     vertical-align: middle;
1231 .choosercontainer #chooseform .option label {
1232     display: block;
1233     padding: 0.3em 0 0.1em 0;
1234     border-bottom: 1px solid #FFFFFF;
1237 .choosercontainer #chooseform .nonoption {
1238     padding-left: 2.7em;
1239     padding-top: 0.3em;
1240     padding-bottom: 0.1em;
1242 .dir-rtl .choosercontainer #chooseform .nonoption {
1243     padding-right: 2.7em;
1244     padding-left: 0;
1247 .choosercontainer #chooseform .subtype {
1248     margin-bottom: 0;
1249     padding: 0 1.6em 0 3.2em;
1251 .dir-rtl .choosercontainer #chooseform .subtype {
1252     padding: 0 3.2em 0 1.6em;
1255 .choosercontainer #chooseform .subtype .typename {
1256     margin: 0 0 0 0.2em;
1258 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1259     margin: 0 0.2em 0 0;
1262 /* The instruction/help area */
1263 .jsenabled .choosercontainer #chooseform .instruction,
1264 .jsenabled .choosercontainer #chooseform .typesummary {
1265     display: none;
1266     position: absolute;
1267     top: 0px;
1268     right: 0px;
1269     bottom: 0px;
1270     left: 20.3em;
1271     margin: 0;
1272     padding: 1.6em;
1273     background-color: #FFFFFF;
1274     overflow-x: hidden;
1275     overflow-y: auto;
1276     line-height: 2em;
1279 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1280 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1281     left: 0px;
1282     right: 18.5em;
1283     border-right: 1px solid grey;
1286 /* Selected option settings */
1287 .jsenabled .choosercontainer #chooseform .instruction,
1288 .choosercontainer #chooseform .selected .typesummary {
1289     display: block;
1292 .choosercontainer #chooseform .selected {
1293     background-color: #FFFFFF;
1294     box-shadow: 0px 0px 10px 0px #CCCCCC;
1295     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1296     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1298 .section-modchooser-link img.smallicon { padding-right: 3px; }
1299 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1301 /* Install Process' text fields Forms, should always be justified to the left */
1302 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1303 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1304 form#installform #id_dbpass, form#installform #id_prefix
1305 {direction: ltr;}
1307 html[dir=rtl] .breadcrumb,
1308 html[dir=rtl] .headermain,
1309 html[dir=rtl] #page-header {float: right;}
1311 html[dir=rtl] .formrow label.formlabel { float:right; }
1313 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1315 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1316 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1317 table.flexible .emptyrow {display: none;}
1319 /* Form element: listing */
1320 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1321 .formlistinginputradio {float: left;}
1322 .formlistingmain {min-height: 225px;}
1323 .formlistingradiocontent {}
1324 .formlisting {
1325     position: relative;
1326     margin: 15px 0;
1327     padding: 1px 19px 14px;
1328     background-color: white;
1329     border: 1px solid #DDD;
1330     -webkit-border-radius: 4px;
1331     -moz-border-radius: 4px;
1332     border-radius: 4px;
1335 .formlistingmore {
1336     position: absolute;
1337     cursor: pointer;
1338     bottom: -1px;
1339     right: -1px;
1340     padding: 3px 7px;
1341     font-size: 12px;
1342     font-weight: bold;
1343     background-color: whiteSmoke;
1344     border: 1px solid #DDD;
1345     color: #9DA0A4;
1346     -webkit-border-radius: 4px 0 4px 0;
1347     -moz-border-radius: 4px 0 4px 0;
1348     border-radius: 4px 0 4px 0;
1351 .formlistingall {
1352     margin: 15px 0;
1353     padding: 0px 0px 0px;
1354     -webkit-border-radius: 4px;
1355     -moz-border-radius: 4px;
1356     border-radius: 4px;
1359 .formlistingrow {
1360     cursor: pointer;
1361     border-bottom: 1px solid;
1362     border-color: #E1E1E8;
1363     border-left: 1px solid #E1E1E8;
1364     border-right: 1px solid #E1E1E8;
1365     background-color: #F7F7F9;
1366     -webkit-border-radius: 0px 0px 4px 4px;
1367     -moz-border-radius: 0px 0px 4px 4px;
1368     padding: 6px;
1369     top: 50%;
1370     left: 50%;
1371     min-height: 34px;
1372     float:left;
1373     width: 150px;
1376 body.jsenabled .formlistingradio {
1377     display: none;
1380 body.jsenabled .formlisting {
1381     display: block;
1384 /**
1385  * Badges styles
1386  */
1387 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1388 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1390 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; }
1391 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1392 table.collection .r1 { background-color: #FFFFFF; }
1393 table.collection .r0 { background-color: #F6F6F6; }
1394 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1395 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1397 #page-badges-view table.collection .badgeimage,
1398 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1399 #page-badges-view table.collection .awards,
1400 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1401 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1402 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1404 table.collection .name { text-align: left; vertical-align: middle; }
1405 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1406 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1407 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1408 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1409 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1410 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1412 a.criteria-action { padding: 0px 3px; float: right; }
1413 .dir-rtl a.criteria-action { float: left; }
1414 table.issuedbadgebox { width: 750px; background-color: white; }
1415 table.badgeissuedimage { width: 150px; text-align: center; }
1416 table.badgeissuedinfo { width: 600px; }
1417 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1418 .dir-rtl table.badgeissuedinfo .bvalue { text-align: right; }
1419 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1420 .dir-rtl table.badgeissuedinfo .bfield { text-align: right; }
1422 ul.badges { margin: 0; list-style: none; }
1423 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1424 .badges li .badge-name { display: block; padding: 5px; }
1425 .badges li > img { position: absolute; }
1426 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1427 .dir-rtl .badges li .badge-image { right: 10px; }
1428 .badges li .badge-actions { position: relative; }
1430 div.badge { position: relative; display: block; }
1431 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1432 .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;}
1434 .badge-profile { vertical-align: top; }
1435 .connected { color: #006600; }
1436 .notconnected { color: #660000; }
1438 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1439 #page-badges-award .recipienttable tr td { vertical-align: top; }
1440 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1441 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1442 #page-badges-award .recipienttable tr td.existing,
1443 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1445 .statustable { margin-bottom: 0px; }
1446 .statusbox { border-color: #BBBBBB; }
1447 .statusbox.active { background-color: #D9F991; }
1448 .statusbox.inactive { background-color: #FFEBA8; }
1449 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1450 .dir-rtl .activatebadge { text-align: right; }
1451 .addcourse { float: right; }
1452 .dir-rtl .addcourse { float: left; }
1453 img#persona_signin { cursor: pointer; }
1455 /**
1456  * The date selector popup.
1457  */
1458  div#dateselector-calendar-panel {
1459      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1460  }
1462 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1464 /** Action menu component styles **/
1465 .moodle-actionmenu,
1466 .moodle-actionmenu > ul,
1467 .moodle-actionmenu > ul > li {display: inline-block;}
1468 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1469 .moodle-actionmenu a.hidden {display: none;}
1470 .moodle-actionmenu .toggle-display,
1471 .moodle-actionmenu .menu-action-text {display: none;}
1473 .jsenabled .block .editing_move {display: none;}
1474 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1475 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1476 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1477 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1478 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {display: inline;}
1480 .moodle-actionmenu[data-enhanced].show {position: relative;}
1481 .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;}
1482 .moodle-actionmenu[data-enhanced].show .menu a {white-space:nowrap;display: block;padding: 2px 1em 2px 0.5em;color: #333333;}
1483 .moodle-actionmenu[data-enhanced].show .menu a:hover,
1484 .moodle-actionmenu[data-enhanced].show .menu a:focus {color: #ffffff;background-color: #0088cc;}
1485 .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;}
1486 .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;}
1487 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
1488 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
1489 .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 8px;}
1490 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
1491 .action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {background-color: #FFF;}
1492 .block .moodle-actionmenu {text-align: right;}
1494 .dir-rtl .block .moodle-actionmenu {text-align: right;}
1495 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
1496 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
1498 .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
1499 .menu.align-tr-bl {top: 100%;right: 100%;}
1500 .menu.align-bl-bl {bottom: 100%;left: 0;}
1501 .menu.align-br-bl {right: 100%;bottom: 100%;}
1502 .menu.align-tl-br {top: 100%;left: 100%;}
1503 .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
1504 .menu.align-bl-br {bottom: 100%;left: 100%;}
1505 .menu.align-br-br {right: 0;bottom: 100%;}
1506 .menu.align-tl-tl {top: 0;left: 0;}
1507 .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
1508 .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
1509 .menu.align-br-tl {right: 100%;bottom: 100%;}
1510 .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
1511 .menu.align-tr-tr {top: 0;right: 0;}
1512 .menu.align-bl-tr {bottom: 100%;left: 100%;}
1513 .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
1515 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
1516 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
1517 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
1518 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
1519 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
1520 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
1521 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
1522 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
1523 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
1524 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
1525 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
1526 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
1527 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
1528 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
1529 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
1530 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
1532 ul.dragdrop-keyboard-drag li { list-style-type: none; }
1533 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
1535 .block .header h2,
1536 .course-content h3,
1537 .pagelayout-frontpage h2,
1538 .pagelayout-frontpage h3,
1539 .pagelayout-frontpage h4,
1540 .pagelayout-frontpage h5,
1541 .pagelayout-frontpage h6,
1542 .pagelayout-coursecategory h3,
1543 .pagelayout-coursecategory h4,
1544 .pagelayout-coursecategory h5,
1545 .pagelayout-coursecategory h6 {
1546     text-align: inherit;
1548 a.disabled:hover,
1549 a.disabled {
1550     text-decoration: none;
1551     cursor: default;
1552     font-style: italic;
1553     color: #808080;