]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
display article labels in headlines buffer
[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 /*.button {
320 border : 1px solid #d0d0d0;
321 background-image : url("images/button.png");
322 background-position : top;
323 background-repeat : repeat-x;
324 background-color : white;
325 color : black;
326 }
327
328 .button:hover {
329 background : white;
330 text-decoration : none;
331 color : black;
332 }
333
334 .disabledButton {
335 border : 1px solid #c0c0c0;
336 background-color : white;
337 color : gray;
338 }
339
340 a.button {
341 padding : 2px 5px 2px 5px;
342 font-size : small;
343 } */
344
345 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
346 .evenSelectedUnread td {
347 background-color : #fff7d5;
348 font-weight : bold;
349 border-width : 0px 0px 1px 0px;
350 border-style : solid;
351 border-color : #e7d796;
352 }
353
354 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
355 .oddSelectedUnread td {
356 background-color : #fff7d5;
357 font-weight : bold;
358 border-width : 0px 0px 1px 0px;
359 border-style : solid;
360 border-color : #e7d796;
361 }
362
363 .evenSelected, .evenSelected td {
364 background-color : #fff7d5;
365 border-width : 0px 0px 1px 0px;
366 border-style : solid;
367 border-color : #e7d796;
368 border-collapse : collapse;
369 }
370
371 .oddSelected, .oddSelected td {
372 background-color : #fff7d5;
373 border-width : 0px 0px 1px 0px;
374 border-style : solid;
375 border-color : #e7d796;
376 border-collapse : collapse;
377 }
378
379 .evenGrayed, .evenGrayed td {
380 background-color : #f0f0f0;
381 color : #909090;
382 border-width : 0px 0px 1px 0px;
383 border-style : solid;
384 border-color : #c0c0c0;
385 border-collapse : collapse;
386 }
387
388 .oddGrayed {
389 color : #909090;
390 }
391
392 .even, .even td {
393 border-width : 0px 0px 1px 0px;
394 border-style : solid;
395 border-color : #c0c0c0;
396 background-color : #f0f0f0;
397 border-collapse : collapse;
398 }
399
400 .odd, .odd td {
401 border-width : 0px 0px 1px 0px;
402 border-style : solid;
403 border-color : #c0c0c0;
404 border-collapse : collapse;
405 }
406
407 .evenUnread, .evenUnread td {
408 background-color : #f0f0f0;
409 font-weight : bold;
410 border-width : 0px 0px 1px 0px;
411 border-style : solid;
412 border-color : #c0c0c0;
413 border-collapse : collapse;
414 }
415
416 .oddUnread, .oddUnread td {
417 font-weight : bold;
418 border-width : 0px 0px 1px 0px;
419 border-style : solid;
420 border-color : #c0c0c0;
421 }
422
423 .invisible {
424 display : none;
425 }
426
427 /* preferences */
428
429 table.prefPrefsList tr:hover td.prefValue {
430 color : #88b0f0;
431 }
432
433 table.prefPrefsList tr:hover td.prefValue input {
434 color : #88b0f0;
435 }
436
437 tr.title td {
438 border-width : 0px 0px 1px 0px;
439 border-color : #ecf4ff;
440 border-style : solid;
441 color : #4684ff;
442 }
443
444 tr.title td a {
445 color : #4684ff;
446 }
447
448 tr.title td a:hover {
449 color : black;
450 }
451
452 div.feedEditSearch {
453 float : right;
454 }
455
456 table.prefFeedList td.feedEditCat {
457 font-weight : bold;
458 border-width : 0px 0px 1px 0px;
459 border-style : solid;
460 border-color : #88b0f0;
461 padding-top : 0.5em;
462 }
463
464 table.prefFilterList td.filterEditCat {
465 font-weight : bold;
466 border-width : 0px 0px 1px 0px;
467 border-style : solid;
468 border-color : #88b0f0;
469 padding-top : 0.5em;
470 }
471
472 /* oh for the love of... */
473
474 table.prefFilterList tr.even,
475 table.prefFilterList tr.odd,
476 table.prefFilterList tr.evenSelected,
477 table.prefFilterList tr.oddSelected,
478 table.prefLabelList tr.even,
479 table.prefLabelList tr.odd,
480 table.prefLabelList tr.evenSelected,
481 table.prefLabelList tr.oddSelected,
482 table.prefUserList tr.even,
483 table.prefUserList tr.odd,
484 table.prefUserList tr.evenSelected,
485 table.prefUserList tr.oddSelected,
486 table.prefFeedList tr.even,
487 table.prefFeedList tr.odd,
488 table.prefFeedList tr.evenSelected,
489 table.prefFeedList tr.oddSelected
490 {
491 cursor : pointer;
492 }
493
494 table.prefFilterList tr.even:hover td,
495 table.prefFilterList tr.odd:hover td,
496 table.prefFilterList tr.evenSelected:hover td,
497 table.prefFilterList tr.oddSelected:hover td
498 table.prefLabelList tr.even:hover td,
499 table.prefLabelList tr.odd:hover td,
500 table.prefLabelList tr.evenSelected:hover td,
501 table.prefLabelList tr.oddSelected:hover td,
502 table.prefUserList tr.even:hover td,
503 table.prefUserList tr.odd:hover td,
504 table.prefUserList tr.evenSelected:hover td,
505 table.prefUserList tr.oddSelected:hover td,
506 table.prefFeedList tr.even:hover td,
507 table.prefFeedList tr.odd:hover td,
508 table.prefFeedList tr.evenSelected:hover td,
509 table.prefFeedList tr.oddSelected:hover td
510 {
511 color : #88b0f0;
512 }
513
514 table.prefFeedList td.feedIcon {
515 text-align : center;
516 }
517
518 table.prefFeedList td.feedSelect {
519 text-align : center;
520 }
521
522 div.prefFeedCatHolder {
523 height : 250px;
524 overflow : auto;
525 border : 1px solid #99d67a;
526 margin : 5px 0px 5px 0px;
527 background-color : white;
528 }
529
530 a.helpLink {
531 color : #808080;
532 }
533
534 a.helpLink:hover {
535 color : #4684ff;
536 }
537
538 div.helpResponse {
539 margin : 10px;
540 background-image : url("images/vgrad_light_rev2.png");
541 background-position : top left;
542 background-repeat : repeat-x;
543 padding : 10px 20px 10px 20px;
544 border : 1px solid #f0f0f0;
545 }
546
547 #infoBoxTitle {
548 border-width : 1px 1px 1px 1px;
549 border-style : solid;
550 border-color : #99d67a;
551 background-color : #99d67a;
552 padding : 4px 2px 4px 10px;
553 color : white;
554 font-weight : bold;
555 font-size : 12px;
556 }
557
558 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
559
560 #infoBox {
561 border-width : 1px 1px 1px 1px;
562 border-style : solid;
563 border-color : #99d67a;
564 background-color : #f8fcf5;
565 position: relative;
566 overflow : hidden;
567 left : -4px;
568 top : -4px;
569 }
570
571 html>body #infoBox {
572 left : -10px;
573 top : -10px;
574 margin : 0;
575 }
576
577 #infoBoxShadow:before, #infoBoxShadow:after {
578 content : " ";
579 display : block;
580 background : inherit;
581 width : 10px;
582 height : 10px;
583 }
584
585 #infoBoxShadow:before {
586 position : absolute;
587 top : 0;
588 right : 0;
589 margin : -10px 0 0 auto;
590 background-position : right top;
591 }
592
593 #infoBoxShadow:after {
594 margin : -10px 0 0 -10px;
595 background-position : left bottom;
596 }
597
598
599 #infoBoxShadow {
600 background-image : url("images/shadow.png");
601 background-position : bottom right;
602 left : 25%;
603 top : 70px;
604 width : 50%;
605 z-index : 5;
606 position : absolute;
607 display : none;
608 min-width : 600px;
609 }
610
611 div.infoBoxContents {
612 padding : 10px;
613 margin-bottom : 5px;
614 font-size : 12px;
615 }
616
617 div.infoBoxContents td {
618 font-size : 12px;
619 }
620
621 div.infoBoxContents a {
622 color : #527040;
623 }
624
625 div.infoBoxContents a:hover {
626 color : black;
627 }
628
629 div.helpResponse h1, div.infoBoxContents h1 {
630 /* border-width : 0px 0px 1px 0px;
631 border-style : solid;
632 border-color : #c0c0c0; */
633 font-size : 18px;
634 }
635
636 div.helpResponse h2, div.infoBoxContents h2 {
637 /* border-width : 0px 0px 0px 0px; */
638 font-size : 16px;
639 }
640
641 pre {
642 margin : 5px;
643 }
644
645 input.extSearch {
646 width : 100%;
647 }
648
649 div.firstTab {
650 width : 10px;
651 float : left;
652 }
653
654 div.prefsTab:hover {
655 cursor : pointer;
656 }
657
658 div.prefsTabSelected:hover {
659 cursor : pointer;
660 }
661
662 div.prefsTab {
663 float : left;
664 border-width : 1px 1px 0px 1px;
665 border-color : #88b0f0;
666 border-style : solid;
667 margin : 0px 0px 0px 5px;
668 padding : 3px 5px 3px 5px;
669 font-size : 12px;
670 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
671 border-collapse : collapse;
672 min-width : 100px;
673 text-align : center;
674 cursor : pointer;
675 position : relative;
676 bottom : -1px;
677 height : 30px;
678 }
679
680 div.prefsTabSelected {
681 float : left;
682 border-width : 1px 1px 0px 1px;
683 border-color : #88b0f0;
684 border-style : solid;
685 margin : 0px 0px 0px 5px;
686 padding : 3px 5px 3px 5px;
687 background-color : #ecf4ff;
688 font-size : 12px;
689 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
690 border-collapse : collapse;
691 font-weight : bold;
692 min-width : 100px;
693 text-align : center;
694 cursor : pointer;
695 position : relative;
696 bottom : -1px;
697 z-index : 3;
698 height : 30px;
699 }
700
701 div.notice {
702 background : #ffffff;
703 border : 1px solid #88b0f0;
704 width : 60%;
705 padding : 5px;
706 margin : 0px 0px 5px 0px;
707 font-size : 12px;
708 }
709
710 div.warning {
711 background : #fff7d5;
712 border : 1px solid #d7c47a;
713 font-size : 12px;
714 width : 60%;
715 padding : 5px;
716 margin : 0px 0px 5px 0px;
717 }
718
719
720 div.warning img, div.notice img, div.error img {
721 vertical-align : middle;
722 padding : 5px;
723 }
724
725 span.filterDateError {
726 color : #ff0000;
727 }
728
729 div.error {
730 border : 1px solid #ff0000;
731 background : #ffcccc;
732 padding : 5px;
733 margin : 0px 0px 5px 0px;
734 font-size : 12px;
735 }
736
737 ul.nomarks {
738 list-style-type : none;
739 margin : 0px;
740 padding : 10px;
741 }
742
743 div.prefHelp, td.prefHelp {
744 color : gray;
745 padding : 5px;
746 }
747
748 table.loginForm {
749 background-color : #ecf4ff;
750 }
751
752 table.innerLoginForm {
753 border : 1px solid #88b0f0;
754 padding : 50px;
755 background-color : white;
756 }
757
758 table.innerLoginForm td {
759 padding : 3px 3px 5px 3px;
760 }
761
762 span.feed_error {
763 color : red;
764 }
765
766 .insensitive {
767 color : gray;
768 }
769
770 .insensitive a {
771 color : #4684ff;
772 }
773
774 .insensitive a:hover {
775 color : black;
776 }
777
778 /* .prefGenericAddBox {
779 font-size : 12px;
780 } */
781
782 body.logoutBody {
783 background-color : #f0f0f0;
784 color : black;
785 }
786
787 span.logoutWarning {
788 color : red;
789 font-weight : bold;
790 }
791
792 div.logoutContent {
793 width : 600px;
794 border : 1px solid #c0c0c0;
795 background-color : white;
796 margin-left : auto;
797 margin-right : auto;
798 margin-top : 20px;
799 padding : 10px;
800 }
801
802 .small {
803 font-size : 12px;
804 }
805
806 table.innerFeedTable td {
807 margin : 0px;
808 padding : 0px;
809 }
810
811 td.selectPrompt {
812 font-size : 12px;
813 color : gray;
814 }
815
816 table.headlinesSubToolbar {
817 border-width : 0px 0px 1px 0px;
818 border-style : solid;
819 border-color : #f0f0f0;
820 position : absolute;
821 left : 0px;
822 top : 0px;
823 height : 25px;
824 right : 0px;
825 background-color : white;
826 font-size : 11px;
827 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
828 color : gray;
829 }
830
831 input#subtoolbar_search_box {
832 height : 10px;
833 font-size : 9px;
834 vertical-align : middle;
835 }
836
837 table.headlinesSubToolbar td.headlineActions {
838 padding : 0px 5px 0px 5px;
839 }
840
841 table.headlinesSubToolbar td.headlineActionsRTL {
842 padding : 0px 5px 0px 5px;
843 }
844
845 table.headlinesSubToolbar td.headlineTitle {
846 padding : 0px 5px 0px 5px;
847 text-align : right;
848 }
849
850 table.headlinesSubToolbar td.headlineTitleRTL {
851 padding : 0px 5px 0px 5px;
852 text-align : left;
853 }
854
855 span.contentPreview {
856 font-size : 12px;
857 color : gray;
858 font-weight : normal;
859 }
860
861 span.contentPreview:hover {
862 color : #4684ff;
863 }
864
865 table.headlinesList {
866 width : 100%;
867 }
868
869 table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
870 background-color : #fff7d5;
871 font-height : 8px;
872 color : #063064;
873 font-weight : normal;
874 margin : 0px 3px 0px 3px;
875 padding : 0px 4px 0px 4px;
876 white-space: nowrap;
877 }
878
879 table.headlinesList td.hlFeedIcon {
880 width : 25px;
881 text-align : center;
882 cursor : pointer;
883 }
884
885
886 table.headlinesList td.hlMarkedPic {
887 width : 25px;
888 text-align : center;
889 }
890
891 table.headlinesList td.hlfeed {
892 text-align : right;
893 }
894
895 td.hlSelectRow, td.hlUpdPic {
896 width : 25px;
897 text-align : center;
898 }
899
900 table.headlinesList td.hlUpdated {
901 color : gray;
902 text-align : right;
903 width : 100px;
904 cursor : pointer;
905 }
906
907 table.headlinesList tr td {
908 padding : 2px 0px 2px 0px;
909 }
910
911 div.postHeader div.postDate {
912 text-align : right;
913 color : gray;
914 float : right;
915 }
916
917 div.postHeader div.postDateRTL {
918 text-align : left;
919 color : gray;
920 float : right;
921 }
922
923 div.postReply span.tagList {
924 color : gray;
925 }
926
927 div.postHeader div {
928 padding-bottom : 3px;
929 font-size : 12px;
930 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
931 }
932
933 #feedUpdateErrors {
934 display : none;
935 }
936
937 #allEntryTags {
938 font-size : 12px;
939 border-width : 0px 0px 1px 0px;
940 border-style : solid;
941 border-color : #c0c0c0;
942 padding-bottom : 5px;
943 display : none;
944 }
945
946 /*td.hlContent {
947 overflow : hidden;
948 height : 1em;
949 display : block;
950 } */
951
952 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
953 height : 1em;
954 }
955
956 td.hlFeed {
957 text-align : right;
958 }
959
960 span.hlFeed, span.hlFeed a {
961 font-size : 12px;
962 color : gray;
963 }
964
965 span.hlFeed a:hover {
966 color : #4684ff;
967 }
968
969 /* div.cdmArticle:hover {
970 background-color : white;
971 } */
972
973 div.cdmAllTags {
974 float : left;
975 background-color : white;
976 border : 1px solid #c0c0c0;
977 display : none;
978 z-index : 3;
979 top : auto;
980 left : auto;
981 right : auto;
982 position : absolute;
983 padding : 10px;
984 }
985
986 span.cdmAllTagsCtr:hover div {
987 display : block;
988 }
989
990 div.cdmArticle {
991 border-color : #a0a0a0;
992 border-width : 0px 0px 1px 0px;
993 border-style : solid;
994 background-color : #f9faff;
995 margin : 0px;
996 color : #505050;
997 /* padding : 10px; */
998 color : black;
999
1000 }
1001
1002 /* div.cdmArticleUnread:hover {
1003 background-color : white;
1004 } */
1005
1006 div.cdmArticleUnread {
1007 border-color : #a0a0a0;
1008 border-width : 0px 0px 1px 0px;
1009 border-style : solid;
1010 background-color : white;
1011 margin : 0px;
1012 /* padding : 10px; */
1013 color : black;
1014 }
1015
1016 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
1017 margin : 0px;
1018 background-color : #fff7d5;
1019 border-color : #e7d796;
1020 border-width : 0px 0px 1px 0px;
1021 border-style : solid;
1022 }
1023
1024 div.cdmArticleUnread div.cdmHeader a.title,
1025 div.cdmArticleUnreadSelected div.cdmHeader a.title {
1026 font-weight : bold;
1027 }
1028
1029 div.cdmHeader {
1030 padding : 5px 5px 10px 5px;
1031 color : gray;
1032
1033 }
1034
1035 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
1036 color : black;
1037 }
1038
1039 div.cdmFooter {
1040 font-size : 12px;
1041 color : black;
1042 padding : 5px;
1043 color : gray;
1044 /* background-color : white; */
1045 border-width : 1px 0px 0px 0px;
1046 border-color : #c0c0c0;
1047 border-style : dotted;
1048 }
1049
1050 /*div.cdmArticleSelected div.cdmFooter {
1051 background-color : transparent;
1052 }
1053
1054 div.cdmArticleUnreadSelected div.cdmFooter {
1055 background-color : transparent;
1056 }*/
1057
1058 div.cdmFooter span.s0 {
1059 border-width : 0px 1px 0px 0px;
1060 border-color : #c0c0c0;
1061 border-style : dotted;
1062 padding : 0px 5px 0px 0px;
1063 }
1064
1065 div.cdmFooter span.s1 {
1066 border-width : 0px 1px 0px 0px;
1067 border-color : #c0c0c0;
1068 border-style : dotted;
1069 padding : 0px 5px 0px 5px;
1070 }
1071
1072 div.cdmFooter span.s2 {
1073 padding : 0px 5px 0px 5px;
1074 }
1075
1076 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1077 width : 16px;
1078 height : 16px;
1079 vertical-align : middle;
1080 }
1081
1082 img.markedPic {
1083 cursor : pointer;
1084 }
1085
1086 div.cdmHeader div.articleUpdated {
1087 float : right;
1088 font-weight : bold;
1089 color : gray;
1090 }
1091
1092 div.cdmHeader div.articleUpdated img {
1093 vertical-align : middle;
1094 }
1095
1096 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1097 margin : 0px;
1098 }
1099
1100 div.cdmHeader, div.cdmHeader a {
1101 color : #505050;
1102 font-size : 12px;
1103 }
1104
1105 div.cdmHeader a:hover {
1106 color : #4684ff;
1107 }
1108
1109 div.cdmContent {
1110 margin : 0px 15px 5px 15px;
1111 }
1112
1113 div.cdmContent img {
1114 border-width : 0px;
1115 max-width : 98%;
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 a.visibleLinkB {
1900 color : #4684ff;
1901 border : 1px solid #4684ff;
1902 padding : 2px;
1903 }
1904
1905 a.visibleLinkB:hover {
1906 background-color : #ecf4ff;
1907 }
1908
1909 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1910 color : #4684ff;
1911 }
1912
1913 div.cdmFeedTitle {
1914 border-color : #a0a0a0;
1915 border-width : 0px 0px 1px 0px;
1916 border-style : solid;
1917 padding : 5px 3px 5px 5px;
1918 background : url("images/toolbar.png") bottom left;
1919 background-repeat : repeat-x;
1920 }
1921
1922 table.headlinesList tr, table.headlinesList td {
1923 border-collapse : collapse;
1924 margin : 0px;
1925 }
1926
1927 table.headlinesList tr.feedTitle td {
1928 /* text-align : right;
1929 margin-top : 10px; */
1930 /*padding-left : 5px;*/
1931
1932 background : url("images/toolbar.png") bottom left;
1933 background-repeat : repeat-x;
1934
1935 border-color : #c0c0c0;
1936 border-width : 0px 0px 1px 0px;
1937 border-style : solid;
1938 padding : 5px 3px 5px 5px;
1939
1940 }
1941
1942 td.hlContent, td.hlContentL, td.hlContentH {
1943 cursor : pointer;
1944 }
1945
1946 td.hlContentH a, td.hlContentH span {
1947 color : #00cc00;
1948 }
1949
1950 td.hlContentL a, td.hlContentL span {
1951 color : #909090;
1952 text-decoration : line-through;
1953 }
1954
1955 span.titleWrapH, span.titleWrapH a {
1956 color : #00cc00;
1957 }
1958
1959 span.titleWrapL, span.titleWrapL a {
1960 color : #909090;
1961 text-decoration : line-through;
1962 }
1963
1964 img.hlScorePic {
1965 vertical-align : middle;
1966 width : 16px;
1967 height : 16px;
1968 }
1969
1970 div#hotkey_help_overlay {
1971 position : absolute;
1972 left : 30px;
1973 right : 30px;
1974 top : 30px;
1975 z-index : 999;
1976 color : white;
1977 font-size : 15px;
1978 }
1979
1980 div#hotkey_help_overlay h1 {
1981 text-align : center;
1982 }
1983
1984 div#hotkey_help_overlay ul {
1985 list-style-type : none;
1986 margin : 0px;
1987 }
1988
1989 div#hotkey_help_overlay li {
1990 margin : 0px;
1991 }
1992
1993 div#hotkey_help_overlay p {
1994 text-align : center;
1995 }
1996
1997 div#hotkey_help_overlay td.n {
1998 text-align : right;
1999 font-weight : bold;
2000 width : 6em;
2001 color : #a0ffa0;
2002 padding-right : 5px;
2003 }
2004
2005 div#hotkey_help_overlay td {
2006 vertical-align : top;
2007 }
2008
2009 div#hotkey_help_overlay h1 {
2010 margin : 0px;
2011 }
2012
2013 div#hotkey_help_overlay h2 {
2014 font-size : 16px;
2015 border-width : 0px;
2016 margin : 0.3em 0px 0.3em 0px;
2017 text-align : center;
2018 color : #88b0f0;
2019 }
2020
2021 div#hotkey_help_overlay table.hho td.c1 {
2022 height : 30px;
2023 width : 30px;
2024 background : url("images/c1.png");
2025 background-repeat : no-repeat;
2026
2027 }
2028
2029 div#hotkey_help_overlay table.hho td.c2 {
2030 height : 30px;
2031 width : 30px;
2032 background : url("images/c2.png");
2033 background-repeat : no-repeat;
2034 }
2035
2036 div#hotkey_help_overlay table.hho td.c3 {
2037 height : 30px;
2038 width : 30px;
2039 background : url("images/c3.png");
2040 background-repeat : no-repeat;
2041 }
2042
2043 div#hotkey_help_overlay table.hho td.c4 {
2044 height : 30px;
2045 width : 30px;
2046 background : url("images/c4.png");
2047 background-repeat : no-repeat;
2048 }
2049
2050 div#hotkey_help_overlay table.hho td.top,
2051 div#hotkey_help_overlay table.hho td.left,
2052 div#hotkey_help_overlay table.hho td.right,
2053 div#hotkey_help_overlay table.hho td.bottom,
2054 div#hotkey_help_overlay table.hho td.content {
2055 background : url("images/shadow_dark.png");
2056 }
2057
2058 div#hotkey_help_overlay table.hho td.top,
2059 div#hotkey_help_overlay table.hho td.bottom {
2060 text-align : center;
2061 font-size : 13px;
2062 }
2063
2064 div.prefKbdHelp {
2065 float : right;
2066 font-size : 12px;
2067 margin-right : 15px;
2068 }
2069
2070 div.prefKbdHelp img {
2071 vertical-align : middle;
2072 }
2073
2074 div#l_progress_o {
2075 width : 200px;
2076 border : 1px solid black;
2077 background-color : white;
2078 margin-top : 10px;
2079 }
2080
2081 div#l_progress_i {
2082 width : 10px;
2083 background-color : #88b0f0;
2084 height : 10px;
2085 }
2086
2087 #content-insert {
2088 background-color : white;
2089 overflow : auto;
2090 position : absolute;
2091 left : 0px;
2092 right : 0px;
2093 bottom : 0px;
2094 top : 6px;
2095 }
2096
2097 div.dlgSec {
2098 font-size : 14px;
2099 color : gray;
2100 font-weight : bold;
2101 clear : both;
2102 height : 20px;
2103 }
2104
2105 div.dlgSecCont {
2106 position : relative;
2107 left : 150px;
2108 top : -20px;
2109 float : left;
2110 font-size : 12px;
2111 font-weight : normal;
2112 line-height : 200%;
2113 }
2114
2115 div.dlgButtons {
2116 text-align : right;
2117 clear : both;
2118 }
2119
2120 textarea.labelSQL {
2121 font-family : monospace;
2122 }
2123
2124 div#label_test_result {
2125 clear : both;
2126 }
2127
2128 pre, code {
2129 font-size : 12px;
2130 font-family : monospace;
2131 }