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