]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
grabber: add resize constraints (100px)
[tt-rss.git] / tt-rss.css
1 body {
2         background : white;
3         color : black;
4         margin : 0px;
5         padding : 0px;
6         font-family : "Lucida Grande", Arial, sans-serif;
7 }
8
9 blockquote {
10         margin : 5px 5px 5px 5px;
11         border-width : 0px 0px 0px 4px;
12         border-color : #e0e0e0;
13         border-style : solid;
14         padding : 5px;
15         background-color : #f0f0f0;
16 }
17
18 div.postReply {
19         padding : 0px;
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         border-width : 0px 0px 1px 0px;
34         border-style : dotted;
35         border-color : #88b0f0; 
36         margin : 0px 1px 0px 0px;
37         padding : 5px;
38 }
39
40 /* div.postReply > div.postHeader {
41         padding : 5px;
42 } */
43
44 div.postReply div.postContent {
45         padding : 10px;
46         font-size : 14px;
47 }
48
49 div.postReply div.postContent img {
50         border-width : 0px;
51 }
52
53 div.postReply div.postIcon {
54         float : right;
55         border : 0px;
56         margin : 10px 0px 10px 10px;
57 }
58
59 div.postReply div.postEnclosures {
60         margin-top : 1em;
61         color : gray;
62 }
63
64 div.postReply img.tagsPic {
65         width : 16px;
66         height : 16px;
67         vertical-align : middle;
68 }
69
70 div.postReply span.author {
71         font-size : 12px;
72 }
73
74 ul.feedList {
75         list-style-type : none;
76         margin : 5px;
77         padding : 0px 0px 0px 5px;
78         font-size : 12px;
79         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
80 }
81
82 ul.feedList li.feedCat {
83         margin : 0px;
84         padding : 3px 0px 3px 0px;
85         color : #707070;
86         font-size : 11px;
87 }
88
89 ul.feedList li.feedCat a {
90         color : #707070;
91 }
92
93 ul.feedList li.feedCat a:hover {
94         color : #4684ff;
95 }
96
97 ul.feedCatList {
98         list-style-type : none;
99         margin : 0px 0px 0px 15px;
100         padding : 0px;  
101 }
102
103 ul.feedCatList li {
104         margin : 0px;
105         padding : 0px 0px 2px 0px;
106         color : black;
107 }
108
109 ul.feedList > li {
110         padding : 0px 0px 2px 0px;
111 }
112
113 ul.feedCatList img, ul.feedList img {
114         vertical-align : bottom;
115 }
116
117 li.feedUnread, 
118 li.errorUnread, 
119 li.labelUnread, 
120 li.virtUnread,
121 li.tagUnread {
122         font-weight : bold;
123 }
124
125 li.errorSelected a,
126 li.error a,
127 li.errorUnread a,
128 li.errorUnreadSelected a {
129         color : #f04040;
130 }
131
132 li.feedSelected a,
133 li.labelSelected a,
134 li.virtSelected a,
135 li.tagSelected a {
136         color : #4684ff;
137 }
138
139 li.feedUnreadSelected a,
140 li.labelUnreadSelected a,
141 li.virtUnreadSelected a,
142 li.tagUnreadSelected a {
143         color : #4684ff;
144 }
145
146 li.feedUnreadSelected,
147 li.errorUnreadSelected,
148 li.labelUnreadSelected,
149 li.virtUnreadSelected,
150 li.tagUnreadSelected {
151         font-weight : bold;
152 }
153
154 li.feed {
155         display : block;
156 }
157
158 ul.feedList img, img.tinyFeedIcon {
159         margin : 0px 3px 0px 0px;
160         width : 16px;
161         height : 16px;
162         border-width : 0px;
163 }
164
165 h1 {
166         font-size : 18px;
167 }
168
169 h2 {
170         font-size : 16px;
171         font-weight : bold;
172         border-width : 0px 0px 1px 0px;
173         border-style : solid;
174         border-color : #ecf4ff;
175 }
176
177 h3 {
178         font-size : 14px;
179         font-weight : bold;
180         border-width : 0px 0px 1px 0px;
181         border-style : solid;
182         border-color : #ecf4ff;
183 }
184
185 hr {
186         border-width : 0px 0px 1px 0px;
187         border-style : dashed;
188         border-color : #e0e0e0;
189 }
190
191 a {
192         color : black;
193         text-decoration : none;
194 }
195
196 a:hover {
197         color : #4684ff;
198 }
199
200 #piggie {
201         z-index : 999;
202         position : absolute;
203 }
204
205 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
206 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
207 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
208 #iedit_parent_feed {
209         width : 100%;
210         padding-left : 2px;
211         background-color : #f0fff0;
212 }
213
214 textarea.iedit {
215         width : 100%;
216 }
217
218 input.iedit {
219         width : 100%;
220         padding-left : 2px;
221 }
222
223 select.iedit {
224         width : 100%;
225 }
226
227 input.editbox {
228         width : 200px;
229         padding-left : 2px;
230 }
231
232 #notify {
233         border-width : 1px;
234         border-style : solid;
235         top : 10px;
236         right : 35%;
237         min-width : 30%;
238         position : absolute;    
239         display : none;
240         float : right;
241         font-size : 12px;
242         z-index : 998;
243         -moz-border-radius : 2px;
244         padding : 5px 5px 5px 5px;
245 }
246
247 #notify img {
248         vertical-align : middle;
249 }
250
251 .notifyProgress {
252         border-color : #d7c47a;
253         background-color : #fff7d5;
254         color : black;
255 }
256
257 .notifyInfo {
258         border-color : #7AD78E;
259         background-color : #D5FFDB;
260         color : black;
261 }
262
263 .notify {
264         border-color : #d7c47a;
265         background-color : #fff7d5;
266         color : black;
267 }
268
269 .notifyError {
270         background-color : #ffcccc;
271         border-color : #ff0000;
272         color : black;
273 }
274
275 .notifyError span:hover {
276         color : red;
277         cursor : pointer;
278 }
279
280 #dispSwitch {
281         font-size : 11px;
282         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
283         text-align : right;
284         float : right;
285         margin : 5px 5px 0px 0px;
286 }
287
288 #dispSwitch a {
289         color : gray;
290 }
291
292 #dispSwitch a:hover {
293         color : #4684ff;
294 }
295
296 div.expPane {
297         margin : 15px;
298 }
299
300 iframe {
301         border : 0px solid white;
302 }
303
304 iframe.feedsFrameWithActions {
305         width : 100%;
306         height : 90%;
307         margin : 0px;
308         padding : 0px;
309 }
310
311 iframe.feedsFrame {
312         width : 100%;
313         height : 100%;
314         margin : 0px;
315         padding : 0px;
316 }
317
318 iframe.contentFrame, iframe.headlinesFrame {
319         width : 100%;
320         padding : 0px;
321         margin : 0px;
322         height : 100%;
323 }
324
325 /*.button {
326         border : 1px solid #d0d0d0;
327         background-image : url("images/button.png");
328         background-position : top;
329         background-repeat : repeat-x;
330         background-color : white;
331         color : black;  
332 }
333
334 .button:hover {
335         background : white;
336         text-decoration : none;
337         color : black;
338 }
339
340 .disabledButton {
341         border : 1px solid #c0c0c0;
342         background-color : white;
343         color : gray;   
344 }
345
346 a.button {
347         padding : 2px 5px 2px 5px;
348         font-size : small;
349 } */
350
351 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
352         .evenSelectedUnread td {
353         background-color : #fff7d5;
354         font-weight : bold;
355                   border-width : 1px 0px 1px 0px;
356                   border-style : solid;
357                   border-color : #e7d796;
358 }
359
360 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
361         .oddSelectedUnread td {
362         background-color : #fff7d5;
363         font-weight : bold;
364 }
365
366 .evenSelected, .evenSelected td {
367         background-color : #fff7d5;
368                   border-width : 1px 0px 1px 0px;
369                   border-style : solid;
370                   border-color : #e7d796;
371 }
372
373 .oddSelected, .evenSelected td {
374         background-color : #fff7d5;
375 }
376
377 .evenGrayed, .evenGrayed td {
378         background-color : #f0f0f0;
379         color : #909090;
380                   border-width : 1px 0px 1px 0px;
381                   border-style : solid;
382                   border-color : #c0c0c0;
383 }
384
385 .oddGrayed {
386         color : #909090;
387 }
388
389 .even, .even td {
390                   border-width : 1px 0px 1px 0px;
391                   border-style : solid;
392                   border-color : #c0c0c0;
393         background-color : #f0f0f0;
394 }
395
396 .evenUnread, .evenUnread td {
397         background-color : #f0f0f0;
398         font-weight : bold;
399                   border-width : 1px 0px 1px 0px;
400                   border-style : solid;
401                   border-color : #c0c0c0;
402 }
403
404 .oddUnread, .oddUnread td {
405         font-weight : bold;
406 }
407
408 .invisible {
409         display : none;
410 }
411
412 /* preferences */
413
414 tr.title td {
415         border-width : 0px 0px 1px 0px;
416         border-color : #ecf4ff;
417         border-style : solid;
418         color : #4684ff;
419 }
420
421 tr.title td a {
422         color : #4684ff;
423 }
424
425 tr.title td a:hover {
426         color : black;
427 }
428
429 div.feedEditSearch {
430         float : right;
431 }
432
433 table.prefFeedList td.feedEditCat {
434         font-weight : bold;
435         border-width : 0px 0px 1px 0px;
436         border-style : solid;
437         border-color : #88b0f0;
438         padding-top : 0.5em;
439 }
440
441 table.prefFilterList td.filterEditCat {
442         font-weight : bold;
443         border-width : 0px 0px 1px 0px;
444         border-style : solid;
445         border-color : #88b0f0;
446         padding-top : 0.5em;
447 }
448
449 /* oh for the love of... */
450
451 table.prefFilterList tr.even,
452 table.prefFilterList tr.odd,
453 table.prefFilterList tr.evenSelected,
454 table.prefFilterList tr.oddSelected,
455 table.prefLabelList tr.even,
456 table.prefLabelList tr.odd,
457 table.prefLabelList tr.evenSelected,
458 table.prefLabelList tr.oddSelected,
459 table.prefUserList tr.even,
460 table.prefUserList tr.odd,
461 table.prefUserList tr.evenSelected,
462 table.prefUserList tr.oddSelected,
463 table.prefFeedList tr.even,
464 table.prefFeedList tr.odd,
465 table.prefFeedList tr.evenSelected,
466 table.prefFeedList tr.oddSelected
467 {       
468         cursor : pointer;
469 }
470
471 table.prefFilterList tr.even:hover td, 
472 table.prefFilterList tr.odd:hover td,
473 table.prefFilterList tr.evenSelected:hover td, 
474 table.prefFilterList tr.oddSelected:hover td 
475 table.prefLabelList tr.even:hover td, 
476 table.prefLabelList tr.odd:hover td,
477 table.prefLabelList tr.evenSelected:hover td, 
478 table.prefLabelList tr.oddSelected:hover td,
479 table.prefUserList tr.even:hover td, 
480 table.prefUserList tr.odd:hover td,
481 table.prefUserList tr.evenSelected:hover td, 
482 table.prefUserList tr.oddSelected:hover td,
483 table.prefFeedList tr.even:hover td, 
484 table.prefFeedList tr.odd:hover td,
485 table.prefFeedList tr.evenSelected:hover td, 
486 table.prefFeedList tr.oddSelected:hover td
487 {
488         color : #88b0f0;
489 }
490
491 table.prefFeedList td.feedIcon {
492         text-align : center;
493 }
494
495 table.prefFeedList td.feedSelect {
496         text-align : center;
497 }
498
499 div.prefFeedCatHolder {
500         height : 250px;
501         overflow : auto;
502         border : 1px solid #99d67a;
503         margin : 5px 0px 5px 0px;
504         background-color : white;
505 }
506
507 a.helpLink {
508         color : #808080;
509 }
510
511 a.helpLink:hover {
512         color : #4684ff;
513 }
514
515 div.helpResponse {
516         margin : 10px;
517         background-image : url("images/vgrad_light_rev2.png");
518         background-position : top left;
519         background-repeat : repeat-x;
520         padding : 10px 20px 10px 20px;
521         border : 1px solid #f0f0f0;
522 }
523
524 #infoBoxTitle {
525         border-width : 1px 1px 1px 1px;
526         border-style : solid;
527         border-color : #99d67a;
528         background-color : #99d67a;
529         padding : 2px;
530         color : white;
531 }
532
533 #infoBox {      
534         border-width : 1px 1px 1px 1px;
535         border-style : solid;
536         border-color : #99d67a;
537         position : relative;
538         bottom : 2px;
539         right : 2px;
540         padding-bottom : 5px;   
541         background-color : #f8fcf5;
542 }
543
544 /*
545 #infoBoxTitle {
546         border-width : 1px 1px 1px 1px;
547         border-style : solid;
548         border-color : #88b0f0;
549         background-color : #88b0f0;
550         padding : 2px;
551         color : white;
552 }
553
554 #infoBox {      
555         border-width : 1px 1px 1px 1px;
556         border-style : solid;
557         border-color : #88b0f0;
558         position : relative;
559         bottom : 2px;
560         right : 2px;
561         padding-bottom : 5px;   
562         background-color : #f7faff;
563 } */
564
565 #infoBoxShadow {
566         background-image : url("images/shadow.png");
567         left : 25%;
568         top : 30%;
569         width : 50%;
570         z-index : 3;
571         position : absolute;
572         display : none;
573
574
575 div.infoBoxContents {
576         padding : 10px;
577         margin-bottom : 5px;
578         font-size : 12px;
579 }
580
581 div.infoBoxContents td {
582         font-size : 12px;
583 }
584
585 div.infoBoxContents a {
586         color : #527040;
587 }
588
589 div.infoBoxContents a:hover {
590         color : black;
591 }
592
593 div.helpResponse h1, div.infoBoxContents h1 {
594 /*        border-width : 0px 0px 1px 0px;
595         border-style : solid;
596         border-color : #c0c0c0; */
597         font-size : 18px;
598 }
599
600 div.helpResponse h2, div.infoBoxContents h2 {
601 /*        border-width : 0px 0px 0px 0px; */
602         font-size : 16px;
603 }
604
605 pre {
606         margin : 5px;
607 }
608
609 input.extSearch {
610         width : 100%;
611 }
612
613 div.firstTab {
614         width : 10px;
615         float : left;
616 }
617
618 div.prefsTab:hover {
619         cursor : pointer;
620 }
621
622 div.prefsTabSelected:hover {
623         cursor : pointer;
624 }
625
626 div.prefsTab {
627         float : left;
628         border-width : 1px 1px 0px 1px;
629         border-color : #88b0f0;
630         border-style : solid;
631         margin : 0px 0px 0px 5px;
632         padding : 3px 5px 3px 5px;
633         font-size : 12px;
634         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
635         border-collapse : collapse;
636         min-width : 100px;
637         text-align : center;
638         cursor : pointer;
639 }
640
641 div.prefsTabSelected {
642         float : left;
643         border-width : 1px 1px 0px 1px;
644         border-color : #88b0f0;
645         border-style : solid;
646         margin : 0px 0px 0px 5px;
647         padding : 3px 5px 3px 5px;
648         background-color : #ecf4ff;
649         font-size : 12px;
650         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
651         border-collapse : collapse;
652         font-weight : bold;
653         min-width : 100px;
654         text-align : center;
655         cursor : pointer;
656 }
657
658 div.notice {
659         background : #ffffff;
660         border : 1px solid #88b0f0;
661         width : 60%;
662         padding : 5px;
663         margin : 0px 0px 5px 0px;
664         font-size : 12px;
665 }
666
667 div.warning {
668         background : #fff7d5;
669         border : 1px solid #d7c47a;
670         font-size : 12px;
671         width : 60%;
672         padding : 5px;
673         margin : 0px 0px 5px 0px;
674 }
675
676
677 div.warning img, div.notice img, div.error img {
678         vertical-align : middle;
679         padding : 5px;
680 }
681
682 div.error {
683         border : 1px solid #ff0000;
684         background : #ffcccc;
685         padding : 5px;
686         margin : 0px 0px 5px 0px;
687         font-size : 12px;
688 }
689
690 ul.nomarks {
691         list-style-type : none;
692         margin : 0px;
693         padding : 10px; 
694 }
695
696 div.prefHelp, td.prefHelp {
697         color : gray;
698         padding : 5px;
699 }
700
701 table.loginForm {
702         background-color : #ecf4ff;
703 }
704
705 table.innerLoginForm {
706         border : 1px solid #88b0f0;
707         padding : 50px;
708         background-color : white;
709 }
710
711 table.innerLoginForm td {
712         padding : 3px 3px 5px 3px;
713 }
714
715 span.feed_error {
716         color : red;
717 }
718
719 .insensitive {
720         color : gray;
721 }
722
723 .insensitive a {
724         color : #4684ff;
725 }
726
727 .insensitive a:hover {
728         color : black;
729 }
730
731 /* .prefGenericAddBox {
732         font-size : 12px;
733 } */
734
735 body.logoutBody {
736         background-color : #f0f0f0;
737         color : black;
738 }
739
740 span.logoutWarning {
741         color : red;
742         font-weight : bold;
743 }
744
745 div.logoutContent {
746         width : 600px;
747         border : 1px solid #c0c0c0;
748         background-color : white;
749         margin-left : auto;
750         margin-right : auto;
751         margin-top : 20px;
752         padding : 10px;
753 }
754
755 .small {
756         font-size : 12px;
757 }
758
759 table.innerFeedTable td {
760         margin : 0px;
761         padding : 0px;
762 }
763
764 td.selectPrompt {
765         font-size : 12px;
766         color : gray;
767 }
768
769 table.headlinesSubToolbar {
770         border-width : 0px 0px 1px 0px;
771         border-style : solid;
772         border-color : #f0f0f0;
773         position : absolute;
774         left : 0px;
775         top : 0px;
776         height : 25px;
777         right : 0px;
778         background-color : white;
779         font-size : 11px;
780         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
781         color : gray;
782 }
783
784 input#subtoolbar_search_box {
785         height : 10px;
786         font-size : 9px;
787         vertical-align : middle;
788 }
789
790 table.headlinesSubToolbar td.headlineActions {
791         padding : 0px 5px 0px 5px;
792 }
793
794 table.headlinesSubToolbar td.headlineActionsRTL {
795         padding : 0px 5px 0px 5px;
796 }
797
798 table.headlinesSubToolbar td.headlineTitle {
799         padding : 0px 5px 0px 5px;
800         text-align : right;
801 }
802
803 table.headlinesSubToolbar td.headlineTitleRTL {
804         padding : 0px 5px 0px 5px;
805         text-align : left;
806 }
807
808 span.contentPreview {
809         font-size : 12px;
810         color : gray;
811         font-weight : normal;
812 }
813
814 span.contentPreview:hover {
815         color : #4684ff;
816 }
817
818 table.headlinesList {
819         width : 100%;
820 }
821
822 table.headlinesList td.hlMarkedPic {
823         width : 25px;
824         text-align : center;
825 }
826
827 table.headlinesList td.hlfeed {
828         text-align : right;
829 }
830
831 td.hlSelectRow, td.hlUpdPic {
832         width : 25px;
833         text-align : center;
834 }
835
836 table.headlinesList td.hlUpdated {
837         color : gray;
838         text-align : right;
839         width : 100px;
840         cursor : pointer;
841 }
842
843 table.headlinesList tr td {
844         padding : 2px 0px 2px 0px;
845 }
846
847 div.postHeader div.postDate {
848         text-align : right;
849         color : gray;
850         float : right;
851 }
852
853 div.postHeader div.postDateRTL {
854         text-align : left;
855         color : gray;
856         float : right;
857 }
858
859 div.postReply span.tagList {
860         color : gray;
861 }
862
863 div.postHeader div {
864         padding-bottom : 3px;
865         font-size : 12px;
866         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
867 }
868
869 #feedUpdateErrors {
870         display : none;
871 }
872
873 #allEntryTags {
874         font-size : 12px;
875         border-width : 0px 0px 1px 0px;
876         border-style : solid;
877         border-color : #c0c0c0;
878         padding-bottom : 5px;
879         display : none;
880 }
881
882 /*td.hlContent {
883         overflow : hidden;
884         height : 1em;
885         display : block;
886 } */
887
888 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
889         height : 1em;
890 }
891
892 td.hlFeed {
893         text-align : right;
894 }
895
896 span.hlFeed, span.hlFeed a {
897         font-size : 12px;
898         color : gray;
899 }
900
901 span.hlFeed a:hover {
902         color : #4684ff;
903 }
904
905 /* div.cdmArticle:hover {
906         background-color : white;
907 } */
908
909 div.cdmAllTags {
910         float : left;
911         background-color : white;
912         border : 1px solid #c0c0c0;
913         display : none;
914         z-index : 3;
915         top : auto;
916         left : auto;
917         right : auto;
918         position : absolute;
919         padding : 10px;
920 }
921
922 span.cdmAllTagsCtr:hover div {
923         display : block;
924 }
925
926 div.cdmArticle {
927         border-color : #a0a0a0;
928         border-width : 0px 0px 1px 0px;
929         border-style : solid;
930         background-color : #f9faff;
931         margin : 0px;
932         color : #505050;
933         /* padding : 10px; */
934         color : black;
935
936 }
937
938 /* div.cdmArticleUnread:hover {
939         background-color : white;
940 } */
941
942 div.cdmArticleUnread {
943         border-color : #a0a0a0;
944         border-width : 0px 0px 1px 0px;
945         border-style : solid;
946         background-color : white;
947         margin : 0px;
948         /* padding : 10px; */
949         color : black;
950 }
951
952 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
953         margin : 0px;
954         background-color : #fff7d5;
955         border-color : #e7d796;
956         border-width : 0px 0px 1px 0px;
957         border-style : solid;
958 }
959
960 div.cdmArticleUnread div.cdmHeader a.title, 
961 div.cdmArticleUnreadSelected div.cdmHeader a.title {
962         font-weight : bold;
963 }
964
965 div.cdmHeader {
966         padding : 5px 5px 10px 5px;
967 }
968
969 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
970         color : black;
971 }
972
973 div.cdmFooter {
974         font-size : 12px;
975         color : black;
976         padding : 5px;
977         color : gray;
978 /*      background-color : white; */
979         border-width : 1px 0px 0px 0px;
980         border-color : #c0c0c0;
981         border-style : dotted;
982 }
983
984 /*div.cdmArticleSelected div.cdmFooter {
985         background-color : transparent;
986 }
987
988 div.cdmArticleUnreadSelected div.cdmFooter {
989         background-color : transparent;
990 }*/
991
992 div.cdmFooter span.s0 {
993         border-width : 0px 1px 0px 0px;
994         border-color : #c0c0c0;
995         border-style : dotted;
996         padding : 0px 5px 0px 0px;
997 }
998
999 div.cdmFooter span.s1 {
1000         border-width : 0px 1px 0px 0px;
1001         border-color : #c0c0c0;
1002         border-style : dotted;
1003         padding : 0px 5px 0px 5px;
1004 }
1005
1006 div.cdmFooter span.s2 {
1007         padding : 0px 5px 0px 5px;
1008 }
1009
1010 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1011         width : 16px;
1012         height : 16px;
1013         vertical-align : middle;
1014 }
1015
1016 img.markedPic {
1017         cursor : pointer;
1018 }
1019
1020 div.cdmHeader div.articleUpdated {
1021         float : right;
1022 }
1023
1024 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1025         margin : 0px;
1026 }
1027
1028 div.cdmHeader, div.cdmHeader a {
1029         color : #505050;
1030         font-size : 12px;
1031 }
1032
1033 div.cdmHeader a:hover {
1034         color : #4684ff;
1035 }
1036
1037 div.cdmContent {
1038         margin : 5px 15px 0px 15px;
1039 }
1040
1041 div.cdmEnclosures {
1042         margin-top : 1em;
1043         color : gray;
1044 }
1045
1046 a.warning {
1047         color : #f04040;
1048 }
1049
1050 img.closeButton {
1051         border-width : 0px;
1052         float : right;
1053 }
1054
1055 span.groupPrompt {
1056         font-size : 12px;
1057         color : #4684ff;
1058 }
1059
1060 div.tagCloudContainer {
1061 /*      height : 300px;
1062         overflow : auto; */
1063         border : 1px solid #99d67a;
1064         background-color : white;
1065         margin : 5px 0px 5px 0px;
1066         padding : 5px;
1067         text-align : center;
1068 }
1069
1070 ul.feedErrorsList {
1071         height : 300px;
1072         overflow : auto;
1073         list-style-type : none;
1074         border : 1px solid #99d67a;
1075         background-color : white;
1076         margin : 0px 0px 5px 0px;
1077         padding : 0px;
1078 }
1079
1080 ul.userFeedList {
1081         height : 300px;
1082         overflow : auto;
1083         list-style-type : none;
1084         border : 1px solid #99d67a;
1085         background-color : white;
1086         margin : 0px 0px 5px 0px;
1087         padding : 0px;
1088 }
1089
1090 /* #browseBigFeedList li.oddSelected {
1091         border : 1px solid #d0d0f6;
1092         background-color : #eaeaff;
1093         -moz-border-radius : 5px;
1094 } */
1095
1096 /*#browseBigFeedList li {
1097         padding :0px;
1098 }*/
1099
1100 div.labelTestError {
1101         margin : 5px 0px 5px 0px;
1102         color : #f04040;
1103 }
1104
1105 ul.labelTestResults {
1106         height : 100px;
1107         overflow : auto;
1108         list-style-type : none;
1109         margin : 0px 0px 5px 0px;
1110         padding : 0px;
1111         border : 1px solid #99d67a;
1112         background-color : white;
1113 }
1114
1115 ul.filterTestResults {
1116         height : 300px;
1117         overflow : auto;
1118         list-style-type : none;
1119         margin : 0px 0px 5px 0px;
1120         padding : 0px;
1121         border : 1px solid #99d67a;
1122         background-color : white;
1123 }
1124
1125 ul.browseFeedList {
1126         height : 300px;
1127         overflow : auto;
1128         list-style-type : none;
1129         margin : 0px 0px 5px 0px;
1130         padding : 0px;
1131         border : 1px solid #99d67a;
1132         background-color : white;
1133 }
1134
1135 ul.browseFeedList li {
1136         margin : 0px;
1137         padding : 0px;
1138 }
1139
1140 span.subscribers {
1141         color : #808080;
1142 }
1143
1144 div.subscribers {
1145         color : #808080;
1146         font-size : 12px;
1147         float : right;
1148 }
1149
1150 input.feedBrowseCB {
1151         margin-right : 1em;
1152 }
1153
1154 div.browserDetails {
1155         margin : 5px 5px 5px 5px;
1156         padding : 5px;
1157 }
1158
1159 ul.compact {
1160         list-style-type : none;
1161         margin : 0px;
1162         padding : 0px;
1163 }
1164
1165 ul.compact li {
1166         margin : 0px;
1167         padding : 0px;
1168 }
1169
1170 div.browserFeedInfo {
1171         font-size : 12px;
1172 /*      border : 1px solid #88b0f0;
1173         background-color : #ecf4ff;
1174         -moz-border-radius : 5px; */
1175         padding : 5px;
1176 }
1177
1178 div.browserFeedInfo div.detailsPart {
1179         margin : 5px 0px 5px 5px;       
1180 }
1181
1182 div.cdmContent a {
1183         color : #4684ff;
1184 }
1185
1186 div.cdmContent a:hover {
1187         color : black;
1188 }
1189
1190 a.cdmToggleLink {
1191         color : #808080;
1192         font-size : 12px;
1193 }
1194
1195 a.cdmToggleLink:hover {
1196         color : #4684ff;
1197 }
1198
1199 .noborder {
1200         border-width : 0px;
1201 }
1202
1203 #debug_output {
1204         position : absolute;
1205         width : 400px;
1206         height : 200px;
1207         right : 20px;
1208         bottom : 20px;
1209         z-index : 999;
1210         background-color : white;
1211         border : 1px solid #c0c0c0;
1212         overflow : auto;
1213         margin : 0px;
1214         padding : 0px;
1215         list-style-type : none;
1216 }
1217
1218 #debug_output li {
1219         margin : 0px;
1220         padding : 0px;
1221         font-size : 11px;
1222 }
1223
1224 #dialog_overlay {
1225         left : 0;
1226         top : 0;
1227         height : 100%;
1228         width : 100%;
1229         z-index : 2;
1230         position : absolute;
1231         display : none;
1232         background-image : url("images/shadow_white.png");
1233 }
1234
1235 #overlay {
1236         background : white;
1237         left : 0;
1238         top : 0;
1239         height : 100%;
1240         width : 100%;
1241         z-index : 100;
1242         position : absolute;
1243 }
1244
1245 #overlay_inner {
1246         font-weight : bold;
1247         margin : 10px;
1248 }
1249
1250 #fatal_error {
1251         background : white;
1252         left : 0;
1253         top : 0;
1254         height : 100%;
1255         width : 100%;
1256         z-index : 200;
1257         display : none;
1258         position : absolute;
1259 }
1260
1261 #fatal_error_inner {
1262         font-weight : bold;
1263         margin : 10px;
1264         color : red;
1265 }
1266
1267 #fatal_error_msg {
1268         color : black;
1269         padding : 10px;
1270         font-weight : normal;
1271         background-color : #ffcccc;
1272         border : 1px solid #ff0000;
1273 }
1274
1275 #fatal_error_msg a {
1276         color : red;
1277 }
1278
1279 #fatal_error_msg a:hover {
1280         color : red;
1281         text-decoration : underline;
1282 }
1283
1284 #fatal_error_msg img {
1285         vertical-align : middle;
1286 }
1287
1288 #noDaemonWarning {      
1289         position : absolute;
1290         background-color : #ecf4ff;               
1291         border : 1px solid #88b0f0;
1292         padding : 10px;
1293         margin : 5px;
1294         z-index : 2;
1295         display : none;
1296 }
1297
1298 #qafInput {
1299         width : 100%;
1300 }
1301
1302 form {
1303         margin : 0px;
1304         padding : 0px;
1305 }
1306
1307 #main_toolbar_form {
1308         margin : 0px;
1309         padding : 0px;
1310         display : inline;
1311 }
1312
1313 div.feedExtInfo {
1314         margin-left : 2em;
1315         font-size : 7pt;
1316         color : gray;
1317         font-weight : normal;
1318 }
1319
1320 span.debugTS {
1321         color : #4684ff;
1322 }
1323
1324 #backReqBox {
1325         display : none;
1326 }
1327
1328 /*.scriptWarn:before {
1329         content : "Disabled script:";
1330 }*/
1331
1332 .scriptWarn {
1333         color : white;
1334         background-color : #903030;
1335         border : 1px solid #601010;
1336         padding : 3px;
1337         font-weight : bold;
1338         display : none;
1339 }
1340
1341 .objectWarn {
1342         color : gray;
1343         font-style: italic;
1344         text-align : center;
1345 }
1346
1347 table.loginForm2 {
1348         padding : 1em;
1349 }
1350
1351 table.loginForm2 .loginTop {
1352         border-width : 0px 0px 1px 0px;
1353         border-color : #88b0f0;
1354         border-style : solid;
1355         padding : 0.5em;
1356 }
1357
1358 table.loginForm2 .loginMiddle {
1359         padding : 3em;
1360 }
1361
1362 table.loginForm2 .loginBottom {
1363         border-width : 1px 0px 0px 0px;
1364         border-color : #88b0f0;
1365         border-style : solid;
1366         font-size : 12px;
1367         text-align : center;
1368         color : #909090;
1369         padding : 0.5em;
1370 }
1371
1372 table.loginForm2 .loginBottom a {
1373         color : gray;
1374 }
1375
1376 table.loginForm2 .loginBottom a:hover {
1377         color : #4684ff;
1378 }
1379
1380 table.loginForm2 .loginError {
1381         color : red;
1382         margin : 0.5em;
1383 }
1384
1385 table.loginForm2 .innerLoginCell {
1386         padding-top : 0.5em;
1387 }
1388
1389 #milestoneDetails {
1390         display : none;
1391 }
1392
1393 div.loadingPrompt {
1394         padding : 1em;
1395         text-align : center;
1396         font-weight : bold;
1397 }
1398
1399 div.whiteBox {
1400         background-color : white;
1401         margin-left : 1px;
1402         text-align : center;
1403         padding : 1em;
1404 }
1405
1406 /* layout */
1407
1408 #header {
1409         position : absolute;
1410         white-space: nowrap;
1411         top : 10px;
1412         left : 15px;
1413         right : 5px;
1414         height : 40px;
1415         color : #4684ff;
1416         font-size : 12px;
1417 }
1418
1419 #feeds-holder {
1420         border-width : 1px 1px 0px 0px;
1421         border-style : solid;
1422         border-color : #88b0f0;
1423         top : 50px;
1424         left : 0px;
1425         position : absolute;
1426         width : 260px;
1427         overflow : auto;
1428         bottom : 0px;
1429         border-collapse : collapse;
1430         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1431 }
1432
1433 #toolbar {
1434         position : absolute;
1435         left : 261px;
1436         padding : 5px 10px 5px 10px;
1437         top : 50px;
1438         right : 0px;
1439         white-space: nowrap;
1440         height : 30px;
1441         background-image : url("images/toolbar.png");
1442         background-position : bottom left;
1443         background-repeat : repeat-x;
1444         font-size : 12px;
1445 }
1446
1447 div.headlines_normal {
1448         position : absolute;
1449         border-width : 1px 0px 0px 0px;
1450         border-style : solid;
1451         border-color : #88b0f0;
1452         left : 261px;
1453         height : 305px;
1454         top : 85px;
1455         right : 0px;
1456         overflow : hidden;
1457         font-size : 12px;
1458         border-collapse : collapse;
1459         /* css hack for IE */
1460         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1461 }
1462
1463 div.headlines_cdm {
1464         position : absolute;
1465         border-width : 1px 0px 1px 0px;
1466         border-style : solid;
1467         border-color : #88b0f0;
1468         left : 261px;
1469         bottom : 40px;
1470         top : 85px;
1471         right : 0px;
1472         overflow : hidden;
1473         font-size : 12px;
1474         border-collapse : collapse;
1475         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1476 }
1477
1478 #content-frame {
1479         position : absolute;
1480         border-width : 1px 0px 0px 0px;
1481         border-style : solid;
1482         border-color : #88b0f0;
1483         overflow : auto;
1484         top : 390px;
1485         left : 261px;
1486         bottom : 40px;
1487         right : 0px;
1488         border-collapse : collapse;
1489         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1490 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1491 }
1492
1493 #resize-grabber {
1494         position : absolute;
1495         border-width : 1px;
1496         border-style : dotted;
1497         border-color : #88b0f0;
1498         background-color : white;
1499         width : 8px;
1500         height : 8px;
1501         z-index : 20;
1502         right : 20px;
1503         top : 20px;
1504         display : none;
1505         cursor : move;
1506 }
1507
1508 #footer, #prefFooter {
1509         position : absolute;
1510         bottom : 0px;
1511         height : 20px;
1512         text-align : center;
1513         color : gray;
1514         font-size : 12px;
1515         background-image : url("images/footer.png");
1516         background-position : top left;
1517         background-repeat : repeat-x; 
1518         background-color : white;
1519         right : 0px;
1520         left : 261px;
1521         padding : 10px;
1522         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1523         border-collapse : collapse;
1524         border-width : 1px 0px 0px 0px;
1525         border-style : solid;
1526         border-color : #88b0f0;
1527
1528 }
1529
1530 #prefFooter {
1531         left : 0px;
1532 }
1533
1534 #footer a, #prefFooter a {
1535         color : gray;
1536 }
1537
1538 #footer a:hover, #prefFooter a:hover {
1539         color : black;
1540 }
1541
1542 #headlinesContainer {
1543         margin-left : 0px;
1544         background-color : white;
1545 }
1546
1547 #headlineActionsTop {
1548 /*      border-width : 0px 0px 1px 0px;
1549         border-style : solid;
1550         border-color : #c0c0c0;
1551         background-color : #fafafa; */
1552         font-size : 12px;
1553 }
1554
1555 #headlinesInnerContainer {
1556         overflow : auto;
1557         position : absolute;
1558         left : 0px;
1559         right : 0px;
1560         bottom : 0px;
1561         top : 25px; 
1562 }
1563
1564 /* preferences layout */
1565
1566 #prefHeader {
1567         color : #4684ff;
1568         font-size : 12px;
1569         margin : 10px;
1570         height : 33px;
1571 }
1572
1573 div.return {
1574         float : right;
1575         font-size : 12px;
1576         margin-right : 10px;
1577 }
1578
1579 div.return a {
1580         color : #4684ff;
1581 }
1582
1583 div.return a:hover {
1584         color : black;
1585 }
1586
1587 #prefContent {
1588         clear : left;
1589         position : absolute;
1590         bottom : 40px;
1591         top : 75px;
1592         left : 0px;
1593         right : 0px;
1594         padding : 1em;
1595         overflow : auto;
1596         min-height : 300px;
1597         background-image : url("images/prefs-content.png");
1598         background-position : top left;
1599         background-repeat : repeat-x;
1600         border-width : 1px 0px 0px 0px;
1601         border-color : #88b0f0;
1602         border-style : solid;
1603         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1604         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1605         font-size : 12px;
1606 }
1607
1608 #userSwitch {
1609         position : absolute;
1610         bottom : 2px;
1611         right : 2px;
1612 }
1613
1614 a.feedUpdErrLink {
1615         color : #ff0000;
1616         display : block;
1617         margin-bottom : 0.5em;
1618 }
1619
1620 .catCtrHasUnread {
1621         font-weight : bold;
1622 }
1623
1624 .catCtrNoUnread {
1625         display : none;
1626 }
1627
1628 ul.headlineDropdownMenu {
1629         list-style-type : none;
1630         margin : 0px;
1631         padding : 0px;
1632 }
1633
1634 ul.headlineDropdownMenu li.top {
1635         float : left;
1636         width : 12em;
1637         background-image : url("images/down_arrow.png");
1638         background-position : center right;
1639         background-repeat : no-repeat;
1640         margin : 0px; 
1641         cursor : pointer;
1642         border-width : 1px 1px 1px 1px;
1643         border-color : transparent;
1644         border-style : solid;
1645 }
1646
1647 ul.headlineDropdownMenu li.top2 {
1648         float : left;
1649 }
1650
1651 ul.headlineDropdownMenu li.top3 {
1652         float : left;
1653         margin : 0px; 
1654         cursor : pointer;
1655         border-width : 1px 1px 1px 1px;
1656         border-color : transparent;
1657         border-style : solid;
1658 }
1659
1660 ul.headlineDropdownMenu li.vsep {
1661         float : left;
1662         margin : 0px 5px 0px 0px;
1663         border-width : 0px 1px 0px 0px;
1664         border-color : #c0c0c0;
1665         border-style : dotted;
1666         color : white;
1667 }
1668
1669 ul.headlineDropdownMenu li.top:hover {
1670         cursor : pointer;
1671         border-width : 1px 1px 1px 1px;
1672         border-color : #c0c0c0;
1673         border-style : solid;
1674 }
1675
1676 ul.headlineDropdownMenu li.top:hover ul {
1677         display : block;
1678 }
1679
1680 ul.headlineDropdownMenu ul {
1681         list-style-type : none;
1682         position : absolute;
1683         float : none;
1684         margin : 0px;
1685         padding : 0px;
1686         display : none;
1687         background-color : white;
1688         width : 12em;
1689         z-index : 3;
1690         top : auto;
1691         left : auto;
1692         border-width : 0px 1px 1px 1px;
1693         border-color : #c0c0c0;
1694         border-style : solid;
1695         margin-left : -1px;
1696 }
1697
1698 ul.headlineDropdownMenu ul li {
1699         float: none;
1700         padding : 2px 0px 2px 10px;
1701         color : black;
1702 }
1703
1704 ul.headlineDropdownMenu ul li:hover {
1705         color : #4684ff;
1706         background-color : #f0f0f0;
1707 }
1708
1709 #newVersionIcon {
1710         vertical-align : middle;
1711         cursor : pointer;
1712 }
1713
1714 a.helpLinkPic {
1715         float : right;
1716 }
1717
1718 a.helpLinkPic img {
1719         border-width : 0px;
1720 }
1721
1722 #fadd_login_container {
1723 }
1724
1725 li.feedCatHolder {
1726         display : inline;
1727 }
1728
1729 table.prefFeedCatList {
1730         background-color : white;
1731 }
1732
1733 a[target="_new"], a[target="_blank"] {
1734         border-width : 0px 0px 1px 0px;
1735         border-color : #778899;
1736         border-style : dotted;
1737 }
1738
1739 div.autocomplete {
1740         position : absolute;
1741         width : 250px;
1742         background-color : white;
1743         border :1px solid #778899;
1744         margin : 0px;
1745         padding : 0px;
1746 }
1747
1748 div.autocomplete ul {
1749         list-style-type : none;
1750         margin : 0px;
1751         padding : 0px;
1752 }
1753
1754 div.autocomplete ul li.selected { 
1755         background-color : #fff7d5;
1756 }
1757
1758 div.autocomplete ul li {
1759         list-style-type : none;
1760         display : block;
1761         margin : 0;
1762         padding : 2px;
1763         height : 32px;
1764         cursor : pointer;
1765 }
1766
1767 #feedOpToolbar {
1768         float : right;
1769 }
1770
1771 div.topLinks {
1772         float : right;
1773         margin-right : 5px;
1774         color : gray;
1775 }
1776
1777 div.topLinks a {
1778         color : #4684ff;        
1779 }
1780
1781 div.topLinks a:hover {
1782         color : black;
1783 }
1784
1785 div.topLinks a.feedback {
1786         color : #009900;
1787 }
1788
1789 div.dashboard {
1790         margin-left : 3px;
1791 }
1792
1793 a.visibleLink {
1794         color : #4684ff;
1795
1796 }
1797
1798 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1799         color : #4684ff;
1800 }
1801
1802 div.cdmFeedTitle {
1803         border-color : #a0a0a0;
1804         border-width : 0px 0px 1px 0px;
1805         border-style : solid;
1806         padding : 5px;
1807 }
1808
1809 table.headlinesList tr.feedTitle td {
1810 /*      text-align : right;
1811         margin-top : 10px; */
1812         padding-left : 5px;
1813 }
1814
1815 td.hlContent, td.hlContentL, td.hlContentH {
1816         cursor : pointer;
1817 }
1818
1819 td.hlContentH a, td.hlContentH span {
1820         color : #00cc00;
1821 }
1822
1823 td.hlContentL a, td.hlContentL span {
1824         color : #909090;
1825         text-decoration : line-through;
1826 }
1827
1828 span.titleWrapH, span.titleWrapH a {
1829         color : #00cc00;
1830 }
1831
1832 span.titleWrapL, span.titleWrapL a {
1833         color : #909090;
1834         text-decoration : line-through;
1835 }
1836
1837 img.hlScorePic {
1838         vertical-align : middle;
1839         width : 16px;
1840         height : 16px;
1841 }
1842
1843 div#hotkey_help_overlay {
1844         position : absolute;
1845         left : 30px;
1846         right : 30px;
1847         top : 30px;
1848         z-index : 999;
1849         color : white;
1850         font-size : 15px;
1851 }
1852
1853 div#hotkey_help_overlay h1 {
1854         text-align : center;
1855 }
1856
1857 div#hotkey_help_overlay ul {
1858         list-style-type : none;
1859         margin : 0px;
1860 }
1861
1862 div#hotkey_help_overlay li {
1863         margin : 0px;
1864 }
1865
1866 div#hotkey_help_overlay p {
1867         text-align : center;
1868 }
1869
1870 div#hotkey_help_overlay td.n {
1871         text-align : right;
1872         font-weight : bold;
1873         width : 6em;
1874         color : #a0ffa0;
1875         padding-right : 5px;
1876 }
1877
1878 div#hotkey_help_overlay td {
1879         vertical-align : top;
1880 }
1881
1882 div#hotkey_help_overlay h1 {
1883         margin : 0px;
1884 }
1885
1886 div#hotkey_help_overlay h2 {
1887         font-size : 16px;
1888         border-width : 0px;
1889         margin : 0.3em 0px 0.3em 0px;
1890         text-align : center;
1891         color : #88b0f0;
1892 }
1893
1894 div#hotkey_help_overlay table.hho td.c1 {
1895         height : 30px;
1896         width : 30px;
1897         background : url("images/c1.png");
1898         background-repeat : no-repeat;
1899
1900 }
1901
1902 div#hotkey_help_overlay table.hho td.c2 {
1903         height : 30px;
1904         width : 30px;
1905         background : url("images/c2.png");
1906         background-repeat : no-repeat;
1907 }
1908
1909 div#hotkey_help_overlay table.hho td.c3 {
1910         height : 30px;
1911         width : 30px;
1912         background : url("images/c3.png");
1913         background-repeat : no-repeat;
1914 }
1915
1916 div#hotkey_help_overlay table.hho td.c4 {
1917         height : 30px;
1918         width : 30px;
1919         background : url("images/c4.png");
1920         background-repeat : no-repeat;
1921 }
1922
1923 div#hotkey_help_overlay table.hho td.top,
1924 div#hotkey_help_overlay table.hho td.left,
1925 div#hotkey_help_overlay table.hho td.right,
1926 div#hotkey_help_overlay table.hho td.bottom,
1927 div#hotkey_help_overlay table.hho td.content {
1928         background : url("images/shadow_dark.png");     
1929 }
1930
1931 div#hotkey_help_overlay table.hho td.top,
1932 div#hotkey_help_overlay table.hho td.bottom {
1933         text-align : center;
1934         font-size : 13px;
1935 }
1936
1937 div.prefKbdHelp {
1938         float : right;
1939         font-size : 12px;
1940         margin-right : 15px;
1941 }
1942
1943 div.prefKbdHelp img {
1944         vertical-align : middle;
1945 }
1946
1947 div#l_progress_o {
1948         width : 200px;
1949         border : 1px solid black;
1950         background-color : white;
1951         margin-top : 10px;
1952 }
1953
1954 div#l_progress_i {
1955         width : 10px;
1956         background-color : #88b0f0;
1957         height : 10px;
1958 }