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