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