templates/default/css/default.css

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