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