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 .sqm_squirrelcopyright, .sqm_squirrelcopyright a:link, .sqm_squirrelcopyright a:visited {
 389    font-size: xx-small;
 390    color: gray;
 391    text-align: center;
 392 }
 393 .sqm_squirrelcopyright a:hover {
 394    color: navy;
 395 }
 396
 397 /* folder_manip.tpl defs */
 398 #folderManip   {
 399     text-align:center;
 400 }
 401
 402 #folderManip   td  {
 403     text-align: center;
 404     padding: 2px;
 405 }
 406
 407 #folderManip   table   {
 408     margin-left: auto;
 409     margin-right: auto;
 410     padding-top: 8px;
 411     padding-bottom: 8px;
 412     border: 0;
 413     width: 70%;
 414 }
 415
 416 #folderManip   table.wrapper   {
 417     border: 1px solid #dcdcdc /* __COLOR0__ */;
 418     width: 95%;
 419     margin-left: auto;
 420     margin-right: auto;
 421     padding: 0;
 422 }
 423
 424 #folderManip   td.folderAction {
 425     background: #dcdcdc /* __COLOR0__ */;
 426 }
 427
 428 #folderManip    div {
 429     margin-left: auto;
 430     margin-right: auto;
 431     width: 80%;
 432     text-align: left;
 433 }
 434
 435 /* login defs */
 436 #sqm_login  {
 437     margin-top: 25px;
 438     text-align: center;
 439 }
 440
 441 #sqm_login  table   {
 442     border: 0;
 443     padding: 0;
 444     margin-left: auto;
 445     margin-right: auto;
 446     width: auto;
 447 }
 448
 449 #sqm_login  td   {
 450     padding-left: 2px;
 451     padding-right: 2px;
 452     padding-top: 0px;
 453     padding-bottom: 0px;
 454     width: auto;
 455     text-align: center;
 456 }
 457
 458 #sqm_login  td.orgName {
 459     font-weight: bold;
 460     background: none;
 461     font-size: 90%;
 462 }
 463
 464 #sqm_login  td.orgLogo {
 465     width: 155px;
 466     text-align: center;
 467     vertical-align: middle;
 468 }
 469
 470 #sqm_login  td.orgLogo  img {
 471     width: 150px;
 472     padding:0;
 473 }
 474
 475 #sqm_login  td.attr   {
 476     font-size: 70%;
 477     padding-top:5px;
 478     padding-bottom: 10px;
 479 }
 480
 481 #sqm_login  td.fieldName {
 482     font-size: 10pt;
 483     font-weight: bold;
 484     text-align: right;
 485     width: 50%;
 486 }
 487
 488 #sqm_login  td.fieldInput {
 489     text-align: left;
 490     padding-top: 1px;
 491     padding-bottom: 1px;
 492 }
 493
 494 #sqm_login  td.loginSubmit {
 495     padding-top: 15px;
 496 }
 497
 498 /* addressbook_list.tpl defs */
 499 #addressList    {
 500     text-align: center;
 501 }
 502
 503 #addressList    input   {
 504     font-size: 8pt;
 505 }
 506
 507 #addressList    select  {
 508     font-size: 75%;
 509 }
 510
 511 #addressList    table   {
 512     margin-left: auto;
 513     margin-right: auto;
 514     width: 95%;
 515     border: 1px solid #ababab /* __COLOR9__ */;
 516     margin-top: 8px;
 517     margin-bottom: 8px;
 518 }
 519
 520 #addressList    td  {
 521     text-align: left;
 522     padding: 2px;
 523 }
 524
 525 #addressList    td.header1  {
 526     text-align: center;
 527     background: #ababab /* __COLOR9__ */;
 528 }
 529 #addressList    td.abookSwitch  {
 530     background: #dcdcdc /* __COLOR0__ */;
 531     text-align: right;
 532 }
 533
 534 #addressList    td.abookButtons  {
 535     background: #dcdcdc /* __COLOR0__ */;
 536 }
 537
 538 #addressList    td.abookField   {
 539     border-left: 1px solid #ababab /* __COLOR9__ */;
 540     border-right: 1px solid #ababab /* __COLOR9__ */;
 541     white-space: nowrap;
 542     overflow: hidden;
 543 }
 544
 545 #addressList    td.colHeader {
 546     text-align: center;
 547     font-weight: bold;
 548     font-size: 98%;
 549     background: #ababab /* __COLOR9__ */;
 550     padding-top: 0px;
 551     padding-bottom: 0px;
 552 }
 553
 554 #addressList    td.abookEmpty   {
 555     text-align:center;
 556     font-weight: bold;
 557 }
 558
 559 #addressList    td.abookCompose {
 560     font-size: 8pt;
 561     white-space: nowrap;
 562 }
 563
 564 #addrBookSearch {
 565     text-align: center;
 566 }
 567
 568 #addrBookSearch table   {
 569     padding: 0;
 570     border: 0;
 571     margin-left: auto;
 572     margin-right: auto;
 573 }
 574
 575 #addrBookSearch   table.wrapper   {
 576     border: 1px solid #ababab /* __COLOR9__ */;
 577     width: 95%;
 578     margin-left: auto;
 579     margin-right: auto;
 580     padding: 0;
 581 }
 582
 583 #addrBookSearch td  {
 584     padding: 2px;
 585 }
 586
 587 #addrBookSearch label   {
 588     font-weight: bold;
 589 }
 590
 591 #addrBookSearch input   {
 592     font-size: 75%;
 593 }
 594
 595 #addrBookSearch select  {
 596     font-size: 75%;
 597 }
 598
 599 #addrBookSearch td.buttons  {
 600     text-align: center;
 601 }
 602
 603 #addrAddEdit    {
 604     text-align: center;
 605 }
 606
 607 #addrAddEdit    table   {
 608     border: 1px solid #ababab /* __COLOR9__ */;
 609     margin-left: auto;
 610     margin-right: auto;
 611     margin-top: 6px;
 612     margin-bottom: 6px;
 613     width: 95%
 614 }
 615
 616 #addrAddEdit    td.header   {
 617     background: #ababab /* __COLOR9__ */;
 618     text-align: center;
 619     font-weight: bold;
 620 }
 621
 622 #addrAddEdit    td.fieldName   {
 623     text-align: right;
 624     width: 30%;
 625 }
 626
 627 #addrAddEdit    td.addButton   {
 628     text-align: center;
 629 }
 630
 631 #addrAddEdit    td  {
 632     text-align: left;
 633     padding: 2px;
 634 }
 635
 636 #addrAddEdit    input   {
 637     font-size: 75%;
 638 }
 639
 640 #addrAddEdit    select  {
 641     font-size: 75%;
 642 }
 643
 644 #optionGroups   {
 645     text-align: center;
 646 }
 647
 648 /* help defs */
 649 #help   {
 650     text-align: center;
 651 }
 652
 653 #help   td.help  {
 654     text-align: left;
 655 }
 656
 657 #help   li  {
 658     padding-left: 0px;
 659 }
 660
 661 #help   ul  {
 662     padding-left: 20px;
 663     padding-right: 75px;
 664 }
 665
 666 #help   td.nav  {
 667     text-align: center;
 668     color: #dcdcdc /* __COLOR0__ */;
 669     padding-top: 15px;
 670     padding-bottom: 5px;
 671 }
 672
 673 #help   h1  {
 674     font-size: 14pt;
 675     font-weight: bold;
 676     margin-top: 2px;
 677     margin-bottom: 0px;
 678 }
 679
 680 #help   h2  {
 681     font-size: 10pt;
 682     font-weight: normal;
 683     margin-bottom: 2px;
 684     margin-top: 0;
 685 }
 686
 687 #help   h3  {
 688     font-weight: bold;
 689     font-size: 10pt;
 690     margin: 0;
 691     padding: 0;
 692 }
 693
 694 #help   td.help p   {
 695     margin-top: 2px;
 696     margin-bottom: 10px;
 697 }
 698
 699 #help   td.help  li   {
 700     margin-left: 10px;
 701 }
 702
 703 #optionsIdentity    table   {
 704     margin-top: 10px;
 705     margin-bottom: 10px;
 706 }
 707
 708 #optionsIdentity    table.table2 tr  {
 709     background: #dcdcdc /* __COLOR0__ */;
 710 }
 711
 712 #optionsIdentity    td.fieldName    {
 713     text-align: right;
 714     width: 30%;
 715 }
 716
 717 #optionsIdentity    td.fieldValue   {
 718     text-align: left;
 719 }
 720
 721 #optionsIdentity    td.actionButtons  {
 722     text-align: center;
 723 }
 724
 725 #optionsIdentity hr  {
 726     width: 95%;
 727     border: 1px solid #ababab /* __COLOR9__ */;
 728 }
 729
 730 #vCard  {
 731     text-align: center;
 732 }
 733
 734 #vCard  table   {
 735     margin-left: auto;
 736     margin-right: auto;
 737     margin-top: 10px;
 738     margin-bottom: 10px;
 739 }
 740
 741 #vCard  td.fieldName   {
 742     text-align: right;
 743     font-weight: bold;
 744     vertical-align: top;
 745 }
 746
 747 #vCard  td.fieldValue   {
 748     text-align: left;
 749 }
 750
 751 div.search table   {
 752     margin-top: 12px;
 753     margin-bottom: 12px;
 754 }
 755
 756 div.search td.header4  {
 757     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 758     vertical-align: bottom;
 759 }
 760
 761 div.search td.queryAction {
 762     text-align: center;
 763     font-size: small;
 764     width: 1%;
 765     padding-left: 8px;
 766     padding-right: 8px;
 767     border-left: 1px solid #ababab /* __COLOR9__ */;
 768     border-top: 1px solid #ababab /* __COLOR9__ */;
 769     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 770 }
 771
 772 div.search td.queryDesc  {
 773     border-top: 1px solid #ababab /* __COLOR9__ */;
 774     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 775 }
 776
 777 div.search span {
 778     padding-left: 2px;
 779     padding-right: 2px;
 780 }
 781
 782 div.search span.operator {
 783     font-weight: normal;
 784     text-decoration: underline;
 785     font-style: italic;
 786 }
 787
 788 div.search span.mailbox {
 789     font-weight: bold
 790 }
 791
 792 div.search span.conditions {
 793     font-weight: normal;
 794     text-decoration: underline;
 795     font-style: italic;
 796 }
 797
 798 div.search span.value {
 799     font-weight: bold;
 800 }
 801
 802 div.search span.error  {
 803     color: #cc0000 /* __COLOR2__ */;
 804     font-weight: bold;
 805     font-size: 125%;
 806 }
 807
 808 div.search td.searchForm  {
 809     border-right: 1px solid #dcdcdc /* __COLOR0__ */;
 810     border-left: 1px solid #dcdcdc /* __COLOR0__ */;
 811     font-weight: bold;
 812     text-align: center;
 813 }
 814
 815 div.search td.queryError {
 816     color: #cc0000 /* __COLOR2__ */;
 817     font-weight: bold;
 818     text-align: center;
 819     padding: 4px;
 820 }
 821
 822 div.search td.header1 input {
 823     font-size: 80%;
 824     margin: 2px;
 825 }
 826
 827 div.search h1 {
 828     font-weight: bold;
 829     font-size: 150%;
 830     margin-top: 6px;
 831     margin-bottom: 2px;
 832 }
 833
 834 div.search h2 {
 835     color: #cc0000 /* __COLOR2__ */;
 836     font-weight: bold;
 837     text-align: center;
 838 }
 839
 840 div.compose    {
 841     text-align: center;
 842 }
 843
 844 div.compose table {
 845     margin-top: 10px;
 846     margin-bottom: 10px;
 847     margin-left: auto;
 848     margin-right: auto;
 849 }
 850
 851 div.compose td.fieldName {
 852     text-align: right;
 853     font-weight: bold;
 854     width: 30%;
 855     vertical-align: top;
 856 }
 857
 858 div.compose td.fieldValue {
 859     text-align: left;
 860 }
 861
 862 div.compose td.buttons {
 863     text-align: center;
 864 }
 865
 866 div.compose input {
 867     font-size: 80%;
 868 }
 869
 870 div.compose textarea {
 871     margin-top: 5px;
 872     margin-bottom: 5px;
 873 }
 874
 875 div.compose td.bottomSend {
 876     text-align: center;
 877 }
 878
 879 div.compose tr.header {
 880     background: #ababab /* __COLOR9__ */;
 881 }
 882
 883 div.compose tr.header td {
 884     padding-top: 4px;
 885     padding-bottom: 4px;
 886 }
 887
 888 div.compose tr.attachment td {
 889     background: #dcdcdc /* __COLOR0__ */;
 890     border-top: 1px solid #ababab /* __COLOR9__ */;
 891     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 892 }
 893
 894 div.compose table.close {
 895     width: 100%;
 896     background: #dcdcdc /* __COLOR0__ */;
 897     border:1px solid #ababab /* __COLOR9__ */;
 898     text-align: center;
 899     margin: 0;
 900 }
 901
 902 div.readMenuBar table {
 903     padding:0;
 904     margin:0;
 905     width: 100%;
 906     border-left: 1px solid #ababab /* __COLOR9__ */;
 907     border-right: 1px solid #ababab /* __COLOR9__ */;
 908 }
 909
 910 div.readMenuBar table.top {
 911     border-top: 1px solid #ababab /* __COLOR9__ */;
 912 }
 913
 914 div.readMenuBar table.bottom {
 915     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 916 }
 917
 918 div.readMenuBar td {
 919     padding:2px;
 920 }
 921
 922 div.readMenuBar td.nav {
 923     padding-top:4px;
 924     padding-bottom:4px;
 925 }
 926
 927 div.readMenuBar tr.buttons {
 928     background-color: #dcdcdc /* __COLOR0__ */;
 929 }
 930
 931 div.readMenuBar td.buttons {
 932     width:1%;
 933     vertical-align: middle;
 934     white-space: nowrap;
 935 }
 936
 937 div.readMenuBar input, select {
 938         padding:0;
 939         font-size:100%;
 940 }
 941
 942 div.readMenuBar td.move {
 943     text-align: right;
 944 }
 945
 946 div.readMenuBar form {
 947     display:inline;
 948 }
 949
 950 div.readHeaders table.table2 {
 951     width:100%;
 952     background-color: #dcdcdc /* __COLOR0__ */;
 953 }
 954
 955 div.readHeaders td {
 956     padding-left:4px;
 957     padding-right:4px;
 958 }
 959
 960 div.readHeaders table.spacer {
 961     border: 0;
 962     height: 5px;
 963     width:100%;
 964     background-color: #ffffff /* __COLOR4__ */;
 965 }
 966
 967 div.readBody table {
 968     width: 100%;
 969 }
 970
 971 div.readBody table.table2 tr {
 972     background-color: #ffffff /* __COLOR4__ */;
 973 }
 974
 975 div.readBody table.table2 td {
 976     padding: 10px;
 977     width:100%;
 978 }
 979
 980 div.readAttachments table {
 981     width: 100%;
 982 }
 983
 984 div.readAttachments td.attachSize, td.attachDesc {
 985     font-weight: bold;
 986 }
 987
 988 div.readAttachments td.attachActions {
 989     text-align: right;
 990 }
 991
 992 div.readInlineImages {
 993     width:100%;
 994     text-align: center;
 995 }
 996
 997 div.readInlineImages table {
 998     width: 50%;
 999     margin-top:8px;
1000     margin-bottom:8px;
1001     margin-left: auto;
1002     margin-right: auto;
1003 }
1004
1005 div.readInlineImages td.header5 {
1006     padding-left:2px;
1007     padding-right:2px;
1008     width:60%;
1009     white-space:nowrap;
1010 }
1011
1012 div.readInlineImages td.header5 a {
1013     font-size:75%;
1014     font-weight: normal;
1015 }
1016
1017 div.readInlineImages td.image {
1018     border:1px solid #ababab /* __COLOR9__ */;
1019     padding:10px;
1020 }
1021
1022 div.printerFriendlyTop table {
1023     width:100%;
1024 }
1025
1026 div.printerFriendlyTop td {
1027     text-align: right;
1028 }
1029
1030 div.printerFriendly table.attach {
1031     width: 100%;
1032     margin-top:5px;
1033     margin-bottom:5px;
1034 }
1035
1036 div.printerFriendly td.attachField {
1037     width: 30%;
1038     font-weight: bold;
1039     text-align: right;
1040 }
1041
1042 div.printerFriendly td.attachName {
1043     font-weight: bold;
1044 }
1045
1046 div.viewHeader table.table1 {
1047     width: 100%;
1048 }
1049
1050 div.viewHeader td.headers {
1051     padding-left:5px;
1052     font-family: monospace, sans-serif;
1053     font-size: small;
1054 }
1055
1056 div.viewHeader span.headerName {
1057     font-weight: bold;
1058 }
1059
1060 div.htmlIframe {
1061     text-align: center;
1062     margin-left: auto;
1063     margin-right: auto;
1064     width: 100%;
1065 }
1066
1067 div.htmlIframe iframe {
1068     height: 250px;
1069     width:100%;
1070 }
1071
1072 div.viewText table.table1 {
1073     width: 100%;
1074 }
1075
1076 div.viewText td.header2 a {
1077     font-size: smaller;
1078     font-weight: normal;
1079 }
1080
1081 div.viewText td.actions {    text-align: center;
1082     padding-top: 4px;
1083     padding-bottom: 4px;
1084 }
1085
1086 div.viewText td.text {
1087     padding: 10px;
1088     background-color: #ffffff /* __COLOR4__ */;
1089 }
1090
1091 div.viewText td.spacer {
1092     padding: 3px;
1093     background-color: #DCDCDC /* __COLOR0__ */;
1094 }
1095
1096