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