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