Mercurial > hg > rc2

comparison skins/classic/common.css @ 0:4681f974d28b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:52:31 -0500
parents
children bf99236cc5cd
comparison
equal deleted inserted replaced
-1:000000000000 0:4681f974d28b
1 /***** Roundcube|Mail basic styles *****/
2
3 body
4 {
5 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
6 margin: 8px;
7 background-color: #F6F6F6;
8 color: #000;
9 font-size: 12px;
10 }
11
12 body.iframe
13 {
14 margin: 20px 0 0 0;
15 background-color: #FFF;
16 }
17
18 body.extwin
19 {
20 margin: 10px;
21 }
22
23 select, input, textarea, button
24 {
25 font-size: inherit;
26 font-family: inherit;
27 }
28
29 html.mozilla select {
30 padding: 2px 1px;
31 }
32
33 th
34 {
35 font-weight: normal;
36 }
37
38 h3
39 {
40 font-size: 18px;
41 }
42
43 a, a:active, a:visited
44 {
45 color: #000;
46 outline: none;
47 }
48
49 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
50 {
51 color: #000;
52 text-decoration: none;
53 }
54
55 a.tab
56 {
57 width: 80px;
58 display: block;
59 text-align: center;
60 }
61
62 a.disabled
63 {
64 color: #999;
65 text-decoration: none;
66 cursor: default;
67 }
68
69 hr
70 {
71 height: 1px;
72 background-color: #666;
73 border-style: none;
74 }
75
76 input[type="text"],
77 input[type="button"],
78 input[type="password"],
79 textarea
80 {
81 border: 1px solid #666;
82 color: #333;
83 background-color: #FFF;
84 }
85
86 input, textarea
87 {
88 color: black;
89 padding: 1px 3px;
90 }
91
92 input.placeholder,
93 textarea.placeholder,
94 input:-moz-placeholder,
95 textarea:-moz-placeholder
96 {
97 color: #aaa;
98 }
99
100 input.button
101 {
102 height: 20px;
103 color: #333333;
104 font-size: 12px;
105 padding-left: 8px;
106 padding-right: 8px;
107 background: url(images/buttons/bg.gif?v=30b2.196) repeat-x #f0f0f0;
108 border: 1px solid #a4a4a4;
109 }
110
111 input.button:hover
112 {
113 color: black;
114 }
115
116 input.button[disabled],
117 input.button[disabled]:hover
118 {
119 color: #aaa;
120 border-color: #ccc;
121 }
122
123 input.mainaction
124 {
125 font-weight: bold;
126 border: 1px solid #999;
127 }
128
129 img
130 {
131 border: 0;
132 }
133
134 .alttext
135 {
136 font-size: 11px;
137 }
138
139 .hint
140 {
141 color: #666;
142 font-size: 11px;
143 }
144
145 .formlinks a,
146 .formlinks a:visited
147 {
148 color: #CC0000;
149 font-size: 11px;
150 text-decoration: none;
151 }
152
153 .formlinks a.disabled,
154 .formlinks a.disabled:visited
155 {
156 color: #999999;
157 }
158
159 .voice
160 {
161 display: none;
162 }
163
164 /* fixes vertical alignment of checkboxes and labels */
165 label input,
166 label span
167 {
168 vertical-align: middle;
169 }
170
171
172 /** common user interface objects */
173
174 #mainscreen
175 {
176 position: absolute;
177 top: 85px;
178 right: 20px;
179 bottom: 20px;
180 left: 20px;
181 }
182
183 .extwin #mainscreen
184 {
185 top: 43px;
186 }
187
188 body > #logo
189 {
190 margin-left: 12px;
191 cursor: pointer;
192 }
193
194 #taskbar
195 {
196 position: absolute;
197 top: 0px;
198 right: 0px;
199 height: 24px;
200 left: 250px;
201 background: url(images/taskbar.png?v=3878.1902) top right no-repeat;
202 padding: 10px 6px 5px 0px;
203 text-align: right;
204 white-space: nowrap;
205 z-index: 2;
206 }
207
208 #taskbar a
209 {
210 font-size: 11px;
211 color: #666666;
212 text-decoration: none;
213 padding: 6px 12px 6px 26px;
214 background: url(images/taskicons.gif?v=b8e0.1519) no-repeat;
215 }
216
217 #taskbar a:hover
218 {
219 color: #333333;
220 }
221
222 #taskbar a.button-mail
223 {
224 background-position: 0 0;
225 }
226
227 #taskbar a.button-addressbook
228 {
229 background-position: 0 -25px;
230 }
231
232 #taskbar a.button-settings
233 {
234 background-position: 0 -50px;
235 }
236
237 #taskbar a.button-logout
238 {
239 background-position: 0 -75px;
240 }
241
242 body > #message
243 {
244 position: absolute;
245 display: none;
246 top: -1px;
247 margin-left: -225px;
248 left: 50%;
249 z-index: 5000;
250 opacity: 0.85;
251 }
252
253 body > #message div
254 {
255 width: 400px;
256 margin: 0px;
257 min-height: 22px;
258 padding: 8px 10px 8px 46px;
259 }
260
261 body > #message div.notice,
262 body > #messagebody .part-notice,
263 #message-objects div.notice
264 {
265 background: url(images/display/icons.png?v=e866.4201) 6px 3px no-repeat;
266 background-color: #F7FDCB;
267 border: 1px solid #C2D071;
268 }
269
270 body > #message div.error,
271 body > #message div.warning,
272 #message-objects div.warning,
273 #message-objects div.error
274 {
275 background: url(images/display/icons.png?v=e866.4201) 6px -97px no-repeat;
276 background-color: #EF9398;
277 border: 1px solid #DC5757;
278 }
279
280 body > #message div.confirmation,
281 #message-objects div.confirmation
282 {
283 background: url(images/display/icons.png?v=e866.4201) 6px -47px no-repeat;
284 background-color: #A6EF7B;
285 border: 1px solid #76C83F;
286 }
287
288 body > #message div.loading,
289 body > #message div.uploading,
290 #message-objects div.loading
291 {
292 background: url(images/display/loading.gif?v=9bae.2710) 6px 3px no-repeat;
293 background-color: #EBEBEB;
294 border: 1px solid #CCCCCC;
295 }
296
297 body > #message div.voice
298 {
299 position: absolute;
300 top: -1000px;
301 clip: rect(0 0 0 0);
302 }
303
304 body > #message a
305 {
306 cursor: pointer;
307 text-decoration: underline;
308 }
309
310 body.extwin #closelink
311 {
312 position: absolute;
313 top: 5px;
314 right: 20px;
315 text-align: right;
316 z-index:100;
317 }
318
319 .box
320 {
321 border: 1px solid #999;
322 }
323
324 .boxtitle
325 {
326 height: 12px !important;
327 padding: 2px 10px 5px 5px;
328 border-bottom: 1px solid #999;
329 color: #333;
330 font-size: 11px;
331 font-weight: bold;
332 overflow: hidden;
333 text-overflow: ellipsis;
334 -o-text-overflow: ellipsis;
335 white-space: nowrap;
336 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
337 }
338
339 .boxtitle .rightalign
340 {
341 float: right;
342 }
343
344 body.iframe .boxtitle
345 {
346 position: fixed;
347 top: 0;
348 left: 0;
349 width: 100%;
350 }
351
352 .boxcontent
353 {
354 padding: 15px 10px 10px 10px;
355 background-color: #F2F2F2;
356 }
357
358 .boxcontent table td.title
359 {
360 color: #666;
361 padding-right: 10px;
362 }
363
364 .boxlistcontent
365 {
366 position: absolute;
367 top: 20px;
368 bottom: 22px;
369 left: 0;
370 right: 0;
371 width: 100%;
372 overflow-y: auto;
373 overflow-x: hidden;
374 }
375
376 .boxsubject
377 {
378 position: absolute;
379 top: 0px;
380 left: 0px;
381 right: 0px;
382 overflow: hidden;
383 height: 22px;
384 border-bottom: 1px solid #999;
385 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
386 }
387
388 .boxfooter
389 {
390 position: absolute;
391 bottom: 0px;
392 left: 0px;
393 right: 0px;
394 overflow: hidden;
395 height: 22px;
396 border-top: 1px solid #999;
397 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
398 }
399
400 .boxfooter a.button,
401 .boxfooter a.buttonPas
402 {
403 display: block;
404 float: left;
405 width: 34px;
406 height: 22px;
407 padding: 0px;
408 margin: 0;
409 overflow: hidden;
410 background: url(images/icons/groupactions.png?v=ace6.1092) 0 0 no-repeat transparent;
411 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
412 }
413
414 .boxfooter a.groupactions
415 {
416 background-position: 0 -26px;
417 }
418
419 .boxfooter a.delgroup {
420 background-position: 0 -49px;
421 }
422
423 .boxfooter a.buttonPas
424 {
425 opacity: 0.35;
426 }
427
428 .pagenav span
429 {
430 color: #444;
431 font-size: 11px;
432 text-shadow: white 1px 1px;
433 white-space: nowrap;
434 }
435
436 .pagenav a.button,
437 .pagenav a.buttonPas
438 {
439 display: block;
440 float: left;
441 width: 11px;
442 height: 11px;
443 padding: 0;
444 margin: 1px;
445 margin-top: 2px;
446 overflow: hidden;
447 background: url(images/pagenav.gif?v=2e75.355) 0 0 no-repeat transparent;
448 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
449 }
450
451 .pagenav a.buttonPas {
452 opacity: 0.35;
453 }
454
455 .pagenav a.firstpageSel {
456 background-position: 0 -11px;
457 }
458
459 .pagenav a.prevpage {
460 background-position: -11px 0;
461 }
462
463 .pagenav a.prevpageSel {
464 background-position: -11px -11px;
465 }
466
467 .pagenav a.nextpage {
468 background-position: -22px 0;
469 }
470
471 .pagenav a.nextpageSel {
472 background-position: -22px -11px;
473 }
474
475 .pagenav a.lastpage {
476 background-position: -33px 0;
477 }
478
479 .pagenav a.lastpageSel {
480 background-position: -33px -11px;
481 }
482
483 .splitter
484 {
485 user-select: none;
486 -moz-user-select: none;
487 -khtml-user-select: none;
488 position: absolute;
489 background: url(images/dimple.png?v=42a0.158) center no-repeat;
490 }
491
492 .splitter-h
493 {
494 cursor: n-resize; cursor: row-resize;
495 background-position: center 2px;
496 }
497
498 .splitter-v
499 {
500 cursor: e-resize; cursor: col-resize;
501 background-position: 2px center;
502 }
503
504 .popupmenu
505 {
506 position: absolute;
507 top: 32px;
508 left: 90px;
509 width: auto;
510 max-height: 70%;
511 overflow: -moz-scrollbars-vertical;
512 overflow-y: auto;
513 display: none;
514 background-color: #fff;
515 background-color: rgba(255, 255, 255, 0.95);
516 border: 1px solid #999;
517 padding: 4px;
518 z-index: 240;
519 border-radius: 3px;
520 -moz-border-radius: 3px;
521 -webkit-border-radius: 3px;
522 box-shadow: 1px 1px 12px #999;
523 -moz-box-shadow: 1px 1px 12px #999;
524 -webkit-box-shadow: #999 1px 1px 12px;
525 }
526
527 .popupmenu ul
528 {
529 margin: -4px 0;
530 padding: 0;
531 list-style: none;
532 }
533
534 .popupmenu ul li
535 {
536 font-size: 11px;
537 white-space: nowrap;
538 min-width: 100px;
539 margin: 3px -4px;
540 }
541
542 .popupmenu li a,
543 .popupmenu li label
544 {
545 display: block;
546 color: #a0a0a0;
547 padding: 2px 16px 2px 10px;
548 text-decoration: none;
549 min-height: 14px;
550 background: transparent;
551 }
552
553 .popupmenu li label.comment
554 {
555 color: #999;
556 font-style: italic;
557 padding-top: 4px;
558 padding-bottom: 3px;
559 }
560
561 .popupmenu li a.active,
562 .popupmenu li a.active:active,
563 .popupmenu li a.active:visited
564 {
565 color: #333;
566 cursor: pointer;
567 }
568
569 .popupmenu li a.active:hover,
570 .popupmenu.selectable li a.selected:hover
571 {
572 color: #fff;
573 background-color: #c00;
574 }
575
576 .popupmenu li.block input
577 {
578 float: left;
579 }
580
581 .popupmenu.selectable li a.selected
582 {
583 background: url(images/messageicons.png?v=16cb.2581) 2px -372px no-repeat;
584 }
585
586 .popupmenu.selectable li a
587 {
588 padding-left: 20px;
589 }
590
591 .darkbg
592 {
593 background-color: #F2F2F2 !important;
594 }
595
596 .dropbutton,
597 .dropbutton span
598 {
599 float: left;
600 height: 32px;
601 }
602
603 .dropbutton:hover
604 {
605 /* background: url(images/dbutton.png?v=7bba.240) 0 0 no-repeat transparent; */
606 }
607
608 .dropbutton span
609 {
610 width: 9px;
611 background: url(images/dbutton.png?v=7bba.240) -53px 0 no-repeat transparent;
612 }
613
614 .dropbutton span:hover
615 {
616 cursor: pointer;
617 background-position: -74px 0;
618 }
619
620 img.uploading
621 {
622 width: 16px;
623 height: 16px;
624 }
625
626 .popup label > input {
627 margin-left: 10px;
628 }
629
630 /***** common table settings ******/
631
632 table.records-table thead tr th,
633 table.records-table thead tr td
634 {
635 height: 20px;
636 padding: 0px 4px 0px 4px;
637 vertical-align: middle;
638 border-bottom: 1px solid #999999;
639 color: #333333;
640 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
641 font-size: 11px;
642 font-weight: bold;
643 text-align: left;
644 }
645
646 table.records-table tbody tr td
647 {
648 height: 16px;
649 padding: 2px 4px 2px 4px;
650 font-size: 11px;
651 white-space: nowrap;
652 border-bottom: 1px solid #EBEBEB;
653 overflow: hidden;
654 text-align: left;
655 outline: none;
656 }
657
658 table.records-table tr
659 {
660 background-color: #FFFFFF;
661 }
662
663 table.records-table tr.selected td
664 {
665 color: #FFFFFF;
666 background-color: #CC3333;
667 }
668
669 table.records-table tr.focused td
670 {
671 }
672
673 table.records-table tr.unfocused td
674 {
675 color: #FFFFFF;
676 background-color: #929292;
677 }
678
679 ul.treelist li
680 {
681 position: relative;
682 }
683
684 ul.treelist li div.treetoggle
685 {
686 position: absolute;
687 left: 8px;
688 top: 2px;
689 width: 14px;
690 height: 16px;
691 cursor: pointer;
692 }
693
694 ul.treelist ul li div.treetoggle
695 {
696 left: 25px;
697 }
698
699 ul.treelist ul ul li div.treetoggle
700 {
701 left: 42px;
702 }
703
704 ul.treelist li div.collapsed
705 {
706 background: url(images/icons/collapsed.png?v=45aa.97) bottom right no-repeat;
707 }
708
709 ul.treelist li div.expanded
710 {
711 background: url(images/icons/expanded.png?v=f647.107) bottom right no-repeat;
712 }
713
714 ul.treelist,
715 ul.treelist li ul
716 {
717 list-style: none;
718 margin: 0;
719 padding: 0;
720 background-color: #FFFFFF;
721 }
722
723 ul.treelist li ul
724 {
725 border-top: 1px solid #EBEBEB;
726 }
727
728 ul.treelist li
729 {
730 display: block;
731 font-size: 11px;
732 border-bottom: 1px solid #EBEBEB;
733 white-space: nowrap;
734 overflow: hidden;
735 }
736
737 ul.treelist li a
738 {
739 cursor: default;
740 display: block;
741 padding-left: 25px;
742 padding-top: 2px;
743 padding-bottom: 2px;
744 height: 16px;
745 line-height: 16px;
746 text-decoration: none;
747 white-space: nowrap;
748 }
749
750 ul.treelist li ul li a
751 {
752 padding-left: 45px;
753 }
754
755 ul.treelist ul ul li a
756 {
757 padding-left: 65px;
758 }
759
760 ul.treelist li ul li:last-child
761 {
762 border-bottom: 0;
763 }
764
765 ul.treelist li.selected > a,
766 ul.treelist li.selected > div a
767 {
768 color: #FFF;
769 font-weight: bold;
770 background-color: #929292;
771 }
772
773 ul.treelist li.droptarget
774 {
775 background-color: #FFFFA6;
776 }
777
778 /***** folders list *****/
779
780 .folderlist li ul li:last-child
781 {
782 border-bottom: 0 none;
783 }
784
785 .folderlist li.inbox a
786 {
787 background-position: 5px -18px;
788 }
789
790 .folderlist li.drafts a
791 {
792 background-position: 5px -36px;
793 }
794
795 .folderlist li.sent a
796 {
797 background-position: 5px -53px;
798 }
799
800 .folderlist li.junk a
801 {
802 background-position: 5px -72px;
803 }
804
805 .folderlist li.trash a
806 {
807 background-position: 5px -180px;
808 }
809
810 .folderlist li.trash.empty a
811 {
812 background-position: 5px -90px;
813 }
814
815 .folderlist li a
816 {
817 cursor: default;
818 display: block;
819 position: relative;
820 padding-left: 25px;
821 padding-top: 2px;
822 padding-bottom: 2px;
823 text-decoration: none;
824 height: 15px;
825 background: url(images/icons/folders.png?v=d9d2.5356) 5px 1px no-repeat;
826 }
827
828 .folderlist li.virtual > a
829 {
830 color: #666;
831 }
832
833 .folderlist li.selected,
834 .folderlist li.droptarget li.selected
835 {
836 background-color: #929292;
837 }
838
839 .folderlist li.selected > a,
840 .folderlist li.droptarget li.selected a
841 {
842 color: #FFF;
843 font-weight: bold;
844 }
845
846 .folderlist li.droptarget
847 {
848 background-color: #FFFFA6;
849 }
850
851 /* styles for nested folders */
852 .folderlist ul {
853 list-style: none;
854 padding: 0;
855 margin: 0;
856 border-top: 1px solid #EBEBEB;
857 background-color: #FFF;
858 font-weight: normal;
859 }
860
861 .folderlist li.mailbox ul li a {
862 padding-left: 40px; /* 24 + 1 x 16 */
863 background-position: 20px 1px; /* 4 + 1 x 16 */
864 }
865 .folderlist li.mailbox ul li div.treetoggle {
866 left: 23px !important;
867 }
868
869 .folderlist li.mailbox ul ul li.mailbox a {
870 padding-left: 56px; /* 2x */
871 background-position: 36px 1px;
872 }
873 .folderlist li.mailbox ul ul li div.treetoggle {
874 left: 39px !important;
875 }
876
877 .folderlist li.mailbox ul ul ul li.mailbox a {
878 padding-left: 72px; /* 3x */
879 background-position: 52px 1px;
880 }
881 .folderlist li.mailbox ul ul ul li div.treetoggle {
882 left: 55px !important;
883 }
884
885 .folderlist li.mailbox ul ul ul ul li.mailbox a {
886 padding-left: 88px; /* 4x */
887 background-position: 68px 1px;
888 }
889 .folderlist li.mailbox ul ul ul ul li div.treetoggle {
890 left: 71px !important;
891 }
892
893 /* indent folders on levels > 4 */
894 .folderlist li.mailbox ul ul ul ul ul li {
895 padding-left: 16px;
896 }
897 .folderlist li.mailbox ul ul ul ul ul li div.treetoggle {
898 left: 87px !important;
899 }
900
901 .folderlist li.mailbox ul li.drafts a
902 {
903 background-position: 21px -36px;
904 }
905
906 .folderlist li.mailbox ul li.sent a
907 {
908 background-position: 21px -53px;
909 }
910
911 .folderlist li.mailbox ul li.junk a
912 {
913 background-position: 21px -72px;
914 }
915
916 .folderlist li.mailbox ul li.trash a
917 {
918 background-position: 21px -180px;
919 }
920
921 .folderlist li.mailbox ul li.trash.empty a
922 {
923 background-position: 21px -90px;
924 }
925
926
927 /***** mac-style quicksearch field *****/
928
929 div.searchbox,
930 #quicksearchbar
931 {
932 position: relative;
933 width: 190px;
934 height: 20px;
935 text-align: right;
936 background: url(images/searchfield.gif?v=aaf8.313) top left no-repeat;
937 }
938
939 #quicksearchbar
940 {
941 position: absolute;
942 top: 55px;
943 right: 10px;
944 }
945
946 #searchreset,
947 div.searchbox a.searchreset
948 {
949 position: absolute;
950 top: 3px;
951 right: 12px;
952 text-decoration: none;
953 }
954
955 #searchmenulink,
956 div.searchbox a.searchmenu,
957 div.searchbox a.searchicon
958 {
959 position: absolute;
960 top: 3px;
961 right: 168px;
962 }
963
964 div.searchbox a.searchreset
965 {
966 display: block;
967 width: 14px;
968 height: 14px;
969 overflow: hidden;
970 white-space: nowrap;
971 text-indent: 50000px;
972 background: url(images/icons/reset.gif?v=a31d.164) top left no-repeat;
973 }
974
975 div.searchbox a.searchicon
976 {
977 display: inline-block;
978 width: 16px;
979 height: 16px;
980 overflow: hidden;
981 background: url(images/icons/glass.png?v=6b06.406) top left no-repeat;
982 }
983
984 #quicksearchbar img
985 {
986 vertical-align: middle;
987 }
988
989 #quicksearchbox,
990 div.searchbox > input
991 {
992 position: absolute;
993 top: 2px;
994 left: 24px;
995 width: 140px;
996 height: 15px;
997 font-size: 11px;
998 padding: 0px;
999 border: none;
1000 outline: none;
1001 }
1002
1003 .propform div.prop
1004 {
1005 margin-bottom: 0.5em;
1006 }
1007
1008 .propform div.prop.block label
1009 {
1010 display: block;
1011 margin-bottom: 2px;
1012 }
1013
1014 .propform div.prop.block input,
1015 .propform div.prop.block textarea
1016 {
1017 width: 97%;
1018 }
1019
1020 .listsearchbox
1021 {
1022 border-bottom: solid 1px #ddd;
1023 padding: 2px 4px 1px;
1024 display: none;
1025 background-color: #f2f2f2;
1026 }
1027
1028 .listsearchbox a.iconbutton.reset
1029 {
1030 background: url(images/icons/reset.gif?v=a31d.164) no-repeat 0 0;
1031 width: 13px;
1032 height: 13px;
1033 text-indent: 50000px;
1034 position: absolute;
1035 top: 3px;
1036 left: 165px;
1037 overflow: hidden;
1038 }
1039
1040 /***** roundcube webmail pre-defined classes *****/
1041
1042 #rcmversion
1043 {
1044 position: absolute;
1045 bottom: 10px;
1046 right: 20px;
1047 text-align: right;
1048 white-space: nowrap;
1049 font-size: 8pt;
1050 color: #999;
1051 }
1052
1053 #rcmdraglayer
1054 {
1055 min-width: 300px;
1056 width: auto !important;
1057 width: 300px;
1058 border: 1px solid #999999;
1059 background-color: #fff;
1060 padding-left: 8px;
1061 padding-right: 8px;
1062 padding-top: 3px;
1063 padding-bottom: 3px;
1064 font-size: 11px;
1065 white-space: nowrap;
1066 opacity: 0.82;
1067 border-radius: 3px;
1068 -moz-border-radius: 3px;
1069 -webkit-border-radius: 3px;
1070 box-shadow: 1px 1px 12px #999;
1071 -moz-box-shadow: 1px 1px 12px #999;
1072 -webkit-box-shadow: #999 1px 1px 12px;
1073 }
1074
1075 .draglayercopy:before
1076 {
1077 position: absolute;
1078 bottom: -5px;
1079 left: -6px;
1080 content: " ";
1081 width: 14px;
1082 height: 14px;
1083 background: url(images/messageactions.png?v=d93e.3223) -2px -128px no-repeat;
1084 }
1085
1086 a.rcmContactAddress
1087 {
1088 text-decoration: none;
1089 }
1090
1091 a.rcmContactAddress:hover
1092 {
1093 text-decoration: underline;
1094 }
1095
1096 #rcmKSearchpane
1097 {
1098 background-color: #F9F9F9;
1099 border: 1px solid #CCCCCC;
1100 }
1101
1102 #rcmKSearchpane ul
1103 {
1104 margin: 0px;
1105 padding: 2px;
1106 list-style-image: none;
1107 list-style-type: none;
1108 }
1109
1110 #rcmKSearchpane ul li
1111 {
1112 display: block;
1113 height: 16px;
1114 font-size: 11px;
1115 padding-left: 6px;
1116 padding-top: 2px;
1117 padding-right: 6px;
1118 white-space: nowrap;
1119 cursor: pointer;
1120 }
1121
1122 #rcmKSearchpane ul li.selected
1123 {
1124 color: #ffffff;
1125 background-color: #CC3333;
1126 }
1127
1128 #login-form
1129 {
1130 margin-left: auto;
1131 margin-right: auto;
1132 margin-top: 50px;
1133 width: 420px;
1134 border: 1px solid #999;
1135 }
1136
1137 #login-form table td.title
1138 {
1139 text-align: right;
1140 white-space: nowrap;
1141 }
1142
1143 #login-form table
1144 {
1145 width: 1%;
1146 margin: auto;
1147 }
1148
1149 #login-form table td.input input
1150 {
1151 width: 200px;
1152 }
1153
1154 #login-bottomline
1155 {
1156 width: 400px;
1157 margin: 5em auto;
1158 font-size: 85%;
1159 text-align: center;
1160 color: #666;
1161 }
1162
1163 #login-noscriptwarning
1164 {
1165 margin: 2em auto 0 auto;
1166 width: 400px;
1167 color: #cf2734;
1168 font-weight: bold;
1169 }
1170
1171 .disabled,
1172 a.disabled
1173 {
1174 color: #999;
1175 }
1176
1177 font.bold
1178 {
1179 font-weight: bold;
1180 }
1181
1182 .formbuttons
1183 {
1184 text-align: center;
1185 }
1186
1187 /***** onclick menu list *****/
1188
1189 ul.toolbarmenu
1190 {
1191 margin: -4px 0 -4px 0;
1192 padding: 0;
1193 list-style: none;
1194 }
1195
1196 ul.toolbarmenu li
1197 {
1198 font-size: 11px;
1199 white-space: nowrap;
1200 min-width: 130px;
1201 margin: 2px -4px;
1202 }
1203
1204 ul.toolbarmenu li a
1205 {
1206 display: block;
1207 color: #a0a0a0;
1208 padding: 1px 12px 3px 28px;
1209 text-decoration: none;
1210 min-height: 14px;
1211 }
1212
1213 ul.toolbarmenu li a.active,
1214 ul.toolbarmenu li a.active:active,
1215 ul.toolbarmenu li a.active:visited
1216 {
1217 color: #333;
1218 }
1219
1220 ul.toolbarmenu li input
1221 {
1222 vertical-align: middle;
1223 }
1224
1225 ul.toolbarmenu li hr
1226 {
1227 color: #ccc;
1228 width: 130px;
1229 height: 1px;
1230 margin: 2px 1px 2px 1px;
1231 }
1232
1233 ul.toolbarmenu li img
1234 {
1235 float: left;
1236 margin: 0 2px;
1237 }
1238
1239 div.popupmenu ul li.separator_below,
1240 ul.toolbarmenu li.separator_below
1241 {
1242 border-bottom: 1px solid #ccc;
1243 margin-bottom: 2px;
1244 padding-bottom: 2px;
1245 }
1246
1247 div.popupmenu ul li.separator_above,
1248 ul.toolbarmenu li.separator_above
1249 {
1250 border-top: 1px solid #ccc;
1251 margin-top: 2px;
1252 padding-top: 2px;
1253 }
1254
1255 #searchmenu
1256 {
1257 width: 160px;
1258 }
1259
1260 #searchmenu ul.toolbarmenu
1261 {
1262 margin: 0;
1263 }
1264
1265 #searchmenu ul.toolbarmenu li
1266 {
1267 margin: 1px 4px 1px;
1268 }
1269
1270
1271 /*** folder selector ***/
1272
1273 #folder-selector li a
1274 {
1275 padding: 0;
1276 }
1277
1278 #folder-selector li a span
1279 {
1280 background: url(images/icons/folders.png?v=d9d2.5356) no-repeat 6px 0;
1281 display: block;
1282 height: 15px;
1283 min-height: 14px;
1284 padding: 2px 4px 2px 28px;
1285 overflow: hidden;
1286 max-width: 120px;
1287 text-overflow: ellipsis;
1288 }
1289
1290 #folder-selector li a.virtual
1291 {
1292 color: #A0A0A0;
1293 }
1294
1295 #folder-selector li a.active:hover span
1296 {
1297 color: white;
1298 }
1299
1300 #folder-selector li a.inbox span
1301 {
1302 background-position: 6px -18px;
1303 }
1304 #folder-selector li a.drafts span
1305 {
1306 background-position: 6px -37px;
1307 }
1308 #folder-selector li a.sent span
1309 {
1310 background-position: 6px -54px;
1311 }
1312 #folder-selector li a.trash span
1313 {
1314 background-position: 6px -91px;
1315 }
1316 #folder-selector li a.junk span
1317 {
1318 background-position: 6px -73px;
1319 }
1320
1321
1322 /***** tabbed interface elements *****/
1323
1324 div.tabsbar,
1325 #tabsbar
1326 {
1327 position: absolute;
1328 top: 50px;
1329 left: 220px;
1330 right: 20px;
1331 height: 22px;
1332 border-bottom: 1px solid #999999;
1333 white-space: nowrap;
1334 }
1335
1336 div.tabsbar
1337 {
1338 top: 35px;
1339 left: 12px;
1340 right: 12px;
1341 }
1342
1343 span.tablink,
1344 span.tablink-selected
1345 {
1346 float: left;
1347 height: 23px !important;
1348 height: 22px;
1349 overflow: hidden;
1350 background: url(images/tabs-left.gif?v=0541.219) top left no-repeat;
1351 }
1352
1353 span.tablink
1354 {
1355 cursor: pointer;
1356 }
1357
1358 span.tablink-selected
1359 {
1360 cursor: default;
1361 background-position: 0px -23px;
1362 }
1363
1364 span.tablink a,
1365 span.tablink-selected a
1366 {
1367 display: inline-block;
1368 padding: 5px 10px 0 5px;
1369 margin-left: 5px;
1370 height: 23px;
1371 color: #555555;
1372 max-width: 185px;
1373 text-decoration: none;
1374 overflow: hidden;
1375 text-overflow: ellipsis;
1376 -o-text-overflow: ellipsis;
1377 background: url(images/tabs-right.gif?v=5414.733) top right no-repeat;
1378 }
1379
1380 span.tablink-selected a
1381 {
1382 cursor: inherit;
1383 color: #000000;
1384 background-position: right -23px;
1385 }
1386
1387 fieldset
1388 {
1389 margin-bottom: 1em;
1390 border: 1px solid #999999;
1391 padding: 4px 8px 9px 8px;
1392 }
1393
1394 legend
1395 {
1396 color: #999999;
1397 }
1398
1399 fieldset.tabbed
1400 {
1401 margin-top: 22px;
1402 padding-top: 12px;
1403 }
1404
1405 .quota_text {
1406 text-align: center;
1407 font-size: 10px;
1408 color: #666;
1409 border: 1px solid #999;
1410 cursor: default;
1411 }
1412 .quota_bg { background-color: white; }
1413 .quota_high { background: url(images/quota-colors.png?v=c1e9.287) repeat-x 0 -28px #f90509; }
1414 .quota_mid { background: url(images/quota-colors.png?v=c1e9.287) repeat-x 0 -14px #e3e909; }
1415 .quota_low { background: url(images/quota-colors.png?v=c1e9.287) repeat-x 0 0px #05f905; }
1416 .quota_text_high { color: white; }
1417 .quota_text_mid { color: #666; }
1418 .quota_text_low { color: #666; }
1419
1420 table.quota-info {
1421 border-spacing: 0;
1422 border-collapse: collapse;
1423 table-layout: fixed;
1424 margin: 2px;
1425 }
1426
1427 table.quota-info td,
1428 table.quota-info th {
1429 border: 1px solid #999;
1430 padding: 2px 3px;
1431 text-align: center;
1432 min-width: 80px;
1433 color: #333;
1434 font-size: 11px;
1435 }
1436
1437 table.quota-info th {
1438 font-weight: bold;
1439 background-color: #ddd;
1440 }
1441
1442 table.quota-info td.name {
1443 text-align: left;
1444 }
1445
1446 table.quota-info td.root {
1447 font-style: italic;
1448 }
1449
1450 /********** TinyMCE styles **********/
1451 .mce-btn-small button
1452 {
1453 height: 22px;
1454 }
1455
1456 .mce-btn-small i
1457 {
1458 line-height: 16px !important;
1459 vertical-align: text-top !important;
1460 }
1461
1462 .mce-combobox button
1463 {
1464 padding: 6px 8px !important;
1465 }
1466
1467 .mce-tinymce
1468 {
1469 border-radius: 0 !important;
1470 {
1471
1472 .mce-panel.mce-toolbar-grp
1473 {
1474 border: 0 !important;
1475 }
1476
1477 #image-selector-form.droptarget {
1478 background: url(images/filedrop.png?v=deab.605) center bottom no-repeat;
1479 }
1480
1481 #image-selector-form.droptarget.hover
1482 {
1483 background-color: #F0F0EE;
1484 box-shadow: 0 0 5px 0 #999;
1485 -moz-box-shadow: 0 0 5px 0 #999;
1486 -o-box-shadow: 0 0 5px 0 #999;
1487 }