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