]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
add infobox overlay, layout fixes
[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 #99d67a;
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 : #527040;
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.feed_error {
659         color : red;
660 }
661
662 span.insensitive, div.insensitive {
663         color : gray;
664 }
665
666 .insensitive a {
667         color : #4684ff;
668 }
669
670 .insensitive a:hover {
671         color : black;
672 }
673
674 /* .prefGenericAddBox {
675         font-size : 9pt;
676 } */
677
678 body.logoutBody {
679         background-color : #f0f0f0;
680         color : black;
681 }
682
683 span.logoutWarning {
684         color : red;
685         font-weight : bold;
686 }
687
688 div.logoutContent {
689         width : 600px;
690         border : 1px solid #c0c0c0;
691         background-color : white;
692         margin-left : auto;
693         margin-right : auto;
694         margin-top : 20px;
695         padding : 10px;
696 }
697
698 .small {
699         font-size : 9pt;
700 }
701
702 table.innerFeedTable td {
703         margin : 0px;
704         padding : 0px;
705 }
706
707 td.selectPrompt {
708         font-size : 9pt;
709         color : gray;
710 }
711
712 table.headlinesSubToolbar {
713         border-width : 0px 0px 1px 0px;
714         border-style : solid;
715         border-color : #f0f0f0;
716         position : absolute;
717         left : 1px;
718         top : 0px;
719         height : 25px;
720         right : 0px;
721         background-color : white;
722 }
723
724 table.headlinesSubToolbar td.headlineActions {
725         font-size : 9pt;
726         font-family : "Lucida Grande", Tahoma, sans-serif;
727         color : gray;
728         padding : 0px 5px 0px 5px;
729 }
730
731 table.headlinesSubToolbar td.headlineActionsRTL {
732         font-size : 9pt;
733         font-family : "Lucida Grande", Tahoma, sans-serif;
734         color : gray;
735         padding : 0px 5px 0px 5px;
736 }
737
738 table.headlinesSubToolbar td.headlineTitle {
739         font-size : 9pt;
740         font-family : "Lucida Grande", Tahoma, sans-serif;
741         color : gray;
742         padding : 0px 5px 0px 5px;
743         text-align : right;
744 }
745
746 table.headlinesSubToolbar td.headlineTitleRTL {
747         font-size : 9pt;
748         font-family : "Lucida Grande", Tahoma, sans-serif;
749         color : gray;
750         padding : 0px 5px 0px 5px;
751         text-align : left;
752 }
753
754 span.contentPreview {
755         font-size : 9pt;
756         color : gray;
757         font-weight : normal;
758 }
759
760 span.contentPreview:hover {
761         color : #4684ff;
762 }
763
764 table.headlinesList {
765         width : 100%;
766 }
767
768 table.headlinesList td.hlMarkedPic {
769         width : 25px;
770         text-align : center;
771 }
772
773 table.headlinesList td.hlfeed {
774         text-align : right;
775 }
776
777 td.hlSelectRow, td.hlUpdatePic {
778         width : 25px;
779         text-align : center;
780 }
781
782 table.headlinesList td.hlUpdated {
783         color : gray;
784         text-align : right;
785         width : 100px;
786 }
787
788 table.headlinesList tr td {
789         padding : 2px 0px 2px 0px;
790 }
791
792 div.postHeader div.postDate {
793         text-align : right;
794         color : gray;
795         float : right;
796 }
797
798 div.postHeader div.postDateRTL {
799         text-align : left;
800         color : gray;
801         float : right;
802 }
803
804 div.postReply span.tagList {
805         color : gray;
806 }
807
808 div.postHeader div {
809         padding-bottom : 3px;
810         font-size : 10pt;
811         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
812 }
813
814 #feedUpdateErrors {
815         display : none;
816 }
817
818 #allEntryTags {
819         font-size : 9pt;
820         border-width : 0px 0px 1px 0px;
821         border-style : solid;
822         border-color : #c0c0c0;
823         padding-bottom : 5px;
824         display : none;
825 }
826
827 /*td.hlContent {
828         overflow : hidden;
829         height : 1em;
830         display : block;
831 } */
832
833 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
834         height : 1em;
835 }
836
837 td.hlFeed {
838         text-align : right;
839 }
840
841 div.cdmArticle {
842         border-color : #c0c0c0;
843         border-width : 0px 0px 1px 0px;
844         border-style : solid;
845         background-color : #fafafa;
846         margin : 0px;
847         padding : 10px;
848 }
849
850 div.cdmArticleUnread {
851         border-color : #c0c0c0;
852         border-width : 0px 0px 1px 0px;
853         border-style : solid;
854         background-color : #fafeff;
855         margin : 0px;
856         padding : 10px;
857 }
858
859 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
860         margin : 0px;
861         padding : 10px;
862         background-color : #fff7d5;
863         border-color : #e7d796;
864         border-width : 0px 0px 1px 0px;
865         border-style : solid;
866 }
867
868 div.cdmArticleUnread div.cdmHeader a.title, 
869 div.cdmArticleUnreadSelected div.cdmHeader a.title {
870         font-weight : bold;
871 }
872
873 div.cdmHeader {
874         padding-bottom : 5px;
875 }
876
877 div.cdmFooter {
878         font-size : 9pt;
879         color : gray;
880         padding-top : 5px;
881 }
882
883 div.cdmFooter img.markedPic {
884         width : 16px;
885         height : 16px;
886         float : right;
887 }
888
889 div.cdmHeader div.articleUpdated {
890         float : right;
891 }
892
893 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
894         margin : 0px;
895 }
896
897 div.cdmHeader, div.cdmHeader a {
898         color : gray;
899         font-size : 9pt;
900 }
901
902 div.cdmHeader a:hover {
903         color : #4684ff;
904 }
905
906 div.cdmContent {
907         margin-bottom : 5px;
908 }
909
910 a.warning {
911         color : #f04040;
912 }
913
914 img.closeButton {
915         border-width : 0px;
916         float : right;
917 }
918
919 span.groupPrompt {
920         font-size : 9pt;
921         color : #4684ff;
922 }
923
924 ul.feedErrorsList {
925         height : 300px;
926         overflow : auto;
927         list-style-type : none;
928         border : 1px solid #99d67a;
929         background-color : white;
930         margin : 0px 0px 5px 0px;
931         padding : 0px;
932 }
933
934 ul.userFeedList {
935         height : 300px;
936         overflow : auto;
937         list-style-type : none;
938         border : 1px solid #99d67a;
939         background-color : white;
940         margin : 0px 0px 5px 0px;
941         padding : 0px;
942 }
943
944 /* #browseBigFeedList li.oddSelected {
945         border : 1px solid #d0d0f6;
946         background-color : #eaeaff;
947         -moz-border-radius : 5px;
948 } */
949
950 ul.labelTestResults {
951         height : 100px;
952         overflow : auto;
953         list-style-type : none;
954         margin : 0px 0px 5px 0px;
955         padding : 0px;
956         border : 1px solid #99d67a;
957         background-color : white;
958 }
959
960 ul.filterTestResults {
961         height : 300px;
962         overflow : auto;
963         list-style-type : none;
964         margin : 0px 0px 5px 0px;
965         padding : 0px;
966         border : 1px solid #99d67a;
967         background-color : white;
968 }
969
970 ul.browseFeedList {
971         height : 300px;
972         overflow : auto;
973         list-style-type : none;
974         margin : 0px 0px 5px 0px;
975         padding : 0px;
976         border : 1px solid #99d67a;
977         background-color : white;
978 }
979
980 ul.browseFeedList li {
981         margin : 0px;
982         padding : 0px;
983 }
984
985 span.subscribers {
986         color : #808080;
987 }
988
989 div.subscribers {
990         color : #808080;
991         font-size : 9pt;
992         float : right;
993 }
994
995 input.feedBrowseCB {
996         margin-right : 1em;
997 }
998
999 div.browserDetails {
1000         margin : 5px 5px 5px 5px;
1001         display : none;
1002         padding : 5px;
1003 }
1004
1005 ul.compact {
1006         list-style-type : none;
1007         margin : 0px;
1008         padding : 0px;
1009 }
1010
1011 ul.compact li {
1012         margin : 0px;
1013         padding : 0px;
1014 }
1015
1016 div.browserFeedInfo {
1017         font-size : 9pt;
1018 /*      border : 1px solid #88b0f0;
1019         background-color : #ecf4ff;
1020         -moz-border-radius : 5px; */
1021         padding : 5px;
1022 }
1023
1024 div.browserFeedInfo div.detailsPart {
1025         margin : 5px 0px 5px 5px;       
1026 }
1027
1028 div.cdmContent a {
1029         color : #4684ff;
1030 }
1031
1032 div.cdmContent a:hover {
1033         color : black;
1034 }
1035
1036 a.cdmToggleLink {
1037         color : #808080;
1038         font-size : 9pt;
1039 }
1040
1041 a.cdmToggleLink:hover {
1042         color : #4684ff;
1043 }
1044
1045 .noborder {
1046         border-width : 0px;
1047 }
1048
1049 #debug_output {
1050         position : absolute;
1051         width : 400px;
1052         height : 200px;
1053         right : 20px;
1054         bottom : 20px;
1055         z-index : 999;
1056         background-color : white;
1057         display : none;
1058         border : 1px solid #c0c0c0;
1059         overflow : auto;
1060         margin : 0px;
1061         padding : 0px;
1062         list-style-type : none;
1063 }
1064
1065 #debug_output li {
1066         margin : 0px;
1067         padding : 0px;
1068         font-size : 8pt;
1069 }
1070
1071 #dialog_overlay {
1072         background : white;
1073         left : 0;
1074         top : 0;
1075         height : 100%;
1076         width : 100%;
1077         z-index : 2;
1078         opacity : 0.5;
1079         position : absolute;
1080         display : none;
1081 }
1082
1083 #overlay {
1084         background : white;
1085         left : 0;
1086         top : 0;
1087         height : 100%;
1088         width : 100%;
1089         z-index : 100;
1090         position : absolute;
1091 }
1092
1093 #overlay_inner {
1094         font-weight : bold;
1095         text-align : center;
1096         margin : 10px;
1097 }
1098
1099 #fatal_error {
1100         background : white;
1101         left : 0;
1102         top : 0;
1103         height : 100%;
1104         width : 100%;
1105         z-index : 200;
1106         display : none;
1107         position : absolute;
1108 }
1109
1110 #fatal_error_inner {
1111         font-weight : bold;
1112         margin : 10px;
1113         color : red;
1114 }
1115
1116 #fatal_error_msg {
1117         color : black;
1118         padding : 10px;
1119         font-weight : normal;
1120         background-color : #ffcccc;
1121         border : 1px solid #ff0000;
1122 }
1123
1124 #fatal_error_msg a {
1125         color : red;
1126 }
1127
1128 #fatal_error_msg a:hover {
1129         color : red;
1130         text-decoration : underline;
1131 }
1132
1133 #fatal_error_msg img {
1134         vertical-align : middle;
1135 }
1136
1137 #noDaemonWarning {      
1138         position : absolute;
1139         background-color : #ecf4ff;               
1140         border : 1px solid #88b0f0;
1141         padding : 10px;
1142         margin : 5px;
1143         z-index : 2;
1144         display : none;
1145 }
1146
1147 #qafInput {
1148         width : 100%;
1149 }
1150
1151 form {
1152         margin : 0px;
1153         padding : 0px;
1154 }
1155
1156 #main_toolbar_form {
1157         margin : 0px;
1158         padding : 0px;
1159         display : inline;
1160 }
1161
1162 div.feedExtInfo {
1163         margin-left : 2em;
1164         font-size : 7pt;
1165         color : gray;
1166         font-weight : normal;
1167 }
1168
1169 span.debugTS {
1170         color : #4684ff;
1171 }
1172
1173 #backReqBox {
1174         display : none;
1175 }
1176
1177 /*.scriptWarn:before {
1178         content : "Disabled script:";
1179 }*/
1180
1181 .scriptWarn {
1182         color : white;
1183         background-color : #903030;
1184         border : 1px solid #601010;
1185         padding : 3px;
1186         font-weight : bold;
1187         display : none;
1188 }
1189
1190 .objectWarn {
1191         color : gray;
1192         font-style: italic;
1193         text-align : center;
1194 }
1195
1196 table.loginForm2 {
1197         padding : 1em;
1198 }
1199
1200 table.loginForm2 .loginTop {
1201         border-width : 0px 0px 1px 0px;
1202         border-color : #88b0f0;
1203         border-style : solid;
1204         padding : 0.5em;
1205 }
1206
1207 table.loginForm2 .loginMiddle {
1208         padding : 3em;
1209 }
1210
1211 table.loginForm2 .loginBottom {
1212         border-width : 1px 0px 0px 0px;
1213         border-color : #88b0f0;
1214         border-style : solid;
1215         font-size : 9pt;
1216         text-align : center;
1217         color : #909090;
1218         padding : 0.5em;
1219 }
1220
1221 table.loginForm2 .loginBottom a {
1222         color : gray;
1223 }
1224
1225 table.loginForm2 .loginBottom a:hover {
1226         color : #4684ff;
1227 }
1228
1229 table.loginForm2 .loginError {
1230         color : red;
1231         margin : 0.5em;
1232 }
1233
1234 table.loginForm2 .innerLoginCell {
1235         padding-top : 0.5em;
1236 }
1237
1238 #milestoneDetails {
1239         display : none;
1240 }
1241
1242 div.loadingPrompt {
1243         padding : 1em;
1244         text-align : center;
1245         font-weight : bold;
1246 }
1247
1248 div.whiteBox {
1249         background-color : white;
1250         margin-left : 1px;
1251         text-align : center;
1252         padding : 1em;
1253 }
1254
1255 /* layout */
1256
1257 #header {
1258         position : absolute;
1259         white-space: nowrap;
1260         top : 10px;
1261         left : 15px;
1262         right : 5px;
1263         height : 40px;
1264         color : #4684ff;
1265         font-size : 9pt;
1266 }
1267
1268 #feeds-holder {
1269         border-width : 1px 1px 1px 0px;
1270         border-style : solid;
1271         border-color : #88b0f0;
1272         top : 50px;
1273         left : 0px;
1274         position : absolute;
1275         width : 260px;
1276         overflow : auto;
1277         bottom : 40px;
1278         border-collapse : collapse;
1279         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1280 }
1281
1282 #toolbar {
1283         position : absolute;
1284         left : 261px;
1285         padding : 5px 10px 5px 10px;
1286         top : 50px;
1287         right : 0px;
1288         white-space: nowrap;
1289         height : 30px;
1290         background-image : url("images/toolbar.png");
1291         background-position : bottom left;
1292         background-repeat : repeat-x;
1293         font-size : 9pt;
1294 }
1295
1296 div.headlines_normal {
1297         position : absolute;
1298         border-width : 1px 0px 0px 0px;
1299         border-style : solid;
1300         border-color : #88b0f0;
1301         left : 260px;
1302         height : 305px;
1303         top : 85px;
1304         right : 0px;
1305         overflow : hidden;
1306         font-size : 9pt;
1307         border-collapse : collapse;
1308         /* css hack for IE */
1309         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1310 }
1311
1312 div.headlines_cdm {
1313         position : absolute;
1314         border-width : 1px 0px 1px 0px;
1315         border-style : solid;
1316         border-color : #88b0f0;
1317         left : 260px;
1318         bottom : 40px;
1319         top : 85px;
1320         right : 0px;
1321         overflow : hidden;
1322         font-size : 9pt;
1323         border-collapse : collapse;
1324         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1325 }
1326
1327 #content-frame {
1328         position : absolute;
1329         border-width : 1px 0px 0px 0px;
1330         border-style : solid;
1331         border-color : #88b0f0;
1332         overflow : auto;
1333         top : 390px;
1334         left : 260px;
1335         bottom : 40px;
1336         right : 0px;
1337         border-collapse : collapse;
1338         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1339 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1340 }
1341
1342 #footer, #prefFooter {
1343         position : absolute;
1344         bottom : 0px;
1345         height : 20px;
1346         text-align : center;
1347         color : gray;
1348         font-size : 9pt;
1349         background-image : url("images/footer.png");
1350         background-position : top left;
1351         background-repeat : repeat-x; 
1352         background-color : white;
1353         right : 0px;
1354         left : 0px;
1355         padding : 10px;
1356         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1357         border-collapse : collapse;
1358         border-width : 1px 0px 0px 0px;
1359         border-style : solid;
1360         border-color : #88b0f0;
1361
1362 }
1363
1364 #footer a, #prefFooter a {
1365         color : gray;
1366 }
1367
1368 #footer a:hover, #prefFooter a:hover {
1369         color : black;
1370 }
1371
1372 #headlinesContainer {
1373         margin-left : 1px;
1374         background-color : white;
1375 }
1376
1377 #headlineActionsTop {
1378 /*      border-width : 0px 0px 1px 0px;
1379         border-style : solid;
1380         border-color : #c0c0c0;
1381         background-color : #fafafa; */
1382         font-size : 9pt;
1383 }
1384
1385 #headlinesInnerContainer {
1386         overflow : auto;
1387         position : absolute;
1388         left : 1px;
1389         right : 0px;
1390         bottom : 0px;
1391         top : 25px; 
1392 }
1393
1394 /* preferences layout */
1395
1396 #prefHeader {
1397         color : #4684ff;
1398         font-size : 9pt;
1399         margin : 10px;
1400         height : 33px;
1401 }
1402
1403 div.return {
1404         float : right;
1405         font-size : 9pt;
1406         margin-right : 10px;
1407 }
1408
1409 div.return a {
1410         color : #4684ff;
1411 }
1412
1413 div.return a:hover {
1414         color : black;
1415 }
1416
1417 #prefContent {
1418         clear : left;
1419         position : absolute;
1420         bottom : 40px;
1421         top : 75px;
1422         left : 0px;
1423         right : 0px;
1424         padding : 1em;
1425         overflow : auto;
1426         min-height : 300px;
1427         background-image : url("images/prefs-content.png");
1428         background-position : top left;
1429         background-repeat : repeat-x;
1430         border-width : 1px 0px 0px 0px;
1431         border-color : #88b0f0;
1432         border-style : solid;
1433         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1434         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1435         font-size : 10pt;
1436 }
1437
1438 #userSwitch {
1439         position : absolute;
1440         bottom : 2px;
1441         right : 2px;
1442 }
1443
1444 a.feedUpdErrLink {
1445         color : #ff0000;
1446         display : block;
1447         margin-bottom : 0.5em;
1448 }
1449
1450 .catCtrHasUnread {
1451         font-weight : bold;
1452 }
1453
1454 .catCtrNoUnread {
1455         display : none;
1456 }
1457
1458 ul.headlineDropdownMenu {
1459         list-style-type : none;
1460         margin : 0px;
1461         padding : 0px;
1462 }
1463
1464 ul.headlineDropdownMenu li.top {
1465         float : left;
1466         width : 9em;
1467         background-image : url("images/down_arrow.png");
1468         background-position : center right;
1469         background-repeat : no-repeat;
1470         margin : 0px; 
1471         cursor : pointer;
1472         border-width : 1px 1px 1px 1px;
1473         border-color : transparent;
1474         border-style : solid;
1475 }
1476
1477 ul.headlineDropdownMenu li.top2 {
1478         float : left;
1479 }
1480
1481 ul.headlineDropdownMenu li.vsep {
1482         float : left;
1483         margin : 0px 5px 0px 0px;
1484         border-width : 0px 1px 0px 0px;
1485         border-color : #c0c0c0;
1486         border-style : dotted;
1487         color : white;
1488 }
1489
1490 ul.headlineDropdownMenu li.top:hover {
1491         cursor : pointer;
1492         border-width : 1px 1px 0px 1px;
1493         border-color : #c0c0c0;
1494         border-style : solid;
1495 }
1496
1497 ul.headlineDropdownMenu li.top:hover ul {
1498         display : block;
1499 }
1500
1501 ul.headlineDropdownMenu ul {
1502         list-style-type : none;
1503         position : absolute;
1504         float : none;
1505         margin : 0px;
1506         padding : 0px;
1507         display : none;
1508         background-color : white;
1509         width : 9em;
1510         z-index : 3;
1511         top : auto;
1512         left : auto;
1513         border-width : 0px 1px 1px 1px;
1514         border-color : #c0c0c0;
1515         border-style : solid;
1516         margin-left : -1px;
1517 }
1518
1519 ul.headlineDropdownMenu ul li {
1520         float: none;
1521         padding : 2px 0px 2px 10px;
1522         color : black;
1523 }
1524
1525 ul.headlineDropdownMenu ul li:hover {
1526         color : #4684ff;
1527         background-color : #f0f0f0;
1528 }
1529
1530 #newVersionIcon {
1531         vertical-align : middle;
1532         cursor : pointer;
1533         display : none;
1534 }
1535
1536 a.helpLinkPic {
1537         float : right;
1538 }
1539
1540 a.helpLinkPic img {
1541         border-width : 0px;
1542 }
1543
1544 #fadd_login_container {
1545         display : none;
1546 }
1547
1548 li.feedCatHolder {
1549         display : inline;
1550 }