Aleksander Machniak
2016-05-20 9e64dc2debfa1c7410f82bf71f4d10856751e258
commit | author | age
e019f2 1 /***** Roundcube|Mail mail task styles *****/
4e17e6 2
T 3
4 #messagetoolbar
5 {
6   position: absolute;
e538b3 7   top: 47px;
4b1647 8   left: 205px;
3181be 9   right: 10px;
4e17e6 10   height: 35px;
4bcb36 11   min-width: 650px;
d3502f 12   white-space: nowrap;
4e17e6 13 /*  border: 1px solid #cccccc; */
T 14 }
15
3bc6ae 16 .extwin #messagetoolbar
TB 17 {
18   top: 5px;
19   left: 20px;
20 }
21
aa2013 22 #messagetoolbar a,
A 23 #messagetoolbar select
4e17e6 24 {
4a4265 25   display: block;
T 26   float: left;
4e17e6 27   padding-right: 10px;
T 28 }
4a4265 29
T 30 #messagetoolbar a.button,
31 #messagetoolbar a.buttonPas {
32   display: block;
33   float: left;
34   width: 32px;
35   height: 32px;
36   padding: 0;
e25a35 37   margin: 0 5px;
4a4265 38   overflow: hidden;
9224c8 39   background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
4a4265 40   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
T 41 }
42
43 #messagetoolbar a.buttonPas {
44   opacity: 0.35;
45 }
46
4be86f 47 #messagetoolbar a.button.selected {
A 48   background-color: #ddd;
49   margin-left: 4px;
50   margin-right: 4px;
51   margin-top: -1px;
52   border: 1px solid #ccc;
53   border-radius: 3px;
54   -moz-border-radius: 3px;
55   -webkit-border-radius: 3px;
56 }
57
4a4265 58 #messagetoolbar a.checkmailSel {
T 59   background-position: 0 -32px;
60 }
61
62 #messagetoolbar a.back {
63   background-position: -32px 0;
64 }
65
66 #messagetoolbar a.backSel {
67   background-position: -32px -32px;
68 }
69
70 #messagetoolbar a.compose {
71   background-position: -64px 0;
72 }
73
74 #messagetoolbar a.composeSel {
75   background-position: -64px -32px;
76 }
77
78 #messagetoolbar a.reply {
79   background-position: -96px 0;
80 }
81
82 #messagetoolbar a.replySel {
83   background-position: -96px -32px;
84 }
85
86 #messagetoolbar a.replyAll {
87   background-position: -128px 0;
88 }
89
90 #messagetoolbar a.replyAllSel {
91   background-position: -128px -32px;
92 }
93
94 #messagetoolbar a.forward {
95   background-position: -160px 0;
96 }
97
98 #messagetoolbar a.forwardSel {
99   background-position: -160px -32px;
100 }
101
102 #messagetoolbar a.delete {
103   background-position: -192px 0;
104 }
105
106 #messagetoolbar a.deleteSel {
107   background-position: -192px -32px;
108 }
109
049428 110 #messagetoolbar a.print {
80102a 111   background-position: -256px 0;
049428 112 }
AM 113
114 #messagetoolbar a.printSel {
80102a 115   background-position: -256px -32px;
049428 116 }
AM 117
4a4265 118 #messagetoolbar a.markmessage {
T 119   background-position: -288px 0;
120 }
121
5e8da2 122 #messagetoolbar a.messagemenu {
80102a 123   background-position: -320px 0;
TB 124   width: 34px;
4a4265 125 }
T 126
5e8da2 127 #messagetoolbar a.spellcheck {
AM 128   background-position: -418px 0;
129 }
130
131 #messagetoolbar a.spellcheckSel {
132   background-position: -418px -32px;
133 }
134
135 #messagetoolbar a.attach {
136   background-position: -386px 0;
137 }
138
139 #messagetoolbar a.attachSel {
140   background-position: -386px -32px;
141 }
142
143 #messagetoolbar a.insertsig {
144   background-position: -482px 0;
145 }
146
147 #messagetoolbar a.insertsigSel {
148   background-position: -482px -32px;
149 }
150
151 #messagetoolbar a.savedraft {
152   background-position: -354px 0;
153 }
154
4a4265 155 #messagetoolbar a.savedraftSel {
5e8da2 156   background-position: -354px -32px;
4a4265 157 }
T 158
159 #messagetoolbar a.send {
5e8da2 160   background-position: -450px 0;
4a4265 161 }
T 162
163 #messagetoolbar a.sendSel {
5e8da2 164   background-position: -450px -32px;
AM 165 }
166
167 #messagetoolbar a.move {
80102a 168   background-position: -580px 0;
5e8da2 169 }
AM 170
171 #messagetoolbar a.moveSel {
80102a 172   background-position: -580px -32px;
049428 173 }
AM 174
175 #messagetoolbar a.download {
390e9e 176   background-position: -514px 0;
049428 177 }
AM 178
179 #messagetoolbar a.downloadSel {
390e9e 180   background-position: -514px -32px;
4a4265 181 }
T 182
0d9b63 183 #messagetoolbar a.responses {
5e8da2 184   background-position: -548px 0;
0d9b63 185 }
TB 186
7fe87b 187 #messagetoolbar a.encrypt {
AM 188   background-position: -612px 0;
189 }
190
191 #messagetoolbar a.encryptSel {
192   background-position: -612px -32px;
193 }
194
799752 195 #messagemenu li a.active:hover,
bc2c43 196 #attachmentmenu li a.active:hover,
799752 197 #markmessagemenu li a.active:hover
A 198 {
b4f7c6 199   color: #fff;
T 200   background-color: #c00;
799752 201 }
A 202
bc2c43 203 #messagemenu li a,
AM 204 #attachmentmenu li a
799752 205 {
9224c8 206   background: url(images/messageactions.png) no-repeat 7px 0;
f52c93 207   background-position: 7px 20px;
799752 208 }
A 209
b4f7c6 210 #messagemenu li a.printlink
799752 211 {
f52c93 212   background-position: 7px 1px;
799752 213 }
A 214
bc2c43 215 #messagemenu li a.downloadlink,
AM 216 #attachmentmenu li a.downloadlink
799752 217 {
f52c93 218   background-position: 7px -17px;
799752 219 }
A 220
b4f7c6 221 #messagemenu li a.sourcelink
799752 222 {
a068d0 223   background-position: 7px -34px;
b4f7c6 224 }
T 225
bc2c43 226 #messagemenu li a.openlink,
AM 227 #attachmentmenu li a.openlink
b4f7c6 228 {
fac59d 229   background-position: 7px -52px;
799752 230 }
A 231
921270 232 #messagemenu li a.editlink
T 233 {
fac59d 234   background-position: 6px -70px;
AM 235 }
236
237 #messagemenu li a.movelink
238 {
a068d0 239   background-position: 6px -160px;
fac59d 240 }
AM 241
242 #messagemenu li a.copylink
243 {
a068d0 244   background-position: 6px -142px;
921270 245 }
T 246
85fd29 247 #markmessagemenu li a,
A 248 #compose-attachments li a
799752 249 {
f1ad36 250   background: url(images/messageicons.png) no-repeat;
799752 251 }
A 252
f1ad36 253 #markmessagemenu li a.readlink
799752 254 {
f1ad36 255   background-position: 7px -51px;
799752 256 }
A 257
f1ad36 258 #markmessagemenu li a.unreadlink
799752 259 {
f1ad36 260   background-position: 7px -119px;
799752 261 }
A 262
f1ad36 263 #markmessagemenu li a.flaggedlink
799752 264 {
f1ad36 265   background-position: 7px -153px;
A 266 }
267
268 #markmessagemenu li a.unflaggedlink
269 {
270   background-position: 7px -136px;
30b152 271 }
A 272
3dc19d 273 #searchfilter
T 274 {
4bcb36 275   white-space: nowrap;
3dc19d 276   position: absolute;
39d8cc 277   right: 198px;
4bcb36 278   vertical-align: middle;
3dc19d 279 }
T 280
281 #searchfilter label
282 {
283   font-size: 11px;
284 }
285
189482 286 #mailleftcontainer
T 287 {
288   position: absolute;
ce06d3 289   top: 0;
A 290   left: 0;
291   bottom: 0;
0987b4 292   width: 160px;
e5686f 293 }
A 294
295 #mailrightcontainer
296 {
297   position: absolute;
ce06d3 298   top: 0;
e5686f 299   left: 170px;
ce06d3 300   bottom: 0;
A 301   right: 0;
8583d6 302   min-width: 600px;
189482 303 }
T 304
305 #mailrightcontent
306 {
307   position: absolute;
ce06d3 308   top: 0;
A 309   left: 0;
310   right: 0;
311   bottom: 0;
e5686f 312 }
b4f7c6 313
4e17e6 314 #messagepartcontainer
T 315 {
316   position: absolute;
049428 317   top: 0;
AM 318   left: 170px;
319   right: 0;
320   bottom: 0;
321 }
322
323 #messagepartheader
324 {
325   position: absolute;
326   top: 0;
327   bottom: 0;
328   left: 0;
329   width: 160px;
330   border: 1px solid #999999;
331   background-color: #F9F9F9;
332   overflow: hidden;
333 }
334
335 #messagepartheader table
336 {
337   width: 100%;
338   table-layout: fixed;
339 }
340
341 #messagepartheader table td
342 {
343   text-overflow: ellipsis;
344 }
345
346 #messagepartheader table td.title
347 {
348   width: 60px;
4e17e6 349 }
T 350
351 #mailcontframe
352 {
353   position: absolute;
e5686f 354   width: 100%;
ce06d3 355   top: 0;
A 356   bottom: 0;
4e17e6 357   border: 1px solid #999999;
T 358   background-color: #F9F9F9;
ce06d3 359   overflow: hidden;
4e17e6 360 }
T 361
b19097 362 #mailpreviewframe
T 363 {
364   position: absolute;
e5686f 365   width: 100%;
A 366   top: 205px;
367   bottom: 0px;
b19097 368   border: 1px solid #999999;
T 369   background-color: #F9F9F9;
370 }
371
372 #messagecontframe
373 {
e5686f 374   position: relative;
c45471 375   top: 0px;
S 376   left: 0px;
377   right: 0px;
378   bottom: 0px;
e5686f 379   width: 100%;
A 380   height: 100%;
24f812 381   min-height: 100%; /* Chrome 14 bug */
b19097 382 }
4e17e6 383
T 384 #messagepartframe
385 {
c3f94d 386   width: 100%;
T 387   height: 100%;
24f812 388   min-height: 100%; /* Chrome 14 bug */
4e17e6 389   border: 1px solid #999999;
049428 390   background-color: #fff;
4e17e6 391 }
T 392
393
394 /** mailbox list styles */
395
cd900d 396 #mailboxlist-container
4e17e6 397 {
T 398   position: absolute;
ce06d3 399   top: 0;
A 400   left: 0;
189482 401   width: 100%;
ce06d3 402   bottom: 0;
f45bbe 403   border: 1px solid #999;
cd900d 404   background-color: #F9F9F9;
T 405 }
406
407 #mailboxlist
408 {
e1eb70 409   position:relative;
4e17e6 410   height: auto;
T 411   margin: 0px;
412   padding: 0px;
413   list-style-image: none;
414   list-style-type: none;
20a1b3 415   overflow: hidden;
T 416   white-space: nowrap;
0e7b66 417   background-color: #FFF;
4e17e6 418 }
T 419
420 #mailboxlist li.unread
421 {
422   font-weight: bold;
423 }
424
636bd7 425 #mailboxlist li.recent > a
A 426 {
427   color: #0066FF;
c836aa 428 }
AM 429
ce06d3 430 #listcontrols
996f0b 431 {
ce06d3 432   position: relative;
8583d6 433   white-space: nowrap;
087c7d 434   line-height: 22px;
f545ea 435   padding: 0 4px;
996f0b 436   width: auto;
8583d6 437   min-width: 300px;
A 438 }
439
c3456e 440 #listcontrols a,
ce06d3 441 #listcontrols span
8583d6 442 {
A 443   display: block;
444   float: left;
996f0b 445   font-size: 11px;
T 446 }
447
d3ec72 448 #listcontrols span input
ce06d3 449 {
d3ec72 450   vertical-align: middle;
ce06d3 451 }
A 452
8583d6 453 #listcontrols a.button,
ce06d3 454 #listcontrols a.buttonPas
4a509a 455 {
8583d6 456   display: block;
A 457   float: left;
458   width: 15px;
459   height: 15px;
460   padding: 0;
087c7d 461   margin-top: 4px;
8583d6 462   margin-right: 2px;
A 463   overflow: hidden;
9224c8 464   background: url(images/mail_footer.png) 0 0 no-repeat transparent;
8583d6 465   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
A 466 }
467
ce06d3 468 #listcontrols a.buttonPas
8583d6 469 {
A 470   opacity: 0.35;
471 }
472
473 #listcontrols a.all {
474   background-position: -30px 0;
475 }
476
477 #listcontrols a.allsel {
478   background-position: -30px -15px;
479 }
480
fb7ec5 481 #listcontrols a.page {
A 482   background-position: -135px 0;
483 }
484
485 #listcontrols a.pagesel {
486   background-position: -135px -15px;
487 }
488
8583d6 489 #listcontrols a.unread {
A 490   background-position: -45px 0;
491 }
492
493 #listcontrols a.unreadsel {
494   background-position: -45px -15px;
495 }
496
497 #listcontrols a.invert {
498   background-position: -60px 0;
499 }
500
501 #listcontrols a.invertsel {
502   background-position: -60px -15px;
503 }
504
505 #listcontrols a.none {
506   background-position: -75px 0;
507 }
508
509 #listcontrols a.nonesel {
510   background-position: -75px -15px;
15a9d1 511 }
T 512
f52c93 513 #listcontrols a.expand-all {
T 514   background-position: -90px 0;
515 }
516
517 #listcontrols a.expand-allsel {
518   background-position: -90px -15px;
519 }
520
521 #listcontrols a.collapse-all {
522   background-position: -105px 0;
523 }
524
525 #listcontrols a.collapse-allsel {
526   background-position: -105px -15px;
527 }
528
529 #listcontrols a.expand-unread {
530   background-position: -120px 0;
531 }
532
533 #listcontrols a.expand-unreadsel {
534   background-position: -120px -15px;
535 }
536
985cf2 537 #countcontrols
T 538 {
8583d6 539   position: absolute;
ce06d3 540   top: 4px;
A 541   right: 4px;
8583d6 542   white-space: nowrap;
A 543   font-size: 11px;
a068d0 544   line-height: 14px;
985cf2 545 }
T 546
4a4265 547 #countcontrols a.button,
8583d6 548 #countcontrols a.buttonPas
4a4265 549 {
T 550   float: right;
551 }
552
15a9d1 553
4e17e6 554 /** message list styles */
T 555
556 body.messagelist
557 {
558   margin: 0px;
559   background-color: #F9F9F9;
560 }
561
8efdd9 562 table.messagelist
4e17e6 563 {
T 564   width: 100%;
e0ddd4 565   display: table;
4e17e6 566   table-layout: fixed;
8efdd9 567   border-collapse: collapse;
TB 568   border-spacing: 0;
569   z-index: 1;
4e17e6 570 }
T 571
8efdd9 572 table.messagelist.fixedcopy
TB 573 {
574   z-index: 2;
575 }
576
72afe3 577 .messagelist thead tr th,
8efdd9 578 .messagelist thead tr td
4e17e6 579 {
5261d2 580   height: 20px;
0e7b66 581   padding: 0 4px 0 2px;
4e17e6 582   vertical-align: middle;
T 583   border-bottom: 1px solid #999999;
584   color: #333333;
9224c8 585   background: url(images/listheader.gif) top left repeat-x #CCC;
4e17e6 586   font-size: 11px;
T 587   font-weight: bold;
72afe3 588   text-align: left;
4e17e6 589 }
T 590
72afe3 591 .messagelist thead tr > .sortedASC,
TB 592 .messagelist thead tr > .sortedDESC
b076a4 593 {
ba6f48 594   background-position: 0 -26px;
1cded8 595 }
T 596
72afe3 597 .messagelist thead tr > .sortedASC a
1cded8 598 {
9224c8 599   background: url(images/icons/sort.gif) right 0 no-repeat;
1cded8 600 }
T 601
72afe3 602 .messagelist thead tr > .sortedDESC a
1cded8 603 {
9224c8 604   background: url(images/icons/sort.gif) right -14px no-repeat;
1cded8 605 }
T 606
72afe3 607 .messagelist thead tr a
1cded8 608 {
T 609   display: block;
610   width: auto !important;
611   width: 100%;
612   color: #333333;
613   text-decoration: none;
b076a4 614 }
T 615
72afe3 616 .messagelist thead tr > .size.sortedASC a,
TB 617 .messagelist thead tr > .size.sortedDESC a
0e7b66 618 {
801bab 619   padding-right: 18px;
0e7b66 620 }
A 621
72afe3 622 .messagelist thead tr > .subject
0e7b66 623 {
A 624   padding-left: 18px;
3d5240 625   width: 99%;
0e7b66 626 }
A 627
72afe3 628 .messagelist tbody tr th,
8efdd9 629 .messagelist tbody tr td
4e17e6 630 {
0e7b66 631   height: 20px;
A 632   padding: 0;
4e17e6 633   font-size: 11px;
4b0f65 634   overflow: hidden;
0e7b66 635   vertical-align: middle;
4e17e6 636   white-space: nowrap;
4b0f65 637   text-overflow: ellipsis;
f042be 638   -o-text-overflow: ellipsis;
4e17e6 639   border-bottom: 1px solid #EBEBEB;
1996d8 640   cursor: default;
d58c39 641   outline: none;
41bece 642 }
T 643
8efdd9 644 .messagelist tbody tr td a
41bece 645 {
T 646   color: #000;
d1293e 647   text-decoration: none;
f45bbe 648   white-space: nowrap;
1996d8 649   cursor: inherit;
e0ddd4 650 }
T 651
8efdd9 652 .messagelist td img
e0ddd4 653 {
b4b081 654   vertical-align: middle;
f52c93 655   display: inline-block;
T 656 }
657
8efdd9 658 .messagelist tbody tr td.flag,
TB 659 .messagelist tbody tr td.status,
660 .messagelist tbody tr td.subject span.status
f52c93 661 {
T 662   cursor: pointer;
663 }
664
72afe3 665 .messagelist tr > .flag span,
TB 666 .messagelist tr > .status span,
667 .messagelist tr > .attachment span,
668 .messagelist tr > .priority span
e94706 669 {
891b3c 670   display: block;
e94706 671   width: 15px;
f25be2 672   text-indent: -5000px;
TB 673   overflow: hidden;
e94706 674 }
A 675
8efdd9 676 .messagelist tr td div.collapsed,
TB 677 .messagelist tr td div.expanded,
72afe3 678 .messagelist tr > .threads .listmenu,
TB 679 .messagelist tr > .attachment span.attachment,
680 .messagelist tr > .attachment span.report,
681 .messagelist tr > .priority span.priority,
682 .messagelist tr > .priority span.prio1,
683 .messagelist tr > .priority span.prio2,
684 .messagelist tr > .priority span.prio3,
685 .messagelist tr > .priority span.prio4,
686 .messagelist tr > .priority span.prio5,
687 .messagelist tr > .flag span.flagged,
688 .messagelist tr > .flag span.unflagged,
689 .messagelist tr > .flag span.unflagged:hover,
690 .messagelist tr > .status span.status,
691 .messagelist tr > .status span.msgicon,
692 .messagelist tr > .status span.deleted,
693 .messagelist tr > .status span.unread,
694 .messagelist tr > .status span.unreadchildren,
695 .messagelist tr > .subject span.msgicon,
696 .messagelist tr > .subject span.deleted,
697 .messagelist tr > .subject span.unread,
698 .messagelist tr > .subject span.replied,
699 .messagelist tr > .subject span.forwarded,
700 .messagelist tr > .subject span.unreadchildren
e94706 701 {
891b3c 702   display: inline-block;
e94706 703   vertical-align: middle;
A 704   height: 17px;
705   width: 15px;
706   background: url(images/messageicons.png) center no-repeat;
707 }
708
72afe3 709 .messagelist tr > .attachment span.attachment
e94706 710 {
f1ad36 711   background-position: 0 -170px;
e94706 712 }
A 713
72afe3 714 .messagelist tr > .attachment span.report
32c657 715 {
A 716   background-position: 0 -255px;
7a2bad 717 }
A 718
72afe3 719 .messagelist tr > .priority span.priority
7a2bad 720 {
A 721   background-position: 0 -309px;
722 }
723
72afe3 724 .messagelist tr > .priority span.prio5
7a2bad 725 {
A 726   background-position: 0 -358px;
727 }
728
72afe3 729 .messagelist tr > .priority span.prio4
7a2bad 730 {
A 731   background-position: 0 -340px;
732 }
733
72afe3 734 .messagelist tr > .priority span.prio3
7a2bad 735 {
A 736   background-position: 0 -324px;
737 }
738
72afe3 739 .messagelist tr > .priority span.prio2
7a2bad 740 {
A 741   background-position: 0 -309px;
742 }
743
72afe3 744 .messagelist tr > .priority span.prio1
7a2bad 745 {
A 746   background-position: 0 -290px;
32c657 747 }
A 748
344b0a 749 .messagelist tr.flaggedroot td.flag span
AM 750 {
751   background-position: 0 -136px;
752 }
753
72afe3 754 .messagelist tr > .flag span.flagged
e94706 755 {
f1ad36 756   background-position: 0 -153px;
e94706 757 }
A 758
72afe3 759 .messagelist tr > .flag span.unflagged:hover
e94706 760 {
f1ad36 761   background-position: 0 -136px;
e94706 762 }
A 763
72afe3 764 .messagelist tr > .subject span.msgicon,
TB 765 .messagelist tr > .subject span.unreadchildren
e94706 766 {
f1ad36 767   background-position: 0 -51px;
e94706 768   margin: 0 2px;
A 769 }
770
72afe3 771 .messagelist tr > .subject span.replied
e94706 772 {
a9d6e7 773   background-position: 0 -85px;
e94706 774 }
A 775
72afe3 776 .messagelist tr > .subject span.forwarded
e94706 777 {
a9d6e7 778   background-position: 0 -68px;
e94706 779 }
A 780
72afe3 781 .messagelist tr > .subject span.replied.forwarded
e94706 782 {
f1ad36 783   background-position: 0 -102px;
e94706 784 }
A 785
72afe3 786 .messagelist tr > .status span.msgicon,
TB 787 .messagelist tr > .flag span.unflagged,
788 .messagelist tr > .status span.unreadchildren
4438d6 789 {
98f2c9 790   background-position: 0 17px; /* no icon */
4438d6 791 }
A 792
72afe3 793 .messagelist tr > .status span.msgicon:hover
98f2c9 794 {
A 795   background-position: 0 -272px;
796 }
797
72afe3 798 .messagelist tr > .status span.deleted,
TB 799 .messagelist tr > .subject span.deleted
e94706 800 {
f1ad36 801   background-position: 0 -187px;
e94706 802 }
A 803
72afe3 804 .messagelist tr > .status span.status,
TB 805 .messagelist tr > .status span.unread,
806 .messagelist tr > .subject span.unread
e94706 807 {
f1ad36 808   background-position: 0 -119px;
e94706 809 }
A 810
8efdd9 811 .messagelist tr td div.collapsed
f52c93 812 {
f1ad36 813   background-position: 0 -221px;
1716d5 814   cursor: pointer;
f52c93 815 }
T 816
8efdd9 817 .messagelist tr td div.expanded
f52c93 818 {
f1ad36 819   background-position: 0 -204px;
1716d5 820   cursor: pointer;
A 821 }
822
72afe3 823 .messagelist tr > .threads .listmenu
1716d5 824 {
f1ad36 825   background-position: 0 -238px;
1716d5 826   cursor: pointer;
b2992d 827   overflow: hidden;
TB 828   text-indent: -5000px;
fc6dab 829   display: block;
c2de4d 830 }
T 831
8efdd9 832 .messagelist tbody tr td.subject
4e17e6 833 {
10914a 834   width: 99%;
f52c93 835 }
T 836
8efdd9 837 .messagelist tbody tr td.subject a
7520f0 838 {
A 839   cursor: default;
891b3c 840   vertical-align: middle; /* #1487091 */
7520f0 841 }
A 842
f52c93 843 /* thread parent message with unread children */
8efdd9 844 .messagelist tbody tr.unroot td.subject a
f52c93 845 {
T 846   text-decoration: underline;
4e17e6 847 }
T 848
72afe3 849 .messagelist tr > .attachment,
TB 850 .messagelist tr > .threads,
851 .messagelist tr > .status,
852 .messagelist tr > .flag,
853 .messagelist tr > .priority
e94706 854 {
4438d6 855   width: 17px;
A 856   padding: 0 0 0 2px;
e94706 857 }
A 858
72afe3 859 .messagelist tr > .size
4e17e6 860 {
0e7b66 861   width: 60px;
4e17e6 862   text-align: right;
0e7b66 863   padding: 0 2px;
bfcef6 864 }
A 865
72afe3 866 .messagelist tr > .fromto,
TB 867 .messagelist tr > .from,
868 .messagelist tr > .to,
869 .messagelist tr > .cc,
870 .messagelist tr > .replyto
4e17e6 871 {
T 872   width: 180px;
0e7b66 873   padding: 0 2px;
4e17e6 874 }
T 875
72afe3 876 .messagelist tr > .date
4e17e6 877 {
ccc2ac 878   width: 135px;
0e7b66 879   padding: 0 2px;
4e17e6 880 }
T 881
72afe3 882 .messagelist tr > .folder
942908 883 {
TB 884   width: 135px;
885 }
886
72afe3 887 .messagelist tr > .hidden
942908 888 {
TB 889   display: none;
890 }
891
8efdd9 892 .messagelist tr.message
4e17e6 893 {
0e7b66 894   background-color: #FFF;
4e17e6 895 }
T 896
8efdd9 897 .messagelist tr.unread
4e17e6 898 {
T 899   font-weight: bold;
900   background-color: #FFFFFF;
901 }
902
8efdd9 903 .messagelist tr.flagged td,
TB 904 .messagelist tr.flagged td a
e51ef0 905 {
c2de4d 906   color: #CC0000;
e51ef0 907 }
A 908
a45c0f 909 /* This padding-left minus the focused padding left should be half of the focused border-left */
72afe3 910 .messagelist thead tr th:first-child,
a45c0f 911 .messagelist thead tr td:first-child,
1670b3 912 .messagelist tbody tr td:first-child {
a45c0f 913     border-left: 0;
TB 914     padding-left: 6px;
c07b7b 915 }
C 916
1670b3 917 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
TB 918 .messagelist tbody tr.focused > td:first-child {
919     border-left: 4px solid #d4d4d4;
920     padding-left: 4px;
921 }
922
923 .messagelist tbody tr.selected.focused > td:first-child {
924     border-left: 2px solid #ccc;
925     padding-left: 5px;
926 }
927
8efdd9 928 .messagelist tr.selected td
4e17e6 929 {
T 930   color: #FFFFFF;
cd121c 931   background-color: #929292;
S 932 }
933
1791a1 934 .messagelist.focus tr.selected td
4e17e6 935 {
1791a1 936   background-color: #CC3333;
4e17e6 937 }
T 938
1791a1 939 .messagelist tr.selected td a
cd121c 940 {
S 941   color: #FFFFFF;
942 }
943
8efdd9 944 .messagelist tr.deleted td,
TB 945 .messagelist tr.deleted td a
15a9d1 946 {
T 947   color: #CCCCCC;
948 }
89bafa 949
c33e08 950 #listmenu
A 951 {
952   padding: 6px;
c641de 953   max-height: none;
c33e08 954 }
A 955
956 #listmenu legend
957 {
958   color: #999999;
959 }
960
961 #listmenu fieldset
962 {
963   border: 1px solid #999999;
964   margin: 0 5px;
965   float: left;
966 }
967
968 #listmenu div
969 {
970   padding: 8px 0 3px 0;
971   text-align: center;
972   clear: both;
973 }
974
0e7b66 975 /***** tree indicators *****/
A 976
977 td span.branch div
978 {
979   float: left;
980   height: 16px;
981 }
982
983 td span.branch div.tree
984 {
985   height: 17px;
986   width: 15px;
987   background: url(images/tree.gif) 0px 0px no-repeat;
988 }
989
990 td span.branch div.l1
991 {
992   background-position: 0px 0px; /* L */
993 }
994
995 td span.branch div.l2
996 {
997   background-position: -30px 0px; /* | */
998 }
999
1000 td span.branch div.l3
1001 {
1002   background-position: -15px 0px; /* |- */
1003 }
1004
3ea0e3 1005
4e17e6 1006 /** message view styles */
T 1007
1008 #messageframe
1009 {
1010   position: absolute;
ce06d3 1011   top: 0;
189482 1012   left: 180px;
ce06d3 1013   right: 0;
A 1014   bottom: 0;
b1c97d 1015   border: 1px solid #999;
A 1016   background-color: #FFF;
1017   overflow: auto;
4a4265 1018   z-index: 1;
e2dd81 1019 }
A 1020
3bc6ae 1021 .extwin #messageframe
TB 1022 {
1023     left: 0;
1024 }
1025
b19097 1026 div.messageheaderbox
T 1027 {
61846d 1028   margin: -14px 8px 0px 8px;
b19097 1029   border: 1px solid #ccc;
T 1030 }
1031
4e17e6 1032 table.headers-table
T 1033 {
1034   width: 100%;
1035   background-color: #EBEBEB;
5cc4b1 1036 }
4e17e6 1037
c6be45 1038 #messagebody #full-headers,
5cc4b1 1039 #messagebody table.headers-table
T 1040 {
1041   width: auto;
1042   margin: 6px 8px;
1043   background-color: #F4F4F4;
4e17e6 1044 }
T 1045
7fe87b 1046 #messagebody.mailvelope {
AM 1047   padding: 10px 8px;
1048 }
1049
a8a72e 1050 #messagebody table.headers-table
TB 1051 {
1052   margin: 16px 6px 6px 6px;
1053 }
1054
1055 div.message-partheaders + div.message-part
1056 {
1057   border-top: 0;
1058   padding-top: 4px;
1059 }
1060
4e17e6 1061 table.headers-table tr td
T 1062 {
1063   font-size: 11px;
1064   border-bottom:1px solid #FFFFFF;
1065 }
1066
cb105a 1067 table.headers-table tr td.header-title
4e17e6 1068 {
cb105a 1069   width: 1%;
4e17e6 1070   color: #666666;
T 1071   font-weight: bold;
1072   text-align: right;
6a35c8 1073   white-space: nowrap;
c6be45 1074   padding: 0 4px 0 8px;
cb105a 1075 }
A 1076
1077 table.headers-table tr td.header
1078 {
1079   width: 99%;
4e17e6 1080 }
T 1081
1082 table.headers-table tr td.subject
1083 {
1084   font-weight: bold;
e5686f 1085 }
A 1086
768091 1087 table.headers-table tr td.header span
A 1088 {
1089   white-space: nowrap;
1090 }
1091
4e17e6 1092 #attachment-list
T 1093 {
cb105a 1094   margin: 0;
A 1095   padding: 0 4px 0 8px;
51cca6 1096   min-height: 16px;
4e17e6 1097   list-style-image: none;
T 1098   list-style-type: none;
cb105a 1099   background: url(images/icons/attachment.png) 4px 2px no-repeat #DFDFDF;
c6be45 1100 }
T 1101
1102 #messageframe #attachment-list
1103 {
1104   border-bottom: 1px solid #ccc;
1105 }
1106
1107 .messageheaderbox #attachment-list
1108 {
1109   border-top: 1px solid #ccc;
ba033a 1110 }
T 1111
1112 #attachment-list:after
1113 {
1114   content: ".";
1115   display: block;
1116   height: 0;
1117   font-size: 0;
1118   clear: both;
1119   visibility: hidden;
4e17e6 1120 }
T 1121
1122 #attachment-list li
1123 {
1124   float: left;
1125   height: 18px;
1126   font-size: 11px;
51cca6 1127   padding: 2px 0px 0px 15px;
cc85f3 1128   white-space: nowrap;
4e17e6 1129 }
T 1130
1131 #attachment-list li a
1132 {
1133   text-decoration: none;
1134 }
1135
1136 #attachment-list li a:hover
1137 {
1138   text-decoration: underline;
1139 }
1140
bc2c43 1141 #attachment-list li a.drop {
AM 1142   background: url(images/icons/down_small.gif) no-repeat center 6px;
1143   width: 12px;
1144   height: 7px;
1145   cursor: pointer;
1146   padding: 5px 0 0;
1147   margin-left: 3px;
1148   display: inline-block;
1149 }
1150
4e17e6 1151 #messagebody
T 1152 {
e6a406 1153   position:relative;
6a35c8 1154   padding-bottom: 10px;
4e17e6 1155   background-color: #FFFFFF;
T 1156 }
1157
3815e0 1158 div.message-part,
A 1159 div.message-htmlpart
4e17e6 1160 {
fba1f5 1161   padding: 10px 8px;
T 1162   border-top: 1px solid #ccc;
1163 /*  overflow: hidden; */
1164 }
1165
1166 #messagebody div:first-child
1167 {
1168   border-top: 0;
4e17e6 1169 }
T 1170
cfe4a6 1171 div.message-part a,
T 1172 div.message-htmlpart a
4e17e6 1173 {
T 1174   color: #0000CC;
1175 }
1176
10c92b 1177 div.message-part div.pre
4e17e6 1178 {
T 1179   margin: 0px;
1180   padding: 0px;
fca66b 1181   font-family: monospace;
f69eb5 1182   font-size: 12px;
4e17e6 1183 }
T 1184
a54242 1185 div.message-part span.sig
A 1186 {
1187   color: #666666;
1188 }
1189
10c92b 1190 div.message-part blockquote
T 1191 {
1192   color: blue;
1193   border-left: 2px solid blue;
1194   border-right: 2px solid blue;
1195   background-color: #F6F6F6;
c0a5aa 1196   margin: 2px 0;
eda92e 1197   padding: 0 0.4em;
AM 1198   overflow: hidden;
1199   text-overflow: ellipsis;
10c92b 1200 }
T 1201
1202 div.message-part blockquote blockquote
1203 {
1204   color: green;
1205   border-left: 2px solid green;
1206   border-right: 2px solid green;
1207 }
1208
1209 div.message-part blockquote blockquote blockquote
1210 {
1211   color: #990000;
1212   border-left: 2px solid #bb0000;
1213   border-right: 2px solid #bb0000;
1214 }
4e17e6 1215
e0960f 1216 #messagebody span.part-notice
A 1217 {
1218   display: block;
1219 }
1220
1221 #message-objects div,
1222 #messagebody span.part-notice
4e17e6 1223 {
62e43d 1224   margin: 8px;
4e17e6 1225   min-height: 20px;
62e43d 1226   padding: 10px 10px 6px 46px;
4e17e6 1227 }
T 1228
e0960f 1229 #message-objects div a,
A 1230 #messagebody span.part-notice a
4e17e6 1231 {
T 1232   color: #666666;
1233   padding-left: 10px;
1234 }
1235
e0960f 1236 #message-objects div a:hover,
A 1237 #messagebody span.part-notice a:hover
4e17e6 1238 {
T 1239   color: #333333;
203ee4 1240 }
4e17e6 1241
031491 1242 #messagebody fieldset.image-attachment {
TB 1243   border: 0;
1244   border-top: 1px solid #ccc;
1245   margin: 1em 1em 0 1em;
1246 }
1247
1248 #messagebody fieldset.image-attachment p > img
1249 {
1250   max-width: 80%;
1251 }
1252
1253 #messagebody legend.image-filename
1254 {
1255   color: #999;
1256   font-size: 0.9em;
1257 }
1258
1259 #messagebody p.image-attachment
1260 {
1261   margin: 0 1em;
1262   padding: 1em;
1263   border-top: 1px solid #ccc;
1264 }
1265
1266 #messagebody p.image-attachment a.image-link
1267 {
1268   float: left;
1269   margin-right: 2em;
1270   min-width: 160px;
1271   min-height: 60px;
1272   text-align: center;
1273 }
1274
1275 #messagebody p.image-attachment .image-filename
1276 {
1277   display: block;
1278   font-weight: bold;
1279   line-height: 1.6em;
1280 }
1281
1282 #messagebody p.image-attachment .image-filesize
1283 {
1284   font-size: 11px;
1285   padding-right: 1em;
1286 }
1287
1288 #messagebody p.image-attachment .attachment-links a
1289 {
1290   margin-right: 0.6em;
1291   color: #cc0000;
1292   font-size: 11px;
1293   text-decoration: none;
1294 }
1295
1296 #messagebody p.image-attachment .attachment-links a:hover
1297 {
1298   text-decoration: underline;
1299 }
1300
a02c77 1301 #messagelinks
b4f7c6 1302 {
T 1303   position: absolute;
1304   top: 8px;
1305   right: 10px;
a02c77 1306   height: 16px;
AM 1307   text-align: right;
1308 }
1309
1310 #messageframe #messagelinks
1311 {
1312   top: 2px;
1313   right: 2px;
b4f7c6 1314 }
T 1315
3bc6ae 1316 #compose-headers #openextwinlink
TB 1317 {
a02c77 1318   position: absolute;
AM 1319   height: 15px;
1320   top: 4px;
1321   right: 2px;
3bc6ae 1322 }
TB 1323
c6be45 1324 #full-headers
T 1325 {
1326   color: #666666;
1327   text-align: center;
1328   padding: 2px 6px;
1329   border-bottom: 1px solid #ccc;
1330   background-color: #EBEBEB;
1331 }
1332
1333 .messageheaderbox #full-headers
1334 {
1335   border-bottom: 0;
1336 }
1337
1338 div.more-headers
1339 {
1340   cursor: pointer;
1341   height: 8px;
1342   border-bottom: 0;
1343 }
1344
1345 div.show-headers
c33e08 1346 {
A 1347   background: url(images/icons/down_small.gif) no-repeat center;
1348 }
1349
c6be45 1350 div.hide-headers
c33e08 1351 {
A 1352   background: url(images/icons/up_small.gif) no-repeat center;
1353 }
1354
1355 #headers-source
1356 {
76248c 1357   margin: 2px 0;
c33e08 1358   padding: 0.5em;
A 1359   height: 145px;
1360   background: white;
1361   overflow: auto;
1362   font-size: 11px;
76248c 1363   border: 1px solid #CCC;
c33e08 1364   display: none;
A 1365   text-align: left;
1366   color: #333;
1367 }
1368
1369
4e17e6 1370 /** message compose styles */
T 1371
1372 #compose-container
1373 {
1374   position: absolute;
087c7d 1375   top: 0;
a27b87 1376   left: 205px;
087c7d 1377   right: 0;
A 1378   bottom: 0;
1379   margin: 0;
309d2f 1380 }
A 1381
4e9349 1382 #compose-div
A 1383 {
1384   position: absolute;
087c7d 1385   top: 85px;
a27b87 1386   right: 0;
AM 1387   left: 0;
087c7d 1388   bottom: 0;
A 1389   margin: 0;
b218aa 1390 }
T 1391
a27b87 1392 #compose-body-div
b218aa 1393 {
a27b87 1394   position: absolute;
AM 1395   top: 0;
1396   left: 0;
1397   bottom: 0;
1398   right: 175px;
1399   border: 1px solid #999;
b218aa 1400 }
T 1401
b274c8 1402 #compose-body-div .mce-tinymce {
AM 1403   border: 0 !important;
1404 }
1405
b218aa 1406 #compose-div .boxlistcontent
T 1407 {
c33e08 1408   bottom: 23px;
087c7d 1409 }
A 1410
1411 #compose-body
1412 {
1413   position: absolute;
1414   left: 0;
1415   right: 0;
1416   top: 0;
1417   bottom: 0;
1418   margin: 0;
1419   font-size: 9pt;
1420   font-family: monospace;
1421   resize: none;
a27b87 1422   border: none;
AM 1423   outline: none;
4e9349 1424 }
A 1425
4e17e6 1426 #compose-headers
T 1427 {
1428   width: 100%;
087c7d 1429 }
A 1430
1431 #compose-headers td.editfield
1432 {
c33e08 1433   padding-right: 8px;
b218aa 1434   width: 95%;
4e17e6 1435 }
T 1436
1437 #compose-headers td.top
1438 {
1439   vertical-align: top;
1440 }
1441
1442 #compose-headers td.title,
1443 #compose-subject td.title
1444 {
1445   width: 80px !important;
1446   font-size: 11px;
1447   font-weight: bold;
1448   padding-right: 10px;
1449   white-space: nowrap;
c33e08 1450   color: #666;
4e17e6 1451 }
T 1452
ee18f5 1453 #compose-headers td textarea,
4e17e6 1454 #compose-headers td input
087c7d 1455 {
A 1456   resize: none;
1457   width: 100%;
1458   border: 1px solid #999;
1459 }
1460
ee18f5 1461 #compose-headers td textarea
T 1462 {
087c7d 1463   height: 32px;
4e17e6 1464 }
T 1465
d2b884 1466 input.from_address
A 1467 {
1468   width: 80% !important;
1469 }
1470
4e17e6 1471 #compose-cc,
T 1472 #compose-bcc,
e25a35 1473 #compose-replyto,
3ee5a7 1474 #compose-followupto
4e17e6 1475 {
T 1476   display: none;
1477 }
1478
087c7d 1479 #compose-editorfooter
A 1480 {
1481   position: absolute;
a27b87 1482   right: 5px;
c33e08 1483   bottom: 0;
087c7d 1484   text-align: right;
a27b87 1485   line-height: 20px;
c33e08 1486 }
A 1487
1488 #compose-editorfooter label
1489 {
1490   font-size: 11px;
1491   font-weight: bold;
1492   color: #666;
087c7d 1493 }
A 1494
1495 #compose-buttons
1496 {
1497   position: absolute;
a27b87 1498   left: 5px;
AM 1499   bottom: 1px;
1500   width: auto;
1501 }
1502
1503 #compose-contacts
1504 {
1505   position: absolute;
1506   top: 0;
b218aa 1507   left: 0;
T 1508   bottom: 0;
a27b87 1509   width: 195px;
AM 1510   border: 1px solid #999;
1511   background-color: #F9F9F9;
4e17e6 1512 }
T 1513
1514 #compose-attachments
1515 {
1516   position: absolute;
087c7d 1517   top: 0;
A 1518   left: 0;
a27b87 1519   right: 0;
087c7d 1520   bottom: 0;
A 1521   border: 1px solid #999;
1522   background-color: #F9F9F9;
4e17e6 1523 }
T 1524
f8c96f 1525 #compose-attachments.droptarget.hover
AM 1526 {
1527   background-color: #F0F0EE;
1528   box-shadow: 0 0 5px 0 #999;
1529   -moz-box-shadow: 0 0 5px 0 #999;
1530   -o-box-shadow: 0 0 5px 0 #999;
1531 }
1532
4e17e6 1533 #compose-attachments ul
T 1534 {
1535   margin: 0px;
1536   padding: 0px;
087c7d 1537   background-color: #FFF;
4e17e6 1538   list-style-image: none;
T 1539   list-style-type: none;
1540 }
1541
1542 #compose-attachments ul li
1543 {
1544   height: 18px;
44cb96 1545   line-height: 16px;
4e17e6 1546   font-size: 11px;
a1400c 1547   padding: 2px 2px 1px 2px;
4e17e6 1548   border-bottom: 1px solid #EBEBEB;
T 1549   white-space: nowrap;
1550   overflow: hidden;
58a58c 1551   text-overflow: ellipsis;
A 1552   -o-text-overflow: ellipsis;
4e17e6 1553 }
T 1554
85fd29 1555 #compose-attachments li a
1fb587 1556 {
900e62 1557   text-indent: -5000px;
85fd29 1558   width: 17px;
187e9f 1559   height: 16px;
a1400c 1560   padding-bottom: 2px;
7dca45 1561   display: inline-block;
85fd29 1562   text-decoration: none;
a1400c 1563   vertical-align: middle;
85fd29 1564 }
A 1565
1566 #compose-attachments li img
1567 {
1568   vertical-align: middle;
1569 }
1570
1571 #compose-attachments li a.delete,
1572 #compose-attachments li a.cancelupload
1573 {
1574   background-position: 0px -392px;
1575 }
1576
1577 #compose-attachments li span
1578 {
1579   line-height: 18px;
1fb587 1580   vertical-align: middle;
A 1581 }
1582
e11e7e 1583 #upload-form,
4e17e6 1584 #attachment-form
T 1585 {
8beee1 1586   padding: 6px;
4e17e6 1587 }
T 1588
e11e7e 1589 #upload-form div,
8beee1 1590 #attachment-form div
4e17e6 1591 {
8beee1 1592   padding: 2px;
4e17e6 1593 }
T 1594
e11e7e 1595 #upload-form div.buttons,
8beee1 1596 #attachment-form div.buttons
T 1597 {
1598   margin-top: 4px;
ce06d3 1599 }
A 1600
4b96ed 1601 #quota
A 1602 {
1603   position: absolute;
1604   top: 3px;
1605   right: 8px;
1606   width: 100px;
1607 }
1608
1609 #quotaimg
1610 {
1611   position: absolute;
1612   top: 3px;
1613   right: 6px;
1614   z-index: 101;
1615 }
a27b87 1616
AM 1617 /* addressbook in compose - copy from addressbook.css */
1618
1619 #directorylist
1620 {
1621   list-style: none;
1622   margin: 0;
1623   padding: 0;
1624   background-color: #FFFFFF;
1625 }
1626
1627 #directorylist li
1628 {
1629   display: block;
1630   font-size: 11px;
1631   background: url(images/icons/folders.png) 5px -108px no-repeat;
1632   border-bottom: 1px solid #EBEBEB;
1633   white-space: nowrap;
1634 }
1635
1636 #directorylist li a
1637 {
1638   cursor: default;
1639   display: block;
1640   padding-left: 25px;
1641   padding-top: 2px;
1642   padding-bottom: 2px;
1643   text-decoration: none;
1644   white-space: nowrap;
1645   height: 15px;
1646 }
1647
1648 #directorylist li.selected
1649 {
1650   background-color: #929292;
1651   border-bottom: 1px solid #898989;
1652 }
1653
1654 #directorylist li.selected a
1655 {
1656   color: #FFF;
1657   font-weight: bold;
1658 }
1659
1660 #contacts-table
1661 {
1662   width: 100%;
1663   table-layout: fixed;
1664 }
1665
1666 #contacts-table tbody td
1667 {
1668   cursor: default;
1669   text-overflow: ellipsis;
1670   -o-text-overflow: ellipsis;
1671 }
1672
86552f 1673 #contacts-table td span.email
TB 1674 {
1675   display: inline;
1676   color: #ccc;
1677   font-style: italic;
1678   margin-left: 0.5em;
1679 }
1680
a27b87 1681 #abookcountbar
AM 1682 {
1683   margin-top: 4px;
1684   margin-left: 4px;
1685   position: absolute;
1686   margin-right: 5px;
1687   right: 0;
1688 }
1689
1690 #abookactions
1691 {
1692   position: absolute;
1693   text-underline: none;
1694 }
1695
1696 #abookactions a
1697 {
1698   font-weight: bold;
1699   line-height: 22px;
1700   height: 22px;
1701   width: auto;
1702   margin: 0;
1703   padding-left: 5px;
1704   padding-right: 5px;
1705   text-shadow: 1px 1px white;
1706   background: url("images/icons/groupactions.png") no-repeat right -70px;
1707 }
1708
532bc5 1709 #abookactions a.disabled
AM 1710 {
1711   color: #999;
1712 }
1713
79babb 1714 #compose-contacts .searchbox
a27b87 1715 {
AM 1716   top: 2px;
1717   left: 7px;
1718 }
1719
1720 #compose-contacts #directorylist
1721 {
1722   width: 100%;
1723   top: 23px;
1724   position: absolute;
1725   border-top: 1px solid #eee;
1726 }
1727
1728 #compose-contacts #contacts-table
1729 {
1730   top: 45px;
1731   position: absolute;
1732 }
7fe87b 1733
AM 1734 .mailvelopekeyimport div.key {
1735   position: relative;
1736   margin-bottom: 2px;
1737   padding: 1em 1em 5px;
1738   background-color: #ebebeb;
1739 }
1740
1741 .mailvelopekeyimport div.key.revoked,
1742 .mailvelopekeyimport div.key.disabled {
1743   color: #a0a0a0;
1744 }
1745
1746 .mailvelopekeyimport div.key label {
1747   display: inline-block;
1748   margin-right: 0.5em;
1749 }
1750
1751 .mailvelopekeyimport div.key label:after {
1752   content: ":";
1753 }
1754
1755 .mailvelopekeyimport div.key label + a,
1756 .mailvelopekeyimport div.key label + span {
1757   display: inline-block;
1758   margin-right: 2em;
1759   white-space: nowrap;
1760 }
1761
1762 .mailvelopekeyimport div.key label + a {
1763   font-weight: bold;
1764 }
1765
1766 .mailvelopekeyimport ul.uids {
1767   margin: 5px 1em 0 1em;
1768   padding: 0;
1769 }
1770
1771 .mailvelopekeyimport li.uid {
1772   border: 0;
1773   padding: 2px;
1774 }
1775
1776 .mailvelopekeyimport div.key input.button.importkey {
1777   position: absolute;
1778   top: 0.8em;
1779   right: 0.8em;
1780   padding: 2px 6px;
1781 }
1782
1783 .mailvelopekeyimport div.key input.button[disabled] {
1784   display: none;
1785 }