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