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 }
 329
 330 .table_messageList      tr.headerRow    {
 331     text-align: left;
 332 }
 333 .table_messageList td.spacer {
 334     background: #dcdcdc /* __COLOR0__ */;
 335 }
 336 .table_messageList      tr.mouse_over   {
 337     background: #ffffcc /* __COLOR5__*/;
 338 }
 339 .table_messageList      tr.clicked      {
 340     background: #ff9933 /* __COLOR16__*/;
 341 }
 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 }
 351 .table_messageList      td.col_text     {
 352     text-align: left;
 353 }
 354 td.message_count        {
 355     text-align: right;
 356 }
 357 .unread {
 358     font-weight: bold;
 359 }
 360 .deleted        {
 361     color: #ababab /* __COLOR9__ */;
 362 }
 363 .flagged        {
 364     color: #cc0000 /* __COLOR2__ */;
 365 }
 366 .high_priority  {
 367     color: #800000 /* __COLOR13__*/;
 368 }
 369 .low_priority   {
 370     color: #000000 /* __COLOR4__*/;
 371 }
 372
 373 .links_paginator                        {
 374     text-align: left;
 375 }
 376
 377 .message_list_controls {
 378     background: #dcdcdc /* __COLOR0__ */;
 379 }
 380
 381 .message_control_buttons {
 382     text-align: left;
 383 }
 384 .message_control_delete {
 385     text-align: right;
 386 }
 387 .message_control_move {
 388     text-align: right;
 389 }
 390
 391 .spacer {
 392     background: #ffffff /* __COLOR4__*/;
 393 }
 394
 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
 404 /* dialog box defs */
 405 .dialogbox   {
 406     text-align:center;
 407 }
 408
 409 .dialogbox   td  {
 410     text-align: center;
 411     padding: 2px;
 412 }
 413
 414 .dialogbox   table   {
 415     margin-left: auto;
 416     margin-right: auto;
 417     padding-top: 8px;
 418     padding-bottom: 8px;
 419     border: 0;
 420     width: 70%;
 421 }
 422
 423 .dialogbox   table.wrapper   {
 424     border: 1px solid #dcdcdc /* __COLOR0__ */;
 425     width: 95%;
 426     margin-left: auto;
 427     margin-right: auto;
 428     padding: 0;
 429 }
 430
 431 .dialogbox  div {
 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;
 470     vertical-align: middle;
 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;
 487     text-align: right;
 488     width: 50%;
 489 }
 490
 491 #sqm_login  td.fieldInput {
 492     text-align: left;
 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%;
 518     border: 1px solid #ababab /* __COLOR9__ */;
 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;
 530     background: #ababab /* __COLOR9__ */;
 531 }
 532
 533 #addressList    select {
 534     vertical-align: middle;
 535 }
 536
 537 #addressList    td.abookPaginationAndButtons  {
 538     background: #dcdcdc /* __COLOR0__ */;
 539     text-align: right;
 540 }
 541
 542 #addressList    div.abookPagination  {
 543     float: left;
 544 }
 545
 546 #addressList    td.abookSwitch  {
 547     background: #dcdcdc /* __COLOR0__ */;
 548     text-align: right;
 549 }
 550
 551 #addressList    td.abookField   {
 552     border-left: 1px solid #ababab /* __COLOR9__ */;
 553     border-right: 1px solid #ababab /* __COLOR9__ */;
 554     white-space: nowrap;
 555     overflow: hidden;
 556 }
 557
 558 #addressList    td.colHeader {
 559     text-align: center;
 560     font-weight: bold;
 561     font-size: 98%;
 562     background: #ababab /* __COLOR9__ */;
 563     padding-top: 0px;
 564     padding-bottom: 0px;
 565 }
 566
 567 #addressList    td.abookEmpty   {
 568     text-align:center;
 569     font-weight: bold;
 570 }
 571
 572 #addressList    td.abookCompose {
 573     font-size: 8pt;
 574     white-space: nowrap;
 575 }
 576
 577 #addrBookSearch {
 578     text-align: center;
 579 }
 580
 581 #addrBookSearch table   {
 582     padding: 0;
 583     border: 0;
 584     margin-left: auto;
 585     margin-right: auto;
 586 }
 587
 588 #addrBookSearch   table.wrapper   {
 589     border: 1px solid #ababab /* __COLOR9__ */;
 590     width: 95%;
 591     margin-left: auto;
 592     margin-right: auto;
 593     padding: 0;
 594 }
 595
 596 #addrBookSearch td  {
 597     padding: 2px;
 598 }
 599
 600 #addrBookSearch label   {
 601     font-weight: bold;
 602 }
 603
 604 #addrBookSearch input   {
 605     font-size: 75%;
 606 }
 607
 608 #addrBookSearch select  {
 609     font-size: 75%;
 610 }
 611
 612 #addrBookSearch td.buttons  {
 613     text-align: center;
 614 }
 615
 616 #addrAddEdit    {
 617     text-align: center;
 618 }
 619
 620 #addrAddEdit    table   {
 621     border: 1px solid #ababab /* __COLOR9__ */;
 622     margin-left: auto;
 623     margin-right: auto;
 624     margin-top: 6px;
 625     margin-bottom: 6px;
 626     width: 95%
 627 }
 628
 629 #addrAddEdit    td.header   {
 630     background: #ababab /* __COLOR9__ */;
 631     text-align: center;
 632     font-weight: bold;
 633 }
 634
 635 #addrAddEdit    td.fieldName   {
 636     text-align: right;
 637     width: 30%;
 638 }
 639
 640 #addrAddEdit    td.addButton   {
 641     text-align: center;
 642 }
 643
 644 #addrAddEdit    td  {
 645     text-align: left;
 646     padding: 2px;
 647 }
 648
 649 #addrAddEdit    input   {
 650     font-size: 75%;
 651 }
 652
 653 #addrAddEdit    select  {
 654     font-size: 75%;
 655 }
 656
 657 #optionGroups   {
 658     text-align: center;
 659 }
 660
 661 /* help defs */
 662 #help   {
 663     text-align: center;
 664 }
 665
 666 #help   td.help  {
 667     text-align: left;
 668 }
 669
 670 #help   li  {
 671     padding-left: 0px;
 672 }
 673
 674 #help   ul  {
 675     padding-left: 20px;
 676     padding-right: 75px;
 677 }
 678
 679 #help   td.nav  {
 680     text-align: center;
 681     color: #dcdcdc /* __COLOR0__ */;
 682     padding-top: 15px;
 683     padding-bottom: 5px;
 684 }
 685
 686 #help   h1  {
 687     font-size: 14pt;
 688     font-weight: bold;
 689     margin-top: 2px;
 690     margin-bottom: 0px;
 691 }
 692
 693 #help   h2  {
 694     font-size: 10pt;
 695     font-weight: normal;
 696     margin-bottom: 2px;
 697     margin-top: 0;
 698 }
 699
 700 #help   h3  {
 701     font-weight: bold;
 702     font-size: 10pt;
 703     margin: 0;
 704     padding: 0;
 705 }
 706
 707 #help   td.help p   {
 708     margin-top: 2px;
 709     margin-bottom: 10px;
 710 }
 711
 712 #help   td.help  li   {
 713     margin-left: 10px;
 714 }
 715
 716 #optionsIdentity    table   {
 717     margin-top: 10px;
 718     margin-bottom: 10px;
 719 }
 720
 721 #optionsIdentity    table.table2 tr  {
 722     background: #dcdcdc /* __COLOR0__ */;
 723 }
 724
 725 #optionsIdentity    td.fieldName    {
 726     text-align: right;
 727     width: 30%;
 728 }
 729
 730 #optionsIdentity    td.fieldValue   {
 731     text-align: left;
 732 }
 733
 734 #optionsIdentity    td.actionButtons  {
 735     text-align: center;
 736 }
 737
 738 #optionsIdentity hr  {
 739     width: 95%;
 740     border: 1px solid #ababab /* __COLOR9__ */;
 741 }
 742
 743 #vCard  {
 744     text-align: center;
 745 }
 746
 747 #vCard  table   {
 748     margin-left: auto;
 749     margin-right: auto;
 750     margin-top: 10px;
 751     margin-bottom: 10px;
 752 }
 753
 754 #vCard  td.fieldName   {
 755     text-align: right;
 756     font-weight: bold;
 757     vertical-align: top;
 758 }
 759
 760 #vCard  td.fieldValue   {
 761     text-align: left;
 762 }
 763
 764 div.search table   {
 765     margin-top: 12px;
 766     margin-bottom: 12px;
 767 }
 768
 769 div.search td.header4  {
 770     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 771     vertical-align: bottom;
 772 }
 773
 774 div.search td.queryAction {
 775     text-align: center;
 776     font-size: small;
 777     width: 1%;
 778     padding-left: 8px;
 779     padding-right: 8px;
 780     border-left: 1px solid #ababab /* __COLOR9__ */;
 781     border-top: 1px solid #ababab /* __COLOR9__ */;
 782     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 783 }
 784
 785 div.search td.queryDesc  {
 786     border-top: 1px solid #ababab /* __COLOR9__ */;
 787     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 788 }
 789
 790 div.search span {
 791     padding-left: 2px;
 792     padding-right: 2px;
 793 }
 794
 795 div.search span.operator {
 796     font-weight: normal;
 797     text-decoration: underline;
 798     font-style: italic;
 799 }
 800
 801 div.search span.mailbox {
 802     font-weight: bold
 803 }
 804
 805 div.search span.conditions {
 806     font-weight: normal;
 807     text-decoration: underline;
 808     font-style: italic;
 809 }
 810
 811 div.search span.value {
 812     font-weight: bold;
 813 }
 814
 815 div.search span.error  {
 816     color: #cc0000 /* __COLOR2__ */;
 817     font-weight: bold;
 818     font-size: 125%;
 819 }
 820
 821 div.search td.searchForm  {
 822     border-right: 1px solid #dcdcdc /* __COLOR0__ */;
 823     border-left: 1px solid #dcdcdc /* __COLOR0__ */;
 824     font-weight: bold;
 825     text-align: center;
 826 }
 827
 828 div.search td.queryError {
 829     color: #cc0000 /* __COLOR2__ */;
 830     font-weight: bold;
 831     text-align: center;
 832     padding: 4px;
 833 }
 834
 835 div.search td.header1 input {
 836     font-size: 80%;
 837     margin: 2px;
 838 }
 839
 840 div.search h1 {
 841     font-weight: bold;
 842     font-size: 150%;
 843     margin-top: 6px;
 844     margin-bottom: 2px;
 845 }
 846
 847 div.search h2 {
 848     color: #cc0000 /* __COLOR2__ */;
 849     font-weight: bold;
 850     text-align: center;
 851 }
 852
 853 div.compose    {
 854     text-align: center;
 855 }
 856
 857 div.compose table {
 858     margin-top: 10px;
 859     margin-bottom: 10px;
 860     margin-left: auto;
 861     margin-right: auto;
 862 }
 863
 864 div.compose td.fieldName {
 865     text-align: right;
 866     font-weight: bold;
 867     width: 30%;
 868     vertical-align: top;
 869 }
 870
 871 div.compose td.fieldValue {
 872     text-align: left;
 873 }
 874
 875 div.compose td.buttons {
 876     text-align: center;
 877 }
 878
 879 div.compose input {
 880     font-size: 80%;
 881 }
 882
 883 div.compose textarea {
 884     margin-top: 5px;
 885     margin-bottom: 5px;
 886 }
 887
 888 div.compose td.bottomSend {
 889     text-align: center;
 890 }
 891
 892 div.compose tr.header {
 893     background: #ababab /* __COLOR9__ */;
 894 }
 895
 896 div.compose tr.header td {
 897     padding-top: 4px;
 898     padding-bottom: 4px;
 899 }
 900
 901 div.compose tr.attachment td {
 902     background: #dcdcdc /* __COLOR0__ */;
 903     border-top: 1px solid #ababab /* __COLOR9__ */;
 904     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 905 }
 906
 907 div.compose table.close {
 908     width: 100%;
 909     background: #dcdcdc /* __COLOR0__ */;
 910     border:1px solid #ababab /* __COLOR9__ */;
 911     text-align: center;
 912     margin: 0;
 913 }
 914
 915 div.readMenuBar table {
 916     padding:0;
 917     margin:0;
 918     width: 100%;
 919     border-left: 1px solid #ababab /* __COLOR9__ */;
 920     border-right: 1px solid #ababab /* __COLOR9__ */;
 921 }
 922
 923 div.readMenuBar table.top {
 924     border-top: 1px solid #ababab /* __COLOR9__ */;
 925 }
 926
 927 div.readMenuBar table.bottom {
 928     border-bottom: 1px solid #ababab /* __COLOR9__ */;
 929 }
 930
 931 div.readMenuBar td {
 932     padding:2px;
 933 }
 934
 935 div.readMenuBar td.nav {
 936     padding-top:4px;
 937     padding-bottom:4px;
 938 }
 939
 940 div.readMenuBar tr.buttons {
 941     background-color: #dcdcdc /* __COLOR0__ */;
 942 }
 943
 944 div.readMenuBar td.buttons {
 945     width:1%;
 946     vertical-align: middle;
 947     white-space: nowrap;
 948 }
 949
 950 div.readMenuBar input, select {
 951         padding:0;
 952         font-size:100%;
 953 }
 954
 955 div.readMenuBar td.move {
 956     text-align: right;
 957 }
 958
 959 div.readMenuBar form {
 960     display:inline;
 961 }
 962
 963 div.readHeaders table.table2 {
 964     width:100%;
 965     background-color: #dcdcdc /* __COLOR0__ */;
 966 }
 967
 968 div.readHeaders td {
 969     padding-left:4px;
 970     padding-right:4px;
 971 }
 972
 973 div.readHeaders table.spacer {
 974     border: 0;
 975     height: 5px;
 976     width:100%;
 977     background-color: #ffffff /* __COLOR4__ */;
 978 }
 979
 980 div.readBody table {
 981     width: 100%;
 982 }
 983
 984 div.readBody table.table2 tr {
 985     background-color: #ffffff /* __COLOR4__ */;
 986 }
 987
 988 div.readBody table.table2 td {
 989     padding: 10px;
 990     width:100%;
 991 }
 992
 993 div.readAttachments table {
 994     width: 100%;
 995 }
 996
 997 div.readAttachments td.attachSize, td.attachDesc {
 998     font-weight: bold;
 999 }
1000
1001 div.readAttachments td.attachActions {
1002     text-align: right;
1003 }
1004
1005 div.readInlineImages {
1006     width:100%;
1007     text-align: center;
1008 }
1009
1010 div.readInlineImages table {
1011     width: 50%;
1012     margin-top:8px;
1013     margin-bottom:8px;
1014     margin-left: auto;
1015     margin-right: auto;
1016 }
1017
1018 div.readInlineImages td.header5 {
1019     padding-left:2px;
1020     padding-right:2px;
1021     width:60%;
1022     white-space:nowrap;
1023 }
1024
1025 div.readInlineImages td.header5 a {
1026     font-size:75%;
1027     font-weight: normal;
1028 }
1029
1030 div.readInlineImages td.image {
1031     border:1px solid #ababab /* __COLOR9__ */;
1032     padding:10px;
1033 }
1034
1035 div.viewHeader table.table1 {
1036     width: 100%;
1037 }
1038
1039 div.viewHeader td.headers {
1040     padding-left:5px;
1041     font-family: monospace, sans-serif;
1042     font-size: small;
1043 }
1044
1045 div.viewHeader span.headerName {
1046     font-weight: bold;
1047 }
1048
1049 div.htmlIframe {
1050     text-align: center;
1051     margin-left: auto;
1052     margin-right: auto;
1053     width: 100%;
1054 }
1055
1056 div.htmlIframe iframe {
1057     width:100%;
1058 }
1059
1060 div.viewText table.table1 {
1061     width: 100%;
1062 }
1063
1064 div.viewText td.header2 a {
1065     font-size: smaller;
1066     font-weight: normal;
1067 }
1068
1069 div.viewText td.actions {    text-align: center;
1070     padding-top: 4px;
1071     padding-bottom: 4px;
1072 }
1073
1074 div.viewText td.text {
1075     padding: 10px;
1076     background-color: #ffffff /* __COLOR4__ */;
1077 }
1078
1079 div.viewText td.spacer {
1080     padding: 3px;
1081     background-color: #DCDCDC /* __COLOR0__ */;
1082 }
1083
1084 #printMessageBox {
1085     background-color: #fffff0;
1086     border: 1px solid #f2e93a;
1087     margin: 1em;
1088     padding: 1em;
1089     font-size: x-large;
1090 }
1091
1092 #recpt_tail_to, #recpt_tail_cc {
1093     display: none;
1094 }
1095 #toggle_to, #toggle_cc {
1096     font-size: smaller;
1097 }
1098
1099 hr.entity_sep {
1100     border: 0;
1101     height: 1px;
1102     background-color: gray;
1103 }