28153ca94397b556bb2f5b8ea2587217b975b61a
[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 .tabtree li {list-style: none;margin:0;padding:0;}
60 .course-content .current {background:#E3E3E3;}
62 .inline-list li {display: inline;}
63 .notifytiny {font-size:0.7em;}
64 .notifytiny li,
65 .notifytiny td {font-size:100%;}
66 .red,
67 .notifyproblem {color:#660000;}
68 .green,
69 .notifysuccess {color:#006600;}
70 .reportlink {text-align:right;}
71 a.autolink.glossary:hover {cursor: help;}
72 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
73 .collapsibleregioncaption {white-space: nowrap;}
74 .collapsibleregioncaption img {vertical-align: middle;}
75 .jsenabled .hiddenifjs {display: none;}
76 .visibleifjs {display: none;}
77 .jsenabled .visibleifjs {display: inline;}
78 .jsenabled .collapsibleregion {overflow:hidden;}
79 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
80 .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;}
81 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
82 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
83 .bold,
84 .warning,
85 .errorbox .title,
86 .pagingbar .title,
87 .pagingbar .thispage,
88 .headingblock {font-weight: bold;}
89 img.resize {height: 1em;width: 1em;}
90 .block img.resize,
91 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
92 img.icon {height:16px;vertical-align:middle;width:16px;padding-right:4px;}
93 img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
94 img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
95 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
96 img.iconkbhelp {height:17px;width:49px;}
97 .categorybox .category {font-size:1.2em;font-weight:bold;}
98 .generalbox {border:1px solid;}
99 .boxaligncenter {margin-left:auto;margin-right:auto;}
100 .boxalignright {margin-left:auto;margin-right:0;}
101 .boxalignleft {margin-left:0;margin-right:auto;}
102 .boxwidthnarrow {width: 30%;}
103 .boxwidthnormal {width: 50%;}
104 .boxwidthwide {width: 80%;}
105 .buttons .singlebutton,
106 .buttons .singlebutton form,
107 .buttons .singlebutton div {display: inline;}
108 .buttons .singlebutton input {margin:20px 5px;}
109 .blink {text-decoration: blink;}
110 .headermain {font-weight:bold;}
111 #maincontent {display: block;height: 1px;overflow: hidden;}
112 img.uihint {cursor: help;}
113 #addmembersform table {margin-left: auto;margin-right: auto;}
114 .formtable tbody th,
115 .generaltable th.header {vertical-align: top;}
116 .flexible th {white-space: nowrap;}
117 .cell {vertical-align: top;}
118 .helplink img {height: 17px;vertical-align: middle;width: 17px;}
119 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
120 form.popupform,
121 form.popupform div {display: inline;}
122 .arrow_button input {overflow:hidden;}
124 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
125 .no-overflow {overflow:auto;padding-bottom:1px;}
126 .pagelayout-report .no-overflow {overflow:visible;}
127 .no-overflow > .generaltable {margin-bottom:0;}
128 .ie6 .no-overflow {width:100%;}
130 /** IE6 float + background bug solution **/
131 .ie6 li.section {line-height:1.2em;width:100%;}
133 /**
134  * Accessibility features
135  */
136 /*Accessibility: text 'seen' by screen readers but not visual users. */
137 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
138 .dir-rtl .accesshide {top:-30000px;left:auto;}
139 span.hide,
140 div.hide {display:none;}
141 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
142 /*Accessibility: Skip block link, for keyboard-only users. */
143 a.skip-block,
144 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
145 a.skip-block:focus,
146 a.skip-block:active,
147 a.skip:focus,
148 a.skip:active {position: static;display: block;}
149 .skip-block-to {display: block;height: 1px;overflow: hidden;}
150 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
151 .arrow,
152 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
154 /**
155  * Header
156  */
157 .headermain {float:left;margin:15px;font-size:2.3em;}
158 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
160 /**
161  * Navbar
162  */
163 .navbar {clear:both;overflow:hidden;}
164 .ie6 .navbar {overflow:hidden;height:100%;}
165 .breadcrumb {float:left;}
166 .navbutton {text-align:right;}
167 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
168 .navbutton {float: right;}
169 .breadcrumb li,
170 .navbutton div,
171 .navbutton form {display:inline;}
173 /**
174  * Footer
175  */
176 #page-footer {text-align:center;font-size:0.9em;}
177 #page-footer .homelink {margin: 1em 0;}
178 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
179 #page-footer .logininfo,
180 #page-footer .sitelink,
181 #page-footer .helplink {margin:0px 10px;}
182 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
183 #page-footer .performanceinfo span {display:block;}
184 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
185 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
186 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
188 /**
189  * Tabs
190  */
191 .tabtree {position:relative;margin-bottom:3.5em;}
192 .tabtree li {display:inline;}
193 .tabtree ul {margin:5px;}
194 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
195 .tabtree ul li.here .empty {display:none;}
197 /**
198  * Mforms
199  */
200 .mform fieldset {border:1px solid;}
201 .mform fieldset fieldset {border-width:0px;}
202 .mform fieldset legend {font-weight:bold;margin-left:0.5em;}
203 .mform fieldset div {margin:10px;margin-top:0;}
204 .mform fieldset div div {margin:0;}
205 .mform fieldset .advancedbutton {text-align:right;}
206 .mform fieldset.hidden {border-width:0;}
207 .mform fieldset.group {margin-bottom: 0}
208 .mform fieldset.error {border: 1px solid #A00;}
209 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
210 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
211 .mform .fitem .fitemtitle div {display: inline;}
212 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
213 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
214 .mform .error,
215 .mform .required {color:#A00;}
216 .mform .required .fgroup span label {color:#000;}
217 .mform .fdescription.required {color:#A00;text-align:right;}
218 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
219 .mform .ftextarea #id_alltext {width: 100%;}
220 .mform ul.file-list {padding:0;margin:0;list-style:none;}
221 .mform label .req,
222 .mform label .adv {cursor: help;}
223 .mform .fcheckbox input {margin-left: 0;}
224 .mform .fitem fieldset.fgroup label,
225 .mform .fradio label,
226 .mform .fcheckbox label,
227 .mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
228 .mform .ftags label.accesshide {display: block;position: static;}
229 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
231 input#id_externalurl {direction:ltr;}
233 /** Browser corrections for mforms **/
234 .ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
235 /** Fix IE double margin + float bugs **/
236 .ie .mform .fitem .fitemtitle {padding-right:1em;}
237 #portfolio-add-button {display:inline;}
239 /**
240  * phpinfo styles
241  */
242 .phpinfo .center {text-align: center;}
243 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
244 .phpinfo .center th {text-align: center;}
245 .phpinfo .e,
246 .phpinfo .v,
247 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
248 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
249 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
251 /**
252  * Blogs
253  */
254 .addbloglink {text-align: center;}
255 .blog_entry .audience {text-align: right;}
256 .blog_entry .tags {margin-top: 15px;}
258 /**
259  * Group
260  */
261 #page-group-index #groupeditform {text-align: center;}
262 #doc-contents h1 {margin: 1em 0 0 0;}
263 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
264 #doc-contents ul li {list-style-type: none;}
265 .groupmanagementtable td {vertical-align: top;}
266 .groupmanagementtable #existingcell,
267 .groupmanagementtable #potentialcell {width: 42%;}
268 .groupmanagementtable #buttonscell {width: 16%;}
269 .groupmanagementtable #buttonscell input {width: 80%;}
270 .groupmanagementtable #removeselect_wrapper,
271 .groupmanagementtable #addselect_wrapper {width: 100%;}
272 .groupmanagementtable #removeselect_wrapper label,
273 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
274 .dir-rtl .groupmanagementtable p {text-align: right;}
275 #group-usersummary {width: 14em;}
276 .groupselector {margin-top: 3px;margin-bottom: 3px;}
278 /**
279  * Login
280  */
281 .loginbox {margin:15px;overflow:visible;}
282 .loginbox.twocolumns {margin:15px;}
283 .loginbox h2,
284 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
285 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
286 .loginbox .signuppanel .subcontent {text-align:left;}
287 .loginbox .loginsub {margin-left:0;margin-right:0;}
288 .loginbox .guestsub,
289 .loginbox .forgotsub,
290 .loginbox .potentialidps {margin:5px 12%;}
291 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
292 .loginbox .potentialidps .potentialidplist div {text-align:left;}
293 .loginbox .loginform {margin-top:1em;text-align:left;}
294 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
295 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
296 .loginbox .loginform .form-input {float:right;width:55%;}
297 .loginbox .loginform .form-input input {width: 6em;}
298 .loginbox .signupform {margin-top:1em;text-align:center;}
299 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
300 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
302 /**
303  * Notes
304  */
305 .notepost {margin-bottom: 1em;}
306 .notepost .userpicture {float: left;margin-right: 5px;}
307 .notepost .content,
308 .notepost .footer {clear: both;}
309 .notesgroup {margin-left:20px;}
311 /**
312  * My Moodle
313  */
314 .path-my .coursebox .overview .name {margin-left:20px;}
315 .path-my .coursebox .overview .info {margin-left:25px;}
316 .path-my .coursebox .overview .details {margin-left:25px;}
317 .path-my .coursebox .overview {margin-bottom:10px;}
318 .path-my .coursebox .info {float: none;}
320 /**
321  * Logs
322  */
323 .logtable th {text-align:left;}
325 /**
326  * Modules
327  */
328 .mod_introbox {border:1px solid;padding:10px;}
329 table.mod_index {width:100%;}
331 /**
332  * Help
333  */
334 #help_icon_tooltip div.bd {width: 35em;}
335 #help hr {border: none;height: 1px;background: #ccc;}
336 #help .center {text-align: center;}
337 #help .moreinfo {text-align: right;}
338 #help .indent {margin-left: 40px;}
339 #help .indent-big {margin-left: 160px;margin-right: 160px;}
340 #help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
341 #help #emoticons ul{list-style-type: none;}
342 #help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
344 /**
345  * Comments
346  */
347 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
348 .comment-ctrl h5 {margin:0;padding: 5px;}
349 .comment-area {max-width: 400px;padding: 5px;}
350 .comment-area textarea {width:100%;overflow:auto;}
351 .comment-area .fd {text-align:right;}
352 .comment-meta span {color:gray;}
353 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
354 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;}
355 .comment-list li.first {display:none}
356 .comment-paging{text-align:center;}
357 .comment-paging .pageno{padding:2px;}
358 .comment-paging .curpage{border:1px solid #CCC;}
359 .comment-userpicture {width: 20px;float:left;}
360 .comment-content {margin-left: 22px;}
361 .comment-content div {margin:0;padding:0;}
362 .comment-content p {padding:0;margin:0 18px 0 0;}
363 .comment-delete {float:right;text-align:right;}
364 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
365 .comment-container {float:left;margin: 4px;}
366 .comment-report-selectall{display:none}
367 .comment-link {display:none}
368 .jsenabled .comment-link {display:block}
369 .jsenabled .showcommentsnonjs{display:none}
370 .jsenabled .comment-report-selectall{display:inline}
372 /**
373  * Completion progress report
374  */
375 .completion-expired {background:#FFDDDD;}
376 .completion-expected {font-size:0.75em;}
377 .completion-sortchoice,
378 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
379 .completion-progresscell {text-align:right;}
380 .completion-expired .completion-expected {font-weight:bold;}
382 /**
383  * Tags
384  */
385 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
386 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
387 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
388 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
389 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
390 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
391 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
392 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
393 #tag-description,
394 #tag-blogs {width:100%;}
395 #tag-management-box {margin-bottom:10px;line-height:20px;}
396 #tag-user-table {padding:3px;clear: both;width:100%;}
397 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
398 img.user-image {height:100px;width:100px;}
399 #small-tag-cloud-box {width:300px;margin:0 auto;}
400 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
401 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
402 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
403 #tag-search-box {text-align:center;margin:10px auto;}
404 #tag-search-results-container {padding:0;width:100%;}
405 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
406 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
407 span.flagged-tag,
408 span.flagged-tag a {color:#FF0000;}
409 table#tag-management-list {text-align:left;width:100%;}
410 table#tag-management-list td,
411 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
412 .tag-management-form {text-align:center;}
413 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
414 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
415 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
416 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
417 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
418 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
419 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
420 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
421 h2.tag-heading,
422 div#tag-description,
423 div#tag-blogs,
424 body.tag .managelink {padding: 5px;}
425 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
426 .tag_cloud .s19 {font-size: 1.5em;}
427 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
428 .tag_cloud .s17 {font-size: 1.4em;}
429 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
430 .tag_cloud .s15 {font-size: 1.3em;}
431 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
432 .tag_cloud .s13 {font-size: 1.2em;}
433 .tag_cloud .s12,
434 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
435 .tag_cloud .s10,
436 .tag_cloud .s9 {font-size: 1.1em;}
437 .tag_cloud .s8,
438 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
439 .tag_cloud .s6,
440 .tag_cloud .s5 {font-size: 1em;}
441 .tag_cloud .s4,
442 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
443 .tag_cloud .s2,
444 .tag_cloud .s1 {font-size: 0.9em;}
445 .tag_cloud .s0 {font-size: 0.8em;}
447 /*
448  * Backup and Restore CSS
449  */
450 .path-backup .mform .grouped_settings.section_level {clear:both;}
451 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
452 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
453 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
454 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
455 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
456 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
457 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
458 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
459 .path-backup .backup_progress {text-align:center;}
460 .path-backup .backup_progress span.backup_stage {color:#999;}
461 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
462 .path-backup .backup_progress .backup_stage.backup_stage_next {}
463 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
465 /**
466  * Web Service
467  */
468 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
470 /**
471  * Help Content (pop-up)
472  */
473 #helppopupbox {background-color: #eee; border: 1px solid #848484;z-index: 10000 !important;}
474 #helppopupbox .yui3-widget-hd {float:right;margin:3px 3px 0 0;}
475 #helppopupbox .yui3-widget-bd {margin:0 1em 1em 1em;border-top:1px solid #eee;}
476 #helppopupbox .helpheading {font-size: 1em;}
477 #helppopupbox .spinner {margin:1em;}
479 /**
480  * Custom menu
481  */
482 #custommenu {clear:both;}
483 #custommenu .yui3-menu .yui3-menu {z-index:500;}
484 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
485 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
486 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
487 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
488 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
489 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
490 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
491 #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;}
492 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
493 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
494 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
495 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
496 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
498 /**
499  * Fix for broken YUI images in the menunav component
500  */
501 #custommenu .yui3-menu-label,
502 #custommenu .yui3-menuitem-content {cursor:pointer;}
503 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
504 #custommenu .yui3-menuitem-active,
505 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
506 #custommenu .yui3-menu-horizontal .yui3-menu-label,
507 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
508 #custommenu .yui3-menu-label,
509 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]);}
510 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
512 /**
513  * Smart Select Element
514  */
515 .smartselect {position:absolute;}
516 .smartselect .smartselect_mask {background-color:#fff;}
517 .smartselect ul  {padding: 0;margin: 0;}
518 .smartselect ul li {list-style: none;}
519 .smartselect .smartselect_menu {margin-right:5px;}
520 .safari .smartselect .smartselect_menu {margin-left:2px;}
521 .smartselect .smartselect_menu,
522 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
523 .smartselect .smartselect_menu.visible,
524 .smartselect .smartselect_submenu.visible {display:block;}
525 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
526 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
527 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
528 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
529 /** Spanning mode */
530 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
531 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
532 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
533 /** Compact mode */
534 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
535 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
536 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
537 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
538 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
540 /**
541  * Registration
542  */
543 #page-admin-registration-register .registration_textfield {width: 300px;}
545 /**
546  * Enrol
547  */
548 .userenrolment {width:100%;border-collapse: collapse;}
549 .userenrolment td {padding:0;height:41px;}
550 .userenrolment .subfield {margin-right:5px;}
551 .userenrolment .col_userdetails .subfield_picture {float:left;}
552 .userenrolment .col_lastseen {width:150px;}
553 .userenrolment .col_role {width:262px;}
554 .userenrolment .col_role .roles {margin-right:30px;}
555 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
556 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
557 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
558 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
559 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
560 .userenrolment .col_group .groups {margin-right:30px;}
561 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
562 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
563 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
564 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
565 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
566 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
567 #page-enrol-users .enrol_user_buttons {float:right;}
568 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
569 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
570 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
571 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
572 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
574 /**
575 * Overide for RTL layout
576 **/
577 .dir-rtl .headermain {float:right;}
578 .dir-rtl .headermenu {float:left;}
579 .dir-rtl .breadcrumb {float:right;}
580 .dir-rtl .navbutton {float: left;}
581 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
582 .dir-rtl .mform .fitem .fitemtitle {float:right;}
583 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
584 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
585 .dir-rtl .yui3-menu-hidden {left: 0px;}
586 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
587 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
589 /**
590  * Backup
591  */
592 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
593 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
594 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
595 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
596 .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;}
597 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
598 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
599 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
600 .backup-restore .activitytable {width:60%;min-width:500px;}
601 .backup-restore .activitytable .modulename {width:100px;}
602 .backup-restore .activitytable .moduleincluded {width:50px;}
603 .backup-restore .activitytable .userinfoincluded {width:50px;}
604 .backup-restore .detail-pair {}
605 .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;}
606 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
607 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
608 .backup-restore > .singlebutton {text-align:right;}
609 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
611 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
612 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
613 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
614 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
616 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
617 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
618 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
619 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
621 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
622 .corelightbox img {position:fixed;top:50%;}
624 /**
625  * IE - Overide for RTL layout
626  */
627 .ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
629 .mod-indent-1 {margin-left:20px;}
630 .mod-indent-2 {margin-left:40px;}
631 .mod-indent-3 {margin-left:60px;}
632 .mod-indent-4 {margin-left:80px;}
633 .mod-indent-5 {margin-left:100px;}
634 .mod-indent-6 {margin-left:120px;}
635 .mod-indent-7 {margin-left:140px;}
636 .mod-indent-8 {margin-left:160px;}
637 .mod-indent-9 {margin-left:180px;}
638 .mod-indent-10 {margin-left:200px;}
639 .mod-indent-11 {margin-left:220px;}
640 .mod-indent-12 {margin-left:240px;}
641 .mod-indent-13 {margin-left:260px;}
642 .mod-indent-14 {margin-left:280px;}
643 .mod-indent-15,
644 .mod-indent-huge {margin-left:300px;}
646 .dir-rtl .mod-indent-1 {margin-right:20px;margin-left:0;}
647 .dir-rtl .mod-indent-2 {margin-right:40px;margin-left:0;}
648 .dir-rtl .mod-indent-3 {margin-right:60px;margin-left:0;}
649 .dir-rtl .mod-indent-4 {margin-right:80px;margin-left:0;}
650 .dir-rtl .mod-indent-5 {margin-right:100px;margin-left:0;}
651 .dir-rtl .mod-indent-6 {margin-right:120px;margin-left:0;}
652 .dir-rtl .mod-indent-7 {margin-right:140px;margin-left:0;}
653 .dir-rtl .mod-indent-8 {margin-right:160px;margin-left:0;}
654 .dir-rtl .mod-indent-9 {margin-right:180px;margin-left:0;}
655 .dir-rtl .mod-indent-10 {margin-right:200px;margin-left:0;}
656 .dir-rtl .mod-indent-11 {margin-right:220px;margin-left:0;}
657 .dir-rtl .mod-indent-12 {margin-right:240px;margin-left:0;}
658 .dir-rtl .mod-indent-13 {margin-right:260px;margin-left:0;}
659 .dir-rtl .mod-indent-14 {margin-right:280px;margin-left:0;}
660 .dir-rtl .mod-indent-15,
661 .dir-rtl .mod-indent-huge {margin-right:300px;margin-left:0;}
663 .dir-rtl .felement.feditor select {margin-right:18.75%;margin-left:auto;}
664 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
666 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
667 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
668 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
670 /* Audio player size in 'inline' mode (can only change width, as above) */
671 .mediaplugin_mp3 object {height:15px;width:300px}
672 audio.mediaplugin_html5audio {width: 300px}
674 /* TinyMCE moodle media preview frame should not have padding */
675 .core_media_preview.pagelayout-embedded #content {padding:0;}
676 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
677 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
679 /*
680 Fix for SubScript & SuperScript
681 ------------------------------*/
682 sub {vertical-align: sub;}
683 sup {vertical-align: super;}
685 /** Fix YUI 2 Treeview for Right to left languages **/
686 .dir-rtl .ygtvtn,
687 .dir-rtl .ygtvtm,
688 .dir-rtl .ygtvtmh,
689 .dir-rtl .ygtvtmhh,
690 .dir-rtl .ygtvtp,
691 .dir-rtl .ygtvtph,
692 .dir-rtl .ygtvtphh,
693 .dir-rtl .ygtvln,
694 .dir-rtl .ygtvlm,
695 .dir-rtl .ygtvlmh,
696 .dir-rtl .ygtvlmhh,
697 .dir-rtl .ygtvlp,
698 .dir-rtl .ygtvlph,
699 .dir-rtl .ygtvlphh,
700 .dir-rtl .ygtvdepthcell,
701 .dir-rtl .ygtvok,
702 .dir-rtl .ygtvok:hover,
703 .dir-rtl .ygtvcancel,
704 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
706 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
707 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
708 .dir-rtl .ygtvtmh,
709 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
710 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
711 .dir-rtl .ygtvtph,
712 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
713 .dir-rtl .ygtvln {background-position: 0 -1600px;}
714 .dir-rtl .ygtvlm {background-position: 0 0;}
715 .dir-rtl .ygtvlmh,
716 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
717 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
718 .dir-rtl .ygtvlph,
719 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
720 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
721 .dir-rtl .ygtvok {background-position: 0 -8800px;}
722 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
723 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
724 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
726 .dir-rtl #yui-gen4.yui-layout-unit-left  {left:500px !important;}
727 .dir-rtl #yui-gen6.yui-layout-unit-center {left:0px !important;}
728 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
729 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
731 /** Fix TinyMCE editor right to left **/
732 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
733 .dir-rtl .o2k7Skin table,
734 .dir-rtl .o2k7Skin tbody,
735 .dir-rtl .o2k7Skin a,
736 .dir-rtl .o2k7Skin img,
737 .dir-rtl .o2k7Skin tr,
738 .dir-rtl .o2k7Skin div,
739 .dir-rtl .o2k7Skin td,
740 .dir-rtl .o2k7Skin iframe,
741 .dir-rtl .o2k7Skin span,
742 .dir-rtl .o2k7Skin *,
743 .dir-rtl .o2k7Skin .mceText,
744 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
746 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
747 .path-rating .ratingtable th.rating {width:100%;}
748 .path-rating .ratingtable td.rating,
749 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
751 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
753 .course-content ul.weeks .content .summary ul,
754 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
756 .course-content ul.weeks .content .summary ol,
757 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
759 .dir-rtl #adminsettings #id_s__pathtodu,
760 .dir-rtl #adminsettings #id_s__aspellpath,
761 .dir-rtl #adminsettings #id_s__pathtodot,
762 .dir-rtl #adminsettings #id_s__supportemail,
763 .dir-rtl #adminsettings #id_s__supportpage,
764 .dir-rtl #adminsettings #id_s__sessioncookie,
765 .dir-rtl #adminsettings #id_s__sessioncookiepath,
766 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
767 .dir-rtl #adminsettings #id_s__proxyhost,
768 .dir-rtl #adminsettings #id_s__proxyuser,
769 .dir-rtl #adminsettings #id_s__proxypassword,
770 .dir-rtl #adminsettings #id_s__proxybypass,
771 .dir-rtl #adminsettings #id_s__jabberhost,
772 .dir-rtl #adminsettings #id_s__jabberserver,
773 .dir-rtl #adminsettings #id_s__jabberusername,
774 .dir-rtl #adminsettings #id_s__jabberpassword,
775 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
776 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
777 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
778 .dir-rtl #adminsettings #id_s__docroot,
779 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
780 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
781 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
782 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
783 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
784 .dir-rtl #adminsettings #id_s__blockedip,
785 .dir-rtl #adminsettings #id_s__pathtoclam,
786 .dir-rtl #adminsettings #id_s__quarantinedir,
787 .dir-rtl #adminsettings #id_s__sitepolicy,
788 .dir-rtl #adminsettings #id_s__sitepolicyguest,
789 .dir-rtl #adminsettings #id_s__cronremotepassword,
790 .dir-rtl #adminsettings #id_s__allowedip,
791 .dir-rtl #adminsettings #id_s__blockedip,
792 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
793 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
794 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
795 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
796 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
797 .dir-rtl #adminsettings #admin-emoticons .form-text,
798 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
799 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
800 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
801 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
802 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
803 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
805 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
807 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
809 /**
810  * Chooser Dialogue
811  *
812  * This CSS belong to the chooser dialogue which should work both with, and
813  * without javascript enabled
814  */
815 /* Hide the dialog and it's title */
816 .chooserdialoguebody,
817 .choosertitle {
818     display:none;
821 .moodle-dialogue-base .moodle-dialogue {
822     background-color: transparent!important;
823     border: 0px solid transparent!important;
826 .chooserdialogue .moodle-dialogue-wrap {
827     height: auto;
828     background-color: #FFFFFF;
829     border: 1px solid #CCCCCC!important;
830     border-radius:10px;
831     box-shadow: 5px 5px 20px 0px #666666;
832     -webkit-box-shadow: 5px 5px 20px 0px #666666;
833     -moz-box-shadow: 5px 5px 20px 0px #666666;
836 .chooserdialogue .moodle-dialogue-hd {
837     font-size:12px!important;
838     font-weight: normal!important;
839     letter-spacing: 1px;
840     color:#333333!important;
841     text-align: center!important;
842     text-shadow: 1px 1px 1px #FFFFFF;
843     padding:5px 5px 5px 5px;
844     border-radius: 10px 10px 0px 0px;
845     border-bottom: 1px solid #BBBBBB!important;
846     background: #CCCCCC!important;
847     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC))!important;
848     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC)!important;
849     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
850     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
853 .chooserdialogue .moodle-dialogue-bd {
854     font-size: 12px;
855     color: #555555;
856     overflow: auto;
857     padding: 0px;
858     background: #F2F2F2;
859     border-bottom-left-radius: 10px;
860     border-bottom-right-radius: 10px;
863 /* Center the submit buttons within the area */
864 .choosercontainer #chooseform .submitbuttons {
865     margin: 0.7em 0;
866     text-align: center;
869 .choosercontainer #chooseform .submitbuttons input {
870     min-width: 100px;
871     margin: 0px 0.5em;
874 /* Various settings for the options area */
875 .choosercontainer #chooseform .options {
876     position: relative;
877     border-bottom: 1px solid #BBBBBB;
880 /* Only set these options if we're showing the js container */
881 .jsenabled .choosercontainer #chooseform .alloptions {
882     max-height: 550px;
883     overflow-x: hidden;
884     overflow-y: auto;
885     max-width: 18.5em;
886     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
887     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
888     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
891 /* Settings for option rows and option subtypes */
892 .choosercontainer #chooseform .moduletypetitle,
893 .choosercontainer #chooseform .option,
894 .choosercontainer #chooseform .nonoption {
895     margin-bottom: 0;
896     padding: 0 1.6em 0 1.6em;
899 .choosercontainer #chooseform .moduletypetitle {
900     text-transform: uppercase;
901     padding-top: 1.2em;
902     padding-bottom: 0.4em;
905 .choosercontainer #chooseform .subtype {
906     margin-bottom: 0;
907     padding: 0 0 0 1em;
910 .choosercontainer #chooseform .option .typename,
911 .choosercontainer #chooseform .option span.modicon img.icon {
912     padding: 0 0 0 0.5em;
915 .choosercontainer #chooseform .option input[type=radio],
916 .choosercontainer #chooseform .option span.typename,
917 .choosercontainer #chooseform .option span.modicon {
918     vertical-align: middle;
921 .choosercontainer #chooseform .option label {
922     display: block;
923     padding: 0.3em 0 0.1em 0;
924     border-bottom: 1px solid #FFFFFF;
927 /* The instruction/help area */
928 .choosercontainer #chooseform .instruction,
929 .jsenabled .choosercontainer #chooseform .typesummary {
930     display: none;
931     position: absolute;
932     top: 0px;
933     right: 0px;
934     bottom: 0px;
935     left: 18.5em;
936     margin: 0;
937     padding: 2em 2em 2em 2.4em;
938     background-color: #FFFFFF;
939     overflow-x: hidden;
940     overflow-y: auto;
941     max-height: 550px;
942     line-height: 2em;
945 .dir-rtl #choosercontainer #chooseform .instruction, .jsenabled #choosercontainer #chooseform .typesummary {
946     left: 0px;
947     right: 18.5em;
948     border-right: 1px solid grey;
951 /* Selected option settings */
952 .jsenabled .choosercontainer #chooseform .instruction,
953 .choosercontainer #chooseform .selected .typesummary {
954     display: block;
957 .choosercontainer #chooseform .selected {
958     background-color: #FFFFFF;
959     box-shadow: 0px 0px 10px 0px #CCCCCC;
960     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
961     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
964 .initialbar a {padding-right: 2px;}