]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
hotkeys: change f c and f C to q and Q
[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 : 10pt;
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 : 9pt;
72 }
73
74 ul.feedList {
75         list-style-type : none;
76         margin : 5px;
77         padding : 0px 0px 0px 5px;
78         font-size : 9pt;
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 : 9pt;
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 : 16pt;       
167 }
168
169 h2 {
170         font-size : 14pt;
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 : 12pt;
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 : 9pt;
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 : 8pt;
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 : 9pt;
579 }
580
581 div.infoBoxContents td {
582         font-size : 9pt;
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 : 16pt;
598 }
599
600 div.helpResponse h2, div.infoBoxContents h2 {
601 /*        border-width : 0px 0px 0px 0px; */
602         font-size : 12pt;
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 : 9pt;
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 : 9pt;
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 : 9pt;
665 }
666
667 div.warning {
668         background : #fff7d5;
669         border : 1px solid #d7c47a;
670         font-size : 9pt;
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 : 9pt;
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 : 9pt;
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 : 9pt;
757 }
758
759 table.innerFeedTable td {
760         margin : 0px;
761         padding : 0px;
762 }
763
764 td.selectPrompt {
765         font-size : 9pt;
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 }
780
781 input#subtoolbar_search_box {
782         height : 10px;
783         font-size : 7pt;
784         vertical-align : middle;
785 }
786
787 table.headlinesSubToolbar td.headlineActions {
788         font-size : 9pt;
789         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
790         color : gray;
791         padding : 0px 5px 0px 5px;
792 }
793
794 table.headlinesSubToolbar td.headlineActionsRTL {
795         font-size : 9pt;
796         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
797         color : gray;
798         padding : 0px 5px 0px 5px;
799 }
800
801 table.headlinesSubToolbar td.headlineTitle {
802         font-size : 9pt;
803         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
804         color : gray;
805         padding : 0px 5px 0px 5px;
806         text-align : right;
807 }
808
809 table.headlinesSubToolbar td.headlineTitleRTL {
810         font-size : 9pt;
811         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
812         color : gray;
813         padding : 0px 5px 0px 5px;
814         text-align : left;
815 }
816
817 span.contentPreview {
818         font-size : 9pt;
819         color : gray;
820         font-weight : normal;
821 }
822
823 span.contentPreview:hover {
824         color : #4684ff;
825 }
826
827 table.headlinesList {
828         width : 100%;
829 }
830
831 table.headlinesList td.hlMarkedPic {
832         width : 25px;
833         text-align : center;
834 }
835
836 table.headlinesList td.hlfeed {
837         text-align : right;
838 }
839
840 td.hlSelectRow, td.hlUpdPic {
841         width : 25px;
842         text-align : center;
843 }
844
845 table.headlinesList td.hlUpdated {
846         color : gray;
847         text-align : right;
848         width : 100px;
849 }
850
851 table.headlinesList tr td {
852         padding : 2px 0px 2px 0px;
853 }
854
855 div.postHeader div.postDate {
856         text-align : right;
857         color : gray;
858         float : right;
859 }
860
861 div.postHeader div.postDateRTL {
862         text-align : left;
863         color : gray;
864         float : right;
865 }
866
867 div.postReply span.tagList {
868         color : gray;
869 }
870
871 div.postHeader div {
872         padding-bottom : 3px;
873         font-size : 10pt;
874         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
875 }
876
877 #feedUpdateErrors {
878         display : none;
879 }
880
881 #allEntryTags {
882         font-size : 9pt;
883         border-width : 0px 0px 1px 0px;
884         border-style : solid;
885         border-color : #c0c0c0;
886         padding-bottom : 5px;
887         display : none;
888 }
889
890 /*td.hlContent {
891         overflow : hidden;
892         height : 1em;
893         display : block;
894 } */
895
896 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
897         height : 1em;
898 }
899
900 td.hlFeed {
901         text-align : right;
902 }
903
904 span.hlFeed, span.hlFeed a {
905         font-size : 9pt;
906         color : gray;
907 }
908
909 span.hlFeed a:hover {
910         color : #4684ff;
911 }
912
913 /* div.cdmArticle:hover {
914         background-color : white;
915 } */
916
917 div.cdmAllTags {
918         float : left;
919         background-color : white;
920         border : 1px solid #c0c0c0;
921         display : none;
922         z-index : 3;
923         top : auto;
924         left : auto;
925         right : auto;
926         position : absolute;
927         padding : 10px;
928 }
929
930 span.cdmAllTagsCtr:hover div {
931         display : block;
932 }
933
934 div.cdmArticle {
935         border-color : #a0a0a0;
936         border-width : 0px 0px 1px 0px;
937         border-style : solid;
938         background-color : #f9faff;
939         margin : 0px;
940         color : #505050;
941         /* padding : 10px; */
942         color : black;
943
944 }
945
946 /* div.cdmArticleUnread:hover {
947         background-color : white;
948 } */
949
950 div.cdmArticleUnread {
951         border-color : #a0a0a0;
952         border-width : 0px 0px 1px 0px;
953         border-style : solid;
954         background-color : white;
955         margin : 0px;
956         /* padding : 10px; */
957         color : black;
958 }
959
960 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
961         margin : 0px;
962         background-color : #fff7d5;
963         border-color : #e7d796;
964         border-width : 0px 0px 1px 0px;
965         border-style : solid;
966 }
967
968 div.cdmArticleUnread div.cdmHeader a.title, 
969 div.cdmArticleUnreadSelected div.cdmHeader a.title {
970         font-weight : bold;
971 }
972
973 div.cdmHeader {
974         padding : 5px 5px 10px 5px;
975 }
976
977 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
978         color : black;
979 }
980
981 div.cdmFooter {
982         font-size : 9pt;
983         color : black;
984         padding : 5px;
985         color : gray;
986 /*      background-color : white; */
987         border-width : 1px 0px 0px 0px;
988         border-color : #c0c0c0;
989         border-style : dotted;
990 }
991
992 /*div.cdmArticleSelected div.cdmFooter {
993         background-color : transparent;
994 }
995
996 div.cdmArticleUnreadSelected div.cdmFooter {
997         background-color : transparent;
998 }*/
999
1000 div.cdmFooter span.s0 {
1001         border-width : 0px 1px 0px 0px;
1002         border-color : #c0c0c0;
1003         border-style : dotted;
1004         padding : 0px 5px 0px 0px;
1005 }
1006
1007 div.cdmFooter span.s1 {
1008         border-width : 0px 1px 0px 0px;
1009         border-color : #c0c0c0;
1010         border-style : dotted;
1011         padding : 0px 5px 0px 5px;
1012 }
1013
1014 div.cdmFooter span.s2 {
1015         padding : 0px 5px 0px 5px;
1016 }
1017
1018 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1019         width : 16px;
1020         height : 16px;
1021         vertical-align : middle;
1022 }
1023
1024 img.markedPic {
1025         cursor : pointer;
1026 }
1027
1028 div.cdmHeader div.articleUpdated {
1029         float : right;
1030 }
1031
1032 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1033         margin : 0px;
1034 }
1035
1036 div.cdmHeader, div.cdmHeader a {
1037         color : #505050;
1038         font-size : 9pt;
1039 }
1040
1041 div.cdmHeader a:hover {
1042         color : #4684ff;
1043 }
1044
1045 div.cdmContent {
1046         margin : 5px 15px 0px 15px;
1047 }
1048
1049 div.cdmEnclosures {
1050         margin-top : 1em;
1051         color : gray;
1052 }
1053
1054 a.warning {
1055         color : #f04040;
1056 }
1057
1058 img.closeButton {
1059         border-width : 0px;
1060         float : right;
1061 }
1062
1063 span.groupPrompt {
1064         font-size : 9pt;
1065         color : #4684ff;
1066 }
1067
1068 div.tagCloudContainer {
1069 /*      height : 300px;
1070         overflow : auto; */
1071         border : 1px solid #99d67a;
1072         background-color : white;
1073         margin : 5px 0px 5px 0px;
1074         padding : 5px;
1075         text-align : center;
1076 }
1077
1078 ul.feedErrorsList {
1079         height : 300px;
1080         overflow : auto;
1081         list-style-type : none;
1082         border : 1px solid #99d67a;
1083         background-color : white;
1084         margin : 0px 0px 5px 0px;
1085         padding : 0px;
1086 }
1087
1088 ul.userFeedList {
1089         height : 300px;
1090         overflow : auto;
1091         list-style-type : none;
1092         border : 1px solid #99d67a;
1093         background-color : white;
1094         margin : 0px 0px 5px 0px;
1095         padding : 0px;
1096 }
1097
1098 /* #browseBigFeedList li.oddSelected {
1099         border : 1px solid #d0d0f6;
1100         background-color : #eaeaff;
1101         -moz-border-radius : 5px;
1102 } */
1103
1104 /*#browseBigFeedList li {
1105         padding :0px;
1106 }*/
1107
1108 div.labelTestError {
1109         margin : 5px 0px 5px 0px;
1110         color : #f04040;
1111 }
1112
1113 ul.labelTestResults {
1114         height : 100px;
1115         overflow : auto;
1116         list-style-type : none;
1117         margin : 0px 0px 5px 0px;
1118         padding : 0px;
1119         border : 1px solid #99d67a;
1120         background-color : white;
1121 }
1122
1123 ul.filterTestResults {
1124         height : 300px;
1125         overflow : auto;
1126         list-style-type : none;
1127         margin : 0px 0px 5px 0px;
1128         padding : 0px;
1129         border : 1px solid #99d67a;
1130         background-color : white;
1131 }
1132
1133 ul.browseFeedList {
1134         height : 300px;
1135         overflow : auto;
1136         list-style-type : none;
1137         margin : 0px 0px 5px 0px;
1138         padding : 0px;
1139         border : 1px solid #99d67a;
1140         background-color : white;
1141 }
1142
1143 ul.browseFeedList li {
1144         margin : 0px;
1145         padding : 0px;
1146 }
1147
1148 span.subscribers {
1149         color : #808080;
1150 }
1151
1152 div.subscribers {
1153         color : #808080;
1154         font-size : 9pt;
1155         float : right;
1156 }
1157
1158 input.feedBrowseCB {
1159         margin-right : 1em;
1160 }
1161
1162 div.browserDetails {
1163         margin : 5px 5px 5px 5px;
1164         padding : 5px;
1165 }
1166
1167 ul.compact {
1168         list-style-type : none;
1169         margin : 0px;
1170         padding : 0px;
1171 }
1172
1173 ul.compact li {
1174         margin : 0px;
1175         padding : 0px;
1176 }
1177
1178 div.browserFeedInfo {
1179         font-size : 9pt;
1180 /*      border : 1px solid #88b0f0;
1181         background-color : #ecf4ff;
1182         -moz-border-radius : 5px; */
1183         padding : 5px;
1184 }
1185
1186 div.browserFeedInfo div.detailsPart {
1187         margin : 5px 0px 5px 5px;       
1188 }
1189
1190 div.cdmContent a {
1191         color : #4684ff;
1192 }
1193
1194 div.cdmContent a:hover {
1195         color : black;
1196 }
1197
1198 a.cdmToggleLink {
1199         color : #808080;
1200         font-size : 9pt;
1201 }
1202
1203 a.cdmToggleLink:hover {
1204         color : #4684ff;
1205 }
1206
1207 .noborder {
1208         border-width : 0px;
1209 }
1210
1211 #debug_output {
1212         position : absolute;
1213         width : 400px;
1214         height : 200px;
1215         right : 20px;
1216         bottom : 20px;
1217         z-index : 999;
1218         background-color : white;
1219         display : none;
1220         border : 1px solid #c0c0c0;
1221         overflow : auto;
1222         margin : 0px;
1223         padding : 0px;
1224         list-style-type : none;
1225 }
1226
1227 #debug_output li {
1228         margin : 0px;
1229         padding : 0px;
1230         font-size : 8pt;
1231 }
1232
1233 #dialog_overlay {
1234         left : 0;
1235         top : 0;
1236         height : 100%;
1237         width : 100%;
1238         z-index : 2;
1239         position : absolute;
1240         display : none;
1241         background-image : url("images/shadow_white.png");
1242 }
1243
1244 #overlay {
1245         background : white;
1246         left : 0;
1247         top : 0;
1248         height : 100%;
1249         width : 100%;
1250         z-index : 100;
1251         position : absolute;
1252 }
1253
1254 #overlay_inner {
1255         font-weight : bold;
1256         text-align : center;
1257         margin : 10px;
1258 }
1259
1260 #fatal_error {
1261         background : white;
1262         left : 0;
1263         top : 0;
1264         height : 100%;
1265         width : 100%;
1266         z-index : 200;
1267         display : none;
1268         position : absolute;
1269 }
1270
1271 #fatal_error_inner {
1272         font-weight : bold;
1273         margin : 10px;
1274         color : red;
1275 }
1276
1277 #fatal_error_msg {
1278         color : black;
1279         padding : 10px;
1280         font-weight : normal;
1281         background-color : #ffcccc;
1282         border : 1px solid #ff0000;
1283 }
1284
1285 #fatal_error_msg a {
1286         color : red;
1287 }
1288
1289 #fatal_error_msg a:hover {
1290         color : red;
1291         text-decoration : underline;
1292 }
1293
1294 #fatal_error_msg img {
1295         vertical-align : middle;
1296 }
1297
1298 #noDaemonWarning {      
1299         position : absolute;
1300         background-color : #ecf4ff;               
1301         border : 1px solid #88b0f0;
1302         padding : 10px;
1303         margin : 5px;
1304         z-index : 2;
1305         display : none;
1306 }
1307
1308 #qafInput {
1309         width : 100%;
1310 }
1311
1312 form {
1313         margin : 0px;
1314         padding : 0px;
1315 }
1316
1317 #main_toolbar_form {
1318         margin : 0px;
1319         padding : 0px;
1320         display : inline;
1321 }
1322
1323 div.feedExtInfo {
1324         margin-left : 2em;
1325         font-size : 7pt;
1326         color : gray;
1327         font-weight : normal;
1328 }
1329
1330 span.debugTS {
1331         color : #4684ff;
1332 }
1333
1334 #backReqBox {
1335         display : none;
1336 }
1337
1338 /*.scriptWarn:before {
1339         content : "Disabled script:";
1340 }*/
1341
1342 .scriptWarn {
1343         color : white;
1344         background-color : #903030;
1345         border : 1px solid #601010;
1346         padding : 3px;
1347         font-weight : bold;
1348         display : none;
1349 }
1350
1351 .objectWarn {
1352         color : gray;
1353         font-style: italic;
1354         text-align : center;
1355 }
1356
1357 table.loginForm2 {
1358         padding : 1em;
1359 }
1360
1361 table.loginForm2 .loginTop {
1362         border-width : 0px 0px 1px 0px;
1363         border-color : #88b0f0;
1364         border-style : solid;
1365         padding : 0.5em;
1366 }
1367
1368 table.loginForm2 .loginMiddle {
1369         padding : 3em;
1370 }
1371
1372 table.loginForm2 .loginBottom {
1373         border-width : 1px 0px 0px 0px;
1374         border-color : #88b0f0;
1375         border-style : solid;
1376         font-size : 9pt;
1377         text-align : center;
1378         color : #909090;
1379         padding : 0.5em;
1380 }
1381
1382 table.loginForm2 .loginBottom a {
1383         color : gray;
1384 }
1385
1386 table.loginForm2 .loginBottom a:hover {
1387         color : #4684ff;
1388 }
1389
1390 table.loginForm2 .loginError {
1391         color : red;
1392         margin : 0.5em;
1393 }
1394
1395 table.loginForm2 .innerLoginCell {
1396         padding-top : 0.5em;
1397 }
1398
1399 #milestoneDetails {
1400         display : none;
1401 }
1402
1403 div.loadingPrompt {
1404         padding : 1em;
1405         text-align : center;
1406         font-weight : bold;
1407 }
1408
1409 div.whiteBox {
1410         background-color : white;
1411         margin-left : 1px;
1412         text-align : center;
1413         padding : 1em;
1414 }
1415
1416 /* layout */
1417
1418 #header {
1419         position : absolute;
1420         white-space: nowrap;
1421         top : 10px;
1422         left : 15px;
1423         right : 5px;
1424         height : 40px;
1425         color : #4684ff;
1426         font-size : 9pt;
1427 }
1428
1429 #feeds-holder {
1430         border-width : 1px 1px 0px 0px;
1431         border-style : solid;
1432         border-color : #88b0f0;
1433         top : 50px;
1434         left : 0px;
1435         position : absolute;
1436         width : 260px;
1437         overflow : auto;
1438         bottom : 0px;
1439         border-collapse : collapse;
1440         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1441 }
1442
1443 #toolbar {
1444         position : absolute;
1445         left : 261px;
1446         padding : 5px 10px 5px 10px;
1447         top : 50px;
1448         right : 0px;
1449         white-space: nowrap;
1450         height : 30px;
1451         background-image : url("images/toolbar.png");
1452         background-position : bottom left;
1453         background-repeat : repeat-x;
1454         font-size : 9pt;
1455 }
1456
1457 div.headlines_normal {
1458         position : absolute;
1459         border-width : 1px 0px 0px 0px;
1460         border-style : solid;
1461         border-color : #88b0f0;
1462         left : 261px;
1463         height : 305px;
1464         top : 85px;
1465         right : 0px;
1466         overflow : hidden;
1467         font-size : 9pt;
1468         border-collapse : collapse;
1469         /* css hack for IE */
1470         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1471 }
1472
1473 div.headlines_cdm {
1474         position : absolute;
1475         border-width : 1px 0px 1px 0px;
1476         border-style : solid;
1477         border-color : #88b0f0;
1478         left : 261px;
1479         bottom : 40px;
1480         top : 85px;
1481         right : 0px;
1482         overflow : hidden;
1483         font-size : 9pt;
1484         border-collapse : collapse;
1485         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1486 }
1487
1488 #content-frame {
1489         position : absolute;
1490         border-width : 1px 0px 0px 0px;
1491         border-style : solid;
1492         border-color : #88b0f0;
1493         overflow : auto;
1494         top : 390px;
1495         left : 261px;
1496         bottom : 40px;
1497         right : 0px;
1498         border-collapse : collapse;
1499         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1500 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1501 }
1502
1503 #footer, #prefFooter {
1504         position : absolute;
1505         bottom : 0px;
1506         height : 20px;
1507         text-align : center;
1508         color : gray;
1509         font-size : 9pt;
1510         background-image : url("images/footer.png");
1511         background-position : top left;
1512         background-repeat : repeat-x; 
1513         background-color : white;
1514         right : 0px;
1515         left : 261px;
1516         padding : 10px;
1517         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1518         border-collapse : collapse;
1519         border-width : 1px 0px 0px 0px;
1520         border-style : solid;
1521         border-color : #88b0f0;
1522
1523 }
1524
1525 #prefFooter {
1526         left : 0px;
1527 }
1528
1529 #footer a, #prefFooter a {
1530         color : gray;
1531 }
1532
1533 #footer a:hover, #prefFooter a:hover {
1534         color : black;
1535 }
1536
1537 #headlinesContainer {
1538         margin-left : 0px;
1539         background-color : white;
1540 }
1541
1542 #headlineActionsTop {
1543 /*      border-width : 0px 0px 1px 0px;
1544         border-style : solid;
1545         border-color : #c0c0c0;
1546         background-color : #fafafa; */
1547         font-size : 9pt;
1548 }
1549
1550 #headlinesInnerContainer {
1551         overflow : auto;
1552         position : absolute;
1553         left : 0px;
1554         right : 0px;
1555         bottom : 0px;
1556         top : 25px; 
1557 }
1558
1559 /* preferences layout */
1560
1561 #prefHeader {
1562         color : #4684ff;
1563         font-size : 9pt;
1564         margin : 10px;
1565         height : 33px;
1566 }
1567
1568 div.return {
1569         float : right;
1570         font-size : 9pt;
1571         margin-right : 10px;
1572 }
1573
1574 div.return a {
1575         color : #4684ff;
1576 }
1577
1578 div.return a:hover {
1579         color : black;
1580 }
1581
1582 #prefContent {
1583         clear : left;
1584         position : absolute;
1585         bottom : 40px;
1586         top : 75px;
1587         left : 0px;
1588         right : 0px;
1589         padding : 1em;
1590         overflow : auto;
1591         min-height : 300px;
1592         background-image : url("images/prefs-content.png");
1593         background-position : top left;
1594         background-repeat : repeat-x;
1595         border-width : 1px 0px 0px 0px;
1596         border-color : #88b0f0;
1597         border-style : solid;
1598         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1599         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1600         font-size : 10pt;
1601 }
1602
1603 #userSwitch {
1604         position : absolute;
1605         bottom : 2px;
1606         right : 2px;
1607 }
1608
1609 a.feedUpdErrLink {
1610         color : #ff0000;
1611         display : block;
1612         margin-bottom : 0.5em;
1613 }
1614
1615 .catCtrHasUnread {
1616         font-weight : bold;
1617 }
1618
1619 .catCtrNoUnread {
1620         display : none;
1621 }
1622
1623 ul.headlineDropdownMenu {
1624         list-style-type : none;
1625         margin : 0px;
1626         padding : 0px;
1627 }
1628
1629 ul.headlineDropdownMenu li.top {
1630         float : left;
1631         width : 12em;
1632         background-image : url("images/down_arrow.png");
1633         background-position : center right;
1634         background-repeat : no-repeat;
1635         margin : 0px; 
1636         cursor : pointer;
1637         border-width : 1px 1px 1px 1px;
1638         border-color : transparent;
1639         border-style : solid;
1640 }
1641
1642 ul.headlineDropdownMenu li.top2 {
1643         float : left;
1644 }
1645
1646 ul.headlineDropdownMenu li.top3 {
1647         float : left;
1648         margin : 0px; 
1649         cursor : pointer;
1650         border-width : 1px 1px 1px 1px;
1651         border-color : transparent;
1652         border-style : solid;
1653 }
1654
1655 ul.headlineDropdownMenu li.vsep {
1656         float : left;
1657         margin : 0px 5px 0px 0px;
1658         border-width : 0px 1px 0px 0px;
1659         border-color : #c0c0c0;
1660         border-style : dotted;
1661         color : white;
1662 }
1663
1664 ul.headlineDropdownMenu li.top:hover {
1665         cursor : pointer;
1666         border-width : 1px 1px 1px 1px;
1667         border-color : #c0c0c0;
1668         border-style : solid;
1669 }
1670
1671 ul.headlineDropdownMenu li.top:hover ul {
1672         display : block;
1673 }
1674
1675 ul.headlineDropdownMenu ul {
1676         list-style-type : none;
1677         position : absolute;
1678         float : none;
1679         margin : 0px;
1680         padding : 0px;
1681         display : none;
1682         background-color : white;
1683         width : 12em;
1684         z-index : 3;
1685         top : auto;
1686         left : auto;
1687         border-width : 0px 1px 1px 1px;
1688         border-color : #c0c0c0;
1689         border-style : solid;
1690         margin-left : -1px;
1691 }
1692
1693 ul.headlineDropdownMenu ul li {
1694         float: none;
1695         padding : 2px 0px 2px 10px;
1696         color : black;
1697 }
1698
1699 ul.headlineDropdownMenu ul li:hover {
1700         color : #4684ff;
1701         background-color : #f0f0f0;
1702 }
1703
1704 #newVersionIcon {
1705         vertical-align : middle;
1706         cursor : pointer;
1707 }
1708
1709 a.helpLinkPic {
1710         float : right;
1711 }
1712
1713 a.helpLinkPic img {
1714         border-width : 0px;
1715 }
1716
1717 #fadd_login_container {
1718 }
1719
1720 li.feedCatHolder {
1721         display : inline;
1722 }
1723
1724 table.prefFeedCatList {
1725         background-color : white;
1726 }
1727
1728 a[target="_new"], a[target="_blank"] {
1729         border-width : 0px 0px 1px 0px;
1730         border-color : #778899;
1731         border-style : dotted;
1732 }
1733
1734 div.autocomplete {
1735         position : absolute;
1736         width : 250px;
1737         background-color : white;
1738         border :1px solid #778899;
1739         margin : 0px;
1740         padding : 0px;
1741 }
1742
1743 div.autocomplete ul {
1744         list-style-type : none;
1745         margin : 0px;
1746         padding : 0px;
1747 }
1748
1749 div.autocomplete ul li.selected { 
1750         background-color : #fff7d5;
1751 }
1752
1753 div.autocomplete ul li {
1754         list-style-type : none;
1755         display : block;
1756         margin : 0;
1757         padding : 2px;
1758         height : 32px;
1759         cursor : pointer;
1760 }
1761
1762 #feedOpToolbar {
1763         float : right;
1764 }
1765
1766 div.topLinks {
1767         float : right;
1768         margin-right : 5px;
1769         color : gray;
1770 }
1771
1772 div.topLinks a {
1773         color : #4684ff;        
1774 }
1775
1776 div.topLinks a:hover {
1777         color : black;
1778 }
1779
1780 div.topLinks a.feedback {
1781         color : #009900;
1782 }
1783
1784 div.dashboard {
1785         margin-left : 3px;
1786 }
1787
1788 a.visibleLink {
1789         color : #4684ff;
1790
1791 }
1792
1793 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1794         color : #4684ff;
1795 }
1796
1797 div.cdmFeedTitle {
1798         border-color : #a0a0a0;
1799         border-width : 0px 0px 1px 0px;
1800         border-style : solid;
1801         padding : 5px;
1802 }
1803
1804 table.headlinesList tr.feedTitle td {
1805 /*      text-align : right;
1806         margin-top : 10px; */
1807         padding-left : 5px;
1808 }
1809
1810 td.hlContentH a, td.hlContentH span {
1811         color : #00cc00;
1812 }
1813
1814 td.hlContentL a, td.hlContentL span {
1815         color : #909090;
1816         text-decoration : line-through;
1817 }
1818
1819 span.titleWrapH, span.titleWrapH a {
1820         color : #00cc00;
1821 }
1822
1823 span.titleWrapL, span.titleWrapL a {
1824         color : #909090;
1825         text-decoration : line-through;
1826 }
1827
1828 img.hlScorePic {
1829         vertical-align : middle;
1830         width : 16px;
1831         height : 16px;
1832 }
1833
1834 div#hotkey_help_overlay {
1835         position : absolute;
1836         left : 15%;
1837         right : 15%;
1838         top : 15%;
1839         z-index : 999;
1840         color : white;
1841         font-size : 12pt;
1842 }
1843
1844 div#hotkey_help_overlay h1 {
1845         text-align : center;
1846 }
1847
1848 div#hotkey_help_overlay ul {
1849         list-style-type : none;
1850         margin : 0px;
1851 }
1852
1853 div#hotkey_help_overlay li {
1854         margin : 0px;
1855 }
1856
1857 div#hotkey_help_overlay p {
1858         text-align : center;
1859 }
1860
1861 div#hotkey_help_overlay td.n {
1862         text-align : right;
1863         font-weight : bold;
1864         width : 6em;
1865         color : #a0ffa0;
1866         padding-right : 5px;
1867 }
1868
1869 div#hotkey_help_overlay td {
1870         vertical-align : top;
1871 }
1872
1873 div#hotkey_help_overlay h1 {
1874         margin : 0px 0px 0.5em 0px;
1875 }
1876
1877 div#hotkey_help_overlay h2 {
1878         font-size : 13pt;
1879         border-width : 0px;
1880         margin : 0.7em 0px 0.5em 0px;
1881         text-align : center;
1882         color : #88b0f0;
1883 }
1884
1885 div#hotkey_help_overlay table.hho td.c1 {
1886         height : 30px;
1887         width : 30px;
1888         background : url("images/c1.png");
1889         background-repeat : no-repeat;
1890
1891 }
1892
1893 div#hotkey_help_overlay table.hho td.c2 {
1894         height : 30px;
1895         width : 30px;
1896         background : url("images/c2.png");
1897         background-repeat : no-repeat;
1898 }
1899
1900 div#hotkey_help_overlay table.hho td.c3 {
1901         height : 30px;
1902         width : 30px;
1903         background : url("images/c3.png");
1904         background-repeat : no-repeat;
1905 }
1906
1907 div#hotkey_help_overlay table.hho td.c4 {
1908         height : 30px;
1909         width : 30px;
1910         background : url("images/c4.png");
1911         background-repeat : no-repeat;
1912 }
1913
1914 div#hotkey_help_overlay table.hho td.top,
1915 div#hotkey_help_overlay table.hho td.left,
1916 div#hotkey_help_overlay table.hho td.right,
1917 div#hotkey_help_overlay table.hho td.bottom,
1918 div#hotkey_help_overlay table.hho td.content {
1919         background : url("images/shadow_dark.png");     
1920 }
1921
1922 div#hotkey_help_overlay table.hho td.top,
1923 div#hotkey_help_overlay table.hho td.bottom {
1924         text-align : center;
1925         font-size : 11pt;
1926 }
1927
1928 div.prefKbdHelp {
1929         float : right;
1930         font-size : 9pt;
1931         margin-right : 15px;
1932 }
1933
1934 div.prefKbdHelp img {
1935         vertical-align : middle;
1936 }