]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
search dialog improvements, main toolbar overhaul
[tt-rss.git] / tt-rss.css
1 body {
2         background : white;
3         color : black;
4         margin : 0px;
5         padding : 0px;
6         font-family : sans-serif;
7 }
8
9 /* common styles */
10
11 table.main td.headerBox {
12 /*        background-image : url("images/vgrad_light_rev2.png");
13         background-position : top left;
14         background-repeat : repeat-x; */
15                   background-color : white;
16 }
17
18 table.main td.header {
19         padding : 10px 10px 10px 10px;
20         height : 70px;
21 }
22
23 table.main td.mainToolbar {
24         border-width : 0px 0px 0px 0px;
25         border-style : solid;
26         border-color : #c0c0c0;
27         padding : 3px 25px 3px 10px;
28 }
29
30 table.main td.prefsToolbar {
31         padding : 0px 5px 5px 0px;
32 }
33
34 table.main td.feeds {
35         width : 290px;
36         height : 100%;
37         border-width : 1px 0px 0px 0px;
38         border-style : solid;
39         border-color : #88b0f0;
40         padding : 0px;
41 }
42
43 table.main td.headlinesToolbarBox {
44         padding : 10px;
45         border-width : 0px 0px 1px 1px;
46         border-style : solid;
47         border-color : #88b0f0;
48         background-image : url("images/toolbar.png");
49         background-position : bottom left;
50         background-repeat : repeat-x;
51         background-color : white;
52 }
53
54 table.main td.footer {
55         border-width : 1px 0px 0px 0px;
56         border-style : solid;
57         border-color : #88b0f0;
58         padding : 10px;
59         text-align : center;
60         font-size : x-small;
61         background-image : url("images/footer.png");
62         background-position : top left;
63         background-repeat : repeat-x; 
64         background-color : white;
65         color : black;
66 }
67
68 table.main td.footer a {
69         color : black;
70 }
71
72 table.main td.footer a:hover {
73         color : #4684ff;
74 }
75
76 table.main td.headlines {
77         height : 25%;
78         border-width : 0px 0px 1px 1px;
79         border-style : solid;
80         border-color : #88b0f0;
81 }
82
83 table.main td.headlines2 {
84         height : 100%;
85         border-width : 0px 0px 0px 1px;
86         border-style : solid;
87         border-color : #c0c0c0;
88 }
89
90 table.main td.content {
91         height : 100%;
92         border-width : 0px 0px 0px 1px;
93         border-style : solid;
94         border-color : #88b0f0;
95 }
96
97 table.main td.prefContent {
98         height : 100%;
99         background-image : url("images/prefs-content.png");
100         background-position : top left;
101         background-repeat : repeat-x;
102         border-width : 1px 0px 0px 0px;
103         border-style : solid;
104         border-color : #88b0f0;
105         padding : 20px;
106         background-color : white; 
107 }
108
109 div.postReply {
110         height : 100%;
111         padding : 10px;
112 }
113
114 div.postReply a {
115         color : #4684ff;
116 }
117
118 div.postReply a:hover {
119         color : black;
120 }
121
122 div.postReply div.postHeader {
123         background : #ecf4ff;
124         border : 1px solid #88b0f0;
125 }
126
127 div.postReply > div.postHeader {
128         padding : 5px;
129 }
130
131 div.postReply div.postContent {
132         padding : 10px;
133 }
134
135 div.postReply div.postIcon {
136         float : right;
137         border : 0px;
138         margin : 10px 0px 10px 10px;
139 }
140
141 ul.feedList {
142         list-style-type : none;
143         margin : 5px;
144         padding : 0px 0px 0px 10px;
145         font-size : x-small;
146 }
147
148 ul.feedList li.feedCat {
149         margin : 0px;
150         padding : 3px 0px 3px 0px;
151         color : #707070;
152         font-size : x-small;
153 }
154
155 ul.feedList li.feedCat a {
156         color : #707070;
157 }
158
159 ul.feedList li.feedCat a:hover {
160         color : #4684ff;
161 }
162
163 ul.feedCatList {
164         list-style-type : none;
165         margin : 0px 0px 0px 20px;
166         padding : 0px;  
167 }
168
169 ul.feedCatList li {
170         margin : 0px;
171         padding : 0px 0px 0px 0px;
172         color : black;
173 }
174
175 ul.feedList li {
176         margin : 0px;
177 }
178
179 ul.feedlist li.feedUnread, 
180 ul.feedlist li.errorUnread, 
181 ul.feedlist li.labelUnread, 
182 ul.feedlist li.virtUnread,
183 ul.feedlist li.tagUnread {
184         font-weight : bold;
185 }
186
187 ul.feedlist li.errorSelected a,
188 ul.feedlist li.error a,
189 ul.feedlist li.errorUnread a,
190 ul.feedlist li.errorUnreadSelected a {
191         color : #f04040;
192 }
193
194 ul.feedlist li.feedSelected a,
195 ul.feedlist li.labelSelected a,
196 ul.feedlist li.virtSelected a,
197 ul.feedlist li.tagSelected a {
198         color : #4684ff;
199 }
200
201 ul.feedlist li.feedUnreadSelected a,
202 ul.feedlist li.labelUnreadSelected a,
203 ul.feedlist li.virtUnreadSelected a,
204 ul.feedlist li.tagUnreadSelected a {
205         color : #4684ff;
206 }
207
208 ul.feedlist li.feedUnreadSelected,
209 ul.feedlist li.errorUnreadSelected,
210 ul.feedlist li.labelUnreadSelected,
211 ul.feedlist li.virtUnreadSelected,
212 ul.feedlist li.tagUnreadSelected {
213         font-weight : bold;
214 }
215
216 ul.feedList li.feed {
217         display : block;
218 }
219
220 ul.feedList img, img.tinyFeedIcon {
221         margin : 0px 3px 0px 0px;
222         width : 16px;
223         height : 16px;
224         border-width : 0px;
225 }
226
227 h1 {
228         font-size : 16pt;       
229 }
230
231 h2 {
232         font-size : 14pt;
233         font-weight : bold;
234         border-width : 0px 0px 1px 0px;
235         border-style : solid;
236         border-color : #ecf4ff;
237 }
238
239 h3 {
240         font-size : 12pt;
241         font-weight : bold;
242         border-width : 0px 0px 1px 0px;
243         border-style : solid;
244         border-color : #ecf4ff;
245 }
246
247 hr {
248         border-width : 0px 0px 1px 0px;
249         border-style : dashed;
250         border-color : #e0e0e0;
251 }
252
253 a {
254         color : black;
255         text-decoration : none;
256 }
257
258 a:hover {
259         color : #4684ff;
260 }
261
262 #piggie {
263         width : 400;
264         height : 400;
265         right : 0;
266         top : -400;
267         background-color : white;
268         display : none;
269         z-index : 3;
270         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
271         background-position : center center;
272         background-repeat : no-repeat;
273         position : absolute;
274         border : 1px solid pink;        
275         margin-left : auto;
276         margin-right : auto;
277         -moz-border-radius : 10px;
278         opacity : 0.8;
279 }
280
281 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
282 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
283 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
284 #iedit_parent_feed {
285         width : 100%;
286         padding-left : 2px;
287         background-color : #f0fff0;
288 }
289
290 input.iedit {
291         width : 100%;
292         padding-left : 2px;
293 }
294
295 select.iedit {
296         width : 100%;
297 }
298
299 input.editbox {
300         width : 200px;
301         padding-left : 2px;
302 }
303
304 td.notifyBox {
305         font-size : 10pt;
306         text-align : right;
307 }
308
309 #notify {
310         background : #fff7d5;
311         border : 1px solid #d7c47a;
312         padding : 3px;
313         top : 25px;
314         right : 150px;
315         min-width : 300px;
316         position : absolute;    
317         -moz-border-radius : 3px;
318         font-size : x-small;
319         font-weight : bold;
320         text-align : center;
321         float : right;
322         padding : 3px 20px 3px 20px;
323         display : none;
324 }
325
326 #dispSwitch {
327         padding : 5px 5px 5px 0px;
328         font-size : x-small;
329         text-align : right;
330 }
331
332 #dispSwitch a {
333         color : gray;
334 }
335
336 #dispSwitch a:hover {
337         color : #4684ff;
338 }
339
340 div.expPane {
341         margin : 15px;
342 }
343
344 iframe {
345         border : 0px solid white;
346 }
347
348 iframe.feedsFrameWithActions {
349         width : 100%;
350         height : 90%;
351         margin : 0px;
352         padding : 0px;
353 }
354
355 iframe.feedsFrame {
356         width : 100%;
357         height : 100%;
358         margin : 0px;
359         padding : 0px;
360 }
361
362 iframe.contentFrame, iframe.headlinesFrame {
363         width : 100%;
364         padding : 0px;
365         margin : 0px;
366         height : 100%;
367 }
368
369 /*.button {
370         border : 1px solid #d0d0d0;
371         background-image : url("images/button.png");
372         background-position : top;
373         background-repeat : repeat-x;
374         background-color : white;
375         color : black;  
376 }
377
378 .button:hover {
379         background : white;
380         text-decoration : none;
381         color : black;
382 }
383
384 .disabledButton {
385         border : 1px solid #c0c0c0;
386         background-color : white;
387         color : gray;   
388 }
389
390 a.button {
391         padding : 2px 5px 2px 5px;
392         font-size : small;
393 } */
394
395 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
396         .evenSelectedUnread td {
397         background-color : #fff7d5;
398         font-weight : bold;
399                   border-width : 1px 0px 1px 0px;
400                   border-style : solid;
401                   border-color : #e7d796;
402 }
403
404 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
405         .oddSelectedUnread td {
406         background-color : #fff7d5;
407         font-weight : bold;
408 }
409
410 .evenSelected, .evenSelected td {
411         background-color : #fff7d5;
412                   border-width : 1px 0px 1px 0px;
413                   border-style : solid;
414                   border-color : #e7d796;
415 }
416
417 .oddSelected, .evenSelected td {
418         background-color : #fff7d5;
419 }
420
421 /*
422 .feedUnreadSelected, .feedSelectedUnread, 
423 .virtUnreadSelected, .virtSelectedUnread,
424 .labelUnreadSelected, .labelSelectedUnread {
425         background-color : #e0e0ff;
426         font-weight : bold;
427 } */
428
429
430 .evenGrayed, .evenGrayed td {
431         background-color : #f0f0f0;
432         color : #909090;
433                   border-width : 1px 0px 1px 0px;
434                   border-style : solid;
435                   border-color : #c0c0c0;
436 }
437
438 .oddGrayed {
439         color : #909090;
440 }
441
442 .even, .even td {
443                   border-width : 1px 0px 1px 0px;
444                   border-style : solid;
445                   border-color : #c0c0c0;
446         background-color : #f0f0f0;
447 }
448
449 .evenUnread, .evenUnread td {
450         background-color : #f0f0f0;
451         font-weight : bold;
452                   border-width : 1px 0px 1px 0px;
453                   border-style : solid;
454                   border-color : #c0c0c0;
455 }
456
457 .oddUnread, .oddUnread td {
458         font-weight : bold;
459 }
460
461 .invisible {
462         display : none;
463 }
464
465 /*
466 td > input, div > input {
467         border : 1px solid #a0a0a0;
468 } */
469
470 /* preferences */
471
472 tr.title td {
473         border-width : 0px 0px 1px 0px;
474         border-color : #ecf4ff;
475         border-style : solid;
476         font-size : x-small;
477         color : black;
478 }
479
480 tr.title td a {
481         color : black;
482 }
483
484 tr.title td a:hover {
485         color : #4684ff;
486 }
487
488 table.prefFeedList td.feedEditCat {
489         font-size : large;
490         font-weight : bold;
491         padding : 5px 0px 5px 0px;
492 }
493
494 table.prefFeedList td.feedIcon {
495         text-align : center;
496 }
497
498 table.prefFeedList td.feedSelect {
499         text-align : center;
500 }
501
502 a.helpLink {
503         color : #808080;
504 }
505
506 a.helpLink:hover {
507         color : #4684ff;
508 }
509
510 div.helpResponse {
511         margin : 10px;
512         background-image : url("images/vgrad_light_rev2.png");
513         background-position : top left;
514         background-repeat : repeat-x;
515         padding : 10px 20px 10px 20px;
516         border : 1px solid #f0f0f0;
517 }
518
519 #userDlgShadow {
520         z-index : 3;
521         position : absolute;
522         left : 30%;
523         top : 30%;
524         display : none;
525         background-image : url("images/shadow.png");
526 }
527
528 #userDlg {
529         padding : 15px;
530         border : 1px solid #88b0f0;
531         font-size : small;
532         position : relative;
533         bottom : 2px;
534         right : 2px;
535         background-color : #ecf4ff;
536 }
537
538 #infoBoxTitle {
539         border-width : 1px 1px 1px 1px;
540         border-style : solid;
541         border-color : #88b0f0;
542         background-color : #88b0f0;
543         padding : 2px;
544         color : white;
545 }
546
547
548 #infoBox {      
549         border-width : 1px 1px 1px 1px;
550         border-style : solid;
551         border-color : #88b0f0;
552         font-size : small;
553         position : relative;
554         bottom : 2px;
555         right : 2px;
556         padding-bottom : 5px;   
557         background-image : url("images/prefs-content.png");
558         background-position : top left;
559         background-repeat : repeat-x;
560         background-color : white;
561 }
562
563 #infoBoxShadow {
564         background-image : url("images/shadow.png");
565         left : 30%;
566         top : 30%;
567         width : 30%;
568         z-index : 3;
569         position : absolute;
570         display : none;
571 }
572
573 div.infoBoxContents {
574         padding : 5px;
575         margin-bottom : 5px;
576 }
577
578 div.infoBoxContents td {
579         font-size : small;
580 }
581
582 div.helpResponse h1, div.infoBoxContents h1 {
583 /*        border-width : 0px 0px 1px 0px;
584         border-style : solid;
585         border-color : #c0c0c0; */
586         font-size : 16pt;
587 }
588
589 div.helpResponse h2, div.infoBoxContents h2 {
590 /*        border-width : 0px 0px 0px 0px; */
591         font-size : 12pt;
592 }
593
594 /* pre {
595         border : 1px solid #c0c0c0;
596         padding : 5px;
597         background : #f0f0f0;
598         margin : 5px 10px 5px 10px;
599 } */
600
601 pre {
602         margin : 5px;
603 }
604
605 input.extSearch {
606         width : 100%;
607 }
608
609 table.main td.prefsTabs {
610         padding-left : 5px;
611 /*                background-image : url("images/toolbar.png");
612         background-position : bottom left;
613         background-repeat : repeat-x; */
614 }
615
616 input.prefsTab {                
617         background-image : url("images/prefs_tab.png");
618         background-position : top left;
619         background-repeat : repeat-x;
620         border : 0px solid black;
621         padding : 2px 7px 2px 7px;
622         margin : 0px 1px 0px 0px;
623         width : 130px;
624         font-size : x-small;
625         background-color : white;
626 }
627
628 input.prefsTabSelected {
629
630         background-image : url("images/active_tab.png");
631         background-position : top left;
632         background-repeat : repeat-x;
633         border : 0px solid black;
634         padding : 2px 7px 2px 7px;
635         margin : 0px 1px 0px 0px;
636         width : 130px;
637         font-weight : bold;
638         background-position : top left;
639         background-repeat : repeat-x;
640         font-size : x-small;
641 }
642
643
644 /*input.prefsTab:hover {
645         background : white;
646 }*/
647
648 div.warning {
649         background : #fff7d5;
650         border : 1px solid #d7c47a;
651         padding : 3px;
652         margin : 5px;
653         font-size : x-small;
654 }
655
656 div.notice {
657         background : #ffffff;
658         border : 1px solid #88b0f0;
659         padding : 5px;
660         margin : 5px;
661         font-size : x-small;
662 }
663
664 ul.nomarks {
665         list-style-type : none;
666         margin : 0px;
667         padding : 10px; 
668 }
669
670 div.bigErrorMsg {
671         border : 1px solid #c0c0c0;
672         background : #fff0f0;
673         padding : 30px;
674         margin : 20px;
675 }
676
677 div.prefHelp, td.prefHelp {
678         font-size : x-small;
679         color : gray;
680         padding : 5px;
681 }
682
683 td.welcomePrompt {
684         font-size : x-small;
685         color : #4684ff;
686         text-align : right;
687         padding-right : 10px;
688
689 }
690
691 td.httpWelcomePrompt {
692         font-size : small;
693         color : gray;
694         text-align : right;
695 }
696
697 table.loginForm {
698         background-color : #ecf4ff;
699 }
700
701 table.innerLoginForm {
702         border : 1px solid #88b0f0;
703         padding : 50px;
704         background-color : white;
705 }
706
707 table.innerLoginForm td {
708         padding : 3px 3px 5px 3px;
709 }
710
711 span.insensitive {
712         color : gray;
713 }
714
715 .prefGenericAddBox {
716         margin : 5px;
717         font-size : small;
718 }
719
720 .prefGenericAddBox td {
721         font-size : small;
722 }
723
724 body.logoutBody {
725         background-color : #f0f0f0;
726         color : black;
727 }
728
729 span.logoutWarning {
730         color : red;
731         font-weight : bold;
732 }
733
734 div.logoutContent {
735         width : 600px;
736         border : 1px solid #c0c0c0;
737         background-color : white;
738         margin-left : auto;
739         margin-right : auto;
740         margin-top : 20px;
741         padding : 10px;
742 }
743
744 .small {
745         font-size : x-small;
746 }
747
748 table.innerFeedTable td {
749         margin : 0px;
750         padding : 0px;
751 }
752
753 td.selectPrompt {
754         font-size : x-small;
755         color : gray;
756 }
757
758 table.headlinesSubToolbar td.headlineActions {
759         font-size : x-small;
760         color : gray;
761         padding : 5px 0px 5px 5px;
762 }
763
764 table.headlinesSubToolbar td.headlineActionsRTL {
765         font-size : x-small;
766         color : gray;
767         padding : 5px 5px 5px 0px;
768 }
769
770 table.headlinesSubToolbar td.headlineTitle {
771         font-size : x-small;
772         color : gray;
773         padding : 5px 5px 5px 0px;
774         text-align : right;
775 }
776
777 table.headlinesSubToolbar td.headlineTitleRTL {
778         font-size : x-small;
779         color : gray;
780         padding : 5px 0px 5px 5px;
781         text-align : left;
782 }
783
784 span.contentPreview {
785         font-size : x-small;
786         color : gray;
787         font-weight : normal;
788 }
789
790 span.contentPreview:hover {
791         color : #4684ff;
792 }
793
794 table.headlinesList td.hlMarkedPic {
795         width : 25px;
796         text-align : center;
797 }
798
799 table.headlinesList td.hlfeed {
800         text-align : right;
801         font-size : small;
802 }
803
804 td.hlSelectRow, td.hlUpdatePic {
805         width : 25px;
806         text-align : center;
807 }
808
809 table.headlinesList td.hlUpdated {
810         font-size : small;
811         color : gray;
812         text-align : right;
813         width : 100px;
814 }
815
816 table.headlinesList tr td {
817         padding : 2px 0px 2px 0px;
818 }
819
820 div.postHeader td.postDate {
821         font-size : x-small;
822         text-align : right;
823         color : gray;
824 }
825
826 div.postHeader td.postDateRTL {
827         font-size : x-small;
828         text-align : left;
829         color : gray;
830 }
831
832 #feedUpdateErrors {
833         display : none;
834 }
835
836 #allEntryTags {
837         font-size : x-small;
838         border-width : 0px 0px 1px 0px;
839         border-style : solid;
840         border-color : #c0c0c0;
841         padding-bottom : 5px;
842         display : none;
843 }
844
845 /*td.hlContent {
846         overflow : hidden;
847         height : 1em;
848         display : block;
849 } */
850
851 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
852         height : 1em;
853 }
854
855 div.cdmArticle {
856         border : 1px solid #f0f0f0;
857         background-color : #fafafa;
858         -moz-border-radius : 5px;
859         margin : 10px 10px 0px 10px;
860         padding : 10px;
861 }
862
863 div.cdmArticleUnread {
864         border : 1px solid #d5f1f4;
865         background-color : #fafeff;
866         -moz-border-radius : 5px;
867         margin : 10px 10px 0px 10px;
868         padding : 10px;
869 }
870
871 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
872           -moz-border-radius : 5px;
873         margin : 10px 10px 0px 10px;
874         padding : 10px;
875         background-color : #fff7d5;
876                   border : 1px solid #e7d796;
877 }
878
879 div.cdmArticleUnread div.cdmHeader a.title, 
880 div.cdmArticleUnreadSelected div.cdmHeader a.title {
881         font-weight : bold;
882 }
883
884 div.cdmHeader {
885         padding-bottom : 5px;
886 }
887
888 div.cdmFooter {
889         font-size : x-small;
890         color : gray;
891         padding-top : 5px;
892 }
893
894 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
895         margin : 0px;
896 }
897
898 div.cdmHeader, div.cdmHeader a {
899         color : gray;
900         font-size : x-small;
901 }
902
903 div.cdmHeader a:hover {
904         color : #4684ff;
905 }
906
907 div.cdmContent {
908         margin-bottom : 5px;
909 }
910
911 a.warning {
912         color : #f04040;
913 }
914
915 img.closeButton {
916         border-width : 0px;
917         float : right;
918 }
919
920 span.groupPrompt {
921         font-size : x-small;
922         color : #4684ff;
923 }
924
925 ul.userFeedList {
926         height : 300px;
927         overflow : auto;
928         list-style-type : none;
929         border : 1px solid #88b0f0;
930         background-color : white;
931         margin : 0px 0px 5px 0px;
932         padding : 0px;
933 }
934
935 /* #browseBigFeedList li.oddSelected {
936         border : 1px solid #d0d0f6;
937         background-color : #eaeaff;
938         -moz-border-radius : 5px;
939 } */
940
941 ul.filterTestResults {
942         height : 300px;
943         overflow : auto;
944         list-style-type : none;
945         margin : 0px 0px 5px 0px;
946         padding : 0px;
947         border : 1px solid #88b0f0;
948         background-color : white;
949 }
950
951 ul.browseFeedList {
952         height : 300px;
953         overflow : auto;
954         list-style-type : none;
955         margin : 0px 0px 5px 0px;
956         padding : 0px;
957         border : 1px solid #88b0f0;
958         background-color : white;
959 }
960
961 ul.browseFeedList li {
962         margin : 0px;
963         padding : 0px;
964 }
965
966 span.subscribers {
967         color : #808080;
968 }
969
970 div.subscribers {
971         color : #808080;
972         font-size : x-small;
973         float : right;
974 }
975
976 input.feedBrowseCB {
977         margin-right : 1em;
978 }
979
980 div.browserDetails {
981         margin : 5px 5px 5px 5px;
982         display : none;
983         padding : 5px;
984 }
985
986 ul.compact {
987         list-style-type : none;
988         margin : 0px;
989         padding : 0px;
990 }
991
992 ul.compact li {
993         margin : 0px;
994         padding : 0px;
995 }
996
997 div.browserFeedInfo {
998         font-size : x-small;
999 /*      border : 1px solid #88b0f0;
1000         background-color : #ecf4ff;
1001         -moz-border-radius : 5px; */
1002         padding : 5px;
1003 }
1004
1005 div.browserFeedInfo div.detailsPart {
1006         margin : 5px 0px 5px 5px;       
1007 }
1008
1009 div.cdmContent a {
1010         color : #4684ff;
1011 }
1012
1013 div.cdmContent a:hover {
1014         color : black;
1015 }
1016
1017 a.cdmToggleLink {
1018         color : #808080;
1019         font-size : x-small;
1020 }
1021
1022 a.cdmToggleLink:hover {
1023         color : #4684ff;
1024 }
1025
1026 .noborder {
1027         border-width : 0px;
1028 }
1029
1030 #debug_output {
1031         width : 400;
1032         height : 200;
1033         right : 20;
1034         bottom : 20;
1035         background-color : white;
1036         display : none;
1037         z-index : 999;
1038         position : absolute;
1039         border : 1px solid #c0c0c0;
1040         overflow : auto;
1041         margin : 0px;
1042         padding : 0px;
1043         list-style-type : none;
1044 }
1045
1046 #debug_output li {
1047         margin : 0px;
1048         padding : 0px;
1049         font-size : x-small;
1050 }
1051
1052 #overlay {
1053         background : white;
1054         left : 0;
1055         top : 0;
1056         height : 100%;
1057         width : 100%;
1058         z-index : 100;
1059         position : absolute;
1060 }
1061
1062 #overlay_inner {
1063         font-weight : bold;
1064         text-align : center;
1065         margin : 10px;
1066 }
1067
1068 #fatal_error {
1069         background : white;
1070         left : 0;
1071         top : 0;
1072         height : 100%;
1073         width : 100%;
1074         z-index : 200;
1075         display : none;
1076         position : absolute;
1077 }
1078
1079 #fatal_error_inner {
1080         font-weight : bold;
1081         margin : 10px;
1082         color : red;
1083 }
1084
1085 #fatal_error_msg {
1086         border : 1px solid #c0c0c0;
1087         background-color : #f0f0f0;
1088         color : black;
1089         padding : 10px;
1090         font-weight : normal;
1091 }
1092
1093 div.noDaemonWarning {   
1094         position : absolute;
1095         background-color : #ecf4ff;               
1096         border : 1px solid #88b0f0;
1097         padding : 10px;
1098         margin : 5px;
1099         z-index : 2;
1100 }
1101
1102 #qafInput {
1103         width : 100%;
1104 }
1105
1106 form {
1107         margin : 0px;
1108         padding : 0px;
1109 }
1110
1111 #main_toolbar_form {
1112         display : inline;
1113 }