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