skins/default/mail.css

   1 /***** RoundCube|Mail mail task styles *****/
   2
   3
   4 #messagetoolbar
   5 {
   6   position: absolute;
   7   top: 47px;
   8   left: 200px;
   9   right: 200px;
  10   height: 35px;
  11   white-space: nowrap;
  12 /*  border: 1px solid #cccccc; */
  13   /* css hack for IE */
  14   width: expression((parseInt(document.documentElement.clientWidth)-400)+'px');
  15 }
  16
  17 #messagetoolbar a
  18 {
  19   padding-right: 10px;
  20 }
  21
  22 #messagetoolbar select
  23 {
  24   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  25   font-size: 11px;
  26   color: #333333;
  27 }
  28
  29 #messagetoolbar select.mboxlist
  30 {
  31   position: absolute;
  32   left: 375px;
  33   top: 8px;
  34 }
  35
  36 #messagetoolbar select.mboxlist option
  37 {
  38   padding-left: 15px;
  39 }
  40
  41 #messagetoolbar select.mboxlist option[value="0"]
  42 {
  43   padding-left: 2px;
  44 }
  45
  46 #markmessagemenu
  47 {
  48   position: absolute;
  49   top: 32px;
  50   left: 90px;
  51   width: auto;
  52   visibility: hidden;
  53   background-color: #F9F9F9;
  54   border: 1px solid #CCC;
  55   padding: 1px;
  56   opacity: 0.9;
  57   filter:alpha(opacity=90);
  58   z-index: 240;
  59 }
  60
  61 ul.toolbarmenu
  62 {
  63   margin: 0;
  64   padding: 0;
  65   list-style: none;
  66 }
  67
  68 ul.toolbarmenu li
  69 {
  70   font-size: 11px;
  71   white-space: nowrap;
  72   min-width: 130px;
  73   width: auto !important;
  74   width: 130px;
  75 }
  76
  77 ul.toolbarmenu li a
  78 {
  79   display: block;
  80   color: #a0a0a0;
  81   padding: 2px 8px 3px 12px;
  82   text-decoration: none;
  83 }
  84
  85 ul.toolbarmenu li a.active:hover
  86 {
  87   background-color: #ddd;
  88 }
  89
  90 #searchfilter
  91 {
  92   position: absolute;
  93   right: 18px;
  94   top: 8px;
  95   text-align: right;
  96 }
  97
  98 #searchfilter label
  99 {
 100   font-size: 11px;
 101 }
 102
 103 #listcontrols a,
 104 #listcontrols a:active,
 105 #listcontrols a:visited,
 106 #mailboxcontrols a,
 107 #mailboxcontrols a:active,
 108 #mailboxcontrols a:visited,
 109 td.formlinks a,
 110 td.formlinks a:visited
 111 {
 112   color: #999999;
 113   font-size: 11px;
 114   text-decoration: none;
 115 }
 116
 117 #listcontrols a.active,
 118 #listcontrols a.active:active,
 119 #listcontrols a.active:visited,
 120 #mailboxcontrols a.active,
 121 #mailboxcontrols a.active:active,
 122 #mailboxcontrols a.active:visited,
 123 ul.toolbarmenu li a.active,
 124 ul.toolbarmenu li a.active:active,
 125 ul.toolbarmenu li a.active:visited,
 126 td.formlinks a,
 127 td.formlinks a:visited
 128 {
 129   color: #CC0000;
 130 }
 131
 132 #listcontrols a.active:hover,
 133 #mailboxcontrols a.active:hover
 134 {
 135   text-decoration: underline;
 136 }
 137
 138 #listcontrols,
 139 #mailboxcontrols
 140 {
 141   padding-right: 2em;
 142 }
 143
 144 #messagecountbar
 145 {
 146   position: absolute;
 147   bottom: 16px;
 148   right: 20px;
 149   width: 300px;
 150   height: 20px;
 151   text-align: right;
 152   white-space: nowrap;
 153 }
 154
 155 #messagecountbar span
 156 {
 157   font-size: 11px;
 158   color: #333333;
 159 }
 160
 161 #mainscreen
 162 {
 163   position: absolute;
 164   top: 85px;
 165   right: 20px;
 166   bottom: 40px;
 167   left: 20px;
 168   /* css hack for IE */
 169   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
 170   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
 171 }
 172
 173 #mailrightcontainer
 174 {
 175   position: absolute;
 176   top: 0px;
 177   left: 170px;
 178   bottom: 0px;
 179   right: 0px;
 180   /* css hack for IE */
 181   width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
 182   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 183 }
 184
 185 #messagepartcontainer
 186 {
 187   position: absolute;
 188   top: 80px;
 189   left: 20px;
 190   right: 20px;
 191   bottom: 20px;
 192   /* css hack for IE */
 193   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
 194   height: expression((parseInt(document.documentElement.clientHeight)-100)+'px');
 195 }
 196
 197 #mailcontframe
 198 {
 199   position: absolute;
 200   width: 100%;
 201   top: 0px;
 202   bottom: 0px;
 203   border: 1px solid #999999;
 204   background-color: #F9F9F9;
 205   overflow: auto;
 206   /* css hack for IE */
 207   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 208 }
 209
 210 #mailpreviewframe
 211 {
 212   position: absolute;
 213   width: 100%;
 214   top: 205px;
 215   bottom: 0px;
 216   border: 1px solid #999999;
 217   background-color: #F9F9F9;
 218   /* css hack for IE */
 219   height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px');
 220 }
 221
 222 #messagecontframe
 223 {
 224   position: relative;
 225   top: 0px;
 226   left: 0px;
 227   right: 0px;
 228   bottom: 0px;
 229   width: 100%;
 230   height: 100%;
 231 }
 232
 233 #messagepartframe
 234 {
 235   width: 100%;
 236   height: 100%;
 237   border: 1px solid #999999;
 238   background-color: #F9F9F9;
 239 }
 240
 241
 242 #partheader
 243 {
 244   position: absolute;
 245   top: 10px;
 246   left: 220px;
 247   right: 20px;
 248   height: 40px;
 249   /* css hack for IE */
 250   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
 251 }
 252
 253 #partheader table td
 254 {
 255   padding-left: 2px;
 256   padding-right: 4px;
 257   vertical-align: middle;
 258   font-size: 11px;
 259 }
 260
 261 #partheader table td.title
 262 {
 263   color: #666666;
 264   font-weight: bold;
 265 }
 266
 267
 268 /** mailbox list styles */
 269
 270 #mailboxlist-header
 271 {
 272   display: block;
 273   height: 12px;
 274   margin: 0;
 275   padding: 3px 10px 4px 10px;
 276   background-color: #EBEBEB;
 277   background-image: url(images/listheader_aqua.gif);
 278   border-bottom: 1px solid #999;
 279   color: #333333;
 280   font-size: 11px;
 281   font-weight: bold;
 282 }
 283
 284 #mailboxlist-container
 285 {
 286   position: absolute;
 287   top: 0px;
 288   left: 0px;
 289   width: 160px;
 290   bottom: 0px;
 291   border: 1px solid #999;
 292   background-color: #F9F9F9;
 293   overflow: auto;
 294   /* css hack for IE */
 295   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 296 }
 297
 298 #mailboxlist
 299 {
 300   position:relative;
 301   height: auto;
 302   margin: 0px;
 303   padding: 0px;
 304   list-style-image: none;
 305   list-style-type: none;
 306   overflow: hidden;
 307   white-space: nowrap;
 308 }
 309
 310 #mailboxlist li
 311 {
 312   display: block;
 313   position: relative;
 314   font-size: 11px;
 315   background: url(images/icons/folder-closed.png) no-repeat;
 316   background-position: 5px 1px;
 317   border-bottom: 1px solid #EBEBEB;
 318 }
 319
 320 #mailboxlist li div
 321 {
 322   position: absolute;
 323   left: 8px !important;
 324   left: -16px;
 325   top: 2px;
 326   width: 14px;
 327   height: 16px;
 328 }
 329
 330 #mailboxlist li div.collapsed,
 331 #mailboxlist li div.expanded
 332 {
 333   cursor: pointer;
 334 }
 335
 336 #mailboxlist li div.collapsed
 337 {
 338   background: url(images/icons/collapsed.png) bottom right no-repeat;
 339 }
 340
 341 #mailboxlist li div.expanded
 342 {
 343   background: url(images/icons/expanded.png) bottom right no-repeat;
 344 }
 345
 346 #mailboxlist li.inbox
 347 {
 348   background-image: url(images/icons/folder-inbox.png);
 349 }
 350
 351 #mailboxlist li.drafts
 352 {
 353   background-image: url(images/icons/folder-drafts.png);
 354 }
 355
 356 #mailboxlist li.sent
 357 {
 358   background-image: url(images/icons/folder-sent.png);
 359 }
 360
 361 #mailboxlist li.junk
 362 {
 363   background-image: url(images/icons/folder-junk.png);
 364 }
 365
 366 #mailboxlist li.trash
 367 {
 368   background-image: url(images/icons/folder-trash.png);
 369 }
 370
 371 #mailboxlist li a
 372 {
 373   cursor: default;
 374   display: block;
 375   position: relative;
 376   padding-left: 25px;
 377   padding-top: 2px;
 378   padding-bottom: 2px;
 379   text-decoration: none;
 380 }
 381
 382 #mailboxlist li.unread
 383 {
 384   font-weight: bold;
 385 }
 386
 387 #mailboxlist li.virtual > a
 388 {
 389   color: #666;
 390 }
 391
 392 #mailboxlist li.selected,
 393 #mailboxlist li.droptarget li.selected
 394 {
 395   background-color: #929292;
 396 }
 397
 398 #mailboxlist li.selected > a,
 399 #mailboxlist li.droptarget li.selected a
 400 {
 401   color: #FFF;
 402   font-weight: bold;
 403 }
 404
 405 #mailboxlist li.droptarget
 406 {
 407   background-color: #FFFFA6;
 408 }
 409
 410 /* styles for nested folders */
 411 #mailboxlist ul {
 412   list-style: none;
 413   padding: 0;
 414   margin:0;
 415   border-top: 1px solid #EBEBEB;
 416   padding-left: 15px;
 417   background-position: 25px 1px;
 418   background-color: #F9F9F9;
 419   color: blue;
 420   font-weight: normal;
 421 }
 422
 423
 424 #mailfooter
 425 {
 426   position: absolute;
 427   left: 20px;
 428   right: 20px;
 429   bottom: 18px;
 430   height: 20px;
 431   /* css hack for IE */
 432   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
 433 }
 434
 435 #mailfooter table tr td
 436 {
 437   white-space: nowrap;
 438   vertical-align: bottom;
 439 }
 440
 441 #mailboxcontrols,
 442 #listcontrols,
 443 #countcontrols,
 444 #quotabox
 445 {
 446   white-space: nowrap;
 447   font-size: 11px;
 448 }
 449
 450
 451 /** message list styles */
 452
 453 body.messagelist
 454 {
 455   margin: 0px;
 456   background-color: #F9F9F9;
 457 }
 458
 459 #messagelist
 460 {
 461   width: 100%;
 462   display: table;
 463   table-layout: fixed;
 464   /* css hack for IE */
 465   width: expression('auto');
 466 }
 467
 468 #messagelist thead tr td
 469 {
 470   height: 20px;
 471   padding-top: 0px;
 472   padding-bottom: 0px;
 473   padding-left: 2px;
 474   padding-right: 4px;
 475   vertical-align: middle;
 476   border-bottom: 1px solid #999999;
 477   color: #333333;
 478   background-color: #EBEBEB;
 479   background-image: url(images/listheader_aqua.gif);
 480   font-size: 11px;
 481   font-weight: bold;
 482 }
 483
 484 #messagelist thead tr td.sortedASC,
 485 #messagelist thead tr td.sortedDESC
 486 {
 487   background-image: url(images/listheader_dark.gif);
 488 }
 489
 490 #messagelist thead tr td.sortedASC a
 491 {
 492   background: url(images/sort_asc.gif) top right no-repeat;
 493 }
 494
 495 #messagelist thead tr td.sortedDESC a
 496 {
 497   background: url(images/sort_desc.gif) top right no-repeat;
 498 }
 499
 500 #messagelist thead tr td a
 501 {
 502   display: block;
 503   width: auto !important;
 504   width: 100%;
 505   color: #333333;
 506   text-decoration: none;
 507 }
 508
 509 #messagelist tbody tr td
 510 {
 511   height: 16px;
 512   padding: 2px;
 513   padding-right: 4px;
 514   font-size: 11px;
 515   overflow: hidden;
 516   white-space: nowrap;
 517   text-overflow: ellipsis;
 518   border-bottom: 1px solid #EBEBEB;
 519   cursor: default;
 520 }
 521
 522 #messagelist tbody tr td a
 523 {
 524   color: #000;
 525   text-decoration: none;
 526   white-space: nowrap;
 527   cursor: inherit;
 528 }
 529
 530 #messagelist tbody tr td.subject a
 531 {
 532   cursor: default;
 533 }
 534
 535 #messagelist col
 536 {
 537   display: table-column;
 538   text-align: left;
 539   vertical-align: middle;
 540 }
 541
 542 #messagelist tr td.icon,
 543 #messagelist tr td.flag
 544 {
 545   width: 16px;
 546   vertical-align: middle;
 547   cursor: pointer;
 548 }
 549
 550 #messagelist tbody tr td.flag img:hover,
 551 #messagelist thead tr td.flag img
 552 {
 553   background: url(images/icons/unflagged.png) center no-repeat;
 554 }
 555
 556 #messagelist tr td.subject
 557 {
 558   overflow: hidden;
 559   vertical-align: middle;
 560 }
 561
 562 #messagelist tr td.size
 563 {
 564   width: 70px;
 565   text-align: right;
 566   vertical-align: middle;
 567 }
 568
 569 #messagelist thead tr td.size
 570 {
 571   text-align: left;
 572 }
 573
 574 #messagelist tr td.from,
 575 #messagelist tr td.to
 576 {
 577   width: 180px;
 578   vertical-align: middle;
 579 }
 580
 581 #messagelist tr td.date
 582 {
 583   width: 118px;
 584   vertical-align: middle;
 585 }
 586
 587 #messagelist tr.message
 588 {
 589   background-color: #FFFFFF;
 590 }
 591
 592 /*
 593 #messagelist tr.odd
 594 {
 595   background-color: #F9F9F9;
 596 }
 597 */
 598
 599 #messagelist tr.unread
 600 {
 601   font-weight: bold;
 602   background-color: #FFFFFF;
 603 }
 604
 605 #messagelist tr.flagged td,
 606 #messagelist tr.flagged td a
 607 {
 608   color: #CC0000;
 609 }
 610
 611 #messagelist tr.selected td
 612 {
 613   color: #FFFFFF;
 614   background-color: #CC3333;
 615 }
 616
 617 #messagelist tr.unfocused td
 618 {
 619   color: #FFFFFF;
 620   background-color: #929292;
 621 }
 622
 623 #messagelist tr.selected td a
 624 {
 625   color: #FFFFFF;
 626 }
 627
 628 #messagelist tr.unfocused td a
 629 {
 630   color: #FFFFFF;
 631 }
 632
 633 #messagelist tr.deleted td,
 634 #messagelist tr.deleted td a
 635 {
 636   color: #CCCCCC;
 637 }
 638
 639 /* safari hacks \*/
 640 html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; }
 641 html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag,
 642 html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; }
 643 html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; }
 644 /**/
 645
 646 #quotadisplay
 647 {
 648   color: #666666;
 649   font-size: 11px;
 650 }
 651
 652 #quotadisplay img
 653 {
 654   vertical-align: middle;
 655   margin-left: 4px;
 656   border: 1px solid #999;
 657 }
 658
 659
 660 /** message view styles */
 661
 662 #messageframe
 663 {
 664   position: absolute;
 665   top: 0px;
 666   left: 170px;
 667   right: 0px;
 668   bottom: 0px;
 669   border: 1px solid #999;
 670   background-color: #FFF;
 671   overflow: auto;
 672   /* css hack for IE */
 673   width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
 674   height: expression((parseInt(this.parentNode.offsetHeight))+'px');
 675 }
 676
 677 #messagecanvas
 678 {
 679   /* css hack for IE */
 680   width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px');
 681 }
 682
 683 #printmessageframe
 684 {
 685   position: absolute;
 686   top: 0px;
 687   left: 0px;
 688   right: 0px;
 689   bottom: 0px;
 690   border: 1px solid #999;
 691   background-color: #FFF;
 692   overflow: auto;
 693   /* css hack for IE */
 694   width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
 695   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
 696 }
 697
 698 div.messageheaderbox
 699 {
 700   margin: 6px 8px 0px 8px;
 701   border: 1px solid #ccc;
 702 }
 703
 704 table.headers-table
 705 {
 706   width: 100%;
 707   background-color: #EBEBEB;
 708   table-layout: fixed;
 709 }
 710
 711 #messagebody table.headers-table
 712 {
 713   width: auto;
 714   margin: 6px 8px;
 715   background-color: #F4F4F4;
 716   border: 1px solid #ccc;
 717 }
 718
 719 #messageframe table.headers-table
 720 {
 721   border-bottom: 1px solid #ccc;
 722 }
 723
 724 table.headers-table tr td
 725 {
 726   font-size: 11px;
 727   border-bottom:1px solid #FFFFFF;
 728 }
 729
 730 table.headers-table td.header-title
 731 {
 732   width: 80px;
 733   color: #666666;
 734   font-weight: bold;
 735   text-align: right;
 736   white-space: nowrap;
 737   padding-right: 4px;
 738 }
 739
 740 table.headers-table tr td.subject
 741 {
 742   width: 90%;
 743   font-weight: bold;
 744 }
 745
 746 table.headers-table tr td.all
 747 {
 748   width: 100%;
 749   color: #666666;
 750   text-align: left;
 751   padding-right: 10px;
 752   vertical-align: center;
 753   text-align: center;
 754 }
 755
 756 #attachment-list
 757 {
 758   margin: 0px;
 759   padding: 0px 0px 0px 72px;
 760   min-height: 16px;
 761   list-style-image: none;
 762   list-style-type: none;
 763   background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
 764   /* IE6 hack */
 765   _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px');
 766 }
 767
 768 #attachment-list:after
 769 {
 770   content: ".";
 771   display: block;
 772   height: 0;
 773   font-size: 0;
 774   clear: both;
 775   visibility: hidden;
 776 }
 777
 778 #attachment-list li
 779 {
 780   float: left;
 781   height: 18px;
 782   font-size: 11px;
 783   padding: 2px 0px 0px 15px;
 784   white-space: nowrap;
 785 }
 786
 787 #attachment-list li a
 788 {
 789   text-decoration: none;
 790 }
 791
 792 #attachment-list li a:hover
 793 {
 794   text-decoration: underline;
 795 }
 796
 797 #messagebody
 798 {
 799   position:relative;
 800   padding-bottom: 10px;
 801   background-color: #FFFFFF;
 802 }
 803
 804 div.message-part
 805 {
 806   padding: 10px 8px;
 807   border-top: 1px solid #ccc;
 808 /*  overflow: hidden; */
 809 }
 810
 811 #messagebody div:first-child
 812 {
 813   border-top: 0;
 814 }
 815
 816 div.message-part a,
 817 div.message-htmlpart a
 818 {
 819   color: #0000CC;
 820 }
 821
 822 div.message-part pre,
 823 div.message-part div.pre
 824 {
 825   margin: 0px;
 826   padding: 0px;
 827   font-family: monospace;
 828   white-space: -moz-pre-wrap !important;
 829   white-space: -o-pre-wrap !important;
 830   white-space: pre-wrap !important;
 831   white-space: pre;
 832   word-wrap: break-word; /* IE (and Safari) */
 833 }
 834
 835 div.message-part blockquote
 836 {
 837   color: blue;
 838   border-left: 2px solid blue;
 839   border-right: 2px solid blue;
 840   background-color: #F6F6F6;
 841   margin: 2px 0px 2px 0px;
 842   padding: 1px 8px 1px 10px;
 843 }
 844
 845 div.message-part blockquote blockquote
 846 {
 847   color: green;
 848   border-left: 2px solid green;
 849   border-right: 2px solid green;
 850 }
 851
 852 div.message-part blockquote blockquote blockquote
 853 {
 854   color: #990000;
 855   border-left: 2px solid #bb0000;
 856   border-right: 2px solid #bb0000;
 857 }
 858
 859 body.iframe
 860 {
 861   /* css hack for IE */
 862   width: expression((parseInt(document.documentElement.clientWidth))+'px');
 863 }
 864
 865 body.iframe div.message-htmlpart
 866 {
 867   margin: 8px;
 868 }
 869
 870 div.message-htmlpart div.rcmBody
 871 {
 872   margin: 8px;
 873 }
 874
 875 #remote-objects-message
 876 {
 877   display: none;
 878   margin: 8px;
 879   min-height: 20px;
 880   padding: 10px 10px 6px 46px;
 881 }
 882
 883 #remote-objects-message a
 884 {
 885   color: #666666;
 886   padding-left: 10px;
 887 }
 888
 889 #remote-objects-message a:hover
 890 {
 891   color: #333333;
 892 }
 893
 894 #messageviewlink
 895 {
 896   position: absolute;
 897   top: 8px;
 898   right: 10px;
 899   width: 15px;
 900   height: 15px;
 901   border: 0;
 902 }
 903
 904 /** message compose styles */
 905
 906 #compose-toolbar
 907 {
 908   white-space: nowrap;
 909 }
 910
 911 #priority-selector,
 912 #receipt-selector
 913 {
 914   padding-left: 30px;
 915 }
 916
 917 #compose-container
 918 {
 919   position: absolute;
 920   top: 90px;
 921   left: 200px;
 922   right: 25px;
 923   bottom: 30px;
 924   margin: 0px;
 925   /* css hack for IE */
 926   width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
 927   height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
 928 }
 929
 930 #compose-div
 931 {
 932   position: absolute;
 933   top: 110px;
 934   bottom: 40px;
 935   width: 100%;
 936   vertical-align: top;
 937 }
 938
 939 #compose-headers
 940 {
 941   width: 100%;
 942 }
 943
 944 #compose-headers td.top
 945 {
 946   vertical-align: top;
 947 }
 948
 949 #compose-headers td.title,
 950 #compose-subject td.title
 951 {
 952   width: 80px !important;
 953   color: #666666;
 954   font-size: 11px;
 955   font-weight: bold;
 956   padding-right: 10px;
 957   white-space: nowrap;
 958 }
 959
 960 #compose-body,
 961 #compose-headers td textarea,
 962 #compose-headers td input
 963 {
 964   width: 100%;
 965   width: expression('99%');
 966 }
 967
 968 #compose-headers td textarea
 969 {
 970   height: 38px;
 971 }
 972
 973 #compose-cc,
 974 #compose-bcc,
 975 #compose-replyto
 976 {
 977   display: none;
 978 }
 979
 980 #compose-body
 981 {
 982   min-height: 100px;
 983   height: 100%;
 984   font-size: 9pt;
 985   font-family: "Courier New", Courier, monospace;
 986 }
 987
 988 #compose-attachments
 989 {
 990   position: absolute;
 991   top: 100px;
 992   left: 20px;
 993   width: 160px;
 994 }
 995
 996 #compose-attachments ul
 997 {
 998   margin: 0px;
 999   padding: 0px;
1000   border: 1px solid #CCCCCC;
1001   background-color: #F9F9F9;
1002   list-style-image: none;
1003   list-style-type: none;
1004 }
1005
1006 #compose-attachments ul li
1007 {
1008   height: 18px;
1009   font-size: 11px;
1010   padding-left: 2px;
1011   padding-top: 2px;
1012   padding-right: 4px;
1013   border-bottom: 1px solid #EBEBEB;
1014   white-space: nowrap;
1015   overflow: hidden;
1016 }
1017
1018 #attachment-title
1019 {
1020   background: url(images/icons/attachment.png) top left no-repeat;
1021   padding: 0px 0px 3px 22px;
1022 }
1023
1024 #attachment-form
1025 {
1026   position: absolute;
1027   top: 150px;
1028   left: 20px;
1029   z-index: 200;
1030   padding: 6px;
1031   visibility: hidden;
1032   border: 1px solid #CCCCCC;
1033   background-color: #F9F9F9;
1034 }
1035
1036 #attachment-form div
1037 {
1038   padding: 2px;
1039 }
1040
1041 #attachment-form div.buttons
1042 {
1043   margin-top: 4px;
1044 }
1045
1046 table.headers-table tr td.more-headers
1047 {
1048   cursor: pointer;
1049   width: 100%;
1050   height: 8px;
1051   border-bottom: 0;
1052 }
1053
1054 table.headers-table tr td.all
1055 {
1056   padding: 2px 6px 4px 6px;
1057   border-bottom: 0;
1058 }
1059
1060 td.show-headers
1061 {
1062   background: url(images/icons/down_small.gif) no-repeat center;
1063 }
1064
1065 td.hide-headers
1066 {
1067   background: url(images/icons/up_small.gif) no-repeat center;
1068 }
1069
1070 #all-headers
1071 {
1072   height: 150px;
1073   display: none;
1074 }
1075
1076 #headers-source
1077 {
1078   margin: 0 5px;
1079   padding: 0.5em;
1080   height: 145px;
1081   background: white;
1082   overflow: auto;
1083   font-size: 11px;
1084   white-space: nowrap;
1085   border: 1px solid #999999;
1086   display: none;
1087   text-align: left;
1088   color: #333;
1089 }
1090
1091 font.bold
1092 {
1093   font-weight: bold;
1094 }