"MDL-19118, improve comments management"
[moodle.git] / theme / base / style / core.css
1 /**
2  * General
3  */
4 th,
5 td,
6 a img {border-width:0;}
7 acronym,
8 abbr {cursor: help;}
9 .dir-ltr,
10 .mdl-left {text-align: left;}
11 .dir-rtl,
12 .mdl-right {text-align: right;}
13 #add,
14 #remove,
15 .centerpara,
16 .mdl-align {text-align: center;}
17 a.dimmed,
18 a.dimmed_text,
19 .dimmed_text a {color:#AAAAAA;}
20 .unlist,
21 .unlist li,
22 .inline-list,
23 .inline-list li,
24 .sideblock .list,
25 .sideblock .list li,
26 .sitetopic .section li,
27 .course-content .section li,
28 .tabtree li {list-style: none;margin:0;padding:0;}
29 .inline-list li {display: inline;}
30 .notifytiny {font-size:0.7em;}
31 .notifytiny li,
32 .notifytiny td {font-size:100%;}
33 .red,
34 .notifyproblem {color:#660000;}
35 .green,
36 .notifysuccess {color:#006600;}
37 .reportlink {text-align:right;}
38 a.autolink.glossary:hover {cursor: help;}
39 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
40 .collapsibleregioncaption {white-space: nowrap;}
41 .collapsibleregioncaption img {vertical-align: middle;}
42 .jsenabled .hiddenifjs {display: none;}
43 .jsenabled .collapsibleregion {overflow:hidden;}
44 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
45 .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;}
46 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
47 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
48 .bold,
49 .warning,
50 .errorbox .title,
51 .pagingbar .title,
52 .pagingbar .thispage,
53 .headingblock {font-weight: bold;}
54 img.resize {height: 1em;width: 1em;}
55 .sideblock img.resize,
56 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
57 img.icon {height:16px;vertical-align:middle;width:16px;}
58 img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
59 img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
60 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
61 img.iconkbhelp {height:17px;width:49px;}
62 .categorybox .category {font-size:1.2em;font-weight:bold;}
63 .generalbox {border:1px solid;}
64 .boxaligncenter {margin-left:auto;margin-right:auto;}
65 .boxalignright {margin-left:auto;margin-right:0;}
66 .boxalignleft {margin-left:0;margin-right:auto;}
67 .boxwidthnarrow {width: 30%;}
68 .boxwidthnormal {width: 50%;}
69 .boxwidthwide {width: 80%;}
70 .buttons .singlebutton,
71 .buttons .singlebutton form,
72 .buttons .singlebutton div {display: inline;}
73 .buttons .singlebutton input {margin:20px 5px;}
74 .blink {text-decoration: blink;}
75 .headermain {font-weight:bold;}
76 #maincontent {display: block;height: 1px;overflow: hidden;}
77 img.uihint {cursor: help;}
78 #addmembersform table {margin-left: auto;margin-right: auto;}
79 .formtable tbody th,
80 .generaltable th.header {vertical-align: top;}
81 .flexible th {white-space: nowrap;}
82 .cell {vertical-align: top;}
83 .helplink img {height: 17px;vertical-align: middle;width: 17px;}
84 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
85 form.popupform,
86 form.popupform div {display: inline;}
87 .arrow_button input {overflow:hidden;}
88 /** IE6 float + background bug solution **/
89 .ie6 li.section {line-height:1.2em;width:100%;}
91 /**
92  * Accessibility features
93  */
94 /*Accessibility: text 'seen' by screen readers but not visual users. */
95 .accesshide {position:absolute;top:-100000px;left:10px;font-weight:normal;font-size:1em;}
96 span.hide,
97 div.hide,
98 .jsenabled .advancedbutton .showadvancedbtn {display:none;}
99 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
100 /*Accessibility: Skip block link, for keyboard-only users. */
101 a.skip-block,
102 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
103 a.skip-block:focus,
104 a.skip-block:active,
105 a.skip:focus,
106 a.skip:active {position: static;display: block;}
107 .skip-block-to {display: block;height: 1px;overflow: hidden;}
108 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
109 .arrow,
110 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
112 /**
113  * Header
114  */
115 #page-header .headermain {float:left;margin:15px;font-size:2.3em;}
116 #page-header .headermenu {float:right;margin:15px;font-size:0.8em;text-align:right;}
117 #page-header .navbar {clear:both;overflow:hidden;}
118 #page-header .navbar .breadcrumb {float:left;}
119 #page-header .navbar .navbutton {text-align:right;}
120 #page-header .navbar .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
121 #page-header .navbar .breadcrumb li,
122 #page-header .navbar .navbutton div,
123 #page-header .navbar .navbutton form {display:inline;}
124 .ie6 #page-header .navbar {overflow:hidden;height:100%;}
126 /**
127  * Footer
128  */
129 #page-footer {text-align:center;font-size:0.9em;}
130 #page-footer .homelink {margin: 1em 0;}
131 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
132 #page-footer .logininfo,
133 #page-footer .sitelink,
134 #page-footer .helplink {margin:0px 10px;}
135 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
136 #page-footer .performanceinfo span {display:block;}
137 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
138 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
139 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
141 /**
142  * Tabs
143  */
144 .tabtree {position:relative;margin-bottom:3.5em;}
145 .tabtree li {display:inline;}
146 .tabtree ul {margin:5px;}
147 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
148 .tabtree ul li.here .empty {display:none;}
150 /**
151  * Mforms
152  */
153 .mform fieldset {border:1px solid;}
154 .mform fieldset fieldset {border-width:0px;}
155 .mform fieldset legend {font-weight:bold;margin-left:0.5em;}
156 .mform fieldset div {margin:10px;margin-top:0;}
157 .mform fieldset div div {margin:0;}
158 .mform fieldset .advancedbutton {text-align:right;}
159 .mform fieldset.hidden {border-width:0;}
160 .mform fieldset.error {border: 1px solid #A00;}
161 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
162 .mform .fitem .fitemtitle {width:30%;text-align:right;float:left;}
163 .mform .fitem .fitemtitle div {display: inline;}
164 .mform .fitem .felement {border-width: 0;width:60%;margin-left:31%;}
165 .mform .fitem fieldset.felement {margin-left:0;padding-left:1%;}
166 .mform .error,
167 .mform .required {color:#A00;}
168 .mform .required .fgroup span label {color:#000;}
169 .mform .fdescription.required {color:#A00;text-align:right;}
170 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
171 .mform .ftextarea #id_alltext {width: 100%;}
172 .mform ul.file-list {padding:0;margin:0;list-style:none;}
173 .mform label .req,
174 .mform label .adv {cursor: help;}
175 .mform .fcheckbox input {margin-left: 0;}
176 .mform .fitem fieldset.fgroup label,
177 .mform .fradio label,
178 .mform .fcheckbox label,
179 .mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
180 .mform .ftags label.accesshide {display: block;position: static;}
181 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
182 /** Browser corrections for mforms **/
183 .ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
184 /** Fix IE double margin + float bugs **/
185 .ie .mform .fitem .fitemtitle {padding-right:1em;}
186 #date_selector_calendar_panel .bd {padding: 0;}
187 #date_selector_calendar_panel .yui-calcontainer {border: none;float: none;}
188 /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
189 #date_selector_calendar_panel.yui-overlay-hidden table {*display:none;}
190 #date_selector_calendar_panel th.calhead {padding-right: 2em;}
191 #date_selector_calendar_panel a.container-close {top: 10px;}
192 #portfolio-add-button {display:inline;}
194 /**
195  * phpinfo styles
196  */
197 .phpinfo .center {text-align: center;}
198 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
199 .phpinfo .center th {text-align: center;}
200 .phpinfo .e,
201 .phpinfo .v,
202 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
203 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
204 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
206 /**
207  * Navigation
208  */
209 .block_js_expansion .block_tree {overflow-x:scroll;}
210 .block_js_expansion.mouseover .content {width:200%;z-index:1000;position:relative;}
211 .block_js_expansion.mouseover .content .block_tree {width:100%;background-color:#fcfcfc;padding-bottom:0;}
212 .ie6 .block_js_expansion.mouseover .content,
213 .ie7 .block_js_expansion.mouseover .content {padding-bottom:2px;}
215 /**
216  * Blogs
217  */
218 .addbloglink {text-align: center;}
219 .blog_entry .audience {text-align: right;}
220 .blog_entry .tags {margin-top: 15px;}
222 /**
223  * Group
224  */
225 #page-group-index #groupeditform {text-align: center;}
226 #doc-contents h1 {margin: 1em 0 0 0;}
227 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
228 #doc-contents ul li {list-style-type: none;}
229 .groupmanagementtable td {vertical-align: top;}
230 .groupmanagementtable #existingcell,
231 .groupmanagementtable #potentialcell {width: 42%;}
232 .groupmanagementtable #buttonscell {width: 16%;}
233 .groupmanagementtable #buttonscell input {width: 80%;}
234 .groupmanagementtable #removeselect_wrapper,
235 .groupmanagementtable #addselect_wrapper {width: 100%;}
236 .groupmanagementtable #removeselect_wrapper label,
237 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
238 #group-usersummary {width: 14em;}
239 div.groupselector {float: left;margin-top: 3px;margin-bottom: 3px;}
241 /**
242  * Login
243  */
244 .loginbox {margin:15px;overflow:hidden;}
245 .loginbox.twocolumns {margin:15px;}
246 .loginbox h2,
247 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
248 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
249 .loginbox .signuppanel .subcontent {text-align:left;}
250 .loginbox .loginsub {margin-left:0;margin-right:0;}
251 .loginbox .guestsub,
252 .loginbox .forgotsub,
253 .loginbox .potentialidps {margin:5px 12%;}
254 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
255 .loginbox .potentialidps .potentialidplist div {text-align:left;}
256 .loginbox .loginform {margin-top:1em;text-align:left;}
257 .loginbox .loginform .form-label {float:left;text-align:right;width:40%;}
258 .loginbox .loginform .form-input {float:right;width:59%;}
259 .loginbox .loginform .form-input input {width: 6em;}
260 .loginbox .signupform {margin-top:1em;text-align:center;}
261 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
262 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
264 /**
265  * Notes
266  */
267 .notepost {margin-bottom: 1em;}
268 .notepost .userpicture {float: left;margin-right: 5px;}
269 .notepost .content,
270 .notepost .footer {clear: both;}
271 .notesgroup {margin-left:20px;}
273 /**
274  * My Moodle
275  */
276 .my .coursebox .overview .info {margin-left:20px;}
277 .my .coursebox .overview {margin-bottom:10px;}
278 #page-my-index .coursebox .info {float: none;}
279 #page-my-index .name {margin-left: 5px;}
281 /**
282  * Logs
283  */
284 .logtable th {text-align:left;}
286 /**
287  * Modules
288  */
289 .mod_introbox {border:1px solid;padding:10px;}
290 table.mod_index {width:100%;}
292 /**
293  * Help
294  */
295 #help_icon_tooltip div.bd {width: 35em;}
296 #help hr {border: none;height: 1px;background: #ccc;}
297 #help .center {text-align: center;}
298 #help .moreinfo {text-align: right;}
299 #help .indent {margin-left: 40px;}
300 #help .indent-big {margin-left: 160px;margin-right: 160px;}
301 #help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
302 #help #emoticons ul{list-style-type: none;}
303 #help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
305 /**
306  * Comments
307  */
308 .comment-ctrl {max-width: 200px;font-size: 12px;display: none;margin:0;padding:0;}
309 .comment-ctrl h5 {margin:0;padding: 5px;}
310 .comment-area {padding: 5px;}
311 .comment-area textarea {width:100%;overflow:auto;}
312 .comment-area .fd {text-align:right;}
313 .comment-meta span {color:gray;}
314 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
315 .comment-list li {margin: 2px;margin-bottom:5px;clear:both;}
316 .comment-paging{text-align:center;}
317 .comment-paging .pageno{padding:2px;}
318 .comment-paging .curpage{border:1px solid #CCC;}
319 .comment-userpicture {width: 20px;float:left;}
320 .comment-content {margin-left: 22px;}
321 .comment-content div {margin:0;padding:0;}
322 .comment-content p {padding:0;margin:0 18px 0 0;}
323 .comment-delete {float:right;text-align:right;}
324 .comment-container {float:left;width: 305px;margin: 4px;}
325 .comment-report-selectall{display:none}
326 .jsenabled .comment-report-selectall{display:inline}
328 /**
329  * Completion progress report
330  */
331 .completion-expired {background:#FFDDDD;}
332 .completion-expected {font-size:0.75em;}
333 .completion-sortchoice {font-size:0.75em;vertical-align:bottom;}
334 .completion-progresscell {text-align:right;}
335 .completion-expired .completion-expected {font-weight:bold;}
336 #page-course-report-progress-index th,
337 #page-course-report-progress-index td {padding:2px 4px;font-weight:normal;border-right: 1px solid #EEE;}
338 #page-course-report-progress-index .progress-actions {text-align:center;}
339 #page-course-report-progress-index .completion_pagingbar {margin:1em 0;text-align:center;}
340 #page-course-report-progress-index .completion_prev {display:inline;margin-right:2em;}
341 #page-course-report-progress-index .completion_pagingbar p {display:inline;margin:0;}
342 #page-course-report-progress-index .completion_next {display:inline;margin-left:2em;}
344 /**
345  * Tags
346  */
347 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
348 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
349 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
350 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
351 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
352 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
353 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
354 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
355 #tag-description,
356 #tag-blogs {width:100%;}
357 #tag-management-box {margin-bottom:10px;line-height:20px;}
358 #tag-user-table {padding:3px;clear: both;width:100%;}
359 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
360 img.user-image {height:100px;width:100px;}
361 #small-tag-cloud-box {width:300px;margin:0 auto;}
362 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
363 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
364 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
365 #tag-search-box {text-align:center;margin:10px auto;}
366 #tag-search-results-container {padding:0;width:100%;}
367 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
368 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
369 span.flagged-tag,
370 span.flagged-tag a {color:#FF0000;}
371 table#tag-management-list {text-align:left;width:100%;}
372 table#tag-management-list td,
373 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
374 .tag-management-form {text-align:center;}
375 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
376 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
377 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
378 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
379 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
380 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
381 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
382 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
383 h2.tag-heading,
384 div#tag-description,
385 div#tag-blogs,
386 body.tag .managelink {padding: 5px;}
387 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
388 .tag_cloud .s19 {font-size: 1.5em;}
389 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
390 .tag_cloud .s17 {font-size: 1.4em;}
391 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
392 .tag_cloud .s15 {font-size: 1.3em;}
393 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
394 .tag_cloud .s13 {font-size: 1.2em;}
395 .tag_cloud .s12,
396 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
397 .tag_cloud .s10,
398 .tag_cloud .s9 {font-size: 1.1em;}
399 .tag_cloud .s8,
400 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
401 .tag_cloud .s6,
402 .tag_cloud .s5 {font-size: 1em;}
403 .tag_cloud .s4,
404 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
405 .tag_cloud .s2,
406 .tag_cloud .s1 {font-size: 0.9em;}
407 .tag_cloud .s0 {font-size: 0.8em;}
409 /**
410  * File picker
411  * Copyright (c) 2006 Yahoo! Inc. All rights reserved.
412  * copy from yui/examples/treeview/assets/css/folders/tree.css
413  * first or middle sibling, no children
414  */
415 /* first or middle sibling, no children */
416 .file-picker .ygtvtn {background: url(../pix/y/tn.gif) 0 0 no-repeat;width:17px;height:22px;}
417 /* first or middle sibling, collapsable */
418 .file-picker .ygtvtm {background: url(../pix/y/tm.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
419 /* first or middle sibling, collapsable, hover */
420 .file-picker .ygtvtmh {background: url(../pix/y/tmh.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
421 /* first or middle sibling, expandable */
422 .file-picker .ygtvtp {background: url(../pix/y/tp.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
423 /* first or middle sibling, expandable, hover */
424 .file-picker .ygtvtph {background: url(../pix/y/tph.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
425 /* last sibling, no children */
426 .file-picker .ygtvln {background: url(../pix/y/ln.gif) 0 0 no-repeat;width:17px;height:22px;}
427 /* Last sibling, collapsable */
428 .file-picker .ygtvlm {background: url(../pix/y/lm.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
429 /* Last sibling, collapsable, hover */
430 .file-picker .ygtvlmh {background: url(../pix/y/lmh.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
431 /* Last sibling, expandable */
432 .file-picker .ygtvlp {background: url(../pix/y/lp.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
433 /* Last sibling, expandable, hover */
434 .file-picker .ygtvlph {background: url(../pix/y/lph.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
435 /* Loading icon */
436 .file-picker .ygtvloading {background: url(../pix/y/loading.gif) 0 0 no-repeat;width:16px;height:22px;}
437 /* the style for the empty cells that are used for rendering the depth* of the node */
438 .file-picker .ygtvdepthcell {background: url(../pix/y/vline.gif) 0 0 no-repeat;width:17px;height:22px;}
439 .file-picker .ygtvblankdepthcell {width:17px;height:22px;}
440 /* the style of the div around each node */
441 .file-picker .ygtvitem  table{margin-bottom:0;}
442 .file-picker .ygtvitem  td {border:none;padding:0;}
443 /* the style of the div around each node's collection of children */
444 * html .file-picker .ygtvchildren {height:1%;}
445 /* the style of the text label in ygTextNode */
446 .file-picker .ygtvlabel,
447 .file-picker .ygtvlabel:link,
448 .file-picker .ygtvlabel:visited,
449 .file-picker .ygtvlabel:hover {margin-left:2px;text-decoration: none;}
450 .file-picker {font-size:12px;}
451 .file-picker strong {background:#FFFFCC;}
452 .file-picker a {color: #336699;}
453 .file-picker a:hover {background:#003366;color:white;}
454 .file-picker .fp-panel {padding:0;margin:0;text-align:left;}
455 .file-picker .fp-login-form {text-align:center;}
456 .file-picker .fp-searchbar {float:right;}
457 .file-picker .fp-viewbar {width:300px;float:left;}
458 .file-picker .fp-toolbar {padding: .8em;background: #FFFFCC;text-align:center;margin: 3px;}
459 .file-picker .fp-toolbar a {padding: 0 .5em;}
460 .file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
461 .file-picker .fp-list li {border-bottom:1px dotted gray;margin-bottom: 1em;}
462 .file-picker .fp-repo-name {display:block;padding: .5em;margin-bottom: .5em;}
463 .file-picker .fp-pathbar {margin: .4em;border-bottom: 1px dotted gray;}
464 .file-picker .fp-pathbar a {padding: .4em;}
465 .file-picker .fp-rename-form {text-align:center;}
466 .file-picker .fp-rename-form p {margin: 1em;}
467 .file-picker .fp-upload-form {margin: 2em 0;text-align:center;}
468 .file-picker .fp-upload-btn {clear:both;margin-top: 2em;}
469 .file-picker .fp-upload-btn a {cursor: default;background: white;border:1px solid gray;color:black;padding: .5em;}
470 .file-picker .fp-upload-btn a:hover {background: gray;color:white;}
471 .file-picker .fp-paging {margin:1em .5em;clear:both;text-align:center;line-height: 2.5em;}
472 .file-picker .fp-paging a {padding: .5em;border: 1px solid #CCC;}
473 .file-picker .fp-paging a.cur_page {border: 1px solid blue;}
474 .file-picker .fp-popup {text-align:center;}
475 .file-picker .fp-grid {float:left;text-align:center;}
476 .file-picker .fp-grid div {overflow: hidden;}
477 .file-picker .fp-grid p {margin:0;padding:0;background: #FFFFCC;}
478 .file-picker .fp-grid .label {height:48px;text-align:center;}
479 .file-picker .fp-grid span {color:gray;}
480 .file-picker .fp-error {padding: 2em 0;margin: 3em 5px;text-align:center;background: #FFBBBB;}
481 .file-picker .fp-msg {padding: 2em 0;margin: 3em 5px;text-align:center;background: green;}
482 /* file picker search dialog */
483 .file-picker div.bd {text-align:left;}
485 /**
486  * File Manager
487  */
488 .filemanager-toolbar {margin: 5px 0;}
489 .filemanager-toolbar a:link,
490 .filemanager-toolbar a:visited {border: 1px solid gray;background: #ccc;color: black;padding: 3px;}
491 .filemanager-toolbar a:hover {background: white;text-decoration: none;}
492 .fm-breadcrumb {margin:0;}
493 .filemanager-container {padding: 5px;margin: 6px 0;}
494 .filemanager-container ul{margin:0;padding:0;list-style-type:none;}
495 .filemanager-container li{clear:both;list-style-type:none;white-space:nowrap}
496 #fm-move-div {margin: 6px;}
497 #fm-move-div strong{color:red;}
498 .fm-file-menu {width:18px;height:18px;float:left;}
499 .fm-file-menu img {width: 16px;}
500 .fm-file-name {float:left;}
501 .fm-file-entry{border: 1px solid red;}
502 .fm-operation {font-weight: bold;}
504 /**
505  * Backup and restore
506  */
507 .backup-form-instances,
508 .restore-form-instances {margin:0 20px;}
510 /**
511  * Web Service
512  */
513 #webservice-doc-generator td {text-align: left;border: 0px solid black;}