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