alecpl
2010-03-17 c16986be7f5f4df21bfc85a93a2c35f38c86bf12
commit | author | age
4e17e6 1 /***** RoundCube|Mail mail task styles *****/
T 2
3
4 #messagetoolbar
5 {
6   position: absolute;
e538b3 7   top: 47px;
4b1647 8   left: 205px;
3181be 9   right: 10px;
4e17e6 10   height: 35px;
4bcb36 11   min-width: 650px;
d3502f 12   white-space: nowrap;
4e17e6 13 /*  border: 1px solid #cccccc; */
T 14 }
15
4a4265 16 #messagetoolbar > a
4e17e6 17 {
4a4265 18   display: block;
T 19   float: left;
4e17e6 20   padding-right: 10px;
T 21 }
4a4265 22
T 23 #messagetoolbar a.button,
24 #messagetoolbar a.buttonPas {
25   display: block;
26   float: left;
27   width: 32px;
28   height: 32px;
29   padding: 0;
30   margin-right: 10px;
31   overflow: hidden;
32   background: url('images/mail_toolbar.png') 0 0 no-repeat transparent;
33   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
34 }
35
36 #messagetoolbar a.buttonPas {
37   opacity: 0.35;
38 }
39
40 #messagetoolbar a.checkmailSel {
41   background-position: 0 -32px;
42 }
43
44 #messagetoolbar a.back {
45   background-position: -32px 0;
46 }
47
48 #messagetoolbar a.backSel {
49   background-position: -32px -32px;
50 }
51
52 #messagetoolbar a.compose {
53   background-position: -64px 0;
54 }
55
56 #messagetoolbar a.composeSel {
57   background-position: -64px -32px;
58 }
59
60 #messagetoolbar a.reply {
61   background-position: -96px 0;
62 }
63
64 #messagetoolbar a.replySel {
65   background-position: -96px -32px;
66 }
67
68 #messagetoolbar a.replyAll {
69   background-position: -128px 0;
70 }
71
72 #messagetoolbar a.replyAllSel {
73   background-position: -128px -32px;
74 }
75
76 #messagetoolbar a.forward {
77   background-position: -160px 0;
78 }
79
80 #messagetoolbar a.forwardSel {
81   background-position: -160px -32px;
82 }
83
84 #messagetoolbar a.delete {
85   background-position: -192px 0;
86 }
87
88 #messagetoolbar a.deleteSel {
89   background-position: -192px -32px;
90 }
91
92 #messagetoolbar a.markmessage {
93   background-position: -256px 0;
94 }
95
96 #messagetoolbar a.messagemenu {
97   background-position: -288px 0;
98 }
99
100 #messagetoolbar a.spellcheck {
4385ad 101   background-position: -384px 0;
4a4265 102 }
T 103
104 #messagetoolbar a.spellcheckSel {
4385ad 105   background-position: -384px -32px;
4a4265 106 }
T 107
108 #messagetoolbar a.attach {
4385ad 109   background-position: -352px 0;
4a4265 110 }
T 111
112 #messagetoolbar a.attachSel {
4385ad 113   background-position: -352px -32px;
A 114 }
115
116 #messagetoolbar a.insertsig {
117   background-position: -448px 0;
118 }
119
120 #messagetoolbar a.insertsigSel {
121   background-position: -448px -32px;
4a4265 122 }
T 123
124 #messagetoolbar a.savedraft {
125   background-position: -322px 0;
126 }
127
128 #messagetoolbar a.savedraftSel {
129   background-position: -322px -32px;
130 }
131
132 #messagetoolbar a.send {
4385ad 133   background-position: -416px 0;
4a4265 134 }
T 135
136 #messagetoolbar a.sendSel {
4385ad 137   background-position: -416px -32px;
4a4265 138 }
T 139
4e17e6 140
309d2f 141 #messagetoolbar select,
A 142 #compose-container select
4e17e6 143 {
T 144   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
145   font-size: 11px;
146   color: #333333;
309d2f 147   height: 21px;
4e17e6 148 }
T 149
150 #messagetoolbar select.mboxlist
151 {
189482 152   position: relative;
T 153   margin: 0 8px;
4a4265 154   top: 6px;
4e17e6 155 }
T 156
157 #messagetoolbar select.mboxlist option
158 {
159   padding-left: 15px;
160 }
161
162 #messagetoolbar select.mboxlist option[value="0"]
163 {
164   padding-left: 2px;
165 }
166
30b152 167 #searchmenu
A 168 {
f52c93 169   width: 160px;
T 170 }
171
172 #searchmenu ul.toolbarmenu
173 {
174   margin: 0;
175 }
176
177 #searchmenu ul.toolbarmenu li
178 {
179   margin: 1px 4px 1px;
7f9ea1 180 }
T 181
799752 182 #messagemenu li a.active:hover,
A 183 #markmessagemenu li a.active:hover
184 {
b4f7c6 185   color: #fff;
T 186   background-color: #c00;
799752 187 }
A 188
b4f7c6 189 #messagemenu li a
799752 190 {
f52c93 191   background: url('images/messageactions.png') no-repeat 7px 0;
T 192   background-position: 7px 20px;
799752 193 }
A 194
b4f7c6 195 #messagemenu li a.printlink
799752 196 {
f52c93 197   background-position: 7px 1px;
799752 198 }
A 199
b4f7c6 200 #messagemenu li a.downloadlink
799752 201 {
f52c93 202   background-position: 7px -17px;
799752 203 }
A 204
b4f7c6 205 #messagemenu li a.sourcelink
799752 206 {
f52c93 207   background-position: 7px -35px;
b4f7c6 208 }
T 209
210 #messagemenu li a.openlink
211 {
f52c93 212   background-position: 7px -53px;
799752 213 }
A 214
921270 215 #messagemenu li a.editlink
T 216 {
f52c93 217   background-position: 7px -71px;
921270 218 }
T 219
799752 220 #markmessagemenu a.readlink
A 221 {
f52c93 222   background: url('images/icons/dot.png') no-repeat 7px 2px;
799752 223 }
A 224
225 #markmessagemenu a.unreadlink
226 {
f52c93 227   background: url('images/icons/unread.png') no-repeat 7px 2px;
799752 228 }
A 229
230 #markmessagemenu a.flaggedlink
231 {
f52c93 232   background: url('images/icons/flagged.png') no-repeat 7px 2px;
799752 233 }
A 234
235 #markmessagemenu a.unflaggedlink
236 {
f52c93 237   background: url('images/icons/unflagged.png') no-repeat 7px 2px;
30b152 238 }
A 239
3dc19d 240 #searchfilter
T 241 {
4bcb36 242   white-space: nowrap;
3dc19d 243   position: absolute;
4bcb36 244   right: 190px;
A 245   vertical-align: middle;
3dc19d 246 }
T 247
248 #searchfilter label
249 {
250   font-size: 11px;
251 }
252
7984ec 253 td.formlinks a,
T 254 td.formlinks a:visited
4e17e6 255 {
T 256   color: #999999;
257   font-size: 11px;
258   text-decoration: none;
259 }
260
7984ec 261 td.formlinks a,
T 262 td.formlinks a:visited
4e17e6 263 {
T 264   color: #CC0000;
265 }
266
189482 267 #mainscreen
e5686f 268 {
A 269   position: absolute;
270   top: 85px;
271   right: 20px;
189482 272   bottom: 16px;
e5686f 273   left: 20px;
189482 274 }
T 275
276 #mailleftcontainer
277 {
278   position: absolute;
279   top: 0px;
280   left: 0px;
281   bottom: 0px;
4b1647 282   width: 195px;
e5686f 283 }
A 284
285 #mailrightcontainer
286 {
287   position: absolute;
288   top: 0px;
289   left: 170px;
290   bottom: 0px;
291   right: 0px;
8583d6 292   min-width: 600px;
189482 293 }
T 294
295 #mailrightcontent
296 {
297   position: absolute;
298   top: 0px;
299   left: 0px;
300   right: 0px;
301   bottom: 20px;
e5686f 302 }
b4f7c6 303
4e17e6 304 #messagepartcontainer
T 305 {
306   position: absolute;
307   top: 80px;
308   left: 20px;
309   right: 20px;
310   bottom: 20px;
311 }
312
313 #mailcontframe
314 {
315   position: absolute;
e5686f 316   width: 100%;
A 317   top: 0px;
318   bottom: 0px;
4e17e6 319   border: 1px solid #999999;
T 320   background-color: #F9F9F9;
189482 321   overflow: auto;
5ab694 322   overflow-y: auto;
A 323   overflow-x: hidden;
4e17e6 324 }
T 325
b19097 326 #mailpreviewframe
T 327 {
328   position: absolute;
e5686f 329   width: 100%;
A 330   top: 205px;
331   bottom: 0px;
b19097 332   border: 1px solid #999999;
T 333   background-color: #F9F9F9;
334 }
335
336 #messagecontframe
337 {
e5686f 338   position: relative;
c45471 339   top: 0px;
S 340   left: 0px;
341   right: 0px;
342   bottom: 0px;
e5686f 343   width: 100%;
A 344   height: 100%;
b19097 345 }
4e17e6 346
T 347 #messagepartframe
348 {
c3f94d 349   width: 100%;
T 350   height: 100%;
4e17e6 351   border: 1px solid #999999;
ee883a 352   background-color: #F9F9F9;
4e17e6 353 }
T 354
355
356 #partheader
357 {
358   position: absolute;
359   top: 10px;
360   left: 220px;
9734be 361   right: 20px;
4e17e6 362   height: 40px;
T 363 }
364
365 #partheader table td
366 {
367   padding-left: 2px;
368   padding-right: 4px;
369   vertical-align: middle;
370   font-size: 11px;
371 }
372
373 #partheader table td.title
374 {
375   color: #666666;
376   font-weight: bold;
377 }
378
379
380 /** mailbox list styles */
381
cd900d 382 #mailboxlist-container
4e17e6 383 {
T 384   position: absolute;
e5686f 385   top: 0px;
A 386   left: 0px;
189482 387   width: 100%;
T 388   bottom: 20px;
f45bbe 389   border: 1px solid #999;
cd900d 390   background-color: #F9F9F9;
T 391   overflow: auto;
392 }
393
394 #mailboxlist
395 {
e1eb70 396   position:relative;
4e17e6 397   height: auto;
T 398   margin: 0px;
399   padding: 0px;
400   list-style-image: none;
401   list-style-type: none;
20a1b3 402   overflow: hidden;
T 403   white-space: nowrap;
4e17e6 404 }
T 405
406 #mailboxlist li
407 {
e1eb70 408   display: block;
T 409   position: relative;
4e17e6 410   font-size: 11px;
3f5cce 411   background: url('images/icons/folders.png') 5px 0 no-repeat;
4e17e6 412   border-bottom: 1px solid #EBEBEB;
T 413 }
414
f5aa16 415 #mailboxlist li div
S 416 {
417   position: absolute;
e1eb70 418   left: 8px !important;
T 419   left: -16px;
3f5cce 420   top: 1px;
e1eb70 421   width: 14px;
T 422   height: 16px;
f5aa16 423 }
S 424
425 #mailboxlist li div.collapsed,
426 #mailboxlist li div.expanded
427 {
428   cursor: pointer;
429 }
430
431 #mailboxlist li div.collapsed
432 {
d7f49d 433   background: url('images/icons/collapsed.png') bottom right no-repeat;
f5aa16 434 }
S 435
436 #mailboxlist li div.expanded
437 {
d7f49d 438   background: url('images/icons/expanded.png') bottom right no-repeat;
f5aa16 439 }
S 440
4e17e6 441 #mailboxlist li.inbox
T 442 {
3f5cce 443   background-position: 5px -18px;
4e17e6 444 }
T 445
1966c5 446 #mailboxlist li.drafts
S 447 {
3f5cce 448   background-position: 5px -37px;
1966c5 449 }
S 450
4e17e6 451 #mailboxlist li.sent
T 452 {
5261d2 453   background-position: 5px -54px;
4e17e6 454 }
T 455
456 #mailboxlist li.junk
457 {
5261d2 458   background-position: 5px -73px;
4e17e6 459 }
T 460
461 #mailboxlist li.trash
462 {
3f5cce 463   background-position: 5px -91px;
4e17e6 464 }
T 465
466 #mailboxlist li a
467 {
1996d8 468   cursor: default;
4e17e6 469   display: block;
e1eb70 470   position: relative;
8274ef 471   padding-left: 25px;
4e17e6 472   padding-top: 2px;
T 473   padding-bottom: 2px;
474   text-decoration: none;
475 }
476
477 #mailboxlist li.unread
478 {
479   font-weight: bold;
480 }
481
f89f03 482 #mailboxlist li.virtual > a
T 483 {
484   color: #666;
485 }
486
51e14a 487 #mailboxlist li.selected,
T 488 #mailboxlist li.droptarget li.selected
4e17e6 489 {
T 490   background-color: #929292;
aa9836 491 }
T 492
768a24 493 #mailboxlist li.selected > a,
aa9836 494 #mailboxlist li.droptarget li.selected a
T 495 {
4e17e6 496   color: #FFF;
T 497   font-weight: bold;
498 }
499
fe79b1 500 #mailboxlist li.droptarget
T 501 {
502   background-color: #FFFFA6;
503 }
4e17e6 504
597170 505 /* styles for nested folders */
T 506 #mailboxlist ul {
507   list-style: none;
508   padding: 0;
509   margin:0;
510   border-top: 1px solid #EBEBEB;  
511   padding-left: 15px;
512   background-position: 25px 1px;
513   background-color: #F9F9F9;
c708c9 514   color: blue;
597170 515   font-weight: normal;
T 516 }
517
8583d6 518 #listcontrols,
996f0b 519 #mailboxcontrols
T 520 {
521   position: absolute;
8583d6 522   white-space: nowrap;
996f0b 523   left: 0px;
T 524   bottom: 0px;
8583d6 525   height: 15px;
996f0b 526   width: auto;
8583d6 527   min-width: 300px;
A 528 }
529
c3456e 530 #listcontrols a,
A 531 #listcontrols span,
532 #mailboxcontrols a,
533 #mailboxcontrols span
8583d6 534 {
A 535   display: block;
536   float: left;
996f0b 537   font-size: 11px;
T 538 }
539
8583d6 540 #listcontrols a.button,
A 541 #listcontrols a.buttonPas,
542 #mailboxcontrols a.button,
543 #mailboxcontrols a.buttonPas
4a509a 544 {
8583d6 545   display: block;
A 546   float: left;
547   width: 15px;
548   height: 15px;
549   padding: 0;
550   margin-right: 2px;
551   overflow: hidden;
552   background: url('images/mail_footer.png') 0 0 no-repeat transparent;
553   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
554 }
555
556 #listcontrols a.buttonPas,
557 #mailboxcontrols a.buttonPas
558 {
559   opacity: 0.35;
560 }
561
562 #mailboxcontrols a.expunge {
563   background-position: 0 0;
564 }
565
566 #mailboxcontrols a.expungesel {
567   background-position: 0 -15px;
568 }
569
570 #mailboxcontrols a.purge {
571   background-position: -15px 0;
572 }
573
574 #mailboxcontrols a.purgesel {
575   background-position: -15px -15px;
576 }
577
578 #listcontrols a.all {
579   background-position: -30px 0;
580 }
581
582 #listcontrols a.allsel {
583   background-position: -30px -15px;
584 }
585
586 #listcontrols a.unread {
587   background-position: -45px 0;
588 }
589
590 #listcontrols a.unreadsel {
591   background-position: -45px -15px;
592 }
593
594 #listcontrols a.invert {
595   background-position: -60px 0;
596 }
597
598 #listcontrols a.invertsel {
599   background-position: -60px -15px;
600 }
601
602 #listcontrols a.none {
603   background-position: -75px 0;
604 }
605
606 #listcontrols a.nonesel {
607   background-position: -75px -15px;
15a9d1 608 }
T 609
f52c93 610 #listcontrols a.expand-all {
T 611   background-position: -90px 0;
612 }
613
614 #listcontrols a.expand-allsel {
615   background-position: -90px -15px;
616 }
617
618 #listcontrols a.collapse-all {
619   background-position: -105px 0;
620 }
621
622 #listcontrols a.collapse-allsel {
623   background-position: -105px -15px;
624 }
625
626 #listcontrols a.expand-unread {
627   background-position: -120px 0;
628 }
629
630 #listcontrols a.expand-unreadsel {
631   background-position: -120px -15px;
632 }
633
985cf2 634 #countcontrols
T 635 {
8583d6 636   height: 15px;
A 637   position: absolute;
638   bottom: 0;
639   right: 0;
996f0b 640   min-width: 25em;
8583d6 641   white-space: nowrap;
A 642   font-size: 11px;
985cf2 643 }
T 644
4a4265 645 #countcontrols a.button,
8583d6 646 #countcontrols a.buttonPas
4a4265 647 {
T 648   float: right;
649 }
650
15a9d1 651
4e17e6 652 /** message list styles */
T 653
654 body.messagelist
655 {
656   margin: 0px;
657   background-color: #F9F9F9;
658 }
659
660 #messagelist
661 {
662   width: 100%;
e0ddd4 663   display: table;
4e17e6 664   table-layout: fixed;
T 665 }
666
667 #messagelist thead tr td
668 {
5261d2 669   height: 20px;
4e17e6 670   padding-top: 0px;
T 671   padding-bottom: 0px;
672   padding-left: 2px;
673   padding-right: 4px;
674   vertical-align: middle;
675   border-bottom: 1px solid #999999;
676   color: #333333;
d7f49d 677   background: url('images/listheader.gif') top left repeat-x #CCC;
4e17e6 678   font-size: 11px;
T 679   font-weight: bold;
680 }
681
b076a4 682 #messagelist thead tr td.sortedASC,
T 683 #messagelist thead tr td.sortedDESC
684 {
d7f49d 685   background-position: 0 -20px;
1cded8 686 }
T 687
688 #messagelist thead tr td.sortedASC a
689 {
d7f49d 690   background: url('images/icons/sort.gif') right 0 no-repeat;
1cded8 691 }
T 692
693 #messagelist thead tr td.sortedDESC a
694 {
d7f49d 695   background: url('images/icons/sort.gif') right -14px no-repeat;
1cded8 696 }
T 697
d1293e 698 #messagelist thead tr td a
1cded8 699 {
T 700   display: block;
701   width: auto !important;
702   width: 100%;
703   color: #333333;
704   text-decoration: none;
b076a4 705 }
T 706
4e17e6 707 #messagelist tbody tr td
T 708 {
b19097 709   height: 16px;
4e17e6 710   padding: 2px;
T 711   padding-right: 4px;
712   font-size: 11px;
4b0f65 713   overflow: hidden;
4e17e6 714   white-space: nowrap;
4b0f65 715   text-overflow: ellipsis;
f042be 716   -o-text-overflow: ellipsis;
4e17e6 717   border-bottom: 1px solid #EBEBEB;
1996d8 718   cursor: default;
41bece 719 }
T 720
721 #messagelist tbody tr td a
722 {
723   color: #000;
d1293e 724   text-decoration: none;
f45bbe 725   white-space: nowrap;
1996d8 726   cursor: inherit;
e0ddd4 727 }
T 728
4b6dd1 729 #messagelist tbody tr td.subject a
620ca6 730 {
A 731   cursor: default;
732 }
733
e0ddd4 734 #messagelist col
T 735 {
736   display: table-column;
737   text-align: left;
b4b081 738   vertical-align: middle;
4e17e6 739 }
T 740
f52c93 741 #messagelist thead tr td.subject
T 742 {
743   padding-left: 22px;
744 }
745
4ff4ad 746 #messagelist thead tr td.icon,
f52c93 747 #messagelist thead tr td.flag,
T 748 #messagelist thead tr td.threads
4e17e6 749 {
4ff4ad 750   width: 22px;
A 751   padding: 0;
752   text-align: center;
753 }
754
f52c93 755 #messagelist thead tr td.threads
T 756 {
757   width: 18px;
758 }
759
4ff4ad 760 #messagelist tbody tr td.flag
A 761 {
762   padding: 2px 3px 2px 3px;
b4b081 763   vertical-align: middle;
1996d8 764   cursor: pointer;
f52c93 765 }
T 766
767 #messagelist tr td span.branch
768 {
769   display: inline-block;
770   width: 15px;
771   height: 15px;
772 }
773
774 #messagelist tr td.subject img.msgicon
775 {
776   vertical-align: middle;
777 }
778
779 #messagelist tbody td img.msgicon
780 {
781   position: relative;
782   top: 0px;
783   margin-right: 5px;
784 }
785
786 #messagelist tr td div.collapsed,
787 #messagelist tr td div.expanded,
788 #messagelist tr td img.flagicon,
789 #messagelist tr td img.msgicon
790 {
791   cursor: pointer;
792 }
793
794 #messagelist tr td div.collapsed
795 {
796   display: block;
797   background: url('images/messageactions.png') center -91px no-repeat;
798 }
799
800 #messagelist tr td div.expanded
801 {
802   display: block;
803   background: url('images/messageactions.png') center -109px no-repeat;
4e17e6 804 }
T 805
c2de4d 806 #messagelist tbody tr td.flag img:hover,
T 807 #messagelist thead tr td.flag img
808 {
809   background: url(images/icons/unflagged.png) center no-repeat;
810 }
811
4e17e6 812 #messagelist tr td.subject
T 813 {
814   overflow: hidden;
b4b081 815   vertical-align: middle;
10914a 816   width: 99%;
f52c93 817 }
T 818
819 /* thread parent message with unread children */
820 #messagelist tbody tr.unroot td.subject a
821 {
822   text-decoration: underline;
4e17e6 823 }
T 824
825 #messagelist tr td.size
826 {
f45bbe 827   width: 70px;
4e17e6 828   text-align: right;
b4b081 829   vertical-align: middle;
4e17e6 830 }
T 831
bfcef6 832 #messagelist thead tr td.size
A 833 {
834   text-align: left;
835 }
836
4e17e6 837 #messagelist tr td.from,
5cef5b 838 #messagelist tr td.to,
A 839 #messagelist tr td.cc,
840 #messagelist tr td.replyto
4e17e6 841 {
T 842   width: 180px;
b4b081 843   vertical-align: middle;
4e17e6 844 }
T 845
846 #messagelist tr td.date
847 {
f1a16f 848   width: 118px;
b4b081 849   vertical-align: middle;
4e17e6 850 }
T 851
852 #messagelist tr.message
853 {
854   background-color: #FFFFFF;
855 }
856
857 /*
858 #messagelist tr.odd
859 {
860   background-color: #F9F9F9;
861 }
862 */
863
864 #messagelist tr.unread
865 {
866   font-weight: bold;
867   background-color: #FFFFFF;
868 }
869
e51ef0 870 #messagelist tr.flagged td,
A 871 #messagelist tr.flagged td a
872 {
c2de4d 873   color: #CC0000;
e51ef0 874 }
A 875
4e17e6 876 #messagelist tr.selected td
T 877 {
878   color: #FFFFFF;
879   background-color: #CC3333;
88f9e2 880 }
S 881
cd121c 882 #messagelist tr.unfocused td
S 883 {
884   color: #FFFFFF;
885   background-color: #929292;
886 }
887
41bece 888 #messagelist tr.selected td a
4e17e6 889 {
T 890   color: #FFFFFF;
891 }
892
41bece 893 #messagelist tr.unfocused td a
cd121c 894 {
S 895   color: #FFFFFF;
896 }
897
15a9d1 898 #messagelist tr.deleted td,
T 899 #messagelist tr.deleted td a
900 {
901   color: #CCCCCC;
902 }
89bafa 903
7415c0 904 .quota_text {
A 905   text-align: center;
906   font-size: 10px;
907   color: #666;
fe3e67 908   border: 1px solid #999;
7415c0 909   cursor: default;
3ea0e3 910 }
7415c0 911 .quota_bg { background-color: white; }
A 912 .quota_high { background-color: #F33131; }
913 .quota_mid { background-color: #F5AD3C; }
914 .quota_low { background-color: #91E164; }
915 .quota_text_high { color: white; }
916 .quota_text_mid { color: #666; }
917 .quota_text_low { color: #666; }
918       
3ea0e3 919
4e17e6 920 /** message view styles */
T 921
922 #messageframe
923 {
924   position: absolute;
e5686f 925   top: 0px;
189482 926   left: 180px;
b1c97d 927   right: 0px;
189482 928   bottom: 20px;
b1c97d 929   border: 1px solid #999;
A 930   background-color: #FFF;
931   overflow: auto;
4a4265 932   z-index: 1;
e2dd81 933 }
A 934
b19097 935 div.messageheaderbox
T 936 {
937   margin: 6px 8px 0px 8px;
938   border: 1px solid #ccc;
939 }
940
4e17e6 941 table.headers-table
T 942 {
943   width: 100%;
944   background-color: #EBEBEB;
945   table-layout: fixed;
5cc4b1 946 }
4e17e6 947
5cc4b1 948 #messagebody table.headers-table
T 949 {
950   width: auto;
951   margin: 6px 8px;
952   background-color: #F4F4F4;
953   border: 1px solid #ccc;
203ee4 954 }
T 955
956 #messageframe table.headers-table
957 {
958   border-bottom: 1px solid #ccc;
4e17e6 959 }
T 960
961 table.headers-table tr td
962 {
963   font-size: 11px;
964   border-bottom:1px solid #FFFFFF;
965 }
966
967 table.headers-table td.header-title
968 {
000bb9 969   width: 80px;
4e17e6 970   color: #666666;
T 971   font-weight: bold;
972   text-align: right;
6a35c8 973   white-space: nowrap;
4e17e6 974   padding-right: 4px;
T 975 }
976
977 table.headers-table tr td.subject
978 {
e5686f 979   width: 90%;
4e17e6 980   font-weight: bold;
e5686f 981 }
A 982
983 table.headers-table tr td.all
984 {
985   width: 100%;
986   color: #666666;
987   text-align: left;
988   padding-right: 10px;
989   text-align: center;
40d9bc 990   padding: 2px 6px 4px 6px;
A 991   border-bottom: 0;
992 }
993
994 table.headers-table tr td.more-headers
995 {
996   cursor: pointer;
997   width: 100%;
998   height: 8px;
999   border-bottom: 0;
4e17e6 1000 }
508442 1001
4e17e6 1002 #attachment-list
T 1003 {
1004   margin: 0px;
51cca6 1005   padding: 0px 0px 0px 72px;
A 1006   min-height: 16px;
4e17e6 1007   list-style-image: none;
T 1008   list-style-type: none;
cc85f3 1009   background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
ba033a 1010 }
T 1011
1012 #attachment-list:after
1013 {
1014   content: ".";
1015   display: block;
1016   height: 0;
1017   font-size: 0;
1018   clear: both;
1019   visibility: hidden;
4e17e6 1020 }
T 1021
1022 #attachment-list li
1023 {
1024   float: left;
1025   height: 18px;
1026   font-size: 11px;
51cca6 1027   padding: 2px 0px 0px 15px;
cc85f3 1028   white-space: nowrap;
4e17e6 1029 }
T 1030
1031 #attachment-list li a
1032 {
1033   text-decoration: none;
1034 }
1035
1036 #attachment-list li a:hover
1037 {
1038   text-decoration: underline;
1039 }
1040
1041 #messagebody
1042 {
e6a406 1043   position:relative;
6a35c8 1044   padding-bottom: 10px;
4e17e6 1045   background-color: #FFFFFF;
T 1046 }
1047
3815e0 1048 div.message-part,
A 1049 div.message-htmlpart
4e17e6 1050 {
fba1f5 1051   padding: 10px 8px;
T 1052   border-top: 1px solid #ccc;
1053 /*  overflow: hidden; */
1054 }
1055
1056 #messagebody div:first-child
1057 {
1058   border-top: 0;
4e17e6 1059 }
T 1060
cfe4a6 1061 div.message-part a,
T 1062 div.message-htmlpart a
4e17e6 1063 {
T 1064   color: #0000CC;
1065 }
1066
278064 1067 div.message-part pre,
38ddba 1068 div.message-htmlpart pre,
10c92b 1069 div.message-part div.pre
4e17e6 1070 {
T 1071   margin: 0px;
1072   padding: 0px;
fca66b 1073   font-family: monospace;
466c6e 1074   white-space: -moz-pre-wrap !important;
cc80c5 1075   white-space: pre-wrap !important;
A 1076   white-space: pre;
4e17e6 1077 }
T 1078
a54242 1079 div.message-part span.sig
A 1080 {
1081   color: #666666;
1082 }
1083
10c92b 1084 div.message-part blockquote
T 1085 {
1086   color: blue;
1087   border-left: 2px solid blue;
1088   border-right: 2px solid blue;
1089   background-color: #F6F6F6;
1090   margin: 2px 0px 2px 0px;
1091   padding: 1px 8px 1px 10px;
1092 }
1093
1094 div.message-part blockquote blockquote
1095 {
1096   color: green;
1097   border-left: 2px solid green;
1098   border-right: 2px solid green;
1099 }
1100
1101 div.message-part blockquote blockquote blockquote
1102 {
1103   color: #990000;
1104   border-left: 2px solid #bb0000;
1105   border-right: 2px solid #bb0000;
1106 }
4e17e6 1107
8586bf 1108 body.iframe div.message-htmlpart
T 1109 {
1110   margin: 8px;
1111 }
1112
21605c 1113 div.message-htmlpart div.rcmBody
T 1114 {
1115   margin: 8px;
1116 }
1117
4e17e6 1118 #remote-objects-message
T 1119 {
1120   display: none;
62e43d 1121   margin: 8px;
4e17e6 1122   min-height: 20px;
62e43d 1123   padding: 10px 10px 6px 46px;
4e17e6 1124 }
T 1125
1126 #remote-objects-message a
1127 {
1128   color: #666666;
1129   padding-left: 10px;
1130 }
1131
1132 #remote-objects-message a:hover
1133 {
1134   color: #333333;
203ee4 1135 }
4e17e6 1136
b4f7c6 1137 #messageviewlink
T 1138 {
1139   position: absolute;
1140   top: 8px;
1141   right: 10px;
1142   width: 15px;
1143   height: 15px;
1144   border: 0;
1145 }
1146
4e17e6 1147 /** message compose styles */
T 1148
20d7d9 1149 #compose-toolbar
A 1150 {
1151   white-space: nowrap;
1152 }
1153
7984ec 1154 #priority-selector,
620439 1155 #receipt-selector
T 1156 {
7984ec 1157   padding-left: 30px;
309d2f 1158   white-space: nowrap;
4e17e6 1159 }
T 1160
1161 #compose-container
1162 {
1163   position: absolute;
7902df 1164   top: 90px;
4b1647 1165   left: 205px;
834432 1166   right: 25px;
A 1167   bottom: 30px;
4e17e6 1168   margin: 0px;
T 1169 }
1170
309d2f 1171 #spellcheck-control
A 1172 {
1173   text-align: right;
1174   padding-top: 3px;
1175 }
1176
1177 #editor-select
1178 {
1179   float: left;
1180 }
1181
4e9349 1182 #compose-div
A 1183 {
1184   position: absolute;
309d2f 1185   top: 130px;
A 1186   bottom: 30px;
4e9349 1187   width: 100%;
A 1188   vertical-align: top;
309d2f 1189   padding-top: 2px;
4e9349 1190 }
A 1191
4e17e6 1192 #compose-headers
T 1193 {
1194   width: 100%;
1195 }
1196
1197 #compose-headers td.top
1198 {
1199   vertical-align: top;
1200 }
1201
1202 #compose-headers td.title,
1203 #compose-subject td.title
1204 {
1205   width: 80px !important;
1206   color: #666666;
1207   font-size: 11px;
1208   font-weight: bold;
1209   padding-right: 10px;
1210   white-space: nowrap;
1211 }
1212
ee18f5 1213 #compose-body,
T 1214 #compose-headers td textarea,
4e17e6 1215 #compose-headers td input
T 1216 {
1217   width: 100%;
ee18f5 1218 }
T 1219
1220 #compose-headers td textarea
1221 {
1222   height: 38px;
4e17e6 1223 }
T 1224
1225 #compose-cc,
1226 #compose-bcc,
1227 #compose-replyto
1228 {
1229   display: none;
1230 }
1231
1232 #compose-body
1233 {
dda3c7 1234   min-height: 100px;
A 1235   height: 100%;
4e17e6 1236   font-size: 9pt;
T 1237   font-family: "Courier New", Courier, monospace;
1238 }
1239
1240 #compose-attachments
1241 {
1242   position: absolute;
1243   top: 100px;
1244   left: 20px;
ebf872 1245   width: 175px;
4e17e6 1246 }
T 1247
1248 #compose-attachments ul
1249 {
1250   margin: 0px;
1251   padding: 0px;
1252   border: 1px solid #CCCCCC;
1253   background-color: #F9F9F9;
1254   list-style-image: none;
1255   list-style-type: none;
1256 }
1257
1258 #compose-attachments ul li
1259 {
1260   height: 18px;
1261   font-size: 11px;
a894ba 1262   padding-left: 2px;
4e17e6 1263   padding-top: 2px;
T 1264   padding-right: 4px;
1265   border-bottom: 1px solid #EBEBEB;
1266   white-space: nowrap;
1267   overflow: hidden;
1268 }
1269
1fb587 1270 #compose-attachments ul li img
A 1271 {
1272   padding-right: 2px;
1273   vertical-align: middle;
1274 }
1275
508442 1276 #attachment-title
T 1277 {
6c4c5b 1278   color: #666666;
A 1279   font-weight: bold;
1280   font-size: 11px;
508442 1281   background: url(images/icons/attachment.png) top left no-repeat;
6c4c5b 1282   padding: 0px 0px 3px 18px;
A 1283   margin-left: 3px;
508442 1284 }
T 1285
4e17e6 1286 #attachment-form
T 1287 {
8beee1 1288   padding: 6px;
4e17e6 1289 }
T 1290
8beee1 1291 #attachment-form div
4e17e6 1292 {
8beee1 1293   padding: 2px;
4e17e6 1294 }
T 1295
8beee1 1296 #attachment-form div.buttons
T 1297 {
1298   margin-top: 4px;
71f3d6 1299 }
T 1300
203ee4 1301 td.show-headers
e5686f 1302 {
A 1303   background: url(images/icons/down_small.gif) no-repeat center;
1304 }
1305
203ee4 1306 td.hide-headers
e5686f 1307 {
A 1308   background: url(images/icons/up_small.gif) no-repeat center;
1309 }
1310
1311 #all-headers
1312 {
1313   height: 150px;
1314   display: none;
1315 }
1316
1317 #headers-source
1318 {
1319   margin: 0 5px;
203ee4 1320   padding: 0.5em;
e5686f 1321   height: 145px;
A 1322   background: white;
1323   overflow: auto;
1324   font-size: 11px;
1325   white-space: nowrap;
1326   border: 1px solid #999999;
1327   display: none;
1328   text-align: left;
203ee4 1329   color: #333;
e5686f 1330 }
A 1331
1332 font.bold
1333 {
1334   font-weight: bold;
1335 }
f52c93 1336
T 1337 #listmenu
1338 {
1339   padding: 6px;
1340 }
1341
1342 #listmenu legend
1343 {
1344   color: #999999;
1345 }
1346
1347 #listmenu fieldset
1348 {
1349   border: 1px solid #999999;
1350   margin: 0 5px;
1351   float: left;
1352 }
1353
1354 #listmenu div
1355 {
1356   padding: 8px 0 3px 0;
1357   text-align: center;
1358   clear: both;
1359 }