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