templates/default/css/default.css

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