MDL-40848 badges: Validate backpack connection via Persona
[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 .mform .collapsible-actions {display: none;}
251 .jsenabled .mform .collapsible-actions {text-align: right; display: block;}
252 .dir-rtl .mform .collapsible-actions {text-align: left;}
253 .mform .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
254 .dir-rtl .mform .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
255 .mform .collapse-all,
256 .dir-rtl .mform .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:baseline;}
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.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
533 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
534 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
535 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
536 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
537 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
538 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
539 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
540 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
541 .path-backup .backup_progress {text-align:center;}
542 .path-backup .backup_progress span.backup_stage {color:#999;}
543 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
544 .path-backup .backup_progress .backup_stage.backup_stage_next {}
545 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
546 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
547 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
548 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
549 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
550 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
551 .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;}
552 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
553 .path-backup .wibbler .state0 { background: #eee; }
554 .path-backup .wibbler .state1 { background: #ddd; }
555 .path-backup .wibbler .state2 { background: #ccc; }
556 .path-backup .wibbler .state3 { background: #bbb; }
557 .path-backup .wibbler .state4 { background: #aaa; }
558 .path-backup .wibbler .state5 { background: #999; }
559 .path-backup .wibbler .state6 { background: #888; }
560 .path-backup .wibbler .state7 { background: #777; }
561 .path-backup .wibbler .state8 { background: #666; }
562 .path-backup .wibbler .state9 { background: #555; }
563 .path-backup .wibbler .state10 { background: #444; }
564 .path-backup .wibbler .state11 { background: #333; }
565 .path-backup .wibbler .state12 { background: #222; }
567 /**
568  * Web Service
569  */
570 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
572 /**
573  * Custom menu
574  */
575 #custommenu {clear:both;}
576 #custommenu .yui3-menu .yui3-menu {z-index:500;}
577 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
578 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
579 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
580 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
581 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
582 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
583 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
584 #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;}
585 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
586 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
587 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
588 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
589 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
591 /**
592  * Fix for broken YUI images in the menunav component
593  */
594 #custommenu .yui3-menu-label,
595 #custommenu .yui3-menuitem-content {cursor:pointer;}
596 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
597 #custommenu .yui3-menuitem-active,
598 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
599 #custommenu .yui3-menu-horizontal .yui3-menu-label,
600 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
601 #custommenu .yui3-menu-label,
602 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
603 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
605 /**
606  * Smart Select Element
607  */
608 .smartselect {position:absolute;}
609 .smartselect .smartselect_mask {background-color:#fff;}
610 .smartselect ul  {padding: 0;margin: 0;}
611 .smartselect ul li {list-style: none;}
612 .smartselect .smartselect_menu {margin-right:5px;}
613 .safari .smartselect .smartselect_menu {margin-left:2px;}
614 .smartselect .smartselect_menu,
615 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
616 .smartselect .smartselect_menu.visible,
617 .smartselect .smartselect_submenu.visible {display:block;}
618 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
619 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
620 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
621 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
622 /** Spanning mode */
623 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
624 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
625 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
626 /** Compact mode */
627 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
628 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
629 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
630 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
631 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
633 /**
634  * Registration
635  */
636 #page-admin-registration-register .registration_textfield {width: 300px;}
638 /**
639  * Enrol
640  */
641 .userenrolment {width:100%;border-collapse: collapse;}
642 .userenrolment td {padding:0;height:41px;}
643 .userenrolment .subfield {margin-right:5px;}
644 .userenrolment .col_userdetails .subfield_picture {float:left;}
645 .userenrolment .col_lastseen {width:150px;}
646 .userenrolment .col_role {width:262px;}
647 .userenrolment .col_role .roles {margin-right:30px;}
648 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
649 .dir-rtl .userenrolment .col_role .role {float:right;}
650 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
651 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
652 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
653 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
654 .userenrolment .col_group .groups {margin-right:30px;}
655 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
656 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
657 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
658 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
659 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
660 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
661 #page-enrol-users .enrol_user_buttons {float:right;}
662 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
663 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
664 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
665 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
666 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
667 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
668 #page-enrol-users #filterform div,
669 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
670 #page-enrol-users #filterform .fitem {white-space:nowrap;}
671 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
672 #page-enrol-users #filterform select,
673 #page-enrol-users #filterform .ftext input {width:8em;}
674 #page-enrol-users #filterform #fitem_id_role,
675 #page-enrol-users #filterform #fitem_id_ifilter,
676 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
677 #page-enrol-users .paging { clear: right; }
679 /**
680 * Overide for RTL layout
681 **/
682 .dir-rtl .headermain {float:right;}
683 .dir-rtl .headermenu {float:left;}
684 .dir-rtl .breadcrumb {float:right;}
685 .dir-rtl .navbutton {float: left;}
686 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
687 .dir-rtl .mform .fitem .fitemtitle {float:right;}
688 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
689 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
690 .dir-rtl .yui3-menu-hidden {left: 0px;}
691 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
692 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
694 /**
695  * Backup
696  */
697 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
698 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
699 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
700 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
701 .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;}
702 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
703 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
704 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
705 .backup-restore .activitytable {width:60%;min-width:500px;}
706 .backup-restore .activitytable .modulename {width:100px;}
707 .backup-restore .activitytable .moduleincluded {width:50px;}
708 .backup-restore .activitytable .userinfoincluded {width:50px;}
709 .backup-restore .detail-pair {}
710 .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;}
711 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
712 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
713 .backup-restore > .singlebutton {text-align:right;}
714 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
716 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
717 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
718 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
719 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
721 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
722 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
723 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
724 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
726 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
727 .corelightbox img {position:fixed;top:50%; left: 50%;}
729 .mod-indent-1 {margin-left:30px;}
730 .mod-indent-2 {margin-left:60px;}
731 .mod-indent-3 {margin-left:90px;}
732 .mod-indent-4 {margin-left:120px;}
733 .mod-indent-5 {margin-left:150px;}
734 .mod-indent-6 {margin-left:180px;}
735 .mod-indent-7 {margin-left:210px;}
736 .mod-indent-8 {margin-left:240px;}
737 .mod-indent-9 {margin-left:270px;}
738 .mod-indent-10 {margin-left:300px;}
739 .mod-indent-11 {margin-left:330px;}
740 .mod-indent-12 {margin-left:360px;}
741 .mod-indent-13 {margin-left:390px;}
742 .mod-indent-14 {margin-left:420px;}
743 .mod-indent-15,
744 .mod-indent-huge {margin-left:420px;}
746 .dir-rtl .mod-indent-1 {margin-right:30px;margin-left:0;}
747 .dir-rtl .mod-indent-2 {margin-right:60px;margin-left:0;}
748 .dir-rtl .mod-indent-3 {margin-right:90px;margin-left:0;}
749 .dir-rtl .mod-indent-4 {margin-right:120px;margin-left:0;}
750 .dir-rtl .mod-indent-5 {margin-right:150px;margin-left:0;}
751 .dir-rtl .mod-indent-6 {margin-right:180px;margin-left:0;}
752 .dir-rtl .mod-indent-7 {margin-right:210px;margin-left:0;}
753 .dir-rtl .mod-indent-8 {margin-right:240px;margin-left:0;}
754 .dir-rtl .mod-indent-9 {margin-right:270px;margin-left:0;}
755 .dir-rtl .mod-indent-10 {margin-right:300px;margin-left:0;}
756 .dir-rtl .mod-indent-11 {margin-right:330px;margin-left:0;}
757 .dir-rtl .mod-indent-12 {margin-right:360px;margin-left:0;}
758 .dir-rtl .mod-indent-13 {margin-right:390px;margin-left:0;}
759 .dir-rtl .mod-indent-14 {margin-right:420px;margin-left:0;}
760 .dir-rtl .mod-indent-15,
761 .dir-rtl .mod-indent-huge {margin-right:420px;margin-left:0;}
763 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
764 .dir-rtl .mform .fitem .felement input[name=email],
765 .dir-rtl .mform .fitem .felement input[name=email2],
766 .dir-rtl .mform .fitem .felement input[name=url],
767 .dir-rtl .mform .fitem .felement input[name=idnumber],
768 .dir-rtl .mform .fitem .felement input[name=phone1],
769 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
771 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
772 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
773 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
775 /** Large resource images should avoid hidden overflow **/
776 .resourceimage {max-width: 100%;}
778 /* Audio player size in 'inline' mode (can only change width, as above) */
779 .mediaplugin_mp3 object {height:15px;width:300px}
780 audio.mediaplugin_html5audio {width: 300px}
782 /* TinyMCE moodle media preview frame should not have padding */
783 .core_media_preview.pagelayout-embedded #content {padding:0;}
784 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
785 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
787 /*
788 Fix for SubScript & SuperScript
789 ------------------------------*/
790 sub {vertical-align: sub;}
791 sup {vertical-align: super;}
793 /** Fix YUI 2 Treeview for Right to left languages **/
794 .dir-rtl .ygtvtn,
795 .dir-rtl .ygtvtm,
796 .dir-rtl .ygtvtmh,
797 .dir-rtl .ygtvtmhh,
798 .dir-rtl .ygtvtp,
799 .dir-rtl .ygtvtph,
800 .dir-rtl .ygtvtphh,
801 .dir-rtl .ygtvln,
802 .dir-rtl .ygtvlm,
803 .dir-rtl .ygtvlmh,
804 .dir-rtl .ygtvlmhh,
805 .dir-rtl .ygtvlp,
806 .dir-rtl .ygtvlph,
807 .dir-rtl .ygtvlphh,
808 .dir-rtl .ygtvdepthcell,
809 .dir-rtl .ygtvok,
810 .dir-rtl .ygtvok:hover,
811 .dir-rtl .ygtvcancel,
812 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
814 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
815 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
816 .dir-rtl .ygtvtmh,
817 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
818 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
819 .dir-rtl .ygtvtph,
820 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
821 .dir-rtl .ygtvln {background-position: 0 -1600px;}
822 .dir-rtl .ygtvlm {background-position: 0 0;}
823 .dir-rtl .ygtvlmh,
824 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
825 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
826 .dir-rtl .ygtvlph,
827 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
828 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
829 .dir-rtl .ygtvok {background-position: 0 -8800px;}
830 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
831 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
832 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
834 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
835 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
837 /** Fix TinyMCE editor right to left **/
838 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
839 .dir-rtl .o2k7Skin table,
840 .dir-rtl .o2k7Skin tbody,
841 .dir-rtl .o2k7Skin a,
842 .dir-rtl .o2k7Skin img,
843 .dir-rtl .o2k7Skin tr,
844 .dir-rtl .o2k7Skin div,
845 .dir-rtl .o2k7Skin td,
846 .dir-rtl .o2k7Skin iframe,
847 .dir-rtl .o2k7Skin span,
848 .dir-rtl .o2k7Skin *,
849 .dir-rtl .o2k7Skin .mceText,
850 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
852 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
853 .path-rating .ratingtable th.rating {width:100%;}
854 .path-rating .ratingtable td.rating,
855 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
857 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
859 .course-content ul.weeks .content .summary ul,
860 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
862 .course-content ul.weeks .content .summary ol,
863 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
865 .dir-rtl #adminsettings #id_s__pathtodu,
866 .dir-rtl #adminsettings #id_s__aspellpath,
867 .dir-rtl #adminsettings #id_s__pathtodot,
868 .dir-rtl #adminsettings #id_s__supportemail,
869 .dir-rtl #adminsettings #id_s__supportpage,
870 .dir-rtl #adminsettings #id_s__sessioncookie,
871 .dir-rtl #adminsettings #id_s__sessioncookiepath,
872 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
873 .dir-rtl #adminsettings #id_s__proxyhost,
874 .dir-rtl #adminsettings #id_s__proxyuser,
875 .dir-rtl #adminsettings #id_s__proxypassword,
876 .dir-rtl #adminsettings #id_s__proxybypass,
877 .dir-rtl #adminsettings #id_s__jabberhost,
878 .dir-rtl #adminsettings #id_s__jabberserver,
879 .dir-rtl #adminsettings #id_s__jabberusername,
880 .dir-rtl #adminsettings #id_s__jabberpassword,
881 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
882 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
883 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
884 .dir-rtl #adminsettings #id_s__docroot,
885 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
886 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
887 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
888 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
889 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
890 .dir-rtl #adminsettings #id_s__blockedip,
891 .dir-rtl #adminsettings #id_s__pathtoclam,
892 .dir-rtl #adminsettings #id_s__quarantinedir,
893 .dir-rtl #adminsettings #id_s__sitepolicy,
894 .dir-rtl #adminsettings #id_s__sitepolicyguest,
895 .dir-rtl #adminsettings #id_s__cronremotepassword,
896 .dir-rtl #adminsettings #id_s__allowedip,
897 .dir-rtl #adminsettings #id_s__blockedip,
898 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
899 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
900 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
901 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
902 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
903 .dir-rtl #adminsettings #admin-emoticons .form-text,
904 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
905 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
906 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
907 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
908 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
909 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
911 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
913 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
914 .initialbar a {padding-right: 2px;}
916 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
917 .moodle-dialogue-base .moodle-dialogue-lightbox {
918     background-color:#AAA;
921 .moodle-dialogue-base .moodle-dialogue {
922     outline: #000 dotted 0;
925 .moodle-dialogue-base .hidden,
926 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
927 .moodle-dialogue-base .moodle-dialogue {
928     padding: 0;
929     margin: 0;
930     background: none;
931     border: none;
932     /* Override the z-index set incorrectly by the YUI dialogue */
933     z-index: 600;
936 .no-scrolling { overflow: hidden; }
938 .moodle-dialogue-fullscreen {
939     left: 0px;
940     top: 0px;
941     width: 100%;
942     height: 100%;
943     overflow: auto;
946 .moodle-dialogue-base .moodle-dialogue-wrap {
947     margin-top:-3px;
948     margin-left:-3px;
949     background-color: #FFFFFF;
950     border: 1px solid #CCCCCC;
951     border-radius:10px;
952     box-shadow: 5px 5px 20px 0px #666666;
953     -webkit-box-shadow: 5px 5px 20px 0px #666666;
954     -moz-box-shadow: 5px 5px 20px 0px #666666;
957 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
958     margin:0;
959     padding:5px;
960     font-size:12px;
961     font-weight: normal;
962     letter-spacing: 1px;
963     color:#333333;
964     text-align: center;
965     text-shadow: 1px 1px 1px #FFFFFF;
966     border-radius: 10px 10px 0px 0px;
967     border-bottom: 1px solid #BBBBBB;
968     background: #CCCCCC;
969     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
970     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
971     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
972     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
975 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
976     margin:0;
977     padding:0;
978     display:inline;
979     font-size: 100%;
980     font-weight: bold;
982 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
983     padding: 5px;
985 .moodle-dialogue-base .closebutton {
986     width:25px;
987     height:15px;
988     float:right;
989     vertical-align:middle;
990     display:inline-block;
991     cursor:pointer;
992     padding:0px;
993     background-image:url([[pix:theme|sprite]]);
994     background-repeat:no-repeat;
995     border-style:none;
997 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
998     left: 0px;
999     right: auto;
1002 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1003     overflow: auto;
1004     padding: 1em;
1005     line-height: 2em;
1006     color: #555;
1007     font-size: 12px;
1010 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1011   padding:0px;
1012   background:#FFF;
1015 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1016     padding: 10px;
1017     font-size: 16px;
1020 .moodle-dialogue-base .moodle-dialogue-fullscreen,
1021 .moodle-dialogue-fullscreen .moodle-dialogue-content {
1022     width: 100%;
1023     height: 100%;
1024     margin: 0px;
1025     border: 0px;
1027 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1028 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1029     border-radius: 0px;
1032 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1033 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1034 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1035 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1036 .moodle-dialogue-exception .param-stacktrace label {
1037     background-color:#EEE;
1038     border:1px solid #ccc;
1039     border-bottom-width:0;
1042 .moodle-dialogue-exception .param-stacktrace pre {
1043     border:1px solid #ccc;
1044     background-color:#fff;
1047 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1048     color:navy;
1049     font-size:80%;
1051 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1052     color:#AA0000;
1053     font-size:80%;
1055 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1056     color:#333;
1057     font-size:90%;
1058     border-bottom:1px solid #eee;
1061 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1062     padding:0px;
1063     margin: 0.7em 1em;
1064     text-align: right;
1065     background-color: #FFF;
1066     font-size: 12px;
1069 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1070 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1071 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1072 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1073 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1074 .moodle-dialogue-exception .param-stacktrace label {
1075     display:block;
1076     margin:0;
1077     padding:4px 1em;
1079 .moodle-dialogue-exception .param-stacktrace pre {
1080     display:block;
1081     height:200px;
1082     overflow:auto;
1085 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1086     display:inline-block;
1087     margin:4px 0;
1089 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1090     display:inline-block;
1091     width:50px;
1092     margin:4px 1em;
1094 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1095     padding-left:25px;
1096     margin-bottom:4px;
1097     padding-bottom:4px;
1100 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1101     opacity: .75;
1102     width: 100%;
1103     height: 100%;
1104     top: 0;
1105     left: 0;
1106     background-color: white;
1107     text-align: center;
1108     padding: 10% 0;
1111 /* Apply a default max-height on tooltip text */
1112 .moodle-dialogue .tooltiptext {
1113     max-height: 300px;
1115 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1116     z-index: 3001;
1119 /* Question Bank - Question Chooser "Close" button */
1120 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1122 /**
1123  * Chooser Dialogues (moodle-core-chooserdialogue)
1124  *
1125  * This CSS belong to the chooser dialogue which should work both with, and
1126  * without javascript enabled
1127  */
1128 /* Hide the dialog and it's title */
1129 .chooserdialoguebody,
1130 .choosertitle {
1131     display:none;
1133 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1134     margin: 0;
1137 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1138     padding: 0px;
1139     background: #F2F2F2;
1140     border-bottom-left-radius: 10px;
1141     border-bottom-right-radius: 10px;
1144 /* Center the submit buttons within the area */
1145 .choosercontainer #chooseform .submitbuttons {
1146     margin: 0.7em 0;
1147     text-align: center;
1150 .choosercontainer #chooseform .submitbuttons input {
1151     min-width: 100px;
1152     margin: 0px 0.5em;
1155 /* Various settings for the options area */
1156 .choosercontainer #chooseform .options {
1157     position: relative;
1158     border-bottom: 1px solid #BBBBBB;
1161 /* Only set these options if we're showing the js container */
1162 .jsenabled .choosercontainer #chooseform .alloptions {
1163     overflow-x: hidden;
1164     overflow-y: auto;
1165     max-width: 20.3em;
1166     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1167     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1168     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1170 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1171     max-width: 18.3em;
1174 /* Settings for option rows and option subtypes */
1175 .choosercontainer #chooseform .moduletypetitle,
1176 .choosercontainer #chooseform .option,
1177 .choosercontainer #chooseform .nonoption {
1178     margin-bottom: 0;
1179     padding: 0 1.6em 0 1.6em;
1182 .choosercontainer #chooseform .moduletypetitle {
1183     text-transform: uppercase;
1184     padding-top: 1.2em;
1185     padding-bottom: 0.4em;
1188 .choosercontainer #chooseform .option .typename,
1189 .choosercontainer #chooseform .option span.modicon img.icon,
1190 .choosercontainer #chooseform .nonoption .typename,
1191 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1192     padding: 0 0 0 0.5em;
1194 .dir-rtl .choosercontainer #chooseform .option .typename,
1195 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1196 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1197 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1198     padding: 0 0.5em 0 0;
1201 .choosercontainer #chooseform .option span.modicon img.icon,
1202 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1203     height: 24px; width: 24px;
1206 .choosercontainer #chooseform .option input[type=radio],
1207 .choosercontainer #chooseform .option span.typename,
1208 .choosercontainer #chooseform .option span.modicon {
1209     vertical-align: middle;
1212 .choosercontainer #chooseform .option label {
1213     display: block;
1214     padding: 0.3em 0 0.1em 0;
1215     border-bottom: 1px solid #FFFFFF;
1218 .choosercontainer #chooseform .nonoption {
1219     padding-left: 2.7em;
1220     padding-top: 0.3em;
1221     padding-bottom: 0.1em;
1223 .dir-rtl .choosercontainer #chooseform .nonoption {
1224     padding-right: 2.7em;
1225     padding-left: 0;
1228 .choosercontainer #chooseform .subtype {
1229     margin-bottom: 0;
1230     padding: 0 1.6em 0 3.2em;
1232 .dir-rtl .choosercontainer #chooseform .subtype {
1233     padding: 0 3.2em 0 1.6em;
1236 .choosercontainer #chooseform .subtype .typename {
1237     margin: 0 0 0 0.2em;
1239 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1240     margin: 0 0.2em 0 0;
1243 /* The instruction/help area */
1244 .jsenabled .choosercontainer #chooseform .instruction,
1245 .jsenabled .choosercontainer #chooseform .typesummary {
1246     display: none;
1247     position: absolute;
1248     top: 0px;
1249     right: 0px;
1250     bottom: 0px;
1251     left: 20.3em;
1252     margin: 0;
1253     padding: 1.6em;
1254     background-color: #FFFFFF;
1255     overflow-x: hidden;
1256     overflow-y: auto;
1257     line-height: 2em;
1260 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1261 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1262     left: 0px;
1263     right: 18.5em;
1264     border-right: 1px solid grey;
1267 /* Selected option settings */
1268 .jsenabled .choosercontainer #chooseform .instruction,
1269 .choosercontainer #chooseform .selected .typesummary {
1270     display: block;
1273 .choosercontainer #chooseform .selected {
1274     background-color: #FFFFFF;
1275     box-shadow: 0px 0px 10px 0px #CCCCCC;
1276     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1277     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1279 .section-modchooser-link img.smallicon { padding-right: 3px; }
1280 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1282 /* Install Process' text fields Forms, should always be justified to the left */
1283 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1284 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1285 form#installform #id_dbpass, form#installform #id_prefix
1286 {direction: ltr;}
1288 html[dir=rtl] .breadcrumb,
1289 html[dir=rtl] .headermain,
1290 html[dir=rtl] #page-header {float: right;}
1292 html[dir=rtl] .formrow label.formlabel { float:right; }
1294 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1296 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1297 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1298 table.flexible .emptyrow {display: none;}
1300 /* Form element: listing */
1301 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1302 .formlistinginputradio {float: left;}
1303 .formlistingmain {min-height: 225px;}
1304 .formlistingradiocontent {}
1305 .formlisting {
1306     position: relative;
1307     margin: 15px 0;
1308     padding: 1px 19px 14px;
1309     background-color: white;
1310     border: 1px solid #DDD;
1311     -webkit-border-radius: 4px;
1312     -moz-border-radius: 4px;
1313     border-radius: 4px;
1316 .formlistingmore {
1317     position: absolute;
1318     cursor: pointer;
1319     bottom: -1px;
1320     right: -1px;
1321     padding: 3px 7px;
1322     font-size: 12px;
1323     font-weight: bold;
1324     background-color: whiteSmoke;
1325     border: 1px solid #DDD;
1326     color: #9DA0A4;
1327     -webkit-border-radius: 4px 0 4px 0;
1328     -moz-border-radius: 4px 0 4px 0;
1329     border-radius: 4px 0 4px 0;
1332 .formlistingall {
1333     margin: 15px 0;
1334     padding: 0px 0px 0px;
1335     -webkit-border-radius: 4px;
1336     -moz-border-radius: 4px;
1337     border-radius: 4px;
1340 .formlistingrow {
1341     cursor: pointer;
1342     border-bottom: 1px solid;
1343     border-color: #E1E1E8;
1344     border-left: 1px solid #E1E1E8;
1345     border-right: 1px solid #E1E1E8;
1346     background-color: #F7F7F9;
1347     -webkit-border-radius: 0px 0px 4px 4px;
1348     -moz-border-radius: 0px 0px 4px 4px;
1349     padding: 6px;
1350     top: 50%;
1351     left: 50%;
1352     min-height: 34px;
1353     float:left;
1354     width: 150px;
1357 body.jsenabled .formlistingradio {
1358     display: none;
1361 body.jsenabled .formlisting {
1362     display: block;
1365 /**
1366  * Badges styles
1367  */
1368 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1369 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1371 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; }
1372 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1373 table.collection .r1 { background-color: #FFFFFF; }
1374 table.collection .r0 { background-color: #F6F6F6; }
1375 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1377 #page-badges-view table.collection .badgeimage,
1378 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1379 #page-badges-view table.collection .awards,
1380 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1381 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1383 table.collection .name { text-align: left; vertical-align: middle; }
1384 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1385 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1386 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1388 a.criteria-action { padding: 0px 3px; float: right; }
1389 table.issuedbadgebox { width: 750px; background-color: white; }
1390 table.badgeissuedimage { width: 150px; text-align: center; }
1391 table.badgeissuedinfo { width: 600px; }
1392 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1393 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1395 ul.badges { margin: 0; list-style: none; }
1396 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1397 .badges li .badge-name { display: block; padding: 5px; }
1398 .badges li > img { position: absolute; }
1399 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1400 .badges li .badge-actions { position: relative; }
1402 div.badge { position: relative; display: block; }
1403 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1404 .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;}
1406 .badge-profile { vertical-align: top; }
1407 .connected { color: #006600; }
1408 .notconnected { color: #660000; }
1410 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1411 #page-badges-award .recipienttable tr td { vertical-align: top; }
1412 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1413 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1414 #page-badges-award .recipienttable tr td.existing,
1415 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1417 .statustable { margin-bottom: 0px; }
1418 .statusbox { border-color: #BBBBBB; }
1419 .statusbox.active { background-color: #D9F991; }
1420 .statusbox.inactive { background-color: #FFEBA8; }
1421 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1422 .addcourse { float: right; }
1423 img#persona_signin { cursor: pointer; }
1425 /**
1426  * The date selector popup.
1427  */
1428  div#dateselector-calendar-panel {
1429      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1430  }
1432 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1434 /** Action menu component styles **/
1435 .moodle-actionmenu,
1436 .moodle-actionmenu > ul,
1437 .moodle-actionmenu > ul > li {display: inline-block;}
1438 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1439 .moodle-actionmenu a.hidden {display: none;}
1440 .moodle-actionmenu .toggle-display,
1441 .moodle-actionmenu .menu-action-text {display: none;}
1443 .jsenabled .block .editing_move {display: none;}
1444 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1445 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1446 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1447 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1448 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {display: inline;}
1450 .moodle-actionmenu[data-enhanced].show {position: relative;}
1451 .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;}
1452 .moodle-actionmenu[data-enhanced].show .menu a {display: block;padding: 2px 1em 2px 0.5em;color: #333333;}
1453 .moodle-actionmenu[data-enhanced].show .menu a:hover,
1454 .moodle-actionmenu[data-enhanced].show .menu a:focus {color: #ffffff;background-color: #0088cc;}
1455 .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;}
1456 .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;}
1457 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
1458 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
1459 .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 8px;}
1460 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
1461 .action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {background-color: #FFF;}
1462 .block .moodle-actionmenu {text-align: right;}
1464 .dir-rtl .block .moodle-actionmenu {text-align: right;}
1465 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
1466 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
1468 .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
1469 .menu.align-tr-bl {top: 100%;right: 100%;}
1470 .menu.align-bl-bl {bottom: 100%;left: 0;}
1471 .menu.align-br-bl {right: 100%;bottom: 100%;}
1472 .menu.align-tl-br {top: 100%;left: 100%;}
1473 .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
1474 .menu.align-bl-br {bottom: 100%;left: 100%;}
1475 .menu.align-br-br {right: 0;bottom: 100%;}
1476 .menu.align-tl-tl {top: 0;left: 0;}
1477 .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
1478 .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
1479 .menu.align-br-tl {right: 100%;bottom: 100%;}
1480 .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
1481 .menu.align-tr-tr {top: 0;right: 0;}
1482 .menu.align-bl-tr {bottom: 100%;left: 100%;}
1483 .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
1485 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
1486 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
1487 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
1488 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
1489 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
1490 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
1491 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
1492 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
1493 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
1494 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
1495 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
1496 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
1497 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
1498 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
1499 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
1500 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
1502 ul.dragdrop-keyboard-drag li { list-style-type: none; }
1503 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
1505 .block .header h2,
1506 .course-content h3,
1507 .pagelayout-frontpage h2,
1508 .pagelayout-frontpage h3,
1509 .pagelayout-frontpage h4,
1510 .pagelayout-frontpage h5,
1511 .pagelayout-frontpage h6,
1512 .pagelayout-coursecategory h3,
1513 .pagelayout-coursecategory h4,
1514 .pagelayout-coursecategory h5,
1515 .pagelayout-coursecategory h6 {
1516     text-align: inherit;