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