Merge branch 'MDL-38645-master' of git://github.com/FMCorz/moodle
[moodle.git] / theme / base / style / core.css
1 /**
2  * Required to undo YUI resets that override input size
3  */
4 input[type=text],input[type=password],textarea{width:auto;}
6 /* Fix for YUI overriding styles */
7 strong{font-style:inherit;}em{font-weight:inherit;}
9 /**
10  * General
11  */
12 th,
13 td,
14 a img {border-width:0;}
15 acronym,
16 abbr {cursor: help;}
17 .dir-ltr,
18 .mdl-left,
19 .dir-rtl .mdl-right {text-align: left;}
20 .dir-rtl,
21 .mdl-right,
22 .dir-rtl .mdl-left {text-align: right;}
23 #add,
24 #remove,
25 .centerpara,
26 .mdl-align {text-align: center;}
27 a.dimmed,
28 a.dimmed:link,
29 a.dimmed:visited,
30 a.dimmed_text,
31 a.dimmed_text:link,
32 a.dimmed_text:visited,
33 .dimmed_text,
34 .dimmed_text a,
35 .dimmed_text a:link,
36 .dimmed_text a:visited,
37 .usersuspended,
38 .usersuspended a,
39 .usersuspended a:link,
40 .usersuspended a:visited,
41 .dimmed_category,
42 .dimmed_category a {
43     color: #AAA;
44 }
45 .activity.label .dimmed_text {
46     opacity: 0.5;
47     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
48     filter: alpha(opacity=50);
49 }
50 .unlist,
51 .unlist li,
52 .inline-list,
53 .inline-list li,
54 .block .list,
55 .block .list li,
56 .sitetopic .section li.activity,
57 .course-content .section li.activity,
58 .sitetopic .section li.movehere,
59 .course-content .section li.movehere,
60 .tabtree li {list-style: none;margin:0;padding:0;}
62 .course-content .current {background:#E3E3E3;}
64 .inline,
65 .inline-list li {display: inline;}
66 .notifytiny {font-size:0.7em;}
67 .notifytiny li,
68 .notifytiny td {font-size:100%;}
69 .red,
70 .notifyproblem {color:#660000;}
71 .green,
72 .notifysuccess {color:#006600;}
73 .reportlink {text-align:right;}
74 a.autolink.glossary:hover {cursor: help;}
75 /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
76 .collapsibleregioncaption {white-space: nowrap;}
77 .collapsibleregioncaption img {vertical-align: middle;}
78 .jsenabled .hiddenifjs {display: none;}
79 .visibleifjs {display: none;}
80 .jsenabled .visibleifjs {display: inline;}
81 .jsenabled .collapsibleregion {overflow:hidden;}
82 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
83 .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;}
84 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
85 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
86 .bold,
87 .warning,
88 .errorbox .title,
89 .pagingbar .title,
90 .pagingbar .thispage,
91 .headingblock {font-weight: bold;}
92 img.resize {height: 1em;width: 1em;}
93 .block img.resize,
94 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
96 /* Icon styles */
97 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
98 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
99 img.iconsmall {height:12px;margin-right:3px;vertical-align:middle;width:12px;}
100 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
101 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
102 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
103 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
104 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
105 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
106 img.iconkbhelp {height:17px;width:49px;}
107 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
108 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
110 .categorybox .category {font-size:1.2em;font-weight:bold;}
111 .generalbox {border:1px solid;}
112 .boxaligncenter {margin-left:auto;margin-right:auto;}
113 .boxalignright {margin-left:auto;margin-right:0;}
114 .boxalignleft {margin-left:0;margin-right:auto;}
115 .boxwidthnarrow {width: 30%;}
116 .boxwidthnormal {width: 50%;}
117 .boxwidthwide {width: 80%;}
118 .buttons .singlebutton,
119 .buttons .singlebutton form,
120 .buttons .singlebutton div {display: inline;}
121 .buttons .singlebutton input {margin:20px 5px;}
122 .headermain {font-weight:bold;}
123 #maincontent {display: block;height: 1px;overflow: hidden;}
124 img.uihint {cursor: help;}
125 #addmembersform table {margin-left: auto;margin-right: auto;}
126 .formtable tbody th,
127 .generaltable th.header {vertical-align: top;}
128 .flexible th {white-space: nowrap;}
129 .cell {vertical-align: top;}
130 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
131 form.popupform,
132 form.popupform div {display: inline;}
133 .arrow_button input {overflow:hidden;}
134 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;}
135 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;}
136 h1.main img,
137 h2.main img,
138 h3.main img,
139 h4.main img,
140 h5.main img,
141 h6.main img {vertical-align: middle;}
143 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
144 .no-overflow {overflow:auto;padding-bottom:1px;}
145 .pagelayout-report .no-overflow {overflow:visible;}
146 .no-overflow > .generaltable {margin-bottom:0;}
147 .ie6 .no-overflow {width:100%;}
149 /** IE6 float + background bug solution **/
150 .ie6 li.section {line-height:1.2em;width:100%;}
152 /**
153  * Accessibility features
154  */
155 /*Accessibility: text 'seen' by screen readers but not visual users. */
156 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
157 .dir-rtl .accesshide {top:-30000px;left:auto;}
158 span.hide,
159 div.hide {display:none;}
160 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
161 /*Accessibility: Skip block link, for keyboard-only users. */
162 a.skip-block,
163 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
164 a.skip-block:focus,
165 a.skip-block:active,
166 a.skip:focus,
167 a.skip:active {position: static;display: block;}
168 .skip-block-to {display: block;height: 1px;overflow: hidden;}
169 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
170 .arrow,
171 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
173 /**
174  * Header
175  */
176 .headermain {float:left;margin:15px;font-size:2.3em;}
177 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
178 #course-header {clear:both;}
180 /**
181  * Navbar
182  */
183 .navbar {clear:both;overflow:hidden;}
184 .ie6 .navbar {overflow:hidden;height:100%;}
185 .breadcrumb {float:left;}
186 .navbutton {text-align:right;}
187 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
188 .navbutton {float: right;}
189 .breadcrumb li,
190 .navbutton div,
191 .navbutton form {display:inline;}
193 /**
194  * Footer
195  */
196 #page-footer {text-align:center;font-size:0.9em;}
197 #page-footer .homelink {margin: 1em 0;}
198 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
199 #page-footer .logininfo,
200 #page-footer .sitelink,
201 #page-footer .helplink {margin:0px 10px;}
202 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
203 #page-footer .performanceinfo span {display:block;}
204 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
205 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
206 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
208 #page-footer .performanceinfo .cachesused {margin-top:1em;}
209 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;}
210 #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;}
211 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;}
212 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;}
213 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
214 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;}
215 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;}
216 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;}
217 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;}
219 #course-footer {clear:both;}
221 /**
222  * Tabs
223  */
224 .tabtree {position:relative;margin-bottom:3.5em;}
225 .tabtree li {display:inline;}
226 .tabtree ul {margin:5px;}
227 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
228 .tabtree ul li.here .empty {display:none;}
230 /**
231  * Mforms
232  */
233 .mform fieldset {border:1px solid;}
234 .mform fieldset fieldset {border-width:0;}
235 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
236 .mform fieldset div {margin:10px;margin-top:0;}
237 .mform fieldset div div {margin:0;}
238 .mform fieldset .advancedbutton {text-align:right;}
239 .mform fieldset.hidden {border-width:0;}
240 .mform fieldset.group {margin-bottom: 0}
241 .mform fieldset.error {border: 1px solid #A00;}
242 .mform .collapsible-actions {display: none;}
243 .jsenabled .mform .collapsible-actions {text-align: right; display: block;}
244 .dir-rtl .mform .collapsible-actions {text-align: left;}
245 .mform .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
246 .dir-rtl .mform .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
247 .mform .collapse-all,
248 .dir-rtl .mform .collapse-all {background-image: url([[pix:t/expanded]]);}
249 .mform fieldset legend {padding: 0 0.35em;}
250 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;}
251 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);}
252 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;}
253 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
254 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
255 .jsenabled .mform .containsadvancedelements .advanced {display: none;}
256 .mform .containsadvancedelements .advanced.show {display: block;}
257 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
258 .dir-rtl .mform .fitem .fitemtitle {text-align:left;}
259 .mform .fitem .fitemtitle div {display: inline;}
260 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
261 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
262 .mform .error,
263 .mform .required {color:#A00;}
264 .mform .required .fgroup span label {color:#000;}
265 .mform .fdescription.required {color:#A00;text-align:right;}
266 .dir-rtl .mform .fdescription.required {text-align:left;}
267 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
268 .mform .ftextarea #id_alltext {width: 100%;}
269 .mform ul.file-list {padding:0;margin:0;list-style:none;}
270 .mform label .req,
271 .mform label .adv {cursor: help;}
272 .mform .fcheckbox input {margin-left: 0;}
273 .mform .fcheckbox label,
274 .mform .fduration label,
275 .mform .fitem fieldset.fgroup label,
276 .mform .fradio label,
277 .mform fieldset.fdate_selector label,
278 .mform fieldset.fdate_time_selector label {display:inline;float: none; margin-left: .3em; vertical-align: text-bottom;}
279 .dir-rtl .mform .fcheckbox label,
280 .dir-rtl .mform .fduration label,
281 .dir-rtl .mform .fitem fieldset.fgroup label,
282 .dir-rtl .mform .fradio label,
283 .dir-rtl .mform fieldset.fdate_selector label,
284 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;}
285 .mform .ftags label.accesshide {display: block;position: static;}
286 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
287 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;}
288 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; }
289 .mform .moreless-less {background-image: url([[pix:t/less]]);}
290 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
291 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
292 .mform legend .helplink img { margin-right: .2em; }
293 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
294 .urlselect label,
295 .singleselect label { margin-right: .3em; }
296 .dir-rtl .urlselect label,
297 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
299 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;}
300 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;}
301 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); }
302 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; }
303 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
305 input#id_externalurl {direction:ltr;}
307 /** Browser corrections for mforms **/
308 .ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
309 /** Fix IE double margin + float bugs **/
310 .ie .mform .fitem .fitemtitle {padding-right:1em;}
311 #portfolio-add-button {display:inline;}
313 /**
314  * phpinfo styles
315  */
316 .phpinfo .center {text-align: center;}
317 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
318 .phpinfo .center th {text-align: center;}
319 .phpinfo .e,
320 .phpinfo .v,
321 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
322 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
323 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
325 /**
326  * Blogs
327  */
328 .addbloglink {text-align: center;}
329 .blog_entry .audience {text-align: right;padding-right: 4px;}
330 .blog_entry .tags {margin-top: 15px;}
331 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
332 .blog_entry .content {margin-left: 43px;}
334 /**
335  * Group
336  */
337 #page-group-index #groupeditform {text-align: center;}
338 #doc-contents h1 {margin: 1em 0 0 0;}
339 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
340 #doc-contents ul li {list-style-type: none;}
341 .groupmanagementtable td {vertical-align: top;}
342 .groupmanagementtable #existingcell,
343 .groupmanagementtable #potentialcell {width: 42%;}
344 .groupmanagementtable #buttonscell {width: 16%;}
345 .groupmanagementtable #buttonscell input {width: 80%;}
346 .groupmanagementtable #removeselect_wrapper,
347 .groupmanagementtable #addselect_wrapper {width: 100%;}
348 .groupmanagementtable #removeselect_wrapper label,
349 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
350 .dir-rtl .groupmanagementtable p {text-align: right;}
351 #group-usersummary {width: 14em;}
352 .groupselector {margin-top: 3px;margin-bottom: 3px;}
354 /**
355  * Login
356  */
357 .loginbox {margin:15px;overflow:visible;}
358 .loginbox.twocolumns {margin:15px;}
359 .loginbox h2,
360 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
361 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
362 .loginbox .signuppanel .subcontent {text-align:left;}
363 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
364 .loginbox .loginsub {margin-left:0;margin-right:0;}
365 .loginbox .guestsub,
366 .loginbox .forgotsub,
367 .loginbox .potentialidps {margin:5px 12%;}
368 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
369 .loginbox .potentialidps .potentialidplist div {text-align:left;}
370 .loginbox .loginform {margin-top:1em;text-align:left;}
371 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
372 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
373 .loginbox .loginform .form-input {float:right;width:55%;}
374 .loginbox .loginform .form-input input {width: 6em;}
375 .loginbox .signupform {margin-top:1em;text-align:center;}
376 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
377 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
378 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
380 /**
381  * Notes
382  */
383 .notepost {margin-bottom: 1em;}
384 .notepost .userpicture {float: left;margin-right: 5px;}
385 .notepost .content,
386 .notepost .footer {clear: both;}
387 .notesgroup {margin-left:20px;}
389 /**
390  * My Moodle
391  */
392 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
393 .path-my .coursebox .info {float: none; margin: 0;}
395 /**
396  * Logs
397  */
398 .logtable th {text-align:left;}
400 /**
401  * Modules
402  */
403 .mod_introbox {border:1px solid;padding:10px;}
404 table.mod_index {width:100%;}
406 /**
407  * Comments
408  */
409 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
410 .comment-ctrl h5 {margin:0;padding: 5px;}
411 .comment-area {max-width: 400px;padding: 5px;}
412 .comment-area textarea {width:100%;overflow:auto;}
413 .comment-area .fd {text-align:right;}
414 .comment-meta span {color:gray;}
415 .comment-link img { vertical-align: text-bottom; }
416 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
417 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
418 .comment-list li.first {display:none}
419 .comment-paging{text-align:center;}
420 .comment-paging .pageno{padding:2px;}
421 .comment-paging .curpage{border:1px solid #CCC;}
422 .comment-message .picture {width: 20px;float:left;}
423 .dir-rtl .comment-message .picture {float:right;}
424 .comment-message .text {margin:0;padding:0;}
425 .comment-message .text p {padding:0;margin:0 18px 0 0;}
426 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
427 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
428 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
429 .comment-container {float:left;margin: 4px;}
430 .comment-report-selectall{display:none}
431 .comment-link {display:none}
432 .jsenabled .comment-link {display:block}
433 .jsenabled .showcommentsnonjs{display:none}
434 .jsenabled .comment-report-selectall{display:inline}
436 /**
437  * Completion progress report
438  */
439 .completion-expired {background:#FFDDDD;}
440 .completion-expected {font-size:0.75em;}
441 .completion-sortchoice,
442 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
443 .completion-progresscell {text-align:right;}
444 .completion-expired .completion-expected {font-weight:bold;}
446 /**
447  * Tags
448  */
449 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
450 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
451 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
452 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
453 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
454 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
455 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
456 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
457 #tag-description,
458 #tag-blogs {width:100%;}
459 #tag-management-box {margin-bottom:10px;line-height:20px;}
460 #tag-user-table {padding:3px;clear: both;width:100%;}
461 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
462 img.user-image {height:100px;width:100px;}
463 #small-tag-cloud-box {width:300px;margin:0 auto;}
464 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
465 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
466 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
467 #tag-search-box {text-align:center;margin:10px auto;}
468 #tag-search-results-container {padding:0;width:100%;}
469 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
470 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
471 span.flagged-tag,
472 span.flagged-tag a {color:#FF0000;}
473 table#tag-management-list {text-align:left;width:100%;}
474 table#tag-management-list td,
475 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
476 .tag-management-form {text-align:center;}
477 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
478 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
479 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
480 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
481 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
482 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
483 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
484 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
485 h2.tag-heading,
486 div#tag-description,
487 div#tag-blogs,
488 body.tag .managelink {padding: 5px;}
489 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
490 .tag_cloud .s19 {font-size: 1.5em;}
491 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
492 .tag_cloud .s17 {font-size: 1.4em;}
493 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
494 .tag_cloud .s15 {font-size: 1.3em;}
495 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
496 .tag_cloud .s13 {font-size: 1.2em;}
497 .tag_cloud .s12,
498 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
499 .tag_cloud .s10,
500 .tag_cloud .s9 {font-size: 1.1em;}
501 .tag_cloud .s8,
502 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
503 .tag_cloud .s6,
504 .tag_cloud .s5 {font-size: 1em;}
505 .tag_cloud .s4,
506 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
507 .tag_cloud .s2,
508 .tag_cloud .s1 {font-size: 0.9em;}
509 .tag_cloud .s0 {font-size: 0.8em;}
511 /*
512  * Backup and Restore CSS
513  */
514 .path-backup .mform .grouped_settings.section_level {clear:both;}
515 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
516 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
517 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
518 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
519 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
520 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
521 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
522 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
523 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
524 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
525 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
526 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
527 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
528 .path-backup .backup_progress {text-align:center;}
529 .path-backup .backup_progress span.backup_stage {color:#999;}
530 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
531 .path-backup .backup_progress .backup_stage.backup_stage_next {}
532 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
533 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
534 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
535 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
536 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
537 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
539 /**
540  * Web Service
541  */
542 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
544 /**
545  * Custom menu
546  */
547 #custommenu {clear:both;}
548 #custommenu .yui3-menu .yui3-menu {z-index:500;}
549 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
550 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
551 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
552 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
553 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
554 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
555 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
556 #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;}
557 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
558 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
559 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
560 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
561 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
563 /**
564  * Fix for broken YUI images in the menunav component
565  */
566 #custommenu .yui3-menu-label,
567 #custommenu .yui3-menuitem-content {cursor:pointer;}
568 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
569 #custommenu .yui3-menuitem-active,
570 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
571 #custommenu .yui3-menu-horizontal .yui3-menu-label,
572 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
573 #custommenu .yui3-menu-label,
574 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
575 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
577 /**
578  * Smart Select Element
579  */
580 .smartselect {position:absolute;}
581 .smartselect .smartselect_mask {background-color:#fff;}
582 .smartselect ul  {padding: 0;margin: 0;}
583 .smartselect ul li {list-style: none;}
584 .smartselect .smartselect_menu {margin-right:5px;}
585 .safari .smartselect .smartselect_menu {margin-left:2px;}
586 .smartselect .smartselect_menu,
587 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
588 .smartselect .smartselect_menu.visible,
589 .smartselect .smartselect_submenu.visible {display:block;}
590 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
591 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
592 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
593 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
594 /** Spanning mode */
595 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
596 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
597 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
598 /** Compact mode */
599 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
600 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
601 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
602 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
603 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
605 /**
606  * Registration
607  */
608 #page-admin-registration-register .registration_textfield {width: 300px;}
610 /**
611  * Enrol
612  */
613 .userenrolment {width:100%;border-collapse: collapse;}
614 .userenrolment td {padding:0;height:41px;}
615 .userenrolment .subfield {margin-right:5px;}
616 .userenrolment .col_userdetails .subfield_picture {float:left;}
617 .userenrolment .col_lastseen {width:150px;}
618 .userenrolment .col_role {width:262px;}
619 .userenrolment .col_role .roles {margin-right:30px;}
620 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
621 .dir-rtl .userenrolment .col_role .role {float:right;}
622 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
623 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
624 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
625 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
626 .userenrolment .col_group .groups {margin-right:30px;}
627 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
628 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
629 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
630 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
631 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
632 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
633 #page-enrol-users .enrol_user_buttons {float:right;}
634 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
635 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
636 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
637 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
638 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
639 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
640 #page-enrol-users #filterform div,
641 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
642 #page-enrol-users #filterform .fitem {white-space:nowrap;}
643 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
644 #page-enrol-users #filterform select,
645 #page-enrol-users #filterform .ftext input {width:8em;}
646 #page-enrol-users #filterform #fitem_id_role,
647 #page-enrol-users #filterform #fitem_id_ifilter,
648 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
649 #page-enrol-users .paging { clear: right; }
651 /**
652 * Overide for RTL layout
653 **/
654 .dir-rtl .headermain {float:right;}
655 .dir-rtl .headermenu {float:left;}
656 .dir-rtl .breadcrumb {float:right;}
657 .dir-rtl .navbutton {float: left;}
658 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
659 .dir-rtl .mform .fitem .fitemtitle {float:right;}
660 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
661 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
662 .dir-rtl .yui3-menu-hidden {left: 0px;}
663 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
664 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
666 /**
667  * Backup
668  */
669 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
670 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
671 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
672 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
673 .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;}
674 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
675 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
676 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
677 .backup-restore .activitytable {width:60%;min-width:500px;}
678 .backup-restore .activitytable .modulename {width:100px;}
679 .backup-restore .activitytable .moduleincluded {width:50px;}
680 .backup-restore .activitytable .userinfoincluded {width:50px;}
681 .backup-restore .detail-pair {}
682 .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;}
683 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
684 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
685 .backup-restore > .singlebutton {text-align:right;}
686 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
688 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
689 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
690 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
691 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
693 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
694 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
695 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
696 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
698 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
699 .corelightbox img {position:fixed;top:50%; left: 50%;}
701 /**
702  * IE - Overide for RTL layout
703  */
704 .ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
706 .mod-indent-1 {margin-left:30px;}
707 .mod-indent-2 {margin-left:60px;}
708 .mod-indent-3 {margin-left:90px;}
709 .mod-indent-4 {margin-left:120px;}
710 .mod-indent-5 {margin-left:150px;}
711 .mod-indent-6 {margin-left:180px;}
712 .mod-indent-7 {margin-left:210px;}
713 .mod-indent-8 {margin-left:240px;}
714 .mod-indent-9 {margin-left:270px;}
715 .mod-indent-10 {margin-left:300px;}
716 .mod-indent-11 {margin-left:330px;}
717 .mod-indent-12 {margin-left:360px;}
718 .mod-indent-13 {margin-left:390px;}
719 .mod-indent-14 {margin-left:420px;}
720 .mod-indent-15,
721 .mod-indent-huge {margin-left:420px;}
723 .dir-rtl .mod-indent-1 {margin-right:30px;margin-left:0;}
724 .dir-rtl .mod-indent-2 {margin-right:60px;margin-left:0;}
725 .dir-rtl .mod-indent-3 {margin-right:90px;margin-left:0;}
726 .dir-rtl .mod-indent-4 {margin-right:120px;margin-left:0;}
727 .dir-rtl .mod-indent-5 {margin-right:150px;margin-left:0;}
728 .dir-rtl .mod-indent-6 {margin-right:180px;margin-left:0;}
729 .dir-rtl .mod-indent-7 {margin-right:210px;margin-left:0;}
730 .dir-rtl .mod-indent-8 {margin-right:240px;margin-left:0;}
731 .dir-rtl .mod-indent-9 {margin-right:270px;margin-left:0;}
732 .dir-rtl .mod-indent-10 {margin-right:300px;margin-left:0;}
733 .dir-rtl .mod-indent-11 {margin-right:330px;margin-left:0;}
734 .dir-rtl .mod-indent-12 {margin-right:360px;margin-left:0;}
735 .dir-rtl .mod-indent-13 {margin-right:390px;margin-left:0;}
736 .dir-rtl .mod-indent-14 {margin-right:420px;margin-left:0;}
737 .dir-rtl .mod-indent-15,
738 .dir-rtl .mod-indent-huge {margin-right:420px;margin-left:0;}
740 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
741 .dir-rtl .mform .fitem .felement input[name=email],
742 .dir-rtl .mform .fitem .felement input[name=email2],
743 .dir-rtl .mform .fitem .felement input[name=url],
744 .dir-rtl .mform .fitem .felement input[name=idnumber],
745 .dir-rtl .mform .fitem .felement input[name=phone1],
746 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
748 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
749 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
750 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
752 /** Large resource images should avoid hidden overflow **/
753 .resourceimage {max-width: 100%;}
755 /* Audio player size in 'inline' mode (can only change width, as above) */
756 .mediaplugin_mp3 object {height:15px;width:300px}
757 audio.mediaplugin_html5audio {width: 300px}
759 /* TinyMCE moodle media preview frame should not have padding */
760 .core_media_preview.pagelayout-embedded #content {padding:0;}
761 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
762 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
764 /*
765 Fix for SubScript & SuperScript
766 ------------------------------*/
767 sub {vertical-align: sub;}
768 sup {vertical-align: super;}
770 /** Fix YUI 2 Treeview for Right to left languages **/
771 .dir-rtl .ygtvtn,
772 .dir-rtl .ygtvtm,
773 .dir-rtl .ygtvtmh,
774 .dir-rtl .ygtvtmhh,
775 .dir-rtl .ygtvtp,
776 .dir-rtl .ygtvtph,
777 .dir-rtl .ygtvtphh,
778 .dir-rtl .ygtvln,
779 .dir-rtl .ygtvlm,
780 .dir-rtl .ygtvlmh,
781 .dir-rtl .ygtvlmhh,
782 .dir-rtl .ygtvlp,
783 .dir-rtl .ygtvlph,
784 .dir-rtl .ygtvlphh,
785 .dir-rtl .ygtvdepthcell,
786 .dir-rtl .ygtvok,
787 .dir-rtl .ygtvok:hover,
788 .dir-rtl .ygtvcancel,
789 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
791 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
792 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
793 .dir-rtl .ygtvtmh,
794 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
795 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
796 .dir-rtl .ygtvtph,
797 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
798 .dir-rtl .ygtvln {background-position: 0 -1600px;}
799 .dir-rtl .ygtvlm {background-position: 0 0;}
800 .dir-rtl .ygtvlmh,
801 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
802 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
803 .dir-rtl .ygtvlph,
804 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
805 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
806 .dir-rtl .ygtvok {background-position: 0 -8800px;}
807 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
808 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
809 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
811 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
812 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
814 /** Fix TinyMCE editor right to left **/
815 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
816 .dir-rtl .o2k7Skin table,
817 .dir-rtl .o2k7Skin tbody,
818 .dir-rtl .o2k7Skin a,
819 .dir-rtl .o2k7Skin img,
820 .dir-rtl .o2k7Skin tr,
821 .dir-rtl .o2k7Skin div,
822 .dir-rtl .o2k7Skin td,
823 .dir-rtl .o2k7Skin iframe,
824 .dir-rtl .o2k7Skin span,
825 .dir-rtl .o2k7Skin *,
826 .dir-rtl .o2k7Skin .mceText,
827 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
829 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
830 .path-rating .ratingtable th.rating {width:100%;}
831 .path-rating .ratingtable td.rating,
832 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
834 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
836 .course-content ul.weeks .content .summary ul,
837 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
839 .course-content ul.weeks .content .summary ol,
840 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
842 .dir-rtl #adminsettings #id_s__pathtodu,
843 .dir-rtl #adminsettings #id_s__aspellpath,
844 .dir-rtl #adminsettings #id_s__pathtodot,
845 .dir-rtl #adminsettings #id_s__supportemail,
846 .dir-rtl #adminsettings #id_s__supportpage,
847 .dir-rtl #adminsettings #id_s__sessioncookie,
848 .dir-rtl #adminsettings #id_s__sessioncookiepath,
849 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
850 .dir-rtl #adminsettings #id_s__proxyhost,
851 .dir-rtl #adminsettings #id_s__proxyuser,
852 .dir-rtl #adminsettings #id_s__proxypassword,
853 .dir-rtl #adminsettings #id_s__proxybypass,
854 .dir-rtl #adminsettings #id_s__jabberhost,
855 .dir-rtl #adminsettings #id_s__jabberserver,
856 .dir-rtl #adminsettings #id_s__jabberusername,
857 .dir-rtl #adminsettings #id_s__jabberpassword,
858 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
859 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
860 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
861 .dir-rtl #adminsettings #id_s__docroot,
862 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
863 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
864 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
865 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
866 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
867 .dir-rtl #adminsettings #id_s__blockedip,
868 .dir-rtl #adminsettings #id_s__pathtoclam,
869 .dir-rtl #adminsettings #id_s__quarantinedir,
870 .dir-rtl #adminsettings #id_s__sitepolicy,
871 .dir-rtl #adminsettings #id_s__sitepolicyguest,
872 .dir-rtl #adminsettings #id_s__cronremotepassword,
873 .dir-rtl #adminsettings #id_s__allowedip,
874 .dir-rtl #adminsettings #id_s__blockedip,
875 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
876 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
877 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
878 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
879 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
880 .dir-rtl #adminsettings #admin-emoticons .form-text,
881 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
882 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
883 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
884 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
885 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
886 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
888 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
890 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
891 .initialbar a {padding-right: 2px;}
893 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
894 .moodle-dialogue-base .moodle-dialogue-lightbox {
895     background-color:#AAA;
898 .moodle-dialogue-base .hidden,
899 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
900 .moodle-dialogue-base .moodle-dialogue {
901     padding: 0;
902     margin: 0;
903     background: none;
904     border: none;
905     /* Override the z-index set incorrectly by the YUI dialogue */
906     z-index: 600;
910 .moodle-dialogue-base .moodle-dialogue-wrap {
911     margin-top:-3px;
912     margin-left:-3px;
913     background-color: #FFFFFF;
914     border: 1px solid #CCCCCC;
915     border-radius:10px;
916     box-shadow: 5px 5px 20px 0px #666666;
917     -webkit-box-shadow: 5px 5px 20px 0px #666666;
918     -moz-box-shadow: 5px 5px 20px 0px #666666;
921 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
922     margin:0;
923     padding:5px;
924     font-size:12px;
925     font-weight: normal;
926     letter-spacing: 1px;
927     color:#333333;
928     text-align: center;
929     text-shadow: 1px 1px 1px #FFFFFF;
930     border-radius: 10px 10px 0px 0px;
931     border-bottom: 1px solid #BBBBBB;
932     background: #CCCCCC;
933     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
934     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
935     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
936     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
939 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
940     margin:0;
941     padding:0;
942     display:inline;
943     font-size: 100%;
944     font-weight: bold;
946 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
947     padding: 5px;
949 .moodle-dialogue-base .closebutton {
950     width:25px;
951     height:15px;
952     float:right;
953     vertical-align:middle;
954     display:inline-block;
955     cursor:pointer;
956     padding:0px;
957     background-image:url([[pix:theme|sprite]]);
958     background-repeat:no-repeat;
959     border-style:none;
961 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
962     left: 0px;
963     right: auto;
966 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
967     overflow: auto;
968     padding: 1em;
969     line-height: 2em;
970     color: #555;
971     font-size: 12px;
974 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
975   padding:0px;
976   background:#FFF;
979 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
980 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
981 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
982 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
983 .moodle-dialogue-exception .param-stacktrace label {
984     background-color:#EEE;
985     border:1px solid #ccc;
986     border-bottom-width:0;
989 .moodle-dialogue-exception .param-stacktrace pre {
990     border:1px solid #ccc;
991     background-color:#fff;
994 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
995     color:navy;
996     font-size:80%;
998 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
999     color:#AA0000;
1000     font-size:80%;
1002 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1003     color:#333;
1004     font-size:90%;
1005     border-bottom:1px solid #eee;
1008 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1009     padding:0px;
1010     margin: 0.7em 1em;
1011     text-align: right;
1012     background-color: #FFF;
1013     font-size: 12px;
1016 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1017 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1018 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1019 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1020 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1021 .moodle-dialogue-exception .param-stacktrace label {
1022     display:block;
1023     margin:0;
1024     padding:4px 1em;
1026 .moodle-dialogue-exception .param-stacktrace pre {
1027     display:block;
1028     height:200px;
1029     overflow:auto;
1032 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1033     display:inline-block;
1034     margin:4px 0;
1036 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1037     display:inline-block;
1038     width:50px;
1039     margin:4px 1em;
1041 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1042     padding-left:25px;
1043     margin-bottom:4px;
1044     padding-bottom:4px;
1047 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1048     opacity: .75;
1049     width: 100%;
1050     height: 100%;
1051     top: 0;
1052     left: 0;
1053     background-color: white;
1054     text-align: center;
1055     padding: 10% 0;
1058 /* Apply a default max-height on tooltip text */
1059 .moodle-dialogue .tooltiptext {
1060     max-height: 300px;
1062 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1063     z-index: 3001;
1066 /* Question Bank - Question Chooser "Close" button */
1067 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1069 /**
1070  * Chooser Dialogues (moodle-core-chooserdialogue)
1071  *
1072  * This CSS belong to the chooser dialogue which should work both with, and
1073  * without javascript enabled
1074  */
1075 /* Hide the dialog and it's title */
1076 .chooserdialoguebody,
1077 .choosertitle {
1078     display:none;
1080 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1081     margin: 0;
1084 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1085     padding: 0px;
1086     background: #F2F2F2;
1087     border-bottom-left-radius: 10px;
1088     border-bottom-right-radius: 10px;
1091 /* Center the submit buttons within the area */
1092 .choosercontainer #chooseform .submitbuttons {
1093     margin: 0.7em 0;
1094     text-align: center;
1097 .choosercontainer #chooseform .submitbuttons input {
1098     min-width: 100px;
1099     margin: 0px 0.5em;
1102 /* Various settings for the options area */
1103 .choosercontainer #chooseform .options {
1104     position: relative;
1105     border-bottom: 1px solid #BBBBBB;
1108 /* Only set these options if we're showing the js container */
1109 .jsenabled .choosercontainer #chooseform .alloptions {
1110     overflow-x: hidden;
1111     overflow-y: auto;
1112     max-width: 20.3em;
1113     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1114     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1115     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1117 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1118     max-width: 18.3em;
1121 /* Settings for option rows and option subtypes */
1122 .choosercontainer #chooseform .moduletypetitle,
1123 .choosercontainer #chooseform .option,
1124 .choosercontainer #chooseform .nonoption {
1125     margin-bottom: 0;
1126     padding: 0 1.6em 0 1.6em;
1129 .choosercontainer #chooseform .moduletypetitle {
1130     text-transform: uppercase;
1131     padding-top: 1.2em;
1132     padding-bottom: 0.4em;
1135 .choosercontainer #chooseform .option .typename,
1136 .choosercontainer #chooseform .option span.modicon img.icon,
1137 .choosercontainer #chooseform .nonoption .typename,
1138 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1139     padding: 0 0 0 0.5em;
1141 .dir-rtl .choosercontainer #chooseform .option .typename,
1142 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1143 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1144 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1145     padding: 0 0.5em 0 0;
1148 .choosercontainer #chooseform .option span.modicon img.icon,
1149 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1150     height: 24px; width: 24px;
1153 .choosercontainer #chooseform .option input[type=radio],
1154 .choosercontainer #chooseform .option span.typename,
1155 .choosercontainer #chooseform .option span.modicon {
1156     vertical-align: middle;
1159 .choosercontainer #chooseform .option label {
1160     display: block;
1161     padding: 0.3em 0 0.1em 0;
1162     border-bottom: 1px solid #FFFFFF;
1165 .choosercontainer #chooseform .nonoption {
1166     padding-left: 2.7em;
1167     padding-top: 0.3em;
1168     padding-bottom: 0.1em;
1170 .dir-rtl .choosercontainer #chooseform .nonoption {
1171     padding-right: 2.7em;
1172     padding-left: 0;
1175 .choosercontainer #chooseform .subtype {
1176     margin-bottom: 0;
1177     padding: 0 1.6em 0 3.2em;
1179 .dir-rtl .choosercontainer #chooseform .subtype {
1180     padding: 0 3.2em 0 1.6em;
1183 .choosercontainer #chooseform .subtype .typename {
1184     margin: 0 0 0 0.2em;
1186 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1187     margin: 0 0.2em 0 0;
1190 /* The instruction/help area */
1191 .jsenabled .choosercontainer #chooseform .instruction,
1192 .jsenabled .choosercontainer #chooseform .typesummary {
1193     display: none;
1194     position: absolute;
1195     top: 0px;
1196     right: 0px;
1197     bottom: 0px;
1198     left: 20.3em;
1199     margin: 0;
1200     padding: 1.6em;
1201     background-color: #FFFFFF;
1202     overflow-x: hidden;
1203     overflow-y: auto;
1204     line-height: 2em;
1207 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1208 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1209     left: 0px;
1210     right: 18.5em;
1211     border-right: 1px solid grey;
1214 /* Selected option settings */
1215 .jsenabled .choosercontainer #chooseform .instruction,
1216 .choosercontainer #chooseform .selected .typesummary {
1217     display: block;
1220 .choosercontainer #chooseform .selected {
1221     background-color: #FFFFFF;
1222     box-shadow: 0px 0px 10px 0px #CCCCCC;
1223     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1224     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1226 .section-modchooser-link img.smallicon { padding-right: 3px; }
1227 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1229 /* Install Process' text fields Forms, should always be justified to the left */
1230 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1231 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1232 form#installform #id_dbpass, form#installform #id_prefix
1233 {direction: ltr;}
1235 html[dir=rtl] .breadcrumb,
1236 html[dir=rtl] .headermain,
1237 html[dir=rtl] #page-header {float: right;}
1239 html[dir=rtl] .formrow label.formlabel { float:right; }
1241 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1243 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1244 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1246 /* Form element: listing */
1247 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1248 .formlistinginputradio {float: left;}
1249 .formlistingmain {min-height: 225px;}
1250 .formlistingradiocontent {}
1251 .formlisting {
1252     position: relative;
1253     margin: 15px 0;
1254     padding: 1px 19px 14px;
1255     background-color: white;
1256     border: 1px solid #DDD;
1257     -webkit-border-radius: 4px;
1258     -moz-border-radius: 4px;
1259     border-radius: 4px;
1262 .formlistingmore {
1263     position: absolute;
1264     cursor: pointer;
1265     bottom: -1px;
1266     right: -1px;
1267     padding: 3px 7px;
1268     font-size: 12px;
1269     font-weight: bold;
1270     background-color: whiteSmoke;
1271     border: 1px solid #DDD;
1272     color: #9DA0A4;
1273     -webkit-border-radius: 4px 0 4px 0;
1274     -moz-border-radius: 4px 0 4px 0;
1275     border-radius: 4px 0 4px 0;
1278 .formlistingall {
1279     margin: 15px 0;
1280     padding: 0px 0px 0px;
1281     -webkit-border-radius: 4px;
1282     -moz-border-radius: 4px;
1283     border-radius: 4px;
1286 .formlistingrow {
1287     cursor: pointer;
1288     border-bottom: 1px solid;
1289     border-color: #E1E1E8;
1290     border-left: 1px solid #E1E1E8;
1291     border-right: 1px solid #E1E1E8;
1292     background-color: #F7F7F9;
1293     -webkit-border-radius: 0px 0px 4px 4px;
1294     -moz-border-radius: 0px 0px 4px 4px;
1295     padding: 6px;
1296     top: 50%;
1297     left: 50%;
1298     min-height: 34px;
1299     float:left;
1300     width: 150px;
1303 body.jsenabled .formlistingradio {
1304     display: none;
1307 body.jsenabled .formlisting {
1308     display: block;
1311 /**
1312  * Badges styles
1313  */
1314 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1315 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1317 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; }
1318 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1319 table.collection .r1 { background-color: #FFFFFF; }
1320 table.collection .r0 { background-color: #F6F6F6; }
1321 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1323 #page-badges-view table.collection .badgeimage,
1324 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1325 #page-badges-view table.collection .awards,
1326 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1327 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1329 table.collection .name { text-align: left; vertical-align: middle; }
1330 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1331 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1332 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1334 a.criteria-action { padding: 0px 3px; float: right; }
1335 table.issuedbadgebox { width: 750px; background-color: white; }
1336 table.badgeissuedimage { width: 150px; text-align: center; }
1337 table.badgeissuedinfo { width: 600px; }
1338 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1339 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1341 ul.badges { margin: 0; list-style: none; }
1342 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1343 .badges li .badge-name { display: block; padding: 5px; }
1344 .badges li > img { position: absolute; }
1345 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1346 .badges li .badge-actions { position: relative; }
1348 div.badge { position: relative; display: block; }
1349 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1350 .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;}
1352 .backpackform { width: 100px !important; float: left; }
1353 .badge-profile { vertical-align: top; }
1355 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1356 #page-badges-award .recipienttable tr td { vertical-align: top; }
1357 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1358 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1359 #page-badges-award .recipienttable tr td.existing,
1360 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1362 .statustable { margin-bottom: 0px; }
1363 .statusbox { border-color: #BBBBBB; }
1364 .statusbox.active { background-color: #D9F991; }
1365 .statusbox.inactive { background-color: #FFEBA8; }
1366 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1367 .addcourse { float: right; }