]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
infobox-based feed category editor
[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 div.prefFeedCatHolder {
416         height : 250px;
417         overflow : auto;
418         border : 1px solid #88b0f0;
419         margin : 5px 0px 5px 0px;
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 #infoBoxTitle {
440         border-width : 1px 1px 1px 1px;
441         border-style : solid;
442         border-color : #88b0f0;
443         background-color : #88b0f0;
444         padding : 2px;
445         color : white;
446 }
447
448
449 #infoBox {      
450         border-width : 1px 1px 1px 1px;
451         border-style : solid;
452         border-color : #88b0f0;
453         font-size : small;
454         position : relative;
455         bottom : 2px;
456         right : 2px;
457         padding-bottom : 5px;   
458         background-image : url("images/prefs-content.png");
459         background-position : top left;
460         background-repeat : repeat-x;
461         background-color : white;
462 }
463
464 #infoBoxShadow {
465         background-image : url("images/shadow.png");
466         left : 30%;
467         top : 30%;
468         width : 30%;
469         z-index : 3;
470         position : absolute;
471         display : none;
472 }
473
474 div.infoBoxContents {
475         padding : 10px;
476         margin-bottom : 5px;
477         font-size : small;
478 }
479
480 div.infoBoxContents td {
481         font-size : small;
482 }
483
484 div.helpResponse h1, div.infoBoxContents h1 {
485 /*        border-width : 0px 0px 1px 0px;
486         border-style : solid;
487         border-color : #c0c0c0; */
488         font-size : 16pt;
489 }
490
491 div.helpResponse h2, div.infoBoxContents h2 {
492 /*        border-width : 0px 0px 0px 0px; */
493         font-size : 12pt;
494 }
495
496 pre {
497         margin : 5px;
498 }
499
500 input.extSearch {
501         width : 100%;
502 }
503
504 div.firstTab {
505         width : 10px;
506         float : left;
507 }
508
509 div.prefsTab:hover {
510         cursor : pointer;
511 }
512
513 div.prefsTabSelected:hover {
514         cursor : pointer;
515 }
516
517 div.prefsTab {
518         float : left;
519         border-width : 1px 1px 0px 1px;
520         border-color : #88b0f0;
521         border-style : solid;
522         margin : 0px 0px 0px 5px;
523         padding : 3px 5px 3px 5px;
524         font-size : small;
525         position : relative;
526         bottom : -1px;
527         border-collapse : collapse;
528         -moz-border-radius : 3px;
529         min-width : 100px;
530         text-align : center;
531 }
532
533 div.prefsTabSelected {
534         float : left;
535         border-width : 1px 1px 0px 1px;
536         border-color : #88b0f0;
537         border-style : solid;
538         margin : 0px 0px 0px 5px;
539         padding : 3px 5px 3px 5px;
540         background-color : #ecf4ff;
541         font-size : small;
542         position : relative;
543         bottom : -1px;
544         border-collapse : collapse;
545         -moz-border-radius : 3px;
546         font-weight : bold;
547         min-width : 100px;
548         text-align : center;
549 }
550
551 div.warning {
552         background : #fff7d5;
553         border : 1px solid #d7c47a;
554         padding : 5px;
555         margin : 0px 0px 5px 0px;
556         font-size : small;
557 }
558
559 div.notice {
560         background : #ffffff;
561         border : 1px solid #88b0f0;
562         padding : 5px;
563         margin : 0px 0px 5px 0px;
564         font-size : small;
565 }
566
567 ul.nomarks {
568         list-style-type : none;
569         margin : 0px;
570         padding : 10px; 
571 }
572
573 div.bigErrorMsg {
574         border : 1px solid #c0c0c0;
575         background : #fff0f0;
576         padding : 30px;
577         margin : 20px;
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 {
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 td.postDate {
717         font-size : x-small;
718         text-align : right;
719         color : gray;
720 }
721
722 div.postHeader td.postDateRTL {
723         font-size : x-small;
724         text-align : left;
725         color : gray;
726 }
727
728 #feedUpdateErrors {
729         display : none;
730 }
731
732 #allEntryTags {
733         font-size : x-small;
734         border-width : 0px 0px 1px 0px;
735         border-style : solid;
736         border-color : #c0c0c0;
737         padding-bottom : 5px;
738         display : none;
739 }
740
741 /*td.hlContent {
742         overflow : hidden;
743         height : 1em;
744         display : block;
745 } */
746
747 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
748         height : 1em;
749 }
750
751 td.hlFeed {
752         text-align : right;
753 }
754
755 div.cdmArticle {
756         border-color : #c0c0c0;
757         border-width : 0px 0px 1px 0px;
758         border-style : solid;
759         background-color : #fafafa;
760         margin : 0px;
761         padding : 10px;
762 }
763
764 div.cdmArticleUnread {
765         border-color : #c0c0c0;
766         border-width : 0px 0px 1px 0px;
767         border-style : solid;
768         background-color : #fafeff;
769         margin : 0px;
770         padding : 10px;
771 }
772
773 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
774         margin : 0px;
775         padding : 10px;
776         background-color : #fff7d5;
777         border-color : #e7d796;
778         border-width : 0px 0px 1px 0px;
779         border-style : solid;
780 }
781
782 div.cdmArticleUnread div.cdmHeader a.title, 
783 div.cdmArticleUnreadSelected div.cdmHeader a.title {
784         font-weight : bold;
785 }
786
787 div.cdmHeader {
788         padding-bottom : 5px;
789 }
790
791 div.cdmFooter {
792         font-size : x-small;
793         color : gray;
794         padding-top : 5px;
795 }
796
797 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
798         margin : 0px;
799 }
800
801 div.cdmHeader, div.cdmHeader a {
802         color : gray;
803         font-size : x-small;
804 }
805
806 div.cdmHeader a:hover {
807         color : #4684ff;
808 }
809
810 div.cdmContent {
811         margin-bottom : 5px;
812 }
813
814 a.warning {
815         color : #f04040;
816 }
817
818 img.closeButton {
819         border-width : 0px;
820         float : right;
821 }
822
823 span.groupPrompt {
824         font-size : x-small;
825         color : #4684ff;
826 }
827
828 ul.userFeedList {
829         height : 300px;
830         overflow : auto;
831         list-style-type : none;
832         border : 1px solid #88b0f0;
833         background-color : white;
834         margin : 0px 0px 5px 0px;
835         padding : 0px;
836 }
837
838 /* #browseBigFeedList li.oddSelected {
839         border : 1px solid #d0d0f6;
840         background-color : #eaeaff;
841         -moz-border-radius : 5px;
842 } */
843
844 ul.labelTestResults {
845         height : 100px;
846         overflow : auto;
847         list-style-type : none;
848         margin : 0px 0px 5px 0px;
849         padding : 0px;
850         border : 1px solid #88b0f0;
851         background-color : white;
852 }
853
854 ul.filterTestResults {
855         height : 300px;
856         overflow : auto;
857         list-style-type : none;
858         margin : 0px 0px 5px 0px;
859         padding : 0px;
860         border : 1px solid #88b0f0;
861         background-color : white;
862 }
863
864 ul.browseFeedList {
865         height : 300px;
866         overflow : auto;
867         list-style-type : none;
868         margin : 0px 0px 5px 0px;
869         padding : 0px;
870         border : 1px solid #88b0f0;
871         background-color : white;
872 }
873
874 ul.browseFeedList li {
875         margin : 0px;
876         padding : 0px;
877 }
878
879 span.subscribers {
880         color : #808080;
881 }
882
883 div.subscribers {
884         color : #808080;
885         font-size : x-small;
886         float : right;
887 }
888
889 input.feedBrowseCB {
890         margin-right : 1em;
891 }
892
893 div.browserDetails {
894         margin : 5px 5px 5px 5px;
895         display : none;
896         padding : 5px;
897 }
898
899 ul.compact {
900         list-style-type : none;
901         margin : 0px;
902         padding : 0px;
903 }
904
905 ul.compact li {
906         margin : 0px;
907         padding : 0px;
908 }
909
910 div.browserFeedInfo {
911         font-size : x-small;
912 /*      border : 1px solid #88b0f0;
913         background-color : #ecf4ff;
914         -moz-border-radius : 5px; */
915         padding : 5px;
916 }
917
918 div.browserFeedInfo div.detailsPart {
919         margin : 5px 0px 5px 5px;       
920 }
921
922 div.cdmContent a {
923         color : #4684ff;
924 }
925
926 div.cdmContent a:hover {
927         color : black;
928 }
929
930 a.cdmToggleLink {
931         color : #808080;
932         font-size : x-small;
933 }
934
935 a.cdmToggleLink:hover {
936         color : #4684ff;
937 }
938
939 .noborder {
940         border-width : 0px;
941 }
942
943 #debug_output {
944         position : absolute;
945         width : 400px;
946         height : 200px;
947         right : 20px;
948         bottom : 20px;
949         z-index : 999;
950         background-color : white;
951         display : none;
952         border : 1px solid #c0c0c0;
953         overflow : auto;
954         margin : 0px;
955         padding : 0px;
956         list-style-type : none;
957 }
958
959 #debug_output li {
960         margin : 0px;
961         padding : 0px;
962         font-size : x-small;
963 }
964
965 #overlay {
966         background : white;
967         left : 0;
968         top : 0;
969         height : 100%;
970         width : 100%;
971         z-index : 100;
972         position : absolute;
973 }
974
975 #overlay_inner {
976         font-weight : bold;
977         text-align : center;
978         margin : 10px;
979 }
980
981 #fatal_error {
982         background : white;
983         left : 0;
984         top : 0;
985         height : 100%;
986         width : 100%;
987         z-index : 200;
988         display : none;
989         position : absolute;
990 }
991
992 #fatal_error_inner {
993         font-weight : bold;
994         margin : 10px;
995         color : red;
996 }
997
998 #fatal_error_msg {
999         border : 1px solid #c0c0c0;
1000         background-color : #f0f0f0;
1001         color : black;
1002         padding : 10px;
1003         font-weight : normal;
1004 }
1005
1006 #noDaemonWarning {      
1007         position : absolute;
1008         background-color : #ecf4ff;               
1009         border : 1px solid #88b0f0;
1010         padding : 10px;
1011         margin : 5px;
1012         z-index : 2;
1013         display : none;
1014 }
1015
1016 #qafInput {
1017         width : 100%;
1018 }
1019
1020 form {
1021         margin : 0px;
1022         padding : 0px;
1023 }
1024
1025 #main_toolbar_form {
1026         display : inline;
1027 }
1028
1029 div.feedExtInfo {
1030         margin-left : 2em;
1031         font-size : 7pt;
1032         color : gray;
1033         font-weight : normal;
1034 }
1035
1036 span.debugTS {
1037         color : #4684ff;
1038 }
1039
1040 #backReqBox {
1041         display : none;
1042 }
1043
1044 /*.scriptWarn:before {
1045         content : "Disabled script:";
1046 }*/
1047
1048 .scriptWarn {
1049         color : white;
1050         background-color : #903030;
1051         border : 1px solid #601010;
1052         padding : 3px;
1053         font-weight : bold;
1054 }
1055
1056 .objectWarn {
1057         color : gray;
1058         font-style: italic;
1059         text-align : center;
1060 }
1061
1062 table.loginForm2 {
1063         padding : 1em;
1064 }
1065
1066 table.loginForm2 .loginTop {
1067         border-width : 0px 0px 1px 0px;
1068         border-color : #88b0f0;
1069         border-style : solid;
1070         padding : 0.5em;
1071 }
1072
1073 table.loginForm2 .loginMiddle {
1074         padding : 3em;
1075 }
1076
1077 table.loginForm2 .loginBottom {
1078         border-width : 1px 0px 0px 0px;
1079         border-color : #88b0f0;
1080         border-style : solid;
1081         font-size : x-small;
1082         text-align : center;
1083         color : #909090;
1084         padding : 0.5em;
1085 }
1086
1087 table.loginForm2 .loginBottom a {
1088         color : gray;
1089 }
1090
1091 table.loginForm2 .loginBottom a:hover {
1092         color : #4684ff;
1093 }
1094
1095 table.loginForm2 .loginError {
1096         color : red;
1097         margin : 0.5em;
1098 }
1099
1100 table.loginForm2 .innerLoginCell {
1101         padding-top : 0.5em;
1102 }
1103
1104 #milestoneDetails {
1105         display : none;
1106 }
1107
1108 div.loadingPrompt {
1109         padding : 1em;
1110         text-align : center;
1111         font-weight : bold;
1112 }
1113
1114 div.whiteBox {
1115         background-color : white;
1116         margin-left : 1px;
1117         text-align : center;
1118         padding : 1em;
1119 }
1120
1121 /* layout */
1122
1123 #header {
1124         position : absolute;
1125         white-space: nowrap;
1126         top : 10px;
1127         left : 15px;
1128         right : 5px;
1129         height : 40px;
1130         color : #4684ff;
1131         font-size : small;
1132 }
1133
1134 #feeds-holder {
1135         border-width : 1px 1px 1px 0px;
1136         border-style : solid;
1137         border-color : #88b0f0;
1138         top : 50px;
1139         left : 0px;
1140         position : absolute;
1141         width : 260px;
1142         overflow : auto;
1143         bottom : 40px;
1144         border-collapse : collapse;
1145         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1146 }
1147
1148 #toolbar {
1149         position : absolute;
1150         left : 261px;
1151         padding : 5px 10px 5px 10px;
1152         top : 50px;
1153         right : 0px;
1154         white-space: nowrap;
1155         height : 30px;
1156         background-image : url("images/toolbar.png");
1157         background-position : bottom left;
1158         background-repeat : repeat-x;
1159 }
1160
1161 div.headlines_normal {
1162         position : absolute;
1163         border-width : 1px 0px 0px 0px;
1164         border-style : solid;
1165         border-color : #88b0f0;
1166         left : 260px;
1167         height : 305px;
1168         top : 85px;
1169         right : 0px;
1170         overflow : hidden;
1171         font-size : small;
1172         border-collapse : collapse;
1173         /* css hack for IE */
1174         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1175 }
1176
1177 div.headlines_cdm {
1178         position : absolute;
1179         border-width : 1px 0px 1px 0px;
1180         border-style : solid;
1181         border-color : #88b0f0;
1182         left : 260px;
1183         bottom : 40px;
1184         top : 85px;
1185         right : 0px;
1186         overflow : hidden;
1187         font-size : small;
1188         border-collapse : collapse;
1189         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1190 }
1191
1192 #content-frame {
1193         position : absolute;
1194         border-width : 1px 0px 1px 0px;
1195         border-style : solid;
1196         border-color : #88b0f0;
1197         overflow : auto;
1198         top : 390px;
1199         left : 260px;
1200         bottom : 40px;
1201         right : 0px;
1202         border-collapse : collapse;
1203         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1204         height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1205 }
1206
1207 #footer, #prefFooter {
1208         position : absolute;
1209         bottom : 0px;
1210         height : 20px;
1211         text-align : center;
1212         color : gray;
1213         font-size : x-small;
1214         background-image : url("images/footer.png");
1215         background-position : top left;
1216         background-repeat : repeat-x; 
1217         background-color : white;
1218         right : 0px;
1219         left : 0px;
1220         padding : 10px;
1221         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1222         border-collapse : collapse;
1223         border-width : 1px 0px 0px 0px;
1224         border-style : solid;
1225         border-color : #88b0f0;
1226
1227 }
1228
1229 #footer a, #prefFooter a {
1230         color : gray;
1231 }
1232
1233 #footer a:hover, #prefFooter a:hover {
1234         color : black;
1235 }
1236
1237 #headlinesContainer {
1238         margin-left : 1px;
1239         background-color : white;
1240 }
1241
1242 #headlineActionsTop {
1243 /*      border-width : 0px 0px 1px 0px;
1244         border-style : solid;
1245         border-color : #c0c0c0;
1246         background-color : #fafafa; */
1247         font-size : x-small;
1248 }
1249
1250 #headlinesInnerContainer {
1251         overflow : auto;
1252         position : absolute;
1253         left : 1px;
1254         right : 0px;
1255         bottom : 0px;
1256         top : 25px; 
1257 }
1258
1259 /* preferences layout */
1260
1261 #prefHeader {
1262         color : #4684ff;
1263         font-size : small;
1264         margin : 10px;
1265         height : 33px;
1266 }
1267
1268 div.return {
1269         float : right;
1270         font-size : small;
1271         margin-right : 10px;
1272 }
1273
1274 div.return a {
1275         color : #4684ff;
1276 }
1277
1278 div.return a:hover {
1279         color : black;
1280 }
1281
1282 #prefContent {
1283         clear : left;
1284         position : absolute;
1285         bottom : 40px;
1286         top : 75px;
1287         left : 0px;
1288         right : 0px;
1289         padding : 1em;
1290         overflow : auto;
1291         min-height : 300px;
1292         background-image : url("images/prefs-content.png");
1293         background-position : top left;
1294         background-repeat : repeat-x;
1295         font-size : small;
1296         border-width : 1px 0px 0px 0px;
1297         border-color : #88b0f0;
1298         border-style : solid;
1299         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1300         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1301
1302
1303 }
1304
1305 #userSwitch {
1306         position : absolute;
1307         bottom : 2px;
1308         right : 2px;
1309 }