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