]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
help uses popup window, recolor infoBox, use subscribe dialog in prefs
[tt-rss.git] / tt-rss.css
1 body {
2         background : white;
3         color : black;
4         margin : 0px;
5         padding : 0px;
6         font-family : "Lucida Grande", sans-serif;
7 }
8
9 blockquote {
10         margin : 5px;
11         border-width : 0px 0px 0px 4px;
12         border-color : #f0f0f0;
13         border-style : solid;
14         padding : 2px 0px 2px 5px;
15 }
16
17 div.postReply {
18         padding : 10px;
19 }
20
21 div.postReply a {
22         color : #4684ff;
23 }
24
25 div.postReply a:hover {
26         color : black;
27 }
28
29 div.postReply div.postHeader {
30         background : #ecf4ff;
31         border : 1px solid #88b0f0;
32 }
33
34 div.postReply > div.postHeader {
35         padding : 5px;
36 }
37
38 div.postReply div.postContent {
39         padding : 10px;
40         font-size : 10pt;
41 }
42
43 div.postReply div.postIcon {
44         float : right;
45         border : 0px;
46         margin : 10px 0px 10px 10px;
47 }
48
49 ul.feedList {
50         list-style-type : none;
51         margin : 5px;
52         padding : 0px 0px 0px 5px;
53         font-size : 9pt;
54         font-family : "Lucida Grande", Tahoma, sans-serif;
55 }
56
57 ul.feedList li.feedCat {
58         margin : 0px;
59         padding : 3px 0px 3px 0px;
60         color : #707070;
61         font-size : 9pt;
62 }
63
64 ul.feedList li.feedCat a {
65         color : #707070;
66 }
67
68 ul.feedList li.feedCat a:hover {
69         color : #4684ff;
70 }
71
72 ul.feedCatList {
73         list-style-type : none;
74         margin : 0px 0px 0px 15px;
75         padding : 0px;  
76 }
77
78 ul.feedCatList li {
79         margin : 0px;
80         padding : 0px 0px 2px 0px;
81         color : black;
82 }
83
84 ul.feedList li {
85         margin : 0px;
86 }
87
88 ul.feedCatList img {
89         vertical-align : bottom;
90 }
91
92 li.feedUnread, 
93 li.errorUnread, 
94 li.labelUnread, 
95 li.virtUnread,
96 li.tagUnread {
97         font-weight : bold;
98 }
99
100 li.errorSelected a,
101 li.error a,
102 li.errorUnread a,
103 li.errorUnreadSelected a {
104         color : #f04040;
105 }
106
107 li.feedSelected a,
108 li.labelSelected a,
109 li.virtSelected a,
110 li.tagSelected a {
111         color : #4684ff;
112 }
113
114 li.feedUnreadSelected a,
115 li.labelUnreadSelected a,
116 li.virtUnreadSelected a,
117 li.tagUnreadSelected a {
118         color : #4684ff;
119 }
120
121 li.feedUnreadSelected,
122 li.errorUnreadSelected,
123 li.labelUnreadSelected,
124 li.virtUnreadSelected,
125 li.tagUnreadSelected {
126         font-weight : bold;
127 }
128
129 li.feed {
130         display : block;
131 }
132
133 ul.feedList img, img.tinyFeedIcon {
134         margin : 0px 3px 0px 0px;
135         width : 16px;
136         height : 16px;
137         border-width : 0px;
138 }
139
140 h1 {
141         font-size : 16pt;       
142 }
143
144 h2 {
145         font-size : 14pt;
146         font-weight : bold;
147         border-width : 0px 0px 1px 0px;
148         border-style : solid;
149         border-color : #ecf4ff;
150 }
151
152 h3 {
153         font-size : 12pt;
154         font-weight : bold;
155         border-width : 0px 0px 1px 0px;
156         border-style : solid;
157         border-color : #ecf4ff;
158 }
159
160 hr {
161         border-width : 0px 0px 1px 0px;
162         border-style : dashed;
163         border-color : #e0e0e0;
164 }
165
166 a {
167         color : black;
168         text-decoration : none;
169 }
170
171 a:hover {
172         color : #4684ff;
173 }
174
175 #piggie {
176         width : 400;
177         height : 400;
178         right : 0;
179         top : -400;
180         background-color : white;
181         display : none;
182         z-index : 999;
183         background-image : url("images/piggie.png");
184         background-position : center center;
185         background-repeat : no-repeat;
186         position : absolute;
187         border : 1px solid pink;        
188         margin-left : auto;
189         margin-right : auto;
190         -moz-border-radius : 10px;
191         opacity : 0.8;
192 }
193
194 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
195 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
196 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
197 #iedit_parent_feed {
198         width : 100%;
199         padding-left : 2px;
200         background-color : #f0fff0;
201 }
202
203 textarea.iedit {
204         width : 100%;
205 }
206
207 input.iedit {
208         width : 100%;
209         padding-left : 2px;
210 }
211
212 select.iedit {
213         width : 100%;
214 }
215
216 input.editbox {
217         width : 200px;
218         padding-left : 2px;
219 }
220
221 #notify {
222         border-width : 1px;
223         border-style : solid;
224         top : 10px;
225         right : 35%;
226         min-width : 30%;
227         position : absolute;    
228         display : none;
229         float : right;
230         font-size : 9pt;
231         z-index : 999;
232         -moz-border-radius : 2px;
233         padding : 5px 5px 5px 5px;
234 }
235
236 #notify img {
237         vertical-align : middle;
238 }
239
240 .notifyProgress {
241         border-color : #d7c47a;
242         background-color : #fff7d5;
243         color : black;
244 }
245
246 .notifyInfo {
247         border-color : #7AD78E;
248         background-color : #D5FFDB;
249         color : black;
250 }
251
252 .notify {
253         border-color : #d7c47a;
254         background-color : #fff7d5;
255         color : black;
256 }
257
258 .notifyError {
259         background-color : #ffcccc;
260         border-color : #ff0000;
261         color : black;
262 }
263
264 .notifyError span:hover {
265         color : red;
266         cursor : pointer;
267 }
268
269 #dispSwitch {
270         font-size : 8pt;
271         font-family : "Lucida Grande", Tahoma, sans-serif;
272         text-align : right;
273         float : right;
274         margin : 5px 5px 0px 0px;
275 }
276
277 #dispSwitch a {
278         color : gray;
279 }
280
281 #dispSwitch a:hover {
282         color : #4684ff;
283 }
284
285 div.expPane {
286         margin : 15px;
287 }
288
289 iframe {
290         border : 0px solid white;
291 }
292
293 iframe.feedsFrameWithActions {
294         width : 100%;
295         height : 90%;
296         margin : 0px;
297         padding : 0px;
298 }
299
300 iframe.feedsFrame {
301         width : 100%;
302         height : 100%;
303         margin : 0px;
304         padding : 0px;
305 }
306
307 iframe.contentFrame, iframe.headlinesFrame {
308         width : 100%;
309         padding : 0px;
310         margin : 0px;
311         height : 100%;
312 }
313
314 /*.button {
315         border : 1px solid #d0d0d0;
316         background-image : url("images/button.png");
317         background-position : top;
318         background-repeat : repeat-x;
319         background-color : white;
320         color : black;  
321 }
322
323 .button:hover {
324         background : white;
325         text-decoration : none;
326         color : black;
327 }
328
329 .disabledButton {
330         border : 1px solid #c0c0c0;
331         background-color : white;
332         color : gray;   
333 }
334
335 a.button {
336         padding : 2px 5px 2px 5px;
337         font-size : small;
338 } */
339
340 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
341         .evenSelectedUnread td {
342         background-color : #fff7d5;
343         font-weight : bold;
344                   border-width : 1px 0px 1px 0px;
345                   border-style : solid;
346                   border-color : #e7d796;
347 }
348
349 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
350         .oddSelectedUnread td {
351         background-color : #fff7d5;
352         font-weight : bold;
353 }
354
355 .evenSelected, .evenSelected td {
356         background-color : #fff7d5;
357                   border-width : 1px 0px 1px 0px;
358                   border-style : solid;
359                   border-color : #e7d796;
360 }
361
362 .oddSelected, .evenSelected td {
363         background-color : #fff7d5;
364 }
365
366 .evenGrayed, .evenGrayed td {
367         background-color : #f0f0f0;
368         color : #909090;
369                   border-width : 1px 0px 1px 0px;
370                   border-style : solid;
371                   border-color : #c0c0c0;
372 }
373
374 .oddGrayed {
375         color : #909090;
376 }
377
378 .even, .even td {
379                   border-width : 1px 0px 1px 0px;
380                   border-style : solid;
381                   border-color : #c0c0c0;
382         background-color : #f0f0f0;
383 }
384
385 .evenUnread, .evenUnread td {
386         background-color : #f0f0f0;
387         font-weight : bold;
388                   border-width : 1px 0px 1px 0px;
389                   border-style : solid;
390                   border-color : #c0c0c0;
391 }
392
393 .oddUnread, .oddUnread td {
394         font-weight : bold;
395 }
396
397 .invisible {
398         display : none;
399 }
400
401 /* preferences */
402
403 tr.title td {
404         border-width : 0px 0px 1px 0px;
405         border-color : #ecf4ff;
406         border-style : solid;
407         color : #4684ff;
408 }
409
410 tr.title td a {
411         color : #4684ff;
412 }
413
414 tr.title td a:hover {
415         color : black;
416 }
417
418 div.feedEditSearch {
419         float : right;
420 }
421
422 table.prefFeedList td.feedEditCat {
423         font-weight : bold;
424         border-width : 0px 0px 1px 0px;
425         border-style : solid;
426         border-color : #88b0f0;
427         padding-top : 0.5em;
428 }
429
430 table.prefFeedList td.feedIcon {
431         text-align : center;
432 }
433
434 table.prefFeedList td.feedSelect {
435         text-align : center;
436 }
437
438 div.prefFeedCatHolder {
439         height : 250px;
440         overflow : auto;
441         border : 1px solid #88b0f0;
442         margin : 5px 0px 5px 0px;
443 }
444
445 a.helpLink {
446         color : #808080;
447 }
448
449 a.helpLink:hover {
450         color : #4684ff;
451 }
452
453 div.helpResponse {
454         margin : 10px;
455         background-image : url("images/vgrad_light_rev2.png");
456         background-position : top left;
457         background-repeat : repeat-x;
458         padding : 10px 20px 10px 20px;
459         border : 1px solid #f0f0f0;
460 }
461
462 #infoBoxTitle {
463         border-width : 1px 1px 1px 1px;
464         border-style : solid;
465         border-color : #99d67a;
466         background-color : #99d67a;
467         padding : 2px;
468         color : white;
469 }
470
471 #infoBox {      
472         border-width : 1px 1px 1px 1px;
473         border-style : solid;
474         border-color : #99d67a;
475         position : relative;
476         bottom : 2px;
477         right : 2px;
478         padding-bottom : 5px;   
479         background-color : #f8fcf5;
480 }
481
482 /*
483 #infoBoxTitle {
484         border-width : 1px 1px 1px 1px;
485         border-style : solid;
486         border-color : #88b0f0;
487         background-color : #88b0f0;
488         padding : 2px;
489         color : white;
490 }
491
492 #infoBox {      
493         border-width : 1px 1px 1px 1px;
494         border-style : solid;
495         border-color : #88b0f0;
496         position : relative;
497         bottom : 2px;
498         right : 2px;
499         padding-bottom : 5px;   
500         background-color : #f7faff;
501 } */
502
503 #infoBoxShadow {
504         background-image : url("images/shadow.png");
505         left : 25%;
506         top : 30%;
507         width : 50%;
508         z-index : 3;
509         position : absolute;
510         display : none;
511
512
513 div.infoBoxContents {
514         padding : 10px;
515         margin-bottom : 5px;
516         font-size : 9pt;
517 }
518
519 div.infoBoxContents td {
520         font-size : 9pt;
521 }
522
523 div.infoBoxContents a {
524         color : #4684ff;
525 }
526
527 div.infoBoxContents a:hover {
528         color : black;
529 }
530
531 div.helpResponse h1, div.infoBoxContents h1 {
532 /*        border-width : 0px 0px 1px 0px;
533         border-style : solid;
534         border-color : #c0c0c0; */
535         font-size : 16pt;
536 }
537
538 div.helpResponse h2, div.infoBoxContents h2 {
539 /*        border-width : 0px 0px 0px 0px; */
540         font-size : 12pt;
541 }
542
543 pre {
544         margin : 5px;
545 }
546
547 input.extSearch {
548         width : 100%;
549 }
550
551 div.firstTab {
552         width : 10px;
553         float : left;
554 }
555
556 div.prefsTab:hover {
557         cursor : pointer;
558 }
559
560 div.prefsTabSelected:hover {
561         cursor : pointer;
562 }
563
564 div.prefsTab {
565         float : left;
566         border-width : 1px 1px 0px 1px;
567         border-color : #88b0f0;
568         border-style : solid;
569         margin : 0px 0px 0px 5px;
570         padding : 3px 5px 3px 5px;
571         font-size : 9pt;
572         font-family : "Lucida Grande", Tahoma, sans-serif;
573         position : relative;
574         bottom : -2px;
575         border-collapse : collapse;
576         -moz-border-radius : 3px;
577         min-width : 100px;
578         text-align : center;
579 }
580
581 div.prefsTabSelected {
582         float : left;
583         border-width : 1px 1px 0px 1px;
584         border-color : #88b0f0;
585         border-style : solid;
586         margin : 0px 0px 0px 5px;
587         padding : 3px 5px 3px 5px;
588         background-color : #ecf4ff;
589         font-size : 9pt;
590         font-family : "Lucida Grande", Tahoma, sans-serif;
591         position : relative;
592         bottom : -1px;
593         border-collapse : collapse;
594         -moz-border-radius : 3px;
595         font-weight : bold;
596         min-width : 100px;
597         text-align : center;
598         z-index : 2;
599 }
600
601 div.notice {
602         background : #ffffff;
603         border : 1px solid #88b0f0;
604         width : 50%;
605         padding : 5px;
606         margin : 0px 0px 5px 0px;
607         font-size : 9pt;
608 }
609
610 div.warning {
611         background : #fff7d5;
612         border : 1px solid #d7c47a;
613         font-size : 9pt;
614         width : 50%;
615         padding : 5px;
616         margin : 0px 0px 5px 0px;
617 }
618
619
620 div.warning img, div.notice img, div.error img {
621         vertical-align : middle;
622         padding : 5px;
623 }
624
625 div.error {
626         border : 1px solid #ff0000;
627         background : #ffcccc;
628         padding : 5px;
629         margin : 0px 0px 5px 0px;
630         font-size : 9pt;
631 }
632
633 ul.nomarks {
634         list-style-type : none;
635         margin : 0px;
636         padding : 10px; 
637 }
638
639 div.prefHelp, td.prefHelp {
640         color : gray;
641         padding : 5px;
642 }
643
644 table.loginForm {
645         background-color : #ecf4ff;
646 }
647
648 table.innerLoginForm {
649         border : 1px solid #88b0f0;
650         padding : 50px;
651         background-color : white;
652 }
653
654 table.innerLoginForm td {
655         padding : 3px 3px 5px 3px;
656 }
657
658 span.insensitive, div.insensitive {
659         color : gray;
660 }
661
662 .insensitive a {
663         color : #4684ff;
664 }
665
666 .insensitive a:hover {
667         color : black;
668 }
669
670 /* .prefGenericAddBox {
671         font-size : 9pt;
672 } */
673
674 body.logoutBody {
675         background-color : #f0f0f0;
676         color : black;
677 }
678
679 span.logoutWarning {
680         color : red;
681         font-weight : bold;
682 }
683
684 div.logoutContent {
685         width : 600px;
686         border : 1px solid #c0c0c0;
687         background-color : white;
688         margin-left : auto;
689         margin-right : auto;
690         margin-top : 20px;
691         padding : 10px;
692 }
693
694 .small {
695         font-size : 9pt;
696 }
697
698 table.innerFeedTable td {
699         margin : 0px;
700         padding : 0px;
701 }
702
703 td.selectPrompt {
704         font-size : 9pt;
705         color : gray;
706 }
707
708 table.headlinesSubToolbar {
709         border-width : 0px 0px 1px 0px;
710         border-style : solid;
711         border-color : #f0f0f0;
712         position : absolute;
713         left : 1px;
714         top : 0px;
715         height : 25px;
716         right : 0px;
717         background-color : white;
718 }
719
720 table.headlinesSubToolbar td.headlineActions {
721         font-size : 9pt;
722         font-family : "Lucida Grande", Tahoma, sans-serif;
723         color : gray;
724         padding : 0px 5px 0px 5px;
725 }
726
727 table.headlinesSubToolbar td.headlineActionsRTL {
728         font-size : 9pt;
729         font-family : "Lucida Grande", Tahoma, sans-serif;
730         color : gray;
731         padding : 0px 5px 0px 5px;
732 }
733
734 table.headlinesSubToolbar td.headlineTitle {
735         font-size : 9pt;
736         font-family : "Lucida Grande", Tahoma, sans-serif;
737         color : gray;
738         padding : 0px 5px 0px 5px;
739         text-align : right;
740 }
741
742 table.headlinesSubToolbar td.headlineTitleRTL {
743         font-size : 9pt;
744         font-family : "Lucida Grande", Tahoma, sans-serif;
745         color : gray;
746         padding : 0px 5px 0px 5px;
747         text-align : left;
748 }
749
750 span.contentPreview {
751         font-size : 9pt;
752         color : gray;
753         font-weight : normal;
754 }
755
756 span.contentPreview:hover {
757         color : #4684ff;
758 }
759
760 table.headlinesList {
761         width : 100%;
762 }
763
764 table.headlinesList td.hlMarkedPic {
765         width : 25px;
766         text-align : center;
767 }
768
769 table.headlinesList td.hlfeed {
770         text-align : right;
771 }
772
773 td.hlSelectRow, td.hlUpdatePic {
774         width : 25px;
775         text-align : center;
776 }
777
778 table.headlinesList td.hlUpdated {
779         color : gray;
780         text-align : right;
781         width : 100px;
782 }
783
784 table.headlinesList tr td {
785         padding : 2px 0px 2px 0px;
786 }
787
788 div.postHeader div.postDate {
789         text-align : right;
790         color : gray;
791         float : right;
792 }
793
794 div.postHeader div.postDateRTL {
795         text-align : left;
796         color : gray;
797         float : right;
798 }
799
800 div.postReply span.tagList {
801         color : gray;
802 }
803
804 div.postHeader div {
805         padding-bottom : 3px;
806         font-size : 10pt;
807         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
808 }
809
810 #feedUpdateErrors {
811         display : none;
812 }
813
814 #allEntryTags {
815         font-size : 9pt;
816         border-width : 0px 0px 1px 0px;
817         border-style : solid;
818         border-color : #c0c0c0;
819         padding-bottom : 5px;
820         display : none;
821 }
822
823 /*td.hlContent {
824         overflow : hidden;
825         height : 1em;
826         display : block;
827 } */
828
829 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
830         height : 1em;
831 }
832
833 td.hlFeed {
834         text-align : right;
835 }
836
837 div.cdmArticle {
838         border-color : #c0c0c0;
839         border-width : 0px 0px 1px 0px;
840         border-style : solid;
841         background-color : #fafafa;
842         margin : 0px;
843         padding : 10px;
844 }
845
846 div.cdmArticleUnread {
847         border-color : #c0c0c0;
848         border-width : 0px 0px 1px 0px;
849         border-style : solid;
850         background-color : #fafeff;
851         margin : 0px;
852         padding : 10px;
853 }
854
855 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
856         margin : 0px;
857         padding : 10px;
858         background-color : #fff7d5;
859         border-color : #e7d796;
860         border-width : 0px 0px 1px 0px;
861         border-style : solid;
862 }
863
864 div.cdmArticleUnread div.cdmHeader a.title, 
865 div.cdmArticleUnreadSelected div.cdmHeader a.title {
866         font-weight : bold;
867 }
868
869 div.cdmHeader {
870         padding-bottom : 5px;
871 }
872
873 div.cdmFooter {
874         font-size : 9pt;
875         color : gray;
876         padding-top : 5px;
877 }
878
879 div.cdmFooter img.markedPic {
880         width : 16px;
881         height : 16px;
882         float : right;
883 }
884
885 div.cdmHeader div.articleUpdated {
886         float : right;
887 }
888
889 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
890         margin : 0px;
891 }
892
893 div.cdmHeader, div.cdmHeader a {
894         color : gray;
895         font-size : 9pt;
896 }
897
898 div.cdmHeader a:hover {
899         color : #4684ff;
900 }
901
902 div.cdmContent {
903         margin-bottom : 5px;
904 }
905
906 a.warning {
907         color : #f04040;
908 }
909
910 img.closeButton {
911         border-width : 0px;
912         float : right;
913 }
914
915 span.groupPrompt {
916         font-size : 9pt;
917         color : #4684ff;
918 }
919
920 ul.feedErrorsList {
921         height : 300px;
922         overflow : auto;
923         list-style-type : none;
924         border : 1px solid #88b0f0;
925         background-color : white;
926         margin : 0px 0px 5px 0px;
927         padding : 0px;
928 }
929
930 ul.userFeedList {
931         height : 300px;
932         overflow : auto;
933         list-style-type : none;
934         border : 1px solid #99d67a;
935         background-color : white;
936         margin : 0px 0px 5px 0px;
937         padding : 0px;
938 }
939
940 /* #browseBigFeedList li.oddSelected {
941         border : 1px solid #d0d0f6;
942         background-color : #eaeaff;
943         -moz-border-radius : 5px;
944 } */
945
946 ul.labelTestResults {
947         height : 100px;
948         overflow : auto;
949         list-style-type : none;
950         margin : 0px 0px 5px 0px;
951         padding : 0px;
952         border : 1px solid #99d67a;
953         background-color : white;
954 }
955
956 ul.filterTestResults {
957         height : 300px;
958         overflow : auto;
959         list-style-type : none;
960         margin : 0px 0px 5px 0px;
961         padding : 0px;
962         border : 1px solid #99d67a;
963         background-color : white;
964 }
965
966 ul.browseFeedList {
967         height : 300px;
968         overflow : auto;
969         list-style-type : none;
970         margin : 0px 0px 5px 0px;
971         padding : 0px;
972         border : 1px solid #99d67a;
973         background-color : white;
974 }
975
976 ul.browseFeedList li {
977         margin : 0px;
978         padding : 0px;
979 }
980
981 span.subscribers {
982         color : #808080;
983 }
984
985 div.subscribers {
986         color : #808080;
987         font-size : 9pt;
988         float : right;
989 }
990
991 input.feedBrowseCB {
992         margin-right : 1em;
993 }
994
995 div.browserDetails {
996         margin : 5px 5px 5px 5px;
997         display : none;
998         padding : 5px;
999 }
1000
1001 ul.compact {
1002         list-style-type : none;
1003         margin : 0px;
1004         padding : 0px;
1005 }
1006
1007 ul.compact li {
1008         margin : 0px;
1009         padding : 0px;
1010 }
1011
1012 div.browserFeedInfo {
1013         font-size : 9pt;
1014 /*      border : 1px solid #88b0f0;
1015         background-color : #ecf4ff;
1016         -moz-border-radius : 5px; */
1017         padding : 5px;
1018 }
1019
1020 div.browserFeedInfo div.detailsPart {
1021         margin : 5px 0px 5px 5px;       
1022 }
1023
1024 div.cdmContent a {
1025         color : #4684ff;
1026 }
1027
1028 div.cdmContent a:hover {
1029         color : black;
1030 }
1031
1032 a.cdmToggleLink {
1033         color : #808080;
1034         font-size : 9pt;
1035 }
1036
1037 a.cdmToggleLink:hover {
1038         color : #4684ff;
1039 }
1040
1041 .noborder {
1042         border-width : 0px;
1043 }
1044
1045 #debug_output {
1046         position : absolute;
1047         width : 400px;
1048         height : 200px;
1049         right : 20px;
1050         bottom : 20px;
1051         z-index : 999;
1052         background-color : white;
1053         display : none;
1054         border : 1px solid #c0c0c0;
1055         overflow : auto;
1056         margin : 0px;
1057         padding : 0px;
1058         list-style-type : none;
1059 }
1060
1061 #debug_output li {
1062         margin : 0px;
1063         padding : 0px;
1064         font-size : 8pt;
1065 }
1066
1067 #overlay {
1068         background : white;
1069         left : 0;
1070         top : 0;
1071         height : 100%;
1072         width : 100%;
1073         z-index : 100;
1074         position : absolute;
1075 }
1076
1077 #overlay_inner {
1078         font-weight : bold;
1079         text-align : center;
1080         margin : 10px;
1081 }
1082
1083 #fatal_error {
1084         background : white;
1085         left : 0;
1086         top : 0;
1087         height : 100%;
1088         width : 100%;
1089         z-index : 200;
1090         display : none;
1091         position : absolute;
1092 }
1093
1094 #fatal_error_inner {
1095         font-weight : bold;
1096         margin : 10px;
1097         color : red;
1098 }
1099
1100 #fatal_error_msg {
1101         color : black;
1102         padding : 10px;
1103         font-weight : normal;
1104         background-color : #ffcccc;
1105         border : 1px solid #ff0000;
1106 }
1107
1108 #fatal_error_msg a {
1109         color : red;
1110 }
1111
1112 #fatal_error_msg a:hover {
1113         color : red;
1114         text-decoration : underline;
1115 }
1116
1117 #fatal_error_msg img {
1118         vertical-align : middle;
1119 }
1120
1121 #noDaemonWarning {      
1122         position : absolute;
1123         background-color : #ecf4ff;               
1124         border : 1px solid #88b0f0;
1125         padding : 10px;
1126         margin : 5px;
1127         z-index : 2;
1128         display : none;
1129 }
1130
1131 #qafInput {
1132         width : 100%;
1133 }
1134
1135 form {
1136         margin : 0px;
1137         padding : 0px;
1138 }
1139
1140 #main_toolbar_form {
1141         margin : 0px;
1142         padding : 0px;
1143         display : inline;
1144 }
1145
1146 div.feedExtInfo {
1147         margin-left : 2em;
1148         font-size : 7pt;
1149         color : gray;
1150         font-weight : normal;
1151 }
1152
1153 span.debugTS {
1154         color : #4684ff;
1155 }
1156
1157 #backReqBox {
1158         display : none;
1159 }
1160
1161 /*.scriptWarn:before {
1162         content : "Disabled script:";
1163 }*/
1164
1165 .scriptWarn {
1166         color : white;
1167         background-color : #903030;
1168         border : 1px solid #601010;
1169         padding : 3px;
1170         font-weight : bold;
1171         display : none;
1172 }
1173
1174 .objectWarn {
1175         color : gray;
1176         font-style: italic;
1177         text-align : center;
1178 }
1179
1180 table.loginForm2 {
1181         padding : 1em;
1182 }
1183
1184 table.loginForm2 .loginTop {
1185         border-width : 0px 0px 1px 0px;
1186         border-color : #88b0f0;
1187         border-style : solid;
1188         padding : 0.5em;
1189 }
1190
1191 table.loginForm2 .loginMiddle {
1192         padding : 3em;
1193 }
1194
1195 table.loginForm2 .loginBottom {
1196         border-width : 1px 0px 0px 0px;
1197         border-color : #88b0f0;
1198         border-style : solid;
1199         font-size : 9pt;
1200         text-align : center;
1201         color : #909090;
1202         padding : 0.5em;
1203 }
1204
1205 table.loginForm2 .loginBottom a {
1206         color : gray;
1207 }
1208
1209 table.loginForm2 .loginBottom a:hover {
1210         color : #4684ff;
1211 }
1212
1213 table.loginForm2 .loginError {
1214         color : red;
1215         margin : 0.5em;
1216 }
1217
1218 table.loginForm2 .innerLoginCell {
1219         padding-top : 0.5em;
1220 }
1221
1222 #milestoneDetails {
1223         display : none;
1224 }
1225
1226 div.loadingPrompt {
1227         padding : 1em;
1228         text-align : center;
1229         font-weight : bold;
1230 }
1231
1232 div.whiteBox {
1233         background-color : white;
1234         margin-left : 1px;
1235         text-align : center;
1236         padding : 1em;
1237 }
1238
1239 /* layout */
1240
1241 #header {
1242         position : absolute;
1243         white-space: nowrap;
1244         top : 10px;
1245         left : 15px;
1246         right : 5px;
1247         height : 40px;
1248         color : #4684ff;
1249         font-size : 9pt;
1250 }
1251
1252 #feeds-holder {
1253         border-width : 1px 1px 1px 0px;
1254         border-style : solid;
1255         border-color : #88b0f0;
1256         top : 50px;
1257         left : 0px;
1258         position : absolute;
1259         width : 260px;
1260         overflow : auto;
1261         bottom : 40px;
1262         border-collapse : collapse;
1263         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1264 }
1265
1266 #toolbar {
1267         position : absolute;
1268         left : 261px;
1269         padding : 5px 10px 5px 10px;
1270         top : 50px;
1271         right : 0px;
1272         white-space: nowrap;
1273         height : 30px;
1274         background-image : url("images/toolbar.png");
1275         background-position : bottom left;
1276         background-repeat : repeat-x;
1277         font-size : 9pt;
1278 }
1279
1280 div.headlines_normal {
1281         position : absolute;
1282         border-width : 1px 0px 0px 0px;
1283         border-style : solid;
1284         border-color : #88b0f0;
1285         left : 260px;
1286         height : 305px;
1287         top : 85px;
1288         right : 0px;
1289         overflow : hidden;
1290         font-size : 9pt;
1291         border-collapse : collapse;
1292         /* css hack for IE */
1293         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1294 }
1295
1296 div.headlines_cdm {
1297         position : absolute;
1298         border-width : 1px 0px 1px 0px;
1299         border-style : solid;
1300         border-color : #88b0f0;
1301         left : 260px;
1302         bottom : 40px;
1303         top : 85px;
1304         right : 0px;
1305         overflow : hidden;
1306         font-size : 9pt;
1307         border-collapse : collapse;
1308         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1309 }
1310
1311 #content-frame {
1312         position : absolute;
1313         border-width : 1px 0px 0px 0px;
1314         border-style : solid;
1315         border-color : #88b0f0;
1316         overflow : auto;
1317         top : 390px;
1318         left : 260px;
1319         bottom : 40px;
1320         right : 0px;
1321         border-collapse : collapse;
1322         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1323 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1324 }
1325
1326 #footer, #prefFooter {
1327         position : absolute;
1328         bottom : 0px;
1329         height : 20px;
1330         text-align : center;
1331         color : gray;
1332         font-size : 9pt;
1333         background-image : url("images/footer.png");
1334         background-position : top left;
1335         background-repeat : repeat-x; 
1336         background-color : white;
1337         right : 0px;
1338         left : 0px;
1339         padding : 10px;
1340         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1341         border-collapse : collapse;
1342         border-width : 1px 0px 0px 0px;
1343         border-style : solid;
1344         border-color : #88b0f0;
1345
1346 }
1347
1348 #footer a, #prefFooter a {
1349         color : gray;
1350 }
1351
1352 #footer a:hover, #prefFooter a:hover {
1353         color : black;
1354 }
1355
1356 #headlinesContainer {
1357         margin-left : 1px;
1358         background-color : white;
1359 }
1360
1361 #headlineActionsTop {
1362 /*      border-width : 0px 0px 1px 0px;
1363         border-style : solid;
1364         border-color : #c0c0c0;
1365         background-color : #fafafa; */
1366         font-size : 9pt;
1367 }
1368
1369 #headlinesInnerContainer {
1370         overflow : auto;
1371         position : absolute;
1372         left : 1px;
1373         right : 0px;
1374         bottom : 0px;
1375         top : 25px; 
1376 }
1377
1378 /* preferences layout */
1379
1380 #prefHeader {
1381         color : #4684ff;
1382         font-size : 9pt;
1383         margin : 10px;
1384         height : 33px;
1385 }
1386
1387 div.return {
1388         float : right;
1389         font-size : 9pt;
1390         margin-right : 10px;
1391 }
1392
1393 div.return a {
1394         color : #4684ff;
1395 }
1396
1397 div.return a:hover {
1398         color : black;
1399 }
1400
1401 #prefContent {
1402         clear : left;
1403         position : absolute;
1404         bottom : 40px;
1405         top : 75px;
1406         left : 0px;
1407         right : 0px;
1408         padding : 1em;
1409         overflow : auto;
1410         min-height : 300px;
1411         background-image : url("images/prefs-content.png");
1412         background-position : top left;
1413         background-repeat : repeat-x;
1414         border-width : 1px 0px 0px 0px;
1415         border-color : #88b0f0;
1416         border-style : solid;
1417         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1418         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1419         font-size : 10pt;
1420 }
1421
1422 #userSwitch {
1423         position : absolute;
1424         bottom : 2px;
1425         right : 2px;
1426 }
1427
1428 a.feedUpdErrLink {
1429         color : #ff0000;
1430         display : block;
1431         margin-bottom : 0.5em;
1432 }
1433
1434 .catCtrHasUnread {
1435         font-weight : bold;
1436 }
1437
1438 .catCtrNoUnread {
1439         display : none;
1440 }
1441
1442 ul.headlineDropdownMenu {
1443         list-style-type : none;
1444         margin : 0px;
1445         padding : 0px;
1446 }
1447
1448 ul.headlineDropdownMenu li.top {
1449         float : left;
1450         width : 9em;
1451         background-image : url("images/down_arrow.png");
1452         background-position : center right;
1453         background-repeat : no-repeat;
1454         margin : 0px; 
1455         cursor : pointer;
1456         border-width : 1px 1px 1px 1px;
1457         border-color : transparent;
1458         border-style : solid;
1459 }
1460
1461 ul.headlineDropdownMenu li.top2 {
1462         float : left;
1463 }
1464
1465 ul.headlineDropdownMenu li.vsep {
1466         float : left;
1467         margin : 0px 5px 0px 0px;
1468         border-width : 0px 1px 0px 0px;
1469         border-color : #c0c0c0;
1470         border-style : dotted;
1471         color : white;
1472 }
1473
1474 ul.headlineDropdownMenu li.top:hover {
1475         cursor : pointer;
1476         border-width : 1px 1px 0px 1px;
1477         border-color : #c0c0c0;
1478         border-style : solid;
1479 }
1480
1481 ul.headlineDropdownMenu li.top:hover ul {
1482         display : block;
1483 }
1484
1485 ul.headlineDropdownMenu ul {
1486         list-style-type : none;
1487         position : absolute;
1488         float : none;
1489         margin : 0px;
1490         padding : 0px;
1491         display : none;
1492         background-color : white;
1493         width : 9em;
1494         z-index : 3;
1495         top : auto;
1496         left : auto;
1497         border-width : 0px 1px 1px 1px;
1498         border-color : #c0c0c0;
1499         border-style : solid;
1500         margin-left : -1px;
1501 }
1502
1503 ul.headlineDropdownMenu ul li {
1504         float: none;
1505         padding : 2px 0px 2px 10px;
1506         color : black;
1507 }
1508
1509 ul.headlineDropdownMenu ul li:hover {
1510         color : #4684ff;
1511         background-color : #f0f0f0;
1512 }
1513
1514 #newVersionIcon {
1515         vertical-align : middle;
1516         cursor : pointer;
1517         display : none;
1518 }
1519
1520 a.helpLinkPic {
1521         float : right;
1522 }
1523
1524 a.helpLinkPic img {
1525         border-width : 0px;
1526 }
1527
1528 #fadd_login_container {
1529         display : none;
1530 }
1531
1532 li.feedCatHolder {
1533         display : inline;
1534 }