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