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 tr.clicked_even {
 184     background: #ff9933 /* __COLOR16__*/;
 185 }
 186 tr.clicked_odd  {
 187     background: #ff9933 /* __COLOR16__*/;
 188 }
 189
 190 .table_standard {
 191     border:1px solid #dcdcdc /* __COLOR0__ */;
 192     width: 100%;
 193 }
 194
 195 .sqm_loginOrgName, .sqm_signoutBar {
 196     background: #dcdcdc /* __COLOR0__ */;
 197 }
 198
 199 .sqm_signout {
 200     margin-top: 2em;
 201     text-align: center;
 202 }
 203
 204 .sqm_wrapperTable   {
 205     border:0;
 206     padding:0;
 207     margin-left:0;
 208     border-spacing:0;
 209     width:99%
 210 }
 211 sqm_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
 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 */
 243 .sqm_motd {
 244     background: #ababab /* __COLOR9__ */;
 245 }
 246 .sqm_motd td {
 247     background: #ffffff /* __COLOR4__*/;
 248 }
 249
 250 /* empty_folder.tpl defs */
 251 div.sqm_emptyFolderWrapper {
 252     width:100%;
 253     text-align: center;
 254 }
 255 table.sqm_emptyFolder {
 256     background: #ababab /* __COLOR9__ */;
 257     width:95%;
 258     margin-left:auto;
 259     margin-right: auto;
 260 }
 261 table.sqm_emptyFolder td {
 262     background: #ffffff /* __COLOR4__*/;
 263     text-align: center;
 264 }
 265
 266 /* error_box.tpl definitions */
 267 .table_errorBoxWrapper {
 268     background: #ababab /* __COLOR9__ */;
 269     margin-left: auto;
 270     margin-right: auto;
 271     text-align: center;
 272 }
 273
 274 .table_errorBox  {
 275     background: #dcdcdc /* __COLOR0__ */;
 276 }
 277 .error_message {
 278     background: #ffffff /* __COLOR4__*/;
 279 }
 280 td.error_header {
 281     font-weight: bold;
 282     color: #cc0000 /* __COLOR2__*/;
 283 }
 284
 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
 301 /* page_header.tpl definitions */
 302 .sqm_currentFolder      {
 303     background: #ababab /* __COLOR9__ */;
 304     text-align: left;
 305 }
 306 .sqm_headerSignout      {
 307     background: #ababab /* __COLOR9__ */;
 308     text-align: right;
 309 }
 310 .sqm_topNavigation      {
 311     text-align: left;
 312 }
 313 .sqm_providerInfo       {
 314     text-align: right;
 315 }
 316
 317 /* message_list.tpl definitions */
 318 #message_list {
 319     width: 100%;
 320 }
 321 .table_messageListWrapper       {
 322     background: #ababab /* __COLOR9__ */;
 323     width:100%;
 324 }
 325
 326 .table_messageList      {
 327     background: #ffffcc /* __COLOR5__*/;
 328     width:100%;
 329 }
 330
 331 .table_messageList      tr.headerRow    {
 332     text-align: left;
 333 }
 334 .table_messageList td.spacer {
 335     background: #dcdcdc /* __COLOR0__ */;
 336 }
 337 .table_messageList      tr.mouse_over   {
 338     background: #ffffcc /* __COLOR5__*/;
 339 }
 340 .table_messageList      tr.clicked      {
 341     background: #ff9933 /* __COLOR16__*/;
 342 }
 343 .table_messageList      td.col_check    {
 344     text-align: left;
 345 }
 346 .table_messageList      td.col_subject  {
 347     text-align: left;
 348 }
 349 .table_messageList      td.col_flags    {
 350     text-align: left;
 351 }
 352 .table_messageList      td.col_text     {
 353     text-align: left;
 354 }
 355 td.message_count        {
 356     text-align: right;
 357 }
 358 .unread {
 359     font-weight: bold;
 360 }
 361 .deleted        {
 362     color: #ababab /* __COLOR9__ */;
 363 }
 364 .flagged        {
 365     color: #cc0000 /* __COLOR2__ */;
 366 }
 367 .high_priority  {
 368     color: #800000 /* __COLOR13__*/;
 369 }
 370 .low_priority   {
 371     color: #000000 /* __COLOR4__*/;
 372 }
 373
 374 .links_paginator                        {
 375     text-align: left;
 376 }
 377
 378 .message_list_controls {
 379     background: #dcdcdc /* __COLOR0__ */;
 380 }
 381
 382 .message_control_buttons {
 383     text-align: left;
 384 }
 385 .message_control_delete {
 386     text-align: right;
 387 }
 388 .message_control_move {
 389     text-align: right;
 390 }
 391
 392 .spacer {
 393     background: #ffffff /* __COLOR4__*/;
 394 }
 395
 396 .sqm_squirrelcopyright, .sqm_squirrelcopyright a:link, .sqm_squirrelcopyright a:visited {
 397    font-size: xx-small;
 398    color: gray;
 399    text-align: center;
 400 }
 401 .sqm_squirrelcopyright a:hover {
 402    color: navy;
 403 }
 404
 405 /* dialog box defs */
 406 .dialogbox   {
 407     text-align:center;
 408 }
 409
 410 .dialogbox   td  {
 411     text-align: center;
 412     padding: 2px;
 413 }
 414
 415 .dialogbox   table   {
 416     margin-left: auto;
 417     margin-right: auto;
 418     padding-top: 8px;
 419     padding-bottom: 8px;
 420     border: 0;
 421     width: 70%;
 422 }
 423
 424 .dialogbox   table.wrapper   {
 425     border: 1px solid #dcdcdc /* __COLOR0__ */;
 426     width: 95%;
 427     margin-left: auto;
 428     margin-right: auto;
 429     padding: 0;
 430 }
 431
 432 .dialogbox  div {
 433     margin-left: auto;
 434     margin-right: auto;
 435     width: 80%;
 436     text-align: left;
 437 }
 438
 439 /* login defs */
 440 #sqm_login  {
 441     margin-top: 25px;
 442     text-align: center;
 443 }
 444
 445 #sqm_login  table   {
 446     border: 0;
 447     padding: 0;
 448     margin-left: auto;
 449     margin-right: auto;
 450     width: auto;
 451 }
 452
 453 #sqm_login  td   {
 454     padding-left: 2px;
 455     padding-right: 2px;
 456     padding-top: 0px;
 457     padding-bottom: 0px;
 458     width: auto;
 459     text-align: center;
 460 }
 461
 462 #sqm_login  td.orgName {
 463     font-weight: bold;
 464     background: none;
 465     font-size: 90%;
 466 }
 467
 468 #sqm_login  td.orgLogo {
 469     width: 155px;
 470     text-align: center;
 471     vertical-align: middle;
 472 }
 473
 474 #sqm_login  td.orgLogo  img {
 475     width: 150px;
 476     padding:0;
 477 }
 478
 479 #sqm_login  td.attr   {
 480     font-size: 70%;
 481     padding-top:5px;
 482     padding-bottom: 10px;
 483 }
 484
 485 #sqm_login  td.fieldName {
 486     font-size: 10pt;
 487     font-weight: bold;
 488     text-align: right;
 489     width: 50%;
 490 }
 491
 492 #sqm_login  td.fieldInput {
 493     text-align: left;
 494     padding-top: 1px;
 495     padding-bottom: 1px;
 496 }
 497
 498 #sqm_login  td.loginSubmit {
 499     padding-top: 15px;
 500 }
 501
 502 /* addressbook_list.tpl defs */
 503 #addressList    {
 504     text-align: center;
 505 }
 506
 507 #addressList    input   {
 508     font-size: 8pt;
 509 }
 510
 511 #addressList    select  {
 512     font-size: 75%;
 513 }
 514
 515 #addressList    table   {
 516     margin-left: auto;
 517     margin-right: auto;
 518     width: 95%;
 519     border: 1px solid #ababab /* __COLOR9__ */;
 520     margin-top: 8px;
 521     margin-bottom: 8px;
 522 }
 523
 524 #addressList    td  {
 525     text-align: left;
 526     padding: 2px;
 527 }
 528
 529 #addressList    td.header1  {
 530     text-align: center;
 531     background: #ababab /* __COLOR9__ */;
 532 }
 533
 534 #addressList    select {
 535     vertical-align: middle;
 536 }
 537
 538 #addressList    td.abookPaginationAndButtons  {
 539     background: #dcdcdc /* __COLOR0__ */;
 540     text-align: right;
 541 }
 542
 543 #addressList    div.abookPagination  {
 544     float: left;
 545 }
 546
 547 #addressList    td.abookSwitch  {
 548     background: #dcdcdc /* __COLOR0__ */;
 549     text-align: right;
 550 }
 551
 552 #addressList    td.abookField   {
 553     border-left: 1px solid #ababab /* __COLOR9__ */;
 554     border-right: 1px solid #ababab /* __COLOR9__ */;
 555     white-space: nowrap;
 556     overflow: hidden;
 557 }
 558
 559 #addressList    td.colHeader {
 560     text-align: center;
 561     font-weight: bold;
 562     font-size: 98%;
 563     background: #ababab /* __COLOR9__ */;
 564     padding-top: 0px;
 565     padding-bottom: 0px;
 566 }
 567
 568 #addressList    td.abookEmpty   {
 569     text-align:center;
 570     font-weight: bold;
 571 }
 572
 573 #addressList    td.abookCompose {
 574     font-size: 8pt;
 575     white-space: nowrap;
 576 }
 577
 578 #addrBookSearch {
 579     text-align: center;
 580 }
 581
 582 #addrBookSearch table   {
 583     padding: 0;
 584     border: 0;
 585     margin-left: auto;
 586     margin-right: auto;
 587 }
 588
 589 #addrBookSearch   table.wrapper   {
 590     border: 1px solid #ababab /* __COLOR9__ */;
 591     width: 95%;
 592     margin-left: auto;
 593     margin-right: auto;
 594     padding: 0;
 595 }
 596
 597 #addrBookSearch td  {
 598     padding: 2px;
 599 }
 600
 601 #addrBookSearch label   {
 602     font-weight: bold;
 603 }
 604
 605 #addrBookSearch input   {
 606     font-size: 75%;
 607 }
 608
 609 #addrBookSearch select  {
 610     font-size: 75%;
 611 }
 612
 613 #addrBookSearch td.buttons  {
 614     text-align: center;
 615 }
 616
 617 #addrAddEdit    {
 618     text-align: center;
 619 }
 620
 621 #addrAddEdit    table   {
 622     border: 1px solid #ababab /* __COLOR9__ */;
 623     margin-left: auto;
 624     margin-right: auto;
 625     margin-top: 6px;
 626     margin-bottom: 6px;
 627     width: 95%
 628 }
 629
 630 #addrAddEdit    td.header   {
 631     background: #ababab /* __COLOR9__ */;
 632     text-align: center;
 633     font-weight: bold;
 634 }
 635
 636 #addrAddEdit    td.fieldName   {
 637     text-align: right;
 638     width: 30%;
 639 }
 640
 641 #addrAddEdit    td.addButton   {
 642     text-align: center;
 643 }
 644
 645 #addrAddEdit    td  {
 646     text-align: left;
 647     padding: 2px;
 648 }
 649
 650 #addrAddEdit    input   {
 651     font-size: 75%;
 652 }
 653
 654 #addrAddEdit    select  {
 655     font-size: 75%;
 656 }
 657
 658 #optionGroups   {
 659     text-align: center;
 660 }
 661
 662 /* help defs */
 663 #help   {
 664     text-align: center;
 665 }
 666
 667 #help   td.help  {
 668     text-align: left;
 669 }
 670
 671 #help   li  {
 672     padding-left: 0px;
 673 }
 674
 675 #help   ul  {
 676     padding-left: 20px;
 677     padding-right: 75px;
 678 }
 679
 680 #help   td.nav  {
 681     text-align: center;
 682     color: #dcdcdc /* __COLOR0__ */;
 683     padding-top: 15px;
 684     padding-bottom: 5px;
 685 }
 686
 687 #help   h1  {
 688     font-size: 14pt;
 689     font-weight: bold;
 690     margin-top: 2px;
 691     margin-bottom: 0px;
 692 }
 693
 694 #help   h2  {
 695     font-size: 10pt;
 696     font-weight: normal;
 697     margin-bottom: 2px;
 698     margin-top: 0;
 699 }
 700
 701 #help   h3  {
 702     font-weight: bold;
 703     font-size: 10pt;
 704     margin: 0;
 705     padding: 0;
 706 }
 707
 708 #help   td.help p   {
 709     margin-top: 2px;
 710     margin-bottom: 10px;
 711 }
 712
 713 #help   td.help  li   {
 714     margin-left: 10px;
 715 }
 716
 717 #optionsIdentity    table   {
 718     margin-top: 10px;
 719     margin-bottom: 10px;
 720 }
 721
 722 #optionsIdentity    table.table2 tr  {
 723     background: #dcdcdc /* __COLOR0__ */;
 724 }
 725
 726 #optionsIdentity    td.fieldName    {
 727     text-align: right;
 728     width: 30%;
 729 }
 730
 731 #optionsIdentity    td.fieldValue   {
 732     text-align: left;
 733 }
 734
 735 #optionsIdentity    td.actionButtons  {
 736     text-align: center;
 737 }
 738
 739 #optionsIdentity hr  {
 740     width: 95%;
 741     border: 1px solid #ababab /* __COLOR9__ */;
 742 }
 743
 744 #vCard  {
 745     text-align: center;
 746 }
 747
 748 #vCard  table   {
 749     margin-left: auto;
 750     margin-right: auto;
 751     margin-top: 10px;
 752     margin-bottom: 10px;
 753 }
 754
 755 #vCard  td.fieldName   {
 756     text-align: right;
 757     font-weight: bold;
 758     vertical-align: top;
 759 }
 760
 761 #vCard  td.fieldValue   {
 762     text-align: left;
 763 }
 764
 765 div.search table   {
 766     margin-top: 12px;
 767     margin-bottom: 12px;
 768 }
 769
 770 div.search td.header4  {
 771     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 772     vertical-align: bottom;
 773 }
 774
 775 div.search td.queryAction {
 776     text-align: center;
 777     font-size: small;
 778     width: 1%;
 779     padding-left: 8px;
 780     padding-right: 8px;
 781     border-left: 1px solid #ababab /* __COLOR9__ */;
 782     border-top: 1px solid #ababab /* __COLOR9__ */;
 783     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 784 }
 785
 786 div.search td.queryDesc  {
 787     border-top: 1px solid #ababab /* __COLOR9__ */;
 788     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 789 }
 790
 791 div.search span {
 792     padding-left: 2px;
 793     padding-right: 2px;
 794 }
 795
 796 div.search span.operator {
 797     font-weight: normal;
 798     text-decoration: underline;
 799     font-style: italic;
 800 }
 801
 802 div.search span.mailbox {
 803     font-weight: bold
 804 }
 805
 806 div.search span.conditions {
 807     font-weight: normal;
 808     text-decoration: underline;
 809     font-style: italic;
 810 }
 811
 812 div.search span.value {
 813     font-weight: bold;
 814 }
 815
 816 div.search span.error  {
 817     color: #cc0000 /* __COLOR2__ */;
 818     font-weight: bold;
 819     font-size: 125%;
 820 }
 821
 822 div.search td.searchForm  {
 823     border-right: 1px solid #dcdcdc /* __COLOR0__ */;
 824     border-left: 1px solid #dcdcdc /* __COLOR0__ */;
 825     font-weight: bold;
 826     text-align: center;
 827 }
 828
 829 div.search td.queryError {
 830     color: #cc0000 /* __COLOR2__ */;
 831     font-weight: bold;
 832     text-align: center;
 833     padding: 4px;
 834 }
 835
 836 div.search td.header1 input {
 837     font-size: 80%;
 838     margin: 2px;
 839 }
 840
 841 div.search h1 {
 842     font-weight: bold;
 843     font-size: 150%;
 844     margin-top: 6px;
 845     margin-bottom: 2px;
 846 }
 847
 848 div.search h2 {
 849     color: #cc0000 /* __COLOR2__ */;
 850     font-weight: bold;
 851     text-align: center;
 852 }
 853
 854 div.compose    {
 855     text-align: center;
 856 }
 857
 858 div.compose table {
 859     margin-top: 10px;
 860     margin-bottom: 10px;
 861     margin-left: auto;
 862     margin-right: auto;
 863 }
 864
 865 div.compose td.fieldName {
 866     text-align: right;
 867     font-weight: bold;
 868     width: 30%;
 869     vertical-align: top;
 870 }
 871
 872 div.compose td.fieldValue {
 873     text-align: left;
 874 }
 875
 876 div.compose td.buttons {
 877     text-align: center;
 878 }
 879
 880 div.compose input {
 881     font-size: 80%;
 882 }
 883
 884 div.compose textarea {
 885     margin-top: 5px;
 886     margin-bottom: 5px;
 887 }
 888
 889 div.compose td.bottomSend {
 890     text-align: center;
 891 }
 892
 893 div.compose tr.header {
 894     background: #ababab /* __COLOR9__ */;
 895 }
 896
 897 div.compose tr.header td {
 898     padding-top: 4px;
 899     padding-bottom: 4px;
 900 }
 901
 902 div.compose tr.attachment td {
 903     background: #dcdcdc /* __COLOR0__ */;
 904     border-top: 1px solid #ababab /* __COLOR9__ */;
 905     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 906 }
 907
 908 div.compose table.close {
 909     width: 100%;
 910     background: #dcdcdc /* __COLOR0__ */;
 911     border:1px solid #ababab /* __COLOR9__ */;
 912     text-align: center;
 913     margin: 0;
 914 }
 915
 916 div.readMenuBar table {
 917     padding:0;
 918     margin:0;
 919     width: 100%;
 920     border-left: 1px solid #ababab /* __COLOR9__ */;
 921     border-right: 1px solid #ababab /* __COLOR9__ */;
 922 }
 923
 924 div.readMenuBar table.top {
 925     border-top: 1px solid #ababab /* __COLOR9__ */;
 926 }
 927
 928 div.readMenuBar table.bottom {
 929     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 930 }
 931
 932 div.readMenuBar td {
 933     padding:2px;
 934 }
 935
 936 div.readMenuBar td.nav {
 937     padding-top:4px;
 938     padding-bottom:4px;
 939 }
 940
 941 div.readMenuBar tr.buttons {
 942     background-color: #dcdcdc /* __COLOR0__ */;
 943 }
 944
 945 div.readMenuBar td.buttons {
 946     width:1%;
 947     vertical-align: middle;
 948     white-space: nowrap;
 949 }
 950
 951 div.readMenuBar input, select {
 952         padding:0;
 953         font-size:100%;
 954 }
 955
 956 div.readMenuBar td.move {
 957     text-align: right;
 958 }
 959
 960 div.readMenuBar form {
 961     display:inline;
 962 }
 963
 964 div.readHeaders table.table2 {
 965     width:100%;
 966     background-color: #dcdcdc /* __COLOR0__ */;
 967 }
 968
 969 div.readHeaders td {
 970     padding-left:4px;
 971     padding-right:4px;
 972 }
 973
 974 div.readHeaders table.spacer {
 975     border: 0;
 976     height: 5px;
 977     width:100%;
 978     background-color: #ffffff /* __COLOR4__ */;
 979 }
 980
 981 div.readBody table {
 982     width: 100%;
 983 }
 984
 985 div.readBody table.table2 tr {
 986     background-color: #ffffff /* __COLOR4__ */;
 987 }
 988
 989 div.readBody table.table2 td {
 990     padding: 10px;
 991     width:100%;
 992 }
 993
 994 div.readAttachments table {
 995     width: 100%;
 996 }
 997
 998 div.readAttachments td.attachSize, td.attachDesc {
 999     font-weight: bold;
1000 }
1001
1002 div.readAttachments td.attachActions {
1003     text-align: right;
1004 }
1005
1006 div.readInlineImages {
1007     width:100%;
1008     text-align: center;
1009 }
1010
1011 div.readInlineImages table {
1012     width: 50%;
1013     margin-top:8px;
1014     margin-bottom:8px;
1015     margin-left: auto;
1016     margin-right: auto;
1017 }
1018
1019 div.readInlineImages td.header5 {
1020     padding-left:2px;
1021     padding-right:2px;
1022     width:60%;
1023     white-space:nowrap;
1024 }
1025
1026 div.readInlineImages td.header5 a {
1027     font-size:75%;
1028     font-weight: normal;
1029 }
1030
1031 div.readInlineImages td.image {
1032     border:1px solid #ababab /* __COLOR9__ */;
1033     padding:10px;
1034 }
1035
1036 div.viewHeader table.table1 {
1037     width: 100%;
1038 }
1039
1040 div.viewHeader td.headers {
1041     padding-left:5px;
1042     font-family: monospace, sans-serif;
1043     font-size: small;
1044 }
1045
1046 div.viewHeader span.headerName {
1047     font-weight: bold;
1048 }
1049
1050 div.htmlIframe {
1051     text-align: center;
1052     margin-left: auto;
1053     margin-right: auto;
1054     width: 100%;
1055 }
1056
1057 div.htmlIframe iframe {
1058     width:100%;
1059 }
1060
1061 div.viewText table.table1 {
1062     width: 100%;
1063 }
1064
1065 div.viewText td.header2 a {
1066     font-size: smaller;
1067     font-weight: normal;
1068 }
1069
1070 div.viewText td.actions {    text-align: center;
1071     padding-top: 4px;
1072     padding-bottom: 4px;
1073 }
1074
1075 div.viewText td.text {
1076     padding: 10px;
1077     background-color: #ffffff /* __COLOR4__ */;
1078 }
1079
1080 div.viewText td.spacer {
1081     padding: 3px;
1082     background-color: #DCDCDC /* __COLOR0__ */;
1083 }
1084
1085 #printMessageBox {
1086     background-color: #fffff0;
1087     border: 1px solid #f2e93a;
1088     margin: 1em;
1089     padding: 1em;
1090     font-size: x-large;
1091 }
1092
1093 #recpt_tail_to, #recpt_tail_cc {
1094     display: none;
1095 }
1096 #toggle_to, #toggle_cc {
1097     font-size: smaller;
1098 }
1099
1100 hr.entity_sep {
1101     border: 0;
1102     height: 1px;
1103     background-color: gray;
1104 }