if we have javascript available, use that to toggle more/less links. This is
[squirrelmail.git] / templates / default / css / default.css
CommitLineData
d53d16e0 1/* page body formatting */
2body {
c0d5a297 3 color: #000000 /* __COLOR8__ */;
4 background-color: #ffffff /* __COLOR4__*/;
a7f6c9c0 5 font-family: Arial, Helvetica, sans-serif;
d53d16e0 6}
7body.sqm_leftMain {
c0d5a297 8 color: #000000 /* __COLOR6__*/;
9 background-color: #a0b8c8 /* __COLOR3__*/;
d53d16e0 10 text-align: left;
11}
12
a7f6c9c0 13img {
14 border:0;
15}
16
191ed154 17em {
18 font-weight: bold;
19 font-style: normal;
20}
21
c0d5a297 22.quote1 {
23 color: #800000 /* __COLOR13__*/;
24}
25
26.quote2 {
27 color: #ff0000 /* __COLOR14__*/;
28}
29
d53d16e0 30/* right links */
31a:link, a:visited, a:hover, a:active {
c0d5a297 32 color: #0000cc /* __COLOR7__ */;
d53d16e0 33}
34
35/* left links */
36.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
c0d5a297 37 color: #000000 /* __COLOR6__*/;
d53d16e0 38}
a7f6c9c0 39
d53d16e0 40.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
c0d5a297 41 color: #770000 /* __COLOR11__ */;
d53d16e0 42}
a7f6c9c0 43
d53d16e0 44.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
c0d5a297 45 color: #002266 /* __COLOR15__ */;
d53d16e0 46}
47
48/* highlighted texts */
49.highlight {
c0d5a297 50 color: #002266 /* __COLOR15__ */;
d53d16e0 51}
52
0b5be35d 53.thead_caption {
54 font-weight: bold;
55 text-align: center;
56}
57
d53d16e0 58.error_table {
c0d5a297 59 color: #ff0000 /* __COLOR14__*/;
60 border: 2px solid #dcdcdc /* __COLOR0__ */;
61 background-color: #a0b8c8 /* __COLOR3__*/;
d53d16e0 62}
63.error_thead {
c0d5a297 64 background-color: #666666 /* __COLOR10__*/;
d53d16e0 65}
66.error_thead_caption {
c0d5a297 67 background-color: #666666 /* __COLOR10__*/;
d53d16e0 68}
69.error_row {
c0d5a297 70 color: #ff0000 /* __COLOR14__*/;
d53d16e0 71}
72.error_val {
c0d5a297 73 color: #000000 /* __COLOR6__*/;
74 border: 2px solid #dcdcdc /* __COLOR0__ */;
d53d16e0 75
76}
77.error_key {
c0d5a297 78 border: 2px solid #dcdcdc /* __COLOR0__ */;
79 color: #ff0000 /* __COLOR14__*/;
80 background-color: #dcdcdc /* __COLOR0__ */;
d53d16e0 81}
82
5ff83abf 83table.table_empty,table.table_blank {
a7f6c9c0 84 margin: 0;
85 padding: 0;
86 border: 0;
87 width: 100%;
d53d16e0 88}
a7f6c9c0 89
c0d5a297 90table.spacer {
91 border: 0;
92 height: 5px;
93 width:100%;
94 background-color: #ffffff /* __COLOR4__ */;
95}
96
a7f6c9c0 97table.table1 {
c0d5a297 98 border: 1px solid #dcdcdc /* __COLOR0__ */;
a7f6c9c0 99 width: 90%;
100 margin-left: auto;
101 margin-right: auto;
d53d16e0 102}
a7f6c9c0 103
104table.table1 td {
105 padding-left: 2px;
106 padding-right: 2px;
d53d16e0 107}
a7f6c9c0 108
109table.table2 {
c0d5a297 110 border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 111 width: 80%;
112 margin-left: auto;
113 margin-right: auto;
d53d16e0 114}
a7f6c9c0 115
116table.table2 td {
117 padding-left: 2px;
118 padding-right: 2px;
d53d16e0 119}
120
a7f6c9c0 121td.emptyList {
122 text-align: center;
123 font-weight: bold;
d53d16e0 124}
125
a7f6c9c0 126td.header1 {
c0d5a297 127 background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0 128 text-align: center;
129 font-weight: bold;
d53d16e0 130}
131
a7f6c9c0 132td.header2 {
c0d5a297 133 background: #ababab /* __COLOR9__ */;
a7f6c9c0 134 text-align: center;
135 font-weight: bold;
136 padding-top: 2px;
137 padding-bottom: 2px;
d53d16e0 138}
139
a7f6c9c0 140td.header3 {
141 text-align: center;
142 font-weight: bold;
143 padding-top: 4px;
144 padding-bottom: 4px;
d53d16e0 145}
a7f6c9c0 146
147td.header4 {
c0d5a297 148 background: #ffffcc /* __COLOR5__*/;
a7f6c9c0 149 font-weight: bold;
150 padding-top:2px;
151 padding-bottom: 2px;
152 text-align: center;
d53d16e0 153}
154
c0d5a297 155td.header5 {
156 background-color: #ababab /* __COLOR9__ */;
157 font-weight: bold;
158 text-align: left;
159}
160
161td.fieldName {
162 text-align: right;
163 width:25%;
164 font-weight: bold;
165 vertical-align:top;
f843d9f8 166 padding-left: 4px;
167 padding-right: 4px;
c0d5a297 168}
169
170td.fieldValue {
171 text-align: left;
172 width:75%;
173 font-weight: normal;
174}
175
a7f6c9c0 176tr.even {
c0d5a297 177 background: #ededed /* __COLOR12__*/;
d53d16e0 178}
a7f6c9c0 179tr.odd {
c0d5a297 180 background: #ffffff /* __COLOR4__*/;
d53d16e0 181}
182
e0a6645e 183tr.clicked_even {
184 background: #ff9933 /* __COLOR16__*/;
185}
186tr.clicked_odd {
187 background: #ff9933 /* __COLOR16__*/;
188}
189
a7f6c9c0 190.table_standard {
c0d5a297 191 border:1px solid #dcdcdc /* __COLOR0__ */;
f40969ae 192 width: 100%;
d53d16e0 193}
a7f6c9c0 194
195.sqm_loginOrgName, .sqm_signoutBar {
c0d5a297 196 background: #dcdcdc /* __COLOR0__ */;
d53d16e0 197}
198
a7f6c9c0 199.sqm_signout {
200 margin-top: 2em;
201 text-align: center;
d53d16e0 202}
203
5dc95bcb 204.sqm_wrapperTable {
205 border:0;
206 padding:0;
207 margin-left:0;
208 border-spacing:0;
209 width:99%
210}
211sqm_leftMain table {
212 border:0;
213 padding:0;
214 margin:0;
215 border-spacing:0;
216}
217.sqm_folderHeader {
218 font-size:18px;
219 font-weight:bold;
220 text-align:center;
221}
222.sqm_clock {
223}
224.sqm_lastRefreshTime {
225 white-space: nowrap;
226}
227.sqm_refreshButton {
228}
229
c0d5a297 230/* note.tpl defs */
231.sqm_noteWrapper {
232 text-align:center;
233 width:100%;
234}
235.sqm_note {
236 margin-left:auto;
237 margin-right:auto;
238 font-weight:bold;
239 text-align:center;
240}
241
242/* motd defs */
d53d16e0 243.sqm_motd {
c0d5a297 244 background: #ababab /* __COLOR9__ */;
d53d16e0 245}
246.sqm_motd td {
c0d5a297 247 background: #ffffff /* __COLOR4__*/;
d53d16e0 248}
249
250/* empty_folder.tpl defs */
3a729fa3 251div.sqm_emptyFolderWrapper {
252 width:100%;
253 text-align: center;
254}
255table.sqm_emptyFolder {
c0d5a297 256 background: #ababab /* __COLOR9__ */;
3a729fa3 257 width:95%;
258 margin-left:auto;
259 margin-right: auto;
d53d16e0 260}
3a729fa3 261table.sqm_emptyFolder td {
c0d5a297 262 background: #ffffff /* __COLOR4__*/;
3a729fa3 263 text-align: center;
d53d16e0 264}
265
266/* error_box.tpl definitions */
cb15d3c6 267.table_errorBoxWrapper {
c0d5a297 268 background: #ababab /* __COLOR9__ */;
269 margin-left: auto;
270 margin-right: auto;
271 text-align: center;
d53d16e0 272}
273
274.table_errorBox {
c0d5a297 275 background: #dcdcdc /* __COLOR0__ */;
d53d16e0 276}
d53d16e0 277.error_message {
c0d5a297 278 background: #ffffff /* __COLOR4__*/;
279}
280td.error_header {
281 font-weight: bold;
282 color: #cc0000 /* __COLOR2__*/;
d53d16e0 283}
284
cb15d3c6 285/* logout error screen */
286
287#sqm_errorLogout {
288 margin-top: 25px;
289 text-align: center;
290}
291
292#sqm_errorLogout table {
293 border: 0;
294 padding: 0;
295 margin-left: auto;
296 margin-right: auto;
297 width: 70%;
298}
299
300
d53d16e0 301/* page_header.tpl definitions */
302.sqm_currentFolder {
c0d5a297 303 background: #ababab /* __COLOR9__ */;
d53d16e0 304 text-align: left;
305}
306.sqm_headerSignout {
c0d5a297 307 background: #ababab /* __COLOR9__ */;
d53d16e0 308 text-align: right;
d53d16e0 309}
310.sqm_topNavigation {
d53d16e0 311 text-align: left;
312}
313.sqm_providerInfo {
d53d16e0 314 text-align: right;
315}
316
317/* message_list.tpl definitions */
f40969ae 318#message_list {
319 width: 100%;
320}
d53d16e0 321.table_messageListWrapper {
c0d5a297 322 background: #ababab /* __COLOR9__ */;
f40969ae 323 width:100%;
d53d16e0 324}
325
326.table_messageList {
c0d5a297 327 background: #ffffcc /* __COLOR5__*/;
d53d16e0 328}
329
d53d16e0 330.table_messageList tr.headerRow {
331 text-align: left;
d53d16e0 332}
333.table_messageList td.spacer {
c0d5a297 334 background: #dcdcdc /* __COLOR0__ */;
d53d16e0 335}
d53d16e0 336.table_messageList tr.mouse_over {
c0d5a297 337 background: #ffffcc /* __COLOR5__*/;
d53d16e0 338}
339.table_messageList tr.clicked {
c0d5a297 340 background: #ff9933 /* __COLOR16__*/;
d53d16e0 341}
d53d16e0 342.table_messageList td.col_check {
343 text-align: left;
344}
345.table_messageList td.col_subject {
346 text-align: left;
347}
348.table_messageList td.col_flags {
349 text-align: left;
350}
d53d16e0 351.table_messageList td.col_text {
352 text-align: left;
353}
191ed154 354td.message_count {
355 text-align: right;
356}
357.unread {
358 font-weight: bold;
359}
d53d16e0 360.deleted {
c0d5a297 361 color: #ababab /* __COLOR9__ */;
d53d16e0 362}
363.flagged {
c0d5a297 364 color: #cc0000 /* __COLOR2__ */;
d53d16e0 365}
366.high_priority {
c0d5a297 367 color: #800000 /* __COLOR13__*/;
d53d16e0 368}
369.low_priority {
c0d5a297 370 color: #000000 /* __COLOR4__*/;
d53d16e0 371}
372
d53d16e0 373.links_paginator {
374 text-align: left;
375}
376
d53d16e0 377.message_list_controls {
c0d5a297 378 background: #dcdcdc /* __COLOR0__ */;
d53d16e0 379}
380
d53d16e0 381.message_control_buttons {
382 text-align: left;
d53d16e0 383}
384.message_control_delete {
385 text-align: right;
d53d16e0 386}
387.message_control_move {
388 text-align: right;
d53d16e0 389}
390
391.spacer {
c0d5a297 392 background: #ffffff /* __COLOR4__*/;
d53d16e0 393}
a7f6c9c0 394
e6e2e7fd 395.sqm_squirrelcopyright, .sqm_squirrelcopyright a:link, .sqm_squirrelcopyright a:visited {
396 font-size: xx-small;
397 color: gray;
398 text-align: center;
399}
400.sqm_squirrelcopyright a:hover {
401 color: navy;
402}
403
46489d06 404/* dialog box defs */
405.dialogbox {
a7f6c9c0 406 text-align:center;
407}
408
46489d06 409.dialogbox td {
a7f6c9c0 410 text-align: center;
411 padding: 2px;
412}
413
46489d06 414.dialogbox table {
a7f6c9c0 415 margin-left: auto;
416 margin-right: auto;
417 padding-top: 8px;
418 padding-bottom: 8px;
419 border: 0;
420 width: 70%;
421}
422
46489d06 423.dialogbox table.wrapper {
c0d5a297 424 border: 1px solid #dcdcdc /* __COLOR0__ */;
a7f6c9c0 425 width: 95%;
426 margin-left: auto;
427 margin-right: auto;
428 padding: 0;
429}
430
46489d06 431.dialogbox div {
a7f6c9c0 432 margin-left: auto;
433 margin-right: auto;
434 width: 80%;
435 text-align: left;
436}
437
438/* login defs */
439#sqm_login {
440 margin-top: 25px;
441 text-align: center;
442}
443
444#sqm_login table {
445 border: 0;
446 padding: 0;
447 margin-left: auto;
448 margin-right: auto;
449 width: auto;
450}
451
452#sqm_login td {
453 padding-left: 2px;
454 padding-right: 2px;
455 padding-top: 0px;
456 padding-bottom: 0px;
457 width: auto;
458 text-align: center;
459}
460
461#sqm_login td.orgName {
462 font-weight: bold;
463 background: none;
464 font-size: 90%;
465}
466
467#sqm_login td.orgLogo {
468 width: 155px;
469 text-align: center;
d5fd72d0 470 vertical-align: middle;
a7f6c9c0 471}
472
473#sqm_login td.orgLogo img {
474 width: 150px;
475 padding:0;
476}
477
478#sqm_login td.attr {
479 font-size: 70%;
480 padding-top:5px;
481 padding-bottom: 10px;
482}
483
484#sqm_login td.fieldName {
485 font-size: 10pt;
486 font-weight: bold;
c0d5a297 487 text-align: right;
a7f6c9c0 488 width: 50%;
489}
490
491#sqm_login td.fieldInput {
c0d5a297 492 text-align: left;
a7f6c9c0 493 padding-top: 1px;
494 padding-bottom: 1px;
495}
496
497#sqm_login td.loginSubmit {
498 padding-top: 15px;
499}
500
501/* addressbook_list.tpl defs */
502#addressList {
503 text-align: center;
504}
505
506#addressList input {
507 font-size: 8pt;
508}
509
510#addressList select {
511 font-size: 75%;
512}
513
514#addressList table {
515 margin-left: auto;
516 margin-right: auto;
517 width: 95%;
c0d5a297 518 border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 519 margin-top: 8px;
520 margin-bottom: 8px;
521}
522
523#addressList td {
524 text-align: left;
525 padding: 2px;
526}
527
528#addressList td.header1 {
529 text-align: center;
c0d5a297 530 background: #ababab /* __COLOR9__ */;
a7f6c9c0 531}
532#addressList td.abookSwitch {
c0d5a297 533 background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0 534 text-align: right;
535}
536
537#addressList td.abookButtons {
c0d5a297 538 background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0 539}
540
541#addressList td.abookField {
c0d5a297 542 border-left: 1px solid #ababab /* __COLOR9__ */;
543 border-right: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 544 white-space: nowrap;
545 overflow: hidden;
546}
547
548#addressList td.colHeader {
549 text-align: center;
550 font-weight: bold;
551 font-size: 98%;
c0d5a297 552 background: #ababab /* __COLOR9__ */;
a7f6c9c0 553 padding-top: 0px;
554 padding-bottom: 0px;
555}
556
557#addressList td.abookEmpty {
558 text-align:center;
559 font-weight: bold;
560}
561
562#addressList td.abookCompose {
563 font-size: 8pt;
564 white-space: nowrap;
565}
566
567#addrBookSearch {
568 text-align: center;
569}
570
571#addrBookSearch table {
572 padding: 0;
573 border: 0;
574 margin-left: auto;
575 margin-right: auto;
576}
577
578#addrBookSearch table.wrapper {
c0d5a297 579 border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 580 width: 95%;
581 margin-left: auto;
582 margin-right: auto;
583 padding: 0;
584}
585
586#addrBookSearch td {
587 padding: 2px;
588}
589
590#addrBookSearch label {
591 font-weight: bold;
592}
593
594#addrBookSearch input {
595 font-size: 75%;
596}
597
598#addrBookSearch select {
599 font-size: 75%;
600}
601
602#addrBookSearch td.buttons {
603 text-align: center;
604}
605
606#addrAddEdit {
607 text-align: center;
608}
609
610#addrAddEdit table {
c0d5a297 611 border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 612 margin-left: auto;
613 margin-right: auto;
614 margin-top: 6px;
615 margin-bottom: 6px;
616 width: 95%
617}
618
619#addrAddEdit td.header {
c0d5a297 620 background: #ababab /* __COLOR9__ */;
a7f6c9c0 621 text-align: center;
622 font-weight: bold;
623}
624
625#addrAddEdit td.fieldName {
626 text-align: right;
627 width: 30%;
628}
629
630#addrAddEdit td.addButton {
631 text-align: center;
632}
633
634#addrAddEdit td {
635 text-align: left;
636 padding: 2px;
637}
638
639#addrAddEdit input {
640 font-size: 75%;
641}
642
643#addrAddEdit select {
644 font-size: 75%;
645}
646
647#optionGroups {
648 text-align: center;
649}
650
651/* help defs */
652#help {
653 text-align: center;
654}
655
656#help td.help {
657 text-align: left;
658}
659
660#help li {
661 padding-left: 0px;
662}
663
664#help ul {
665 padding-left: 20px;
666 padding-right: 75px;
667}
668
669#help td.nav {
670 text-align: center;
c0d5a297 671 color: #dcdcdc /* __COLOR0__ */;
a7f6c9c0 672 padding-top: 15px;
673 padding-bottom: 5px;
674}
675
676#help h1 {
677 font-size: 14pt;
678 font-weight: bold;
679 margin-top: 2px;
680 margin-bottom: 0px;
681}
682
683#help h2 {
684 font-size: 10pt;
685 font-weight: normal;
686 margin-bottom: 2px;
687 margin-top: 0;
688}
689
690#help h3 {
691 font-weight: bold;
692 font-size: 10pt;
693 margin: 0;
694 padding: 0;
695}
696
697#help td.help p {
698 margin-top: 2px;
699 margin-bottom: 10px;
700}
701
702#help td.help li {
703 margin-left: 10px;
704}
705
706#optionsIdentity table {
707 margin-top: 10px;
708 margin-bottom: 10px;
709}
710
711#optionsIdentity table.table2 tr {
c0d5a297 712 background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0 713}
714
715#optionsIdentity td.fieldName {
716 text-align: right;
717 width: 30%;
718}
719
720#optionsIdentity td.fieldValue {
721 text-align: left;
722}
723
724#optionsIdentity td.actionButtons {
725 text-align: center;
726}
727
728#optionsIdentity hr {
729 width: 95%;
c0d5a297 730 border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 731}
732
733#vCard {
734 text-align: center;
735}
736
737#vCard table {
738 margin-left: auto;
739 margin-right: auto;
740 margin-top: 10px;
741 margin-bottom: 10px;
742}
743
744#vCard td.fieldName {
745 text-align: right;
746 font-weight: bold;
747 vertical-align: top;
748}
749
750#vCard td.fieldValue {
751 text-align: left;
752}
753
754div.search table {
755 margin-top: 12px;
756 margin-bottom: 12px;
757}
758
759div.search td.header4 {
c0d5a297 760 border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 761 vertical-align: bottom;
762}
763
764div.search td.queryAction {
765 text-align: center;
766 font-size: small;
767 width: 1%;
768 padding-left: 8px;
769 padding-right: 8px;
c0d5a297 770 border-left: 1px solid #ababab /* __COLOR9__ */;
771 border-top: 1px solid #ababab /* __COLOR9__ */;
772 border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 773}
774
775div.search td.queryDesc {
c0d5a297 776 border-top: 1px solid #ababab /* __COLOR9__ */;
777 border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 778}
779
780div.search span {
781 padding-left: 2px;
782 padding-right: 2px;
783}
784
785div.search span.operator {
786 font-weight: normal;
787 text-decoration: underline;
788 font-style: italic;
789}
790
791div.search span.mailbox {
792 font-weight: bold
793}
794
795div.search span.conditions {
796 font-weight: normal;
797 text-decoration: underline;
798 font-style: italic;
799}
800
801div.search span.value {
802 font-weight: bold;
803}
804
805div.search span.error {
c0d5a297 806 color: #cc0000 /* __COLOR2__ */;
a7f6c9c0 807 font-weight: bold;
808 font-size: 125%;
809}
810
811div.search td.searchForm {
c0d5a297 812 border-right: 1px solid #dcdcdc /* __COLOR0__ */;
813 border-left: 1px solid #dcdcdc /* __COLOR0__ */;
a7f6c9c0 814 font-weight: bold;
815 text-align: center;
816}
817
818div.search td.queryError {
c0d5a297 819 color: #cc0000 /* __COLOR2__ */;
a7f6c9c0 820 font-weight: bold;
821 text-align: center;
822 padding: 4px;
823}
824
825div.search td.header1 input {
826 font-size: 80%;
827 margin: 2px;
828}
829
830div.search h1 {
831 font-weight: bold;
832 font-size: 150%;
833 margin-top: 6px;
834 margin-bottom: 2px;
835}
836
837div.search h2 {
c0d5a297 838 color: #cc0000 /* __COLOR2__ */;
a7f6c9c0 839 font-weight: bold;
840 text-align: center;
841}
842
843div.compose {
844 text-align: center;
845}
846
847div.compose table {
848 margin-top: 10px;
849 margin-bottom: 10px;
850 margin-left: auto;
851 margin-right: auto;
852}
853
854div.compose td.fieldName {
855 text-align: right;
856 font-weight: bold;
857 width: 30%;
858 vertical-align: top;
859}
860
861div.compose td.fieldValue {
862 text-align: left;
863}
864
865div.compose td.buttons {
866 text-align: center;
867}
868
869div.compose input {
870 font-size: 80%;
871}
872
873div.compose textarea {
874 margin-top: 5px;
875 margin-bottom: 5px;
876}
877
878div.compose td.bottomSend {
879 text-align: center;
880}
881
882div.compose tr.header {
c0d5a297 883 background: #ababab /* __COLOR9__ */;
a7f6c9c0 884}
885
886div.compose tr.header td {
887 padding-top: 4px;
888 padding-bottom: 4px;
889}
890
891div.compose tr.attachment td {
c0d5a297 892 background: #dcdcdc /* __COLOR0__ */;
893 border-top: 1px solid #ababab /* __COLOR9__ */;
894 border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 895}
896
897div.compose table.close {
898 width: 100%;
c0d5a297 899 background: #dcdcdc /* __COLOR0__ */;
900 border:1px solid #ababab /* __COLOR9__ */;
a7f6c9c0 901 text-align: center;
902 margin: 0;
903}
904
c0d5a297 905div.readMenuBar table {
906 padding:0;
907 margin:0;
908 width: 100%;
909 border-left: 1px solid #ababab /* __COLOR9__ */;
910 border-right: 1px solid #ababab /* __COLOR9__ */;
911}
912
913div.readMenuBar table.top {
914 border-top: 1px solid #ababab /* __COLOR9__ */;
915}
916
917div.readMenuBar table.bottom {
918 border-bottom: 1px solid #ababab /* __COLOR9__ */;
919}
920
921div.readMenuBar td {
922 padding:2px;
923}
924
925div.readMenuBar td.nav {
926 padding-top:4px;
927 padding-bottom:4px;
928}
929
930div.readMenuBar tr.buttons {
931 background-color: #dcdcdc /* __COLOR0__ */;
932}
933
934div.readMenuBar td.buttons {
935 width:1%;
936 vertical-align: middle;
937 white-space: nowrap;
938}
939
940div.readMenuBar input, select {
941 padding:0;
942 font-size:100%;
943}
944
945div.readMenuBar td.move {
946 text-align: right;
947}
948
949div.readMenuBar form {
950 display:inline;
951}
952
953div.readHeaders table.table2 {
954 width:100%;
955 background-color: #dcdcdc /* __COLOR0__ */;
956}
957
958div.readHeaders td {
959 padding-left:4px;
960 padding-right:4px;
961}
962
963div.readHeaders table.spacer {
964 border: 0;
965 height: 5px;
966 width:100%;
967 background-color: #ffffff /* __COLOR4__ */;
968}
969
970div.readBody table {
971 width: 100%;
972}
973
974div.readBody table.table2 tr {
975 background-color: #ffffff /* __COLOR4__ */;
976}
977
978div.readBody table.table2 td {
979 padding: 10px;
980 width:100%;
981}
982
983div.readAttachments table {
a7f6c9c0 984 width: 100%;
985}
c0d5a297 986
987div.readAttachments td.attachSize, td.attachDesc {
988 font-weight: bold;
989}
990
991div.readAttachments td.attachActions {
992 text-align: right;
993}
994
995div.readInlineImages {
996 width:100%;
997 text-align: center;
998}
999
1000div.readInlineImages table {
1001 width: 50%;
1002 margin-top:8px;
1003 margin-bottom:8px;
1004 margin-left: auto;
1005 margin-right: auto;
1006}
1007
1008div.readInlineImages td.header5 {
1009 padding-left:2px;
1010 padding-right:2px;
1011 width:60%;
1012 white-space:nowrap;
1013}
1014
1015div.readInlineImages td.header5 a {
1016 font-size:75%;
1017 font-weight: normal;
1018}
1019
1020div.readInlineImages td.image {
1021 border:1px solid #ababab /* __COLOR9__ */;
1022 padding:10px;
1023}
1024
d3558aef 1025div.viewHeader table.table1 {
1026 width: 100%;
1027}
f843d9f8 1028
d3558aef 1029div.viewHeader td.headers {
1030 padding-left:5px;
1031 font-family: monospace, sans-serif;
1032 font-size: small;
1033}
1034
1035div.viewHeader span.headerName {
1036 font-weight: bold;
1037}
c0d5a297 1038
79d58d4c 1039div.htmlIframe {
1040 text-align: center;
1041 margin-left: auto;
1042 margin-right: auto;
1043 width: 100%;
1044}
c0d5a297 1045
79d58d4c 1046div.htmlIframe iframe {
79d58d4c 1047 width:100%;
1048}
c0d5a297 1049
37683fa0 1050div.viewText table.table1 {
1051 width: 100%;
1052}
1053
1054div.viewText td.header2 a {
1055 font-size: smaller;
1056 font-weight: normal;
1057}
1058
e6e2e7fd 1059div.viewText td.actions { text-align: center;
37683fa0 1060 padding-top: 4px;
1061 padding-bottom: 4px;
1062}
1063
1064div.viewText td.text {
1065 padding: 10px;
1066 background-color: #ffffff /* __COLOR4__ */;
1067}
1068
1069div.viewText td.spacer {
1070 padding: 3px;
1071 background-color: #DCDCDC /* __COLOR0__ */;
1072}
1073
a6519f05 1074#printMessageBox {
1075 background-color: #fffff0;
1076 border: 1px solid #f2e93a;
1077 margin: 1em;
1078 padding: 1em;
1079 font-size: x-large;
1080}
c0b2f2e1 1081
1082#recpt_tail_to, #recpt_tail_cc {
1083 display: none;
1084}
1085#toggle_to, #toggle_cc {
1086 font-size: smaller;
1087}