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