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