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