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