]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
prefs: code cleanup
[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 td.hlFeedIcon {
870 width : 25px;
871 text-align : center;
872 cursor : pointer;
873 }
874
875
876 table.headlinesList td.hlMarkedPic {
877 width : 25px;
878 text-align : center;
879 }
880
881 table.headlinesList td.hlfeed {
882 text-align : right;
883 }
884
885 td.hlSelectRow, td.hlUpdPic {
886 width : 25px;
887 text-align : center;
888 }
889
890 table.headlinesList td.hlUpdated {
891 color : gray;
892 text-align : right;
893 width : 100px;
894 cursor : pointer;
895 }
896
897 table.headlinesList tr td {
898 padding : 2px 0px 2px 0px;
899 }
900
901 div.postHeader div.postDate {
902 text-align : right;
903 color : gray;
904 float : right;
905 }
906
907 div.postHeader div.postDateRTL {
908 text-align : left;
909 color : gray;
910 float : right;
911 }
912
913 div.postReply span.tagList {
914 color : gray;
915 }
916
917 div.postHeader div {
918 padding-bottom : 3px;
919 font-size : 12px;
920 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
921 }
922
923 #feedUpdateErrors {
924 display : none;
925 }
926
927 #allEntryTags {
928 font-size : 12px;
929 border-width : 0px 0px 1px 0px;
930 border-style : solid;
931 border-color : #c0c0c0;
932 padding-bottom : 5px;
933 display : none;
934 }
935
936 /*td.hlContent {
937 overflow : hidden;
938 height : 1em;
939 display : block;
940 } */
941
942 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
943 height : 1em;
944 }
945
946 td.hlFeed {
947 text-align : right;
948 }
949
950 span.hlFeed, span.hlFeed a {
951 font-size : 12px;
952 color : gray;
953 }
954
955 span.hlFeed a:hover {
956 color : #4684ff;
957 }
958
959 /* div.cdmArticle:hover {
960 background-color : white;
961 } */
962
963 div.cdmAllTags {
964 float : left;
965 background-color : white;
966 border : 1px solid #c0c0c0;
967 display : none;
968 z-index : 3;
969 top : auto;
970 left : auto;
971 right : auto;
972 position : absolute;
973 padding : 10px;
974 }
975
976 span.cdmAllTagsCtr:hover div {
977 display : block;
978 }
979
980 div.cdmArticle {
981 border-color : #a0a0a0;
982 border-width : 0px 0px 1px 0px;
983 border-style : solid;
984 background-color : #f9faff;
985 margin : 0px;
986 color : #505050;
987 /* padding : 10px; */
988 color : black;
989
990 }
991
992 /* div.cdmArticleUnread:hover {
993 background-color : white;
994 } */
995
996 div.cdmArticleUnread {
997 border-color : #a0a0a0;
998 border-width : 0px 0px 1px 0px;
999 border-style : solid;
1000 background-color : white;
1001 margin : 0px;
1002 /* padding : 10px; */
1003 color : black;
1004 }
1005
1006 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
1007 margin : 0px;
1008 background-color : #fff7d5;
1009 border-color : #e7d796;
1010 border-width : 0px 0px 1px 0px;
1011 border-style : solid;
1012 }
1013
1014 div.cdmArticleUnread div.cdmHeader a.title,
1015 div.cdmArticleUnreadSelected div.cdmHeader a.title {
1016 font-weight : bold;
1017 }
1018
1019 div.cdmHeader {
1020 padding : 5px 5px 10px 5px;
1021 color : gray;
1022
1023 }
1024
1025 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
1026 color : black;
1027 }
1028
1029 div.cdmFooter {
1030 font-size : 12px;
1031 color : black;
1032 padding : 5px;
1033 color : gray;
1034 /* background-color : white; */
1035 border-width : 1px 0px 0px 0px;
1036 border-color : #c0c0c0;
1037 border-style : dotted;
1038 }
1039
1040 /*div.cdmArticleSelected div.cdmFooter {
1041 background-color : transparent;
1042 }
1043
1044 div.cdmArticleUnreadSelected div.cdmFooter {
1045 background-color : transparent;
1046 }*/
1047
1048 div.cdmFooter span.s0 {
1049 border-width : 0px 1px 0px 0px;
1050 border-color : #c0c0c0;
1051 border-style : dotted;
1052 padding : 0px 5px 0px 0px;
1053 }
1054
1055 div.cdmFooter span.s1 {
1056 border-width : 0px 1px 0px 0px;
1057 border-color : #c0c0c0;
1058 border-style : dotted;
1059 padding : 0px 5px 0px 5px;
1060 }
1061
1062 div.cdmFooter span.s2 {
1063 padding : 0px 5px 0px 5px;
1064 }
1065
1066 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1067 width : 16px;
1068 height : 16px;
1069 vertical-align : middle;
1070 }
1071
1072 img.markedPic {
1073 cursor : pointer;
1074 }
1075
1076 div.cdmHeader div.articleUpdated {
1077 float : right;
1078 font-weight : bold;
1079 color : gray;
1080 }
1081
1082 div.cdmHeader div.articleUpdated img {
1083 vertical-align : middle;
1084 }
1085
1086 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1087 margin : 0px;
1088 }
1089
1090 div.cdmHeader, div.cdmHeader a {
1091 color : #505050;
1092 font-size : 12px;
1093 }
1094
1095 div.cdmHeader a:hover {
1096 color : #4684ff;
1097 }
1098
1099 div.cdmContent {
1100 margin : 0px 15px 5px 15px;
1101 }
1102
1103 div.cdmContent img {
1104 border-width : 0px;
1105 max-width : 98%;
1106 }
1107
1108 div.cdmContent:hover {
1109 cursor : pointer;
1110 }
1111
1112 div.cdmExcerpt {
1113 margin : 0px 15px 5px 15px;
1114 }
1115
1116 div.cdmExcerpt:hover {
1117 cursor : pointer;
1118 color : #88b0f0;
1119 }
1120
1121 div.cdmEnclosures {
1122 margin-top : 1em;
1123 color : gray;
1124 }
1125
1126 a.warning {
1127 color : #f04040;
1128 }
1129
1130 img.closeButton {
1131 border-width : 0px;
1132 float : right;
1133 }
1134
1135 span.groupPrompt {
1136 font-size : 12px;
1137 color : #4684ff;
1138 }
1139
1140 div.tagCloudContainer {
1141 /* height : 300px;
1142 overflow : auto; */
1143 border : 1px solid #99d67a;
1144 background-color : white;
1145 margin : 5px 0px 5px 0px;
1146 padding : 5px;
1147 text-align : center;
1148 }
1149
1150 ul.feedErrorsList {
1151 height : 300px;
1152 overflow : auto;
1153 list-style-type : none;
1154 border : 1px solid #99d67a;
1155 background-color : white;
1156 margin : 0px 0px 5px 0px;
1157 padding : 0px;
1158 }
1159
1160 ul.userFeedList {
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 /* #browseBigFeedList li.oddSelected {
1171 border : 1px solid #d0d0f6;
1172 background-color : #eaeaff;
1173 -moz-border-radius : 5px;
1174 } */
1175
1176 /*#browseBigFeedList li {
1177 padding :0px;
1178 }*/
1179
1180 div.labelTestError {
1181 margin : 5px 0px 5px 0px;
1182 color : #f04040;
1183 }
1184
1185 ul.labelTestResults {
1186 height : 100px;
1187 overflow : auto;
1188 list-style-type : none;
1189 margin : 0px 0px 5px 0px;
1190 padding : 0px;
1191 border : 1px solid #99d67a;
1192 background-color : white;
1193 }
1194
1195 ul.filterTestResults {
1196 height : 300px;
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.browseFeedList {
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 li {
1216 margin : 0px;
1217 padding : 0px;
1218 }
1219
1220 span.subscribers {
1221 color : #808080;
1222 }
1223
1224 div.subscribers {
1225 color : #808080;
1226 font-size : 12px;
1227 float : right;
1228 }
1229
1230 input.feedBrowseCB {
1231 margin-right : 1em;
1232 }
1233
1234 div.browserDetails {
1235 margin : 5px 5px 5px 5px;
1236 padding : 5px;
1237 }
1238
1239 ul.compact {
1240 list-style-type : none;
1241 margin : 0px;
1242 padding : 0px;
1243 }
1244
1245 ul.compact li {
1246 margin : 0px;
1247 padding : 0px;
1248 }
1249
1250 div.browserFeedInfo {
1251 font-size : 12px;
1252 /* border : 1px solid #88b0f0;
1253 background-color : #ecf4ff;
1254 -moz-border-radius : 5px; */
1255 padding : 5px;
1256 }
1257
1258 div.browserFeedInfo div.detailsPart {
1259 margin : 5px 0px 5px 5px;
1260 }
1261
1262 div.cdmContent a {
1263 color : #4684ff;
1264 }
1265
1266 div.cdmContent a:hover {
1267 color : black;
1268 }
1269
1270 a.cdmToggleLink {
1271 color : #808080;
1272 font-size : 12px;
1273 }
1274
1275 a.cdmToggleLink:hover {
1276 color : #4684ff;
1277 }
1278
1279 .noborder {
1280 border-width : 0px;
1281 }
1282
1283 #debug_output {
1284 position : absolute;
1285 width : 400px;
1286 height : 200px;
1287 right : 20px;
1288 bottom : 20px;
1289 z-index : 999;
1290 background-color : white;
1291 border : 1px solid #c0c0c0;
1292 overflow : auto;
1293 margin : 0px;
1294 padding : 0px;
1295 list-style-type : none;
1296 }
1297
1298 #debug_output li {
1299 margin : 0px;
1300 padding : 0px;
1301 font-size : 11px;
1302 }
1303
1304 #dialog_overlay {
1305 left : 0;
1306 top : 0;
1307 height : 100%;
1308 width : 100%;
1309 z-index : 4;
1310 position : absolute;
1311 background-image : url("images/shadow_white.png");
1312 }
1313
1314 #overlay {
1315 background : white;
1316 left : 0;
1317 top : 0;
1318 height : 100%;
1319 width : 100%;
1320 z-index : 100;
1321 position : absolute;
1322 }
1323
1324 #overlay_inner {
1325 font-weight : bold;
1326 margin : 10px;
1327 }
1328
1329 #fatal_error {
1330 background : white;
1331 left : 0;
1332 top : 0;
1333 height : 100%;
1334 width : 100%;
1335 z-index : 200;
1336 display : none;
1337 position : absolute;
1338 }
1339
1340 #fatal_error_inner {
1341 font-weight : bold;
1342 margin : 10px;
1343 color : red;
1344 }
1345
1346 #fatal_error_msg {
1347 color : black;
1348 padding : 10px;
1349 font-weight : normal;
1350 background-color : #ffcccc;
1351 border : 1px solid #ff0000;
1352 }
1353
1354 #fatal_error_msg a {
1355 color : red;
1356 }
1357
1358 #fatal_error_msg a:hover {
1359 color : red;
1360 text-decoration : underline;
1361 }
1362
1363 #fatal_error_msg img {
1364 vertical-align : middle;
1365 }
1366
1367 #noDaemonWarning {
1368 position : absolute;
1369 background-color : #ecf4ff;
1370 border : 1px solid #88b0f0;
1371 padding : 10px;
1372 margin : 5px;
1373 z-index : 2;
1374 display : none;
1375 }
1376
1377 #qafInput {
1378 width : 100%;
1379 }
1380
1381 form {
1382 margin : 0px;
1383 padding : 0px;
1384 }
1385
1386 #main_toolbar_form {
1387 margin : 0px;
1388 padding : 0px;
1389 display : inline;
1390 }
1391
1392 div.feedExtInfo {
1393 margin-left : 2em;
1394 font-size : 7pt;
1395 color : gray;
1396 font-weight : normal;
1397 }
1398
1399 span.debugTS {
1400 color : #4684ff;
1401 }
1402
1403 #backReqBox {
1404 display : none;
1405 }
1406
1407 /*.scriptWarn:before {
1408 content : "Disabled script:";
1409 }*/
1410
1411 .scriptWarn {
1412 color : white;
1413 background-color : #903030;
1414 border : 1px solid #601010;
1415 padding : 3px;
1416 font-weight : bold;
1417 display : none;
1418 }
1419
1420 .objectWarn {
1421 color : gray;
1422 font-style: italic;
1423 text-align : center;
1424 }
1425
1426 table.loginForm2 {
1427 padding : 1em;
1428 }
1429
1430 table.loginForm2 .loginTop {
1431 border-width : 0px 0px 1px 0px;
1432 border-color : #88b0f0;
1433 border-style : solid;
1434 padding : 0.5em;
1435 }
1436
1437 table.loginForm2 .loginMiddle {
1438 padding : 3em;
1439 }
1440
1441 table.loginForm2 .loginBottom {
1442 border-width : 1px 0px 0px 0px;
1443 border-color : #88b0f0;
1444 border-style : solid;
1445 font-size : 12px;
1446 text-align : center;
1447 color : #909090;
1448 padding : 0.5em;
1449 }
1450
1451 table.loginForm2 .loginBottom a {
1452 color : gray;
1453 }
1454
1455 table.loginForm2 .loginBottom a:hover {
1456 color : #4684ff;
1457 }
1458
1459 table.loginForm2 .loginError {
1460 color : red;
1461 margin : 0.5em;
1462 }
1463
1464 table.loginForm2 .innerLoginCell {
1465 padding-top : 0.5em;
1466 }
1467
1468 #milestoneDetails {
1469 display : none;
1470 }
1471
1472 div.loadingPrompt {
1473 padding : 1em;
1474 text-align : center;
1475 font-weight : bold;
1476 }
1477
1478 div.whiteBox {
1479 background-color : white;
1480 margin-left : 1px;
1481 text-align : center;
1482 padding : 1em;
1483 }
1484
1485 /* layout */
1486
1487 #header {
1488 position : absolute;
1489 white-space: nowrap;
1490 top : 10px;
1491 left : 15px;
1492 right : 5px;
1493 height : 40px;
1494 color : #4684ff;
1495 font-size : 12px;
1496 }
1497
1498 #feeds-holder {
1499 border-width : 1px 1px 0px 0px;
1500 border-style : solid;
1501 border-color : #88b0f0;
1502 top : 50px;
1503 left : 0px;
1504 position : absolute;
1505 width : 260px;
1506 overflow : auto;
1507 bottom : 0px;
1508 border-collapse : collapse;
1509 }
1510
1511 #toolbar {
1512 position : absolute;
1513 left : 261px;
1514 padding : 5px 10px 5px 10px;
1515 top : 50px;
1516 right : 0px;
1517 white-space: nowrap;
1518 height : 30px;
1519 background-image : url("images/toolbar.png");
1520 background-position : bottom left;
1521 background-repeat : repeat-x;
1522 font-size : 12px;
1523 }
1524
1525 div.headlines_normal {
1526 position : absolute;
1527 border-width : 1px 0px 0px 0px;
1528 border-style : solid;
1529 border-color : #88b0f0;
1530 left : 261px;
1531 height : 305px;
1532 top : 85px;
1533 right : 0px;
1534 overflow : hidden;
1535 font-size : 12px;
1536 border-collapse : collapse;
1537 }
1538
1539 div.headlines_cdm {
1540 position : absolute;
1541 border-width : 1px 0px 1px 0px;
1542 border-style : solid;
1543 border-color : #88b0f0;
1544 left : 261px;
1545 bottom : 40px;
1546 top : 85px;
1547 right : 0px;
1548 overflow : hidden;
1549 font-size : 12px;
1550 border-collapse : collapse;
1551 }
1552
1553 #content-frame {
1554 position : absolute;
1555 border-width : 1px 0px 0px 0px;
1556 border-style : solid;
1557 border-color : #88b0f0;
1558 overflow : auto;
1559 top : 390px;
1560 left : 261px;
1561 bottom : 40px;
1562 right : 0px;
1563 border-collapse : collapse;
1564 }
1565
1566 /*#resize-grabber {
1567 position : absolute;
1568 border-width : 1px;
1569 border-style : dotted;
1570 border-color : #88b0f0;
1571 background-color : white;
1572 width : 8px;
1573 height : 8px;
1574 z-index : 20;
1575 right : 20px;
1576 top : 20px;
1577 display : none;
1578 cursor : move;
1579 }*/
1580
1581 #resize-grabber {
1582 height : 5px;
1583 border-width : 0px 0px 1px 0px;
1584 border-style : solid;
1585 border-color : #88b0f0;
1586 background : url("images/resize_horiz.png") top left;
1587 cursor : move;
1588 text-align : center;
1589 }
1590
1591 #footer, #prefFooter {
1592 position : absolute;
1593 bottom : 0px;
1594 height : 20px;
1595 text-align : center;
1596 color : gray;
1597 font-size : 12px;
1598 background-image : url("images/footer.png");
1599 background-position : top left;
1600 background-repeat : repeat-x;
1601 background-color : white;
1602 right : 0px;
1603 left : 261px;
1604 padding : 10px;
1605 border-collapse : collapse;
1606 border-width : 1px 0px 0px 0px;
1607 border-style : solid;
1608 border-color : #88b0f0;
1609
1610 }
1611
1612 #prefFooter {
1613 left : 0px;
1614 }
1615
1616 #footer a, #prefFooter a {
1617 color : gray;
1618 }
1619
1620 #footer a:hover, #prefFooter a:hover {
1621 color : black;
1622 }
1623
1624 #headlinesContainer {
1625 margin-left : 0px;
1626 background-color : white;
1627 }
1628
1629 #headlineActionsTop {
1630 /* border-width : 0px 0px 1px 0px;
1631 border-style : solid;
1632 border-color : #c0c0c0;
1633 background-color : #fafafa; */
1634 font-size : 12px;
1635 }
1636
1637 #headlinesInnerContainer {
1638 overflow : auto;
1639 position : absolute;
1640 left : 0px;
1641 right : 0px;
1642 bottom : 0px;
1643 top : 25px;
1644 }
1645
1646 /* preferences layout */
1647
1648 #prefHeader {
1649 color : #4684ff;
1650 font-size : 12px;
1651 margin : 10px;
1652 height : 33px;
1653 }
1654
1655 div.return {
1656 float : right;
1657 font-size : 12px;
1658 margin-right : 10px;
1659 }
1660
1661 div.return a {
1662 color : #4684ff;
1663 }
1664
1665 div.return a:hover {
1666 color : black;
1667 }
1668
1669 #prefContentOuter {
1670 clear : left;
1671 position : absolute;
1672 bottom : 41px;
1673 top : 75px;
1674 left : 0px;
1675 right : 0px;
1676 min-height : 300px;
1677 border-width : 1px 0px 0px 0px;
1678 border-color : #88b0f0;
1679 border-style : solid;
1680 font-size : 12px;
1681 }
1682
1683 #prefContent {
1684 z-index : 4;
1685 background-image : url("images/prefs-content.png");
1686 background-position : top left;
1687 background-repeat : repeat-x;
1688 position : absolute;
1689 bottom : 0px;
1690 top : 0px;
1691 left : 0px;
1692 right : 0px;
1693 padding : 1em;
1694 overflow : auto;
1695
1696 }
1697
1698 #userSwitch {
1699 position : absolute;
1700 bottom : 2px;
1701 right : 2px;
1702 }
1703
1704 a.feedUpdErrLink {
1705 color : #ff0000;
1706 display : block;
1707 margin-bottom : 0.5em;
1708 }
1709
1710 .catCtrHasUnread, .feedCtrHasUnread {
1711 font-weight : bold;
1712 color : #707070;
1713 }
1714
1715 .catCtrNoUnread, .feedCtrNoUnread {
1716 display : none;
1717 }
1718
1719 ul.headlineDropdownMenu {
1720 list-style-type : none;
1721 margin : 0px;
1722 padding : 0px;
1723 }
1724
1725 ul.headlineDropdownMenu li.top {
1726 float : left;
1727 width : 12em;
1728 background-image : url("images/down_arrow.png");
1729 background-position : center right;
1730 background-repeat : no-repeat;
1731 margin : 0px;
1732 cursor : pointer;
1733 border-width : 1px 1px 1px 1px;
1734 border-color : transparent;
1735 border-style : solid;
1736 }
1737
1738 ul.headlineDropdownMenu li.top2 {
1739 float : left;
1740 }
1741
1742 ul.headlineDropdownMenu li.top3 {
1743 float : left;
1744 margin : 0px;
1745 cursor : pointer;
1746 border-width : 1px 1px 1px 1px;
1747 border-color : transparent;
1748 border-style : solid;
1749 }
1750
1751 ul.headlineDropdownMenu li.vsep {
1752 float : left;
1753 margin : 0px 5px 0px 0px;
1754 border-width : 0px 1px 0px 0px;
1755 border-color : #c0c0c0;
1756 border-style : dotted;
1757 color : white;
1758 }
1759
1760 ul.headlineDropdownMenu li.top:hover {
1761 cursor : pointer;
1762 border-width : 1px 1px 1px 1px;
1763 border-color : #c0c0c0;
1764 border-style : solid;
1765 }
1766
1767 ul.headlineDropdownMenu li.top:hover ul {
1768 display : block;
1769 }
1770
1771 ul.headlineDropdownMenu ul {
1772 list-style-type : none;
1773 position : absolute;
1774 float : none;
1775 margin : 0px;
1776 padding : 0px;
1777 display : none;
1778 background-color : white;
1779 width : 12em;
1780 z-index : 3;
1781 top : auto;
1782 left : auto;
1783 border-width : 0px 1px 1px 1px;
1784 border-color : #c0c0c0;
1785 border-style : solid;
1786 margin-left : -1px;
1787 }
1788
1789 ul.headlineDropdownMenu ul li {
1790 float: none;
1791 padding : 2px 0px 2px 10px;
1792 color : black;
1793 }
1794
1795 ul.headlineDropdownMenu ul li:hover {
1796 color : #4684ff;
1797 background-color : #f0f0f0;
1798 }
1799
1800 #newVersionIcon {
1801 vertical-align : middle;
1802 cursor : pointer;
1803 }
1804
1805 a.helpLinkPic {
1806 float : right;
1807 }
1808
1809 a.helpLinkPic img {
1810 border-width : 0px;
1811 }
1812
1813 #fadd_login_container {
1814 }
1815
1816 li.feedCatHolder {
1817 display : inline;
1818 }
1819
1820 table.prefFeedCatList {
1821 background-color : white;
1822 }
1823
1824 /*a[target="_new"], a[target="_blank"] {
1825 border-width : 0px 0px 1px 0px;
1826 border-color : #778899;
1827 border-style : dotted;
1828 }*/
1829
1830 div.autocomplete {
1831 position : absolute;
1832 width : 250px;
1833 background-color : white;
1834 border :1px solid #778899;
1835 margin : 0px;
1836 padding : 0px;
1837 }
1838
1839 div.autocomplete ul {
1840 list-style-type : none;
1841 margin : 0px;
1842 padding : 0px;
1843 }
1844
1845 div.autocomplete ul li.selected {
1846 background-color : #fff7d5;
1847 }
1848
1849 div.autocomplete ul li {
1850 list-style-type : none;
1851 display : block;
1852 margin : 0;
1853 padding : 2px;
1854 height : 32px;
1855 cursor : pointer;
1856 }
1857
1858 #feedOpToolbar {
1859 float : right;
1860 }
1861
1862 div.topLinks {
1863 float : right;
1864 margin-right : 5px;
1865 color : gray;
1866 }
1867
1868 div.topLinks a {
1869 color : #4684ff;
1870 }
1871
1872 div.topLinks a:hover {
1873 color : black;
1874 }
1875
1876 div.topLinks a.feedback {
1877 color : #009900;
1878 }
1879
1880 div.dashboard {
1881 margin-left : 3px;
1882 }
1883
1884 a.visibleLink {
1885 color : #4684ff;
1886
1887 }
1888
1889 a.visibleLinkB {
1890 color : #4684ff;
1891 border : 1px solid #4684ff;
1892 padding : 2px;
1893 }
1894
1895 a.visibleLinkB:hover {
1896 background-color : #ecf4ff;
1897 }
1898
1899 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1900 color : #4684ff;
1901 }
1902
1903 div.cdmFeedTitle {
1904 border-color : #a0a0a0;
1905 border-width : 0px 0px 1px 0px;
1906 border-style : solid;
1907 padding : 5px 3px 5px 5px;
1908 background : url("images/toolbar.png") bottom left;
1909 background-repeat : repeat-x;
1910 }
1911
1912 table.headlinesList tr, table.headlinesList td {
1913 border-collapse : collapse;
1914 margin : 0px;
1915 }
1916
1917 table.headlinesList tr.feedTitle td {
1918 /* text-align : right;
1919 margin-top : 10px; */
1920 /*padding-left : 5px;*/
1921
1922 background : url("images/toolbar.png") bottom left;
1923 background-repeat : repeat-x;
1924
1925 border-color : #c0c0c0;
1926 border-width : 0px 0px 1px 0px;
1927 border-style : solid;
1928 padding : 5px 3px 5px 5px;
1929
1930 }
1931
1932 td.hlContent, td.hlContentL, td.hlContentH {
1933 cursor : pointer;
1934 }
1935
1936 td.hlContentH a, td.hlContentH span {
1937 color : #00cc00;
1938 }
1939
1940 td.hlContentL a, td.hlContentL span {
1941 color : #909090;
1942 text-decoration : line-through;
1943 }
1944
1945 span.titleWrapH, span.titleWrapH a {
1946 color : #00cc00;
1947 }
1948
1949 span.titleWrapL, span.titleWrapL a {
1950 color : #909090;
1951 text-decoration : line-through;
1952 }
1953
1954 img.hlScorePic {
1955 vertical-align : middle;
1956 width : 16px;
1957 height : 16px;
1958 }
1959
1960 div#hotkey_help_overlay {
1961 position : absolute;
1962 left : 30px;
1963 right : 30px;
1964 top : 30px;
1965 z-index : 999;
1966 color : white;
1967 font-size : 15px;
1968 }
1969
1970 div#hotkey_help_overlay h1 {
1971 text-align : center;
1972 }
1973
1974 div#hotkey_help_overlay ul {
1975 list-style-type : none;
1976 margin : 0px;
1977 }
1978
1979 div#hotkey_help_overlay li {
1980 margin : 0px;
1981 }
1982
1983 div#hotkey_help_overlay p {
1984 text-align : center;
1985 }
1986
1987 div#hotkey_help_overlay td.n {
1988 text-align : right;
1989 font-weight : bold;
1990 width : 6em;
1991 color : #a0ffa0;
1992 padding-right : 5px;
1993 }
1994
1995 div#hotkey_help_overlay td {
1996 vertical-align : top;
1997 }
1998
1999 div#hotkey_help_overlay h1 {
2000 margin : 0px;
2001 }
2002
2003 div#hotkey_help_overlay h2 {
2004 font-size : 16px;
2005 border-width : 0px;
2006 margin : 0.3em 0px 0.3em 0px;
2007 text-align : center;
2008 color : #88b0f0;
2009 }
2010
2011 div#hotkey_help_overlay table.hho td.c1 {
2012 height : 30px;
2013 width : 30px;
2014 background : url("images/c1.png");
2015 background-repeat : no-repeat;
2016
2017 }
2018
2019 div#hotkey_help_overlay table.hho td.c2 {
2020 height : 30px;
2021 width : 30px;
2022 background : url("images/c2.png");
2023 background-repeat : no-repeat;
2024 }
2025
2026 div#hotkey_help_overlay table.hho td.c3 {
2027 height : 30px;
2028 width : 30px;
2029 background : url("images/c3.png");
2030 background-repeat : no-repeat;
2031 }
2032
2033 div#hotkey_help_overlay table.hho td.c4 {
2034 height : 30px;
2035 width : 30px;
2036 background : url("images/c4.png");
2037 background-repeat : no-repeat;
2038 }
2039
2040 div#hotkey_help_overlay table.hho td.top,
2041 div#hotkey_help_overlay table.hho td.left,
2042 div#hotkey_help_overlay table.hho td.right,
2043 div#hotkey_help_overlay table.hho td.bottom,
2044 div#hotkey_help_overlay table.hho td.content {
2045 background : url("images/shadow_dark.png");
2046 }
2047
2048 div#hotkey_help_overlay table.hho td.top,
2049 div#hotkey_help_overlay table.hho td.bottom {
2050 text-align : center;
2051 font-size : 13px;
2052 }
2053
2054 div.prefKbdHelp {
2055 float : right;
2056 font-size : 12px;
2057 margin-right : 15px;
2058 }
2059
2060 div.prefKbdHelp img {
2061 vertical-align : middle;
2062 }
2063
2064 div#l_progress_o {
2065 width : 200px;
2066 border : 1px solid black;
2067 background-color : white;
2068 margin-top : 10px;
2069 }
2070
2071 div#l_progress_i {
2072 width : 10px;
2073 background-color : #88b0f0;
2074 height : 10px;
2075 }
2076
2077 #content-insert {
2078 background-color : white;
2079 overflow : auto;
2080 position : absolute;
2081 left : 0px;
2082 right : 0px;
2083 bottom : 0px;
2084 top : 6px;
2085 }
2086
2087 div.dlgSec {
2088 font-size : 14px;
2089 color : gray;
2090 font-weight : bold;
2091 clear : both;
2092 height : 20px;
2093 }
2094
2095 div.dlgSecCont {
2096 position : relative;
2097 left : 150px;
2098 top : -20px;
2099 float : left;
2100 font-size : 12px;
2101 font-weight : normal;
2102 line-height : 200%;
2103 }
2104
2105 div.dlgButtons {
2106 text-align : right;
2107 clear : both;
2108 }
2109
2110 textarea.labelSQL {
2111 font-family : monospace;
2112 }
2113
2114 div#label_test_result {
2115 clear : both;
2116 }
2117
2118 pre, code {
2119 font-size : 12px;
2120 font-family : monospace;
2121 }