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