MDL-38192 Backup and restore: Allow selection by activity type
[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 .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-fullscreen {
940     left: 0px;
941     top: 0px;
942     width: 100%;
943     height: 100%;
944     overflow: auto;
947 .moodle-dialogue-base .moodle-dialogue-wrap {
948     margin-top:-3px;
949     margin-left:-3px;
950     background-color: #FFFFFF;
951     border: 1px solid #CCCCCC;
952     border-radius:10px;
953     box-shadow: 5px 5px 20px 0px #666666;
954     -webkit-box-shadow: 5px 5px 20px 0px #666666;
955     -moz-box-shadow: 5px 5px 20px 0px #666666;
958 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
959     margin:0;
960     padding:5px;
961     font-size:12px;
962     font-weight: normal;
963     letter-spacing: 1px;
964     color:#333333;
965     text-align: center;
966     text-shadow: 1px 1px 1px #FFFFFF;
967     border-radius: 10px 10px 0px 0px;
968     border-bottom: 1px solid #BBBBBB;
969     background: #CCCCCC;
970     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
971     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
972     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
973     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
976 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
977     margin:0;
978     padding:0;
979     display:inline;
980     font-size: 100%;
981     font-weight: bold;
983 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
984     padding: 5px;
986 .moodle-dialogue-base .closebutton {
987     width:25px;
988     height:15px;
989     float:right;
990     vertical-align:middle;
991     display:inline-block;
992     cursor:pointer;
993     padding:0px;
994     background-image:url([[pix:theme|sprite]]);
995     background-repeat:no-repeat;
996     border-style:none;
998 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
999     left: 0px;
1000     right: auto;
1003 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1004     overflow: auto;
1005     padding: 1em;
1006     line-height: 2em;
1007     color: #555;
1008     font-size: 12px;
1011 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1012   padding:0px;
1013   background:#FFF;
1016 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1017     padding: 10px;
1018     font-size: 16px;
1021 .moodle-dialogue-base .moodle-dialogue-fullscreen,
1022 .moodle-dialogue-fullscreen .moodle-dialogue-content {
1023     width: 100%;
1024     height: 100%;
1025     margin: 0px;
1026     border: 0px;
1028 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1029 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1030     border-radius: 0px;
1033 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1034 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1035 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1036 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1037 .moodle-dialogue-exception .param-stacktrace label {
1038     background-color:#EEE;
1039     border:1px solid #ccc;
1040     border-bottom-width:0;
1043 .moodle-dialogue-exception .param-stacktrace pre {
1044     border:1px solid #ccc;
1045     background-color:#fff;
1048 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1049     color:navy;
1050     font-size:80%;
1052 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1053     color:#AA0000;
1054     font-size:80%;
1056 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1057     color:#333;
1058     font-size:90%;
1059     border-bottom:1px solid #eee;
1062 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1063     padding:0px;
1064     margin: 0.7em 1em;
1065     text-align: right;
1066     background-color: #FFF;
1067     font-size: 12px;
1070 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1071 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1072 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1073 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1074 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1075 .moodle-dialogue-exception .param-stacktrace label {
1076     display:block;
1077     margin:0;
1078     padding:4px 1em;
1080 .moodle-dialogue-exception .param-stacktrace pre {
1081     display:block;
1082     height:200px;
1083     overflow:auto;
1086 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1087     display:inline-block;
1088     margin:4px 0;
1090 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1091     display:inline-block;
1092     width:50px;
1093     margin:4px 1em;
1095 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1096     padding-left:25px;
1097     margin-bottom:4px;
1098     padding-bottom:4px;
1101 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1102     opacity: .75;
1103     width: 100%;
1104     height: 100%;
1105     top: 0;
1106     left: 0;
1107     background-color: white;
1108     text-align: center;
1109     padding: 10% 0;
1112 /* Apply a default max-height on tooltip text */
1113 .moodle-dialogue .tooltiptext {
1114     max-height: 300px;
1116 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1117     z-index: 3001;
1120 /* Question Bank - Question Chooser "Close" button */
1121 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1123 /**
1124  * Chooser Dialogues (moodle-core-chooserdialogue)
1125  *
1126  * This CSS belong to the chooser dialogue which should work both with, and
1127  * without javascript enabled
1128  */
1129 /* Hide the dialog and it's title */
1130 .chooserdialoguebody,
1131 .choosertitle {
1132     display:none;
1134 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1135     margin: 0;
1138 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1139     padding: 0px;
1140     background: #F2F2F2;
1141     border-bottom-left-radius: 10px;
1142     border-bottom-right-radius: 10px;
1145 /* Center the submit buttons within the area */
1146 .choosercontainer #chooseform .submitbuttons {
1147     margin: 0.7em 0;
1148     text-align: center;
1151 .choosercontainer #chooseform .submitbuttons input {
1152     min-width: 100px;
1153     margin: 0px 0.5em;
1156 /* Various settings for the options area */
1157 .choosercontainer #chooseform .options {
1158     position: relative;
1159     border-bottom: 1px solid #BBBBBB;
1162 /* Only set these options if we're showing the js container */
1163 .jsenabled .choosercontainer #chooseform .alloptions {
1164     overflow-x: hidden;
1165     overflow-y: auto;
1166     max-width: 20.3em;
1167     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1168     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1169     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1171 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1172     max-width: 18.3em;
1175 /* Settings for option rows and option subtypes */
1176 .choosercontainer #chooseform .moduletypetitle,
1177 .choosercontainer #chooseform .option,
1178 .choosercontainer #chooseform .nonoption {
1179     margin-bottom: 0;
1180     padding: 0 1.6em 0 1.6em;
1183 .choosercontainer #chooseform .moduletypetitle {
1184     text-transform: uppercase;
1185     padding-top: 1.2em;
1186     padding-bottom: 0.4em;
1189 .choosercontainer #chooseform .option .typename,
1190 .choosercontainer #chooseform .option span.modicon img.icon,
1191 .choosercontainer #chooseform .nonoption .typename,
1192 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1193     padding: 0 0 0 0.5em;
1195 .dir-rtl .choosercontainer #chooseform .option .typename,
1196 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1197 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1198 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1199     padding: 0 0.5em 0 0;
1202 .choosercontainer #chooseform .option span.modicon img.icon,
1203 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1204     height: 24px; width: 24px;
1207 .choosercontainer #chooseform .option input[type=radio],
1208 .choosercontainer #chooseform .option span.typename,
1209 .choosercontainer #chooseform .option span.modicon {
1210     vertical-align: middle;
1213 .choosercontainer #chooseform .option label {
1214     display: block;
1215     padding: 0.3em 0 0.1em 0;
1216     border-bottom: 1px solid #FFFFFF;
1219 .choosercontainer #chooseform .nonoption {
1220     padding-left: 2.7em;
1221     padding-top: 0.3em;
1222     padding-bottom: 0.1em;
1224 .dir-rtl .choosercontainer #chooseform .nonoption {
1225     padding-right: 2.7em;
1226     padding-left: 0;
1229 .choosercontainer #chooseform .subtype {
1230     margin-bottom: 0;
1231     padding: 0 1.6em 0 3.2em;
1233 .dir-rtl .choosercontainer #chooseform .subtype {
1234     padding: 0 3.2em 0 1.6em;
1237 .choosercontainer #chooseform .subtype .typename {
1238     margin: 0 0 0 0.2em;
1240 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1241     margin: 0 0.2em 0 0;
1244 /* The instruction/help area */
1245 .jsenabled .choosercontainer #chooseform .instruction,
1246 .jsenabled .choosercontainer #chooseform .typesummary {
1247     display: none;
1248     position: absolute;
1249     top: 0px;
1250     right: 0px;
1251     bottom: 0px;
1252     left: 20.3em;
1253     margin: 0;
1254     padding: 1.6em;
1255     background-color: #FFFFFF;
1256     overflow-x: hidden;
1257     overflow-y: auto;
1258     line-height: 2em;
1261 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1262 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1263     left: 0px;
1264     right: 18.5em;
1265     border-right: 1px solid grey;
1268 /* Selected option settings */
1269 .jsenabled .choosercontainer #chooseform .instruction,
1270 .choosercontainer #chooseform .selected .typesummary {
1271     display: block;
1274 .choosercontainer #chooseform .selected {
1275     background-color: #FFFFFF;
1276     box-shadow: 0px 0px 10px 0px #CCCCCC;
1277     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1278     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1280 .section-modchooser-link img.smallicon { padding-right: 3px; }
1281 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1283 /* Install Process' text fields Forms, should always be justified to the left */
1284 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1285 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1286 form#installform #id_dbpass, form#installform #id_prefix
1287 {direction: ltr;}
1289 html[dir=rtl] .breadcrumb,
1290 html[dir=rtl] .headermain,
1291 html[dir=rtl] #page-header {float: right;}
1293 html[dir=rtl] .formrow label.formlabel { float:right; }
1295 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1297 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1298 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1299 table.flexible .emptyrow {display: none;}
1301 /* Form element: listing */
1302 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1303 .formlistinginputradio {float: left;}
1304 .formlistingmain {min-height: 225px;}
1305 .formlistingradiocontent {}
1306 .formlisting {
1307     position: relative;
1308     margin: 15px 0;
1309     padding: 1px 19px 14px;
1310     background-color: white;
1311     border: 1px solid #DDD;
1312     -webkit-border-radius: 4px;
1313     -moz-border-radius: 4px;
1314     border-radius: 4px;
1317 .formlistingmore {
1318     position: absolute;
1319     cursor: pointer;
1320     bottom: -1px;
1321     right: -1px;
1322     padding: 3px 7px;
1323     font-size: 12px;
1324     font-weight: bold;
1325     background-color: whiteSmoke;
1326     border: 1px solid #DDD;
1327     color: #9DA0A4;
1328     -webkit-border-radius: 4px 0 4px 0;
1329     -moz-border-radius: 4px 0 4px 0;
1330     border-radius: 4px 0 4px 0;
1333 .formlistingall {
1334     margin: 15px 0;
1335     padding: 0px 0px 0px;
1336     -webkit-border-radius: 4px;
1337     -moz-border-radius: 4px;
1338     border-radius: 4px;
1341 .formlistingrow {
1342     cursor: pointer;
1343     border-bottom: 1px solid;
1344     border-color: #E1E1E8;
1345     border-left: 1px solid #E1E1E8;
1346     border-right: 1px solid #E1E1E8;
1347     background-color: #F7F7F9;
1348     -webkit-border-radius: 0px 0px 4px 4px;
1349     -moz-border-radius: 0px 0px 4px 4px;
1350     padding: 6px;
1351     top: 50%;
1352     left: 50%;
1353     min-height: 34px;
1354     float:left;
1355     width: 150px;
1358 body.jsenabled .formlistingradio {
1359     display: none;
1362 body.jsenabled .formlisting {
1363     display: block;
1366 /**
1367  * Badges styles
1368  */
1369 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1370 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1372 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; }
1373 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1374 table.collection .r1 { background-color: #FFFFFF; }
1375 table.collection .r0 { background-color: #F6F6F6; }
1376 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1378 #page-badges-view table.collection .badgeimage,
1379 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1380 #page-badges-view table.collection .awards,
1381 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1382 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1384 table.collection .name { text-align: left; vertical-align: middle; }
1385 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1386 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1387 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1389 a.criteria-action { padding: 0px 3px; float: right; }
1390 table.issuedbadgebox { width: 750px; background-color: white; }
1391 table.badgeissuedimage { width: 150px; text-align: center; }
1392 table.badgeissuedinfo { width: 600px; }
1393 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1394 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1396 ul.badges { margin: 0; list-style: none; }
1397 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1398 .badges li .badge-name { display: block; padding: 5px; }
1399 .badges li > img { position: absolute; }
1400 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1401 .badges li .badge-actions { position: relative; }
1403 div.badge { position: relative; display: block; }
1404 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1405 .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;}
1407 .badge-profile { vertical-align: top; }
1408 .connected { color: #006600; }
1409 .notconnected { color: #660000; }
1411 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1412 #page-badges-award .recipienttable tr td { vertical-align: top; }
1413 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1414 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1415 #page-badges-award .recipienttable tr td.existing,
1416 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1418 .statustable { margin-bottom: 0px; }
1419 .statusbox { border-color: #BBBBBB; }
1420 .statusbox.active { background-color: #D9F991; }
1421 .statusbox.inactive { background-color: #FFEBA8; }
1422 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1423 .addcourse { float: right; }
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;