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