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