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