Roundcubemail devel
view | history | commit | commitdiff
Thomas Bruederli
2013-01-10 1f87107b0801a1881d426993c7fca18ca25356b0
commit | author | age
e7c445 1 /**
T 2  * Roundcube webmail styles for skin "Larry"
3  *
071c78 4  * Copyright (c) 2012, The Roundcube Dev Team
e7c445 5  * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
T 6  *
7  * The contents are subject to the Creative Commons Attribution-ShareAlike
8  * License. It is allowed to copy, distribute, transmit and to adapt the work
9  * by keeping credits to the original autors in the README file.
10  * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
11  *
12  * $Id$
13  */
14
15 body {
16     font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
74d4c7 17     font-size: 11px;
e7c445 18     color: #333;
T 19     background: url(images/linen.jpg) repeat #d1d5d8;
20     margin: 0;
071c78 21 }
T 22
23 body.noscroll {
24     /* also avoids bounce effect in Chrome and Safari */
25     overflow: hidden;
e7c445 26 }
T 27
b1fa1a 28 a {
T 29     color: #0069a6;
30 }
31
32 a:visited {
33     color: #0186ba;
34 }
35
36 img {
37   border: 0;
38 }
39
e7c445 40 input[type="text"],
T 41 input[type="password"],
42 textarea {
bab043 43     margin: 0; /* Safari by default adds a margin */
4478eb 44     padding: 4px;
b1fa1a 45     border: 1px solid #b2b2b2;
e7c445 46     border-radius: 4px;
b1fa1a 47     box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
T 48     -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
49     -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
50     -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
e7c445 51 }
T 52
53 input[type="text"]:focus,
54 input[type="password"]:focus,
55 input.button:focus,
e19229 56 textarea:focus {
e7c445 57     border-color: #4787b1;
T 58     box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
59     -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
60     -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
61     -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
62a618 62     outline: none;
e7c445 63 }
T 64
65 input.placeholder,
66 textarea.placeholder {
67     color: #aaa;
68 }
b1fa1a 69
543ccb 70 .bold {
T 71     font-weight: bold;
72 }
b1fa1a 73
eecb44 74 /* fixes vertical alignment of checkboxes and labels */
AM 75 label input,
76 label span {
77     vertical-align: middle;
78 }
79
b1fa1a 80 /*** buttons ***/
e7c445 81
T 82 input.button {
28e18c 83     display: inline-block;
T 84     margin: 0 2px;
188634 85     padding: 2px 5px;
28e18c 86     color: #525252;
74d4c7 87     text-shadow: 0px 1px 1px #fff;
28e18c 88     border: 1px solid #c0c0c0;
T 89     border-radius: 4px;
90     background: #f7f7f7;
91     background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
92     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
93     background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
94     background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
95     background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
68e13c 96     box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
T 97     -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
98     -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
99     -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
28e18c 100     text-decoration: none;
bab043 101     outline: none;
28e18c 102 }
T 103
104 .formbuttons input.button {
e19229 105     color: #ddd;
e7c445 106     font-size: 110%;
74d4c7 107     text-shadow: 0px 1px 1px #333;
e7c445 108     padding: 4px 12px;
28e18c 109     border-color: #465864;
e7c445 110     border-radius: 5px;
T 111     background: #7a7b7d;
68e13c 112     background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */
T 113     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */
114     background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */
115     background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */
116     background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */
74d4c7 117     box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
T 118     -o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
119     -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
120     -moz-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
e7c445 121 }
T 122
bab043 123 .formbuttons input.button:hover,
4f1b7a 124 .formbuttons input.button:focus,
T 125 input.button.mainaction:hover,
126 input.button.mainaction:focus {
e19229 127     color: #f2f2f2;
188634 128     border-color: #465864;
74d4c7 129     box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
T 130     -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
131     -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
132     -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
e7c445 133 }
T 134
28e18c 135 .formbuttons input.button:active {
e7c445 136     color: #fff;
68e13c 137     background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
T 138     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b));
139     background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
140     background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
141     background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
e7c445 142 }
T 143
144 input.button.mainaction {
145     color: #ededed;
4f1b7a 146     text-shadow: 0px 1px 1px #333;
e7c445 147     border-color: #1f262c;
T 148     background: #505050;
68e13c 149     background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
T 150     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
151     background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
152     background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
153     background: linear-gradient(top, #505050 0%, #2a2e31 100%);
4f1b7a 154     box-shadow: inset 0 1px 0 0 #777;
T 155     -moz-box-shadow: inset 0 1px 0 0 #777;
156     -webkit-box-shadow: inset 0 1px 0 0 #777;
157     -o-box-shadow: inset 0 1px 0 0 #777;
e7c445 158 }
T 159
b1fa1a 160 input.button.mainaction:active {
T 161     color: #fff;
74d4c7 162     background: #515151;
68e13c 163     background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
T 164     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
165     background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
166     background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
167     background: linear-gradient(top, #2a2e31 0%, #505050 100%);
b1fa1a 168 }
T 169
e7c445 170 input.button[disabled],
T 171 input.button[disabled]:hover,
172 input.button.mainaction[disabled] {
173     color: #aaa !important;
174 }
175
176 input.mainaction {
177     font-weight: bold;
178 }
179
b1fa1a 180 /** link buttons **/
T 181
182 a.button {
183     display: inline-block;
a4be51 184     margin: 0 2px;
b1fa1a 185     padding: 2px 5px;
T 186     color: #525252;
74d4c7 187     text-shadow: 0px 1px 1px #fff;
a4be51 188     border: 1px solid #c6c6c6;
b1fa1a 189     border-radius: 4px;
T 190     background: #f7f7f7;
191     background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
192     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
193     background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
194     background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
195     background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
68e13c 196     box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
T 197     -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
198     -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
199     -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
b1fa1a 200     text-decoration: none;
e7c445 201 }
T 202
68e13c 203 a.button:focus,
bab043 204 input.button:focus {
188634 205     border-color: #4fadd5;
T 206     box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
207     -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
208     -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
209     -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
68e13c 210     outline: none;
188634 211 }
T 212
74d4c7 213 label.disabled,
b1fa1a 214 a.button.disabled {
T 215     color: #999;
e7c445 216 }
T 217
188634 218 a.button.disabled,
T 219 input.button.disabled,
220 input.button[disabled],
221 a.button.disabled:hover,
222 input.button.disabled:hover,
223 input.button[disabled]:hover {
224     border-color: #c6c6c6;
68e13c 225     box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
T 226     -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
227     -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
228     -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
188634 229 }
T 230
b1fa1a 231 a.button.disabled span.inner {
T 232     opacity: 0.4;
d5fedc 233     filter: alpha(opacity=40);
e7c445 234 }
b1fa1a 235
c7dcb3 236 a.button.pressed,
28e18c 237 a.button:active,
T 238 input.button:active {
b1fa1a 239     background: #e6e6e6;
T 240     background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
241     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
242     background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
243     background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
244     background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
245 }
246
a4be51 247 .pagenav.dark a.button {
b1fa1a 248     font-weight: bold;
T 249     border-color: #e6e6e6;
071c78 250     background: #d8d8d8;
b1fa1a 251     background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
T 252     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
253     background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
254     background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
255     background: linear-gradient(top, #d8d8d8 0%, #bababa 100%);
a4be51 256     box-shadow: 0 1px 1px 0 #999;
T 257     -o-box-shadow: 0 1px 1px 0 #999;
258     -webkit-box-shadow: 0 1px 1px 0 #999;
259     -moz-box-shadow: 0 1px 1px 0 #999;
b1fa1a 260 }
T 261
a4be51 262 .pagenav.dark a.button.pressed {
b1fa1a 263     background: #bababa;
T 264     background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
265     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
266     background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
267     background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
268     background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
269 }
270
b540ed 271 .pagenav a.button {
T 272     padding: 1px 3px;
68e13c 273     height: 16px;
becca0 274     vertical-align: middle;
3d122f 275     margin-bottom: 1px;
b540ed 276 }
T 277
b1fa1a 278 .pagenav a.button span.inner {
T 279     display: inline-block;
b540ed 280     width: 16px;
T 281     height: 13px;
c7dcb3 282     text-indent: 1000px;
T 283     overflow: hidden;
b540ed 284     background: url(images/buttons.png) -6px -211px no-repeat;
b1fa1a 285 }
T 286
287 .pagenav a.prevpage span.inner {
b540ed 288     background-position: -7px -226px;
b1fa1a 289 }
T 290
291 .pagenav a.nextpage span.inner {
b540ed 292     background-position: -28px -226px;
b1fa1a 293 }
T 294
295 .pagenav a.lastpage span.inner {
b540ed 296     background-position: -28px -211px;
T 297 }
298
299 .pagenav a.pageup span.inner {
af05fe 300     background-position: -7px -241px;
b540ed 301 }
T 302
303 .pagenav a.pagedown span.inner {
af05fe 304     background-position: -29px -241px;
T 305 }
306
307 .pagenav a.reply span.inner {
308     background-position: -7px -256px;
309 }
310
311 .pagenav a.forward span.inner {
b540ed 312     background-position: -29px -256px;
T 313 }
314
af05fe 315 .pagenav a.replyall span.inner {
b540ed 316     background-position: -7px -271px;
T 317 }
318
319 .pagenav a.extwin span.inner {
320     background-position: -29px -271px;
b1fa1a 321 }
T 322
323 .pagenav .countdisplay {
324     display: inline-block;
77fad1 325     padding: 3px 1em 0 1em;
74d4c7 326     text-shadow: 0px 1px 1px #fff;
847d31 327     min-width: 16em;
becca0 328 }
T 329
330 .pagenavbuttons {
331     position: relative;
77fad1 332     top: -2px;
b1fa1a 333 }
T 334
335 a.iconbutton {
336     display: inline-block;
337     width: 24px;
338     height: 18px;
339     text-decoration: none;
900e62 340     text-indent: -5000px;
b1fa1a 341     background: url(images/buttons.png) -1000px 0 no-repeat;
T 342 }
343
918bb9 344 a.iconbutton.disabled {
T 345     opacity: 0.4;
d5fedc 346     filter: alpha(opacity=40);
918bb9 347     cursor: default;
T 348 }
349
b1fa1a 350 a.iconbutton.searchoptions {
74d4c7 351     background-position: -2px -317px;
b1fa1a 352 }
T 353
354 a.iconbutton.reset {
74d4c7 355     background-position: -25px -317px;
b1fa1a 356 }
T 357
74d4c7 358 a.iconbutton.cancel {
T 359     background-position: -7px -377px;
360 }
361
362 a.iconlink {
363     display: inline-block;
364     color: #888;
365     text-decoration: none;
071c78 366     white-space: nowrap;
74d4c7 367     padding: 2px 8px 2px 20px;
T 368     background: url(images/buttons.png) -1000px 0 no-repeat;
369 }
370
371 a.iconlink:hover {
372     text-decoration: underline;
373 }
374
68e13c 375 a.iconlink.delete {
T 376     background-position: -7px -337px;
377 }
378
74d4c7 379 a.iconlink.add {
T 380     background-position: -7px -357px;
381 }
382
68e13c 383 a.iconlink.remove {
5ff7ba 384     background-position: -7px -378px;
68e13c 385 }
T 386
387 a.iconlink.cancel {
74d4c7 388     background-position: -7px -397px;
T 389 }
bab043 390
68e13c 391 a.iconlink.edit {
T 392     background-position: -7px -417px;
393 }
394
395 a.iconlink.upload {
396     background-position: -6px -437px;
bab043 397 }
T 398
b1fa1a 399
T 400 /*** message bar ***/
e7c445 401
T 402 #message div.loading,
403 #message div.warning,
404 #message div.error,
405 #message div.notice,
c7dcb3 406 #message div.confirmation,
T 407 #message-objects div.notice {
e7c445 408     color: #555;
T 409     font-weight: bold;
b540ed 410     padding: 6px 30px 6px 25px;
e7c445 411     display: inline-block;
T 412     white-space: nowrap;
413     background: url(images/messages.png) 0 5px no-repeat;
b1fa1a 414     cursor: default;
e7c445 415 }
T 416
417 #message div.warning {
418     color: #960;
543ccb 419     background-position: 0 -86px;
e7c445 420 }
T 421
422 #message div.error {
423     color: #cf2734;
424     background-position: 0 -55px;
425 }
426
427 #message div.confirmation {
428     color: #093;
543ccb 429     background-position: 0 -25px;
e7c445 430 }
T 431
432 #message div.loading {
433     background: url(images/ajaxloader.gif) 2px 6px no-repeat;
b1fa1a 434 }
T 435
ff4c18 436 #message div a,
T 437 #message div span {
438     padding-right: 0.5em;
439     text-decoration: none;
440 }
441
442 #message div a:hover {
443     text-decoration: underline;
444     cursor: pointer;
445 }
446
b1fa1a 447 #message.statusbar {
T 448     position: absolute;
449     bottom: 0;
450     left: 0;
451     right: 0;
452     height: 27px;
453     padding-left: 8px;
454     border-top: 1px solid #ddd;
455     border-radius: 0 0 4px 4px;
456     background: #eaeaea;
457     background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
458     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
459     background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
460     background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
461     background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
b540ed 462     white-space: nowrap;
T 463     overflow: hidden;
464     text-overflow: ellipsis;
e7c445 465 }
T 466
0e530b 467 .ui-dialog.error .ui-dialog-title,
T 468 .ui-dialog.warning .ui-dialog-title,
469 .ui-dialog.confirmation .ui-dialog-title {
470     padding-left: 25px;
471     background: url(images/messages.png) 0 5px no-repeat;
472     text-shadow: 0 1px 1px #fff;
473 }
474
475 .ui-dialog.warning .ui-dialog-title {
476     color: #960;
477     background-position: 0 -90px;
478 }
479
480 .ui-dialog.error .ui-dialog-title {
481     color: #cf2734;
482     background-position: 0 -60px;
483 }
484
485 .ui-dialog.confirmation .ui-dialog-title {
486     color: #093;
487     background-position: 0 -30px;
488 }
489
490 .ui-dialog.popupmessage .ui-dialog-titlebar {
491     padding: 8px 1em 4px 1em;
492     background: #e3e3e3;
493     background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
494     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf));
495     background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
496     background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
497     background: linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
498 }
499
500 .ui-dialog.popupmessage .ui-widget-content {
501     font-size: 12px;
502     background: #eee;
503     background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%);
504     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc));
505     background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%);
506     background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%);
507     background: linear-gradient(top, #eee 0%, #dcdcdc 100%);
508 }
509
e7c445 510
T 511 /*** basic page layout ***/
512
212ff9 513 #header {
dee159 514     overflow-x: hidden; /* Chrome bug #1488851 */
212ff9 515 }
AM 516
e7c445 517 #topline {
T 518     height: 18px;
519     background: url(images/linen_header.jpg) repeat #666;
520     border-bottom: 1px solid #4f4f4f;
521     padding: 2px 0 2px 10px;
522     color: #aaa;
04acc7 523     text-align: center;
e7c445 524 }
T 525
526 #topnav {
1f8710 527     position: relative;
e7c445 528     height: 46px;
T 529     margin-bottom: 10px;
530     padding: 0 0 0 10px;
071c78 531     background: #111;
d5fedc 532     background: -moz-linear-gradient(top, #404040 0%, #060606 100%);
T 533     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606));
534     background: -o-linear-gradient(top, #404040 0%, #060606 100%);
535     background: -ms-linear-gradient(top, #404040 0%, #060606 100%);
536     background: linear-gradient(top, #404040 0%, #060606 100%);
e7c445 537 }
T 538
539 #topline a,
540 #topnav a {
541     color: #eee;
542     text-decoration: none;
543 }
544
12bf0f 545 #topline a:hover {
c7dcb3 546     text-decoration: underline;
T 547 }
548
e7c445 549 #toplogo {
T 550     padding-top: 2px;
005949 551     cursor: pointer;
e7c445 552 }
T 553
554 .topleft {
555     float: left;
556 }
557
558 .topright {
559     float: right;
c7dcb3 560 }
T 561
562 .closelink {
563     display: inline-block;
564     padding: 2px 10px 2px 20px;
e7c445 565 }
T 566
567 #topline span.username {
568     padding-right: 1em;
569 }
570
e19229 571 #topline .topleft a {
e7c445 572     display: inline-block;
e19229 573     padding: 2px 0.8em 0 0;
T 574     color: #aaa;
e7c445 575 }
T 576
577 #topline a.button-logout {
578     display: inline-block;
579     padding: 2px 10px 2px 20px;
b1fa1a 580     background: url(images/buttons.png) -6px -193px no-repeat;
e7c445 581     color: #fff;
T 582 }
c7dcb3 583
542415 584 #taskbar .button-logout {
TB 585     display: none;
586 }
587
588 #taskbar a.button-logout span.button-inner {
589     background-position: -2px -1791px;
590 }
591
592 #taskbar a.button-logout:hover span.button-inner {
593     background-position: -2px -1829px;
594 }
595
596
597 /*** minimal version of the page header ***/
598
599 .minimal #topline {
600     position: fixed;
601     top: -18px;
602     background: #444;
603     z-index: 5000;
604     width: 100%;
605     height: 22px;
606     -moz-box-sizing: border-box;
607     box-sizing: border-box;
608 }
609
610 .minimal #topline:hover {
611     top: 0px;
612     opacity: 0.94;
613     filter: alpha(opacity=94);
614     -webkit-transition: top 0.3s ease-in-out;
615     -moz-transition: top 0.3s ease-in-out;
616     -o-transition: top 0.3s ease-in-out;
617     transition: top 0.3s ease-in-out;
618 }
619
b903c2 620 .extwin #topline,
TB 621 .extwin #topline:hover {
622     position: static;
623     top: 0px;
624     height: 18px;
625     width: auto;
626     -moz-box-sizing: content-box;
627     box-sizing: content-box;
628     opacity: 0.999;
629 }
630
542415 631 .minimal #topline a.button-logout {
TB 632     display: none;
633 }
634
635 .minimal #topline span.username {
636     display: inline-block;
637     padding-top: 2px;
638 }
639
640 .minimal #topnav {
641     position: relative;
642     top: 4px;
643     height: 42px;
644 }
645
646 .minimal #taskbar a {
647     position: relative;
648     padding: 10px 10px 0 6px;
649     height: 32px;
650 }
651
652 .minimal #taskbar .button-logout {
653     display: inline-block;
654 }
655
656 .minimal #taskbar .button-inner {
657     top: -4px;
658     padding: 0;
659     height: 24px !important;
660     width: 27px;
661     text-indent: -5000px;
662 }
663
664 #taskbar .tooltip {
665     display: none;
666 }
667
668 .minimal #taskbar .tooltip {
669     position: absolute;
670     top: -500px;
671     right: 2px;
672     display: inline-block;
673     padding: 2px 8px 3px 8px;
674     background: #444;
675     background: -moz-linear-gradient(top, #444 0%, #333 100%);
676     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333));
677     background: -o-linear-gradient(top, #444 0%, #333 100%);
678     background: -ms-linear-gradient(top, #444 0%, #333 100%);
679     background: linear-gradient(top, #444 0%, #333 100%);
680     color: #eee;
681     font-weight: bold;
682     white-space: nowrap;
683     border: 1px solid #777;
684     box-shadow: 0 1px 5px 0 #333;
685     -moz-box-shadow: 0 1px 5px 0 #333;
686     -webkit-box-shadow: 0 1px 5px 0 #333;
687     -o-box-shadow: 0 1px 5px 0 #333;
688     z-index: 200;
689     white-space: nowrap;
690     text-shadow: 0px 1px 1px #000;
691 }
692
693 .minimal #taskbar .tooltip:after {
694     content: "";
695     position: absolute;
696     top: -4px;
697     right: 15px;
698     border-style: solid;
699     border-width: 0 4px 4px;
700     border-color: #888 transparent;
701     /* reduce the damage in FF3.0 */
702     display: block; 
703     width: 0;
704     z-index: 251;
705 }
706
707 .ie8 .minimal #taskbar .tooltip:after {
708     top: -6px;
709 }
710
711 .minimal #taskbar a:hover .tooltip {
712     display: block;
713     top: 39px;
714 }
715
e7c445 716
b1fa1a 717 /*** taskbar ***/
542415 718
TB 719 #taskbar {
720     position: relative;
721     padding-right: 18px;
722 }
b1fa1a 723
e7c445 724 #taskbar a {
b1fa1a 725     display: inline-block;
T 726     height: 34px;
727     padding: 12px 10px 0 6px;
728 }
729
730 #taskbar a span.button-inner {
e7c445 731     display: inline-block;
T 732     font-size: 110%;
733     font-weight: normal;
74d4c7 734     text-shadow: 0px 1px 1px black;
b1fa1a 735     padding: 5px 0 0 34px;
T 736     height: 19px;
737     background: url(images/buttons.png) -1000px 0 no-repeat;
e7c445 738 }
T 739
740 #taskbar a.button-selected {
741     color: #3cf;
742     background-color: #2c2c2c;
743 }
744
b1fa1a 745 #taskbar a.button-mail span.button-inner {
T 746     background-position: 0 2px;
e7c445 747 }
T 748
b1fa1a 749 #taskbar a.button-mail:hover span.button-inner,
T 750 #taskbar a.button-mail.button-selected span.button-inner {
751     background-position: 0 -22px;
e7c445 752 }
T 753
b1fa1a 754 #taskbar a.button-addressbook span.button-inner {
T 755     background-position: 0 -48px;
e7c445 756 }
T 757
b1fa1a 758 #taskbar a.button-addressbook:hover span.button-inner,
T 759 #taskbar a.button-addressbook.button-selected span.button-inner {
760     background-position: 0 -72px;
e7c445 761 }
T 762
b1fa1a 763 #taskbar a.button-settings span.button-inner {
T 764     background-position: 0 -96px;
e7c445 765 }
T 766
b1fa1a 767 #taskbar a.button-settings:hover span.button-inner,
T 768 #taskbar a.button-settings.button-selected span.button-inner {
769     background-position: 0 -120px;
e7c445 770 }
T 771
b1fa1a 772 #taskbar a.button-calendar span.button-inner {
T 773     background-position: 0 -144px;
e7c445 774 }
T 775
b1fa1a 776 #taskbar a.button-calendar:hover span.button-inner,
T 777 #taskbar a.button-calendar.button-selected span.button-inner {
778     background-position: 0 -168px;
e7c445 779 }
T 780
542415 781 #taskbar .minmodetoggle {
TB 782     position: absolute;
783     top: 0;
784     right: 0;
785     display: block;
786     width: 19px;
787     height: 46px;
788     cursor: pointer;
789     background: url(images/buttons.png) -35px -1778px no-repeat;
790 }
791
792 .minimal #taskbar .minmodetoggle {
793     height: 42px;
794     background-position: -35px -1820px;
795 }
796
e7c445 797 #mainscreen {
T 798     position: absolute;
799     top: 88px;
800     left: 10px;
801     right: 10px;
802     bottom: 20px;
b1fa1a 803 }
T 804
b903c2 805 .minimal #mainscreen {
TB 806     top: 62px;
807 }
808
809 .minimal #mainscreen.offset {
810     top: 102px;
811 }
812
271efe 813 .extwin #mainscreen {
TB 814     top: 40px;
815 }
816
b1fa1a 817 #mainscreen.offset {
542415 818     top: 132px;
e7c445 819 }
T 820
68e13c 821 #mainscreen .offset {
T 822     margin-top: 42px;
542415 823 }
TB 824
e7c445 825 .uibox {
T 826     border: 1px solid #a3a3a3;
827     border-radius: 4px;
8598fc 828     overflow: hidden;
e7c445 829     box-shadow: 0 0 2px #999;
T 830     -o-box-shadow: 0 0 2px #999;
831     -webkit-box-shadow: 0 0 2px #999;
832     -moz-box-shadow: 0 0 2px #999;
833     background: #fff;
834 }
835
1c079c 836 .minwidth {
TB 837     position: absolute;
838     top: 0;
839     left: 0;
840     bottom: 0;
841     width: 100%;
e8b917 842     min-width: 1024px;
1c079c 843 }
TB 844
e19229 845 .scroller {
T 846     overflow: auto;
847 }
848
849 .readtext {
850     width: 42em;
851     padding: 12px;
68e13c 852     font-size: 12px;
e19229 853 }
T 854
855 .readtext > h1,
856 .readtext > h2,
857 .readtext > h3 {
858     margin-top: 0;
859 }
860
861 .watermark {
862     background-image: url(images/watermark.jpg);
863     background-position: center;
864     background-repeat: no-repeat;
865 }
866
b1fa1a 867 /*** lists ***/
T 868
e7c445 869 .listbox {
T 870     background: #d9ecf4;
b1fa1a 871     overflow: hidden;
T 872 }
873
874 .listbox .scroller {
875     position: absolute;
876     top: 0;
877     left: 0;
878     width: 100%;
879     bottom: 0;
8598fc 880     overflow-x: hidden;
AM 881     overflow-y: auto;
b1fa1a 882 }
T 883
e19229 884 .listbox .scroller.withfooter {
c7dcb3 885     bottom: 42px;
T 886 }
887
b1fa1a 888 .listbox .boxtitle + .scroller {
T 889     top: 34px;
890 }
891
892 .boxtitle,
893 .uibox .listing thead td {
894     font-size: 12px;
895     font-weight: bold;
ad726a 896     padding: 10px 8px 3px 8px;
T 897     height: 20px;  /* doesn't affect table-cells in FF */
b1fa1a 898     margin: 0;
74d4c7 899     text-shadow: 0px 1px 1px #fff;
b1fa1a 900     border-bottom: 1px solid #bbd3da;
918bb9 901     white-space: nowrap;
ad726a 902 }
T 903
904 .uibox .listing thead td {
905     padding-bottom: 8px;
906     height: auto;
b1fa1a 907 }
T 908
909 .uibox .boxtitle,
910 .uibox .listing thead td {
911     background: #b0ccd7;
912     color: #004458;
913     border-radius: 4px 4px 0 0;
914 }
915
916 .listbox .listitem,
28e18c 917 .listbox .tablink,
b1fa1a 918 .listing tbody td,
T 919 .listing li {
920     display: block;
921     border-top: 1px solid #fff;
922     border-bottom: 1px solid #bbd3da;
923     cursor: default;
924     font-weight: normal;
925 }
926
927 .listbox .listitem a,
28e18c 928 .listbox .tablink a,
b1fa1a 929 .listing tbody td,
T 930 .listing li a {
931     display: block;
932     color: #376572;
74d4c7 933     text-shadow: 0px 1px 1px #fff;
b1fa1a 934     text-decoration: none;
T 935     cursor: default;
cdb955 936     padding: 6px 8px 2px 8px;
ad726a 937     height: 17px; /* doesn't affect table-cells in FF */
e19229 938     white-space: nowrap;
b540ed 939 }
T 940
941 .listing tbody td {
942     display: table-cell;
ad726a 943     padding-bottom: 5px;
T 944     height: auto;
071c78 945     min-height: 14px;
T 946 }
947
948 .webkit .listing tbody td {
949     height: 14px;
b1fa1a 950 }
T 951
952 .listbox .listitem.selected,
28e18c 953 .listbox .tablink.selected,
12bf0f 954 .listbox .listitem.selected > a,
T 955 .listbox .tablink.selected > a,
7961f8 956 .listing tbody tr.unfocused td,
b1fa1a 957 .listing tbody tr.selected td,
68e13c 958 .listing li.selected,
12bf0f 959 .listing li.selected > a {
b1fa1a 960     color: #004458;
T 961     font-weight: bold;
0f3ae4 962     background-color: #c7e3ef;
b1fa1a 963 }
T 964
965 ul.listing {
966     display: block;
967     list-style: none;
968     margin: 0;
969     padding: 0;
28e18c 970 }
T 971
972 ul.listing li {
973     background-color: #d9ecf4;
974 }
975
b540ed 976 ul.listing li.droptarget,
T 977 table.listing tr.droptarget td {
0f3ae4 978     background-color: #e8e798;
b1fa1a 979 }
T 980
74d4c7 981 table.listing,
T 982 table.layout {
983     border: 0;
b1fa1a 984     width: 100%;
879b05 985     border-spacing: 0;
74d4c7 986 }
T 987
988 table.layout td {
989     vertical-align: top;
c7dcb3 990 }
T 991
992 .listbox .boxfooter {
993     position: absolute;
994     bottom: 0;
995     left: 0;
996     width: 100%;
997     height: 42px;
998     border-top: 1px solid #ccdde4;
999     background: #d9ecf4;
1000     -webkit-box-shadow: inset 0 1px 0 0 #fff;
1001     -moz-box-shadow: inset 0 1px 0 0 #fff;
1002     box-shadow: inset 0 1px 0 0 #fff;
68e13c 1003     white-space: nowrap;
T 1004     overflow: hidden;
c7dcb3 1005 }
T 1006
8faaa7 1007 .uibox .boxfooter {
TB 1008     border-radius: 0 0 4px 4px;
1009 }
1010
c7dcb3 1011 .boxfooter .listbutton {
T 1012     display: inline-block;
1013     text-decoration: none;
1014     width: 48px;
1015     border-right: 1px solid #fff;
1016     background: #c7e3ef;
1017     padding: 3px 0;
1018     margin-top: 1px;
1019 }
1020
8faaa7 1021 .uibox .boxfooter .listbutton:first-child {
TB 1022     border-radius: 0 0 0 4px;
1023 }
1024
c7dcb3 1025 .boxfooter .listbutton .inner {
T 1026     display: inline-block;
1027     width: 48px;
1028     height: 35px;
900e62 1029     text-indent: -5000px;
c7dcb3 1030     background: url(images/buttons.png) -1000px 0 no-repeat;
T 1031 }
1032
e19229 1033 .boxfooter .listbutton.add .inner {
b9441a 1034     background-position: 10px -1301px;
bab043 1035 }
T 1036
1037 .boxfooter .listbutton.delete .inner {
b9441a 1038     background-position: 10px -1342px;
e19229 1039 }
T 1040
c7dcb3 1041 .boxfooter .listbutton.groupactions .inner {
b9441a 1042     background-position: 5px -1382px;
68e13c 1043 }
T 1044
c6db4a 1045 .boxfooter .listbutton.addto .inner {
T 1046     background-position: 5px -1422px;
1047 }
1048
1049 .boxfooter .listbutton.addcc .inner {
1050     background-position: 5px -1462px;
1051 }
1052
1053 .boxfooter .listbutton.addbcc {
1054     width: 54px;
1055 }
1056
1057 .boxfooter .listbutton.addbcc .inner {
1058     width: 54px;
1059     background-position: 2px -1502px;
1060 }
1061
1ba07f 1062 .boxfooter .listbutton.removegroup .inner {
T 1063     background-position: 5px -1540px;
1064 }
1065
68e13c 1066 .boxfooter .listbutton.disabled .inner {
T 1067     opacity: 0.4;
d5fedc 1068     filter: alpha(opacity=40);
68e13c 1069 }
T 1070
1071 .boxfooter .countdisplay {
1072     display: inline-block;
1073     position: relative;
1074     top: 10px;
1075     color: #69929e;
1076     padding: 3px 6px;
1077 }
1078
1079 .boxpagenav {
1080     position: absolute;
1081     top: 10px;
1082     right: 6px;
1083     width: auto;
1084 }
1085
1086 .boxpagenav a.icon {
1087     display: inline-block;
1088     padding: 1px 3px;
1089     height: 13px;
1090     width: 14px;
1091     text-indent: 1000px;
becca0 1092     vertical-align: bottom;
68e13c 1093     overflow: hidden;
T 1094     background: url(images/buttons.png) -4px -286px no-repeat;
1095 }
1096
1097 .boxpagenav a.icon.prevpage {
1098     background-position: -4px -301px;
1099 }
1100
1101 .boxpagenav a.icon.nextpage {
1102     background-position: -28px -301px;
1103 }
1104
1105 .boxpagenav a.icon.lastpage {
1106     background-position: -28px -286px;
1107 }
1108
1109 .boxpagenav a.icon.disabled {
1110     opacity: 0.4;
d5fedc 1111     filter: alpha(opacity=40);
b1fa1a 1112 }
T 1113
e19229 1114 .centerbox {
T 1115     width: 40em;
68e13c 1116     margin: 16px auto;
e19229 1117 }
T 1118
1119 .errorbox {
1120     width: 40em;
1121     padding: 20px;
1122 }
1123
1124 .errorbox h3 {
15f48a 1125     font-size: 16px;
T 1126     margin-top: 0;
1127 }
e19229 1128
b1fa1a 1129
68e13c 1130 /*** Records table ***/
T 1131
1132 table.records-table {
1133     display: table;
1134     width: 100%;
1135     table-layout: fixed;
1136     border-collapse: collapse;
1137     border-spacing: 0;
1138     border: 1px solid #bbd3da;
1139 }
1140
1141 .boxlistcontent .records-table {
1142     border: 0;
1143 }
1144
1145 .records-table thead td {
1146     color: #69939e;
1147     font-size: 11px;
1148     font-weight: bold;
1149     background: #d6eaf3;
1150     background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
071c78 1151     background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
68e13c 1152     background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
T 1153     background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
1154     background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
1155     border-left: 1px solid #bbd3da;
1156     padding: 8px 7px;
ec3181 1157     overflow: hidden;
A 1158     text-overflow: ellipsis;
68e13c 1159 }
T 1160
1161 .records-table.sortheader thead td {
1162     padding: 0;
1163 }
1164
1165 .records-table thead td a,
1166 .records-table thead td span {
1167     display: block;
cdb955 1168     padding: 7px 7px;
68e13c 1169     color: #69939e;
T 1170     text-decoration: none;
ec3181 1171     overflow: hidden;
A 1172     text-overflow: ellipsis;
68e13c 1173 }
T 1174
1175 .records-table tbody td {
cdb955 1176     padding: 2px 7px;
68e13c 1177     border-bottom: 1px solid #ddd;
T 1178     border-left: 1px dotted #bbd3da;
1179     white-space: nowrap;
1180     cursor: default;
1181     overflow: hidden;
1182     text-overflow: ellipsis;
1183     background-color: #fff;
1184 }
1185
1186 .records-table thead tr td:first-child,
1187 .records-table tbody tr td:first-child {
1188     border-left: 0;
1189 }
1190
1191 .records-table tr.selected td {
1192     color: #fff !important;
1193     background: #019bc6;
1194     background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
1195     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
1196     background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
1197     background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
1198     background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
1199 }
1200
1201 .records-table tr.selected td a,
1202 .records-table tr.selected td span {
1203     color: #fff !important;
1204 }
1205
1206 .records-table tr.unfocused td {
1207     color: #fff !important;
92be3e 1208     background: #4db0d2 !important;
68e13c 1209 }
T 1210
1211 .records-table tr.unfocused td a,
1212 .records-table tr.unfocused td span {
1213     color: #fff !important;
1214 }
1215
1216 .records-table tr.deleted td,
1217 .records-table tr.deleted td a {
1218     color: #ccc !important;
1219 }
1220
1221
b1fa1a 1222 /*** iFrames ***/
68e13c 1223
T 1224 #aboutframe {
1225     width: 97%;
1226     height: 100%;
1227     border: 0;
1228     padding: 0;
1229 }
b1fa1a 1230
T 1231 body.iframe {
1232     background: #fff;
68e13c 1233     margin: 38px 0 10px 0;
T 1234 }
1235
98d096 1236 body.iframe.floatingbuttons {
TB 1237     margin-bottom: 40px;
b540ed 1238 }
T 1239
1240 body.iframe.fullheight {
1241     margin: 0;
b1fa1a 1242 }
T 1243
e19229 1244 .contentbox .boxtitle,
b1fa1a 1245 body.iframe .boxtitle {
T 1246     color: #777;
1247     background: #eee;
1248     background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
1249     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
1250     background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
1251     background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
1252     background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
1253     border-bottom: 1px solid #ccc;
1254 }
1255
e19229 1256 body.iframe .boxtitle {
T 1257     position: fixed;
1258     top: 0;
1259     left: 0;
1260     width: 100%;
bab043 1261     z-index: 100;
68e13c 1262 }
T 1263
edfe79 1264 body.iframe .footerleft.floating,
TB 1265 #composeview-bottom .formbuttons.floating {
68e13c 1266     position: fixed;
T 1267     left: 0;
1268     bottom: 0;
1269     width: 100%;
1270     z-index: 110;
1271     background: #fff;
98d096 1272     padding-top: 8px;
TB 1273     padding-bottom: 12px;
1274 }
1275
edfe79 1276 body.iframe .footerleft.floating:before,
TB 1277 #composeview-bottom .formbuttons.floating:before {
98d096 1278     content: " ";
TB 1279     position: absolute;
1280     top: -6px;
1281     left: 0;
1282     width: 100%;
1283     height: 6px;
1284     background: url(images/overflowshadow.png) top center no-repeat;
e19229 1285 }
T 1286
b1fa1a 1287 .boxcontent {
T 1288     padding: 10px;
e19229 1289 }
T 1290
1291 .contentbox .scroller {
1292     position: absolute;
1293     top: 34px;
1294     left: 0;
1295     right: 0;
1296     bottom: 28px;
1297     overflow: auto;
b1fa1a 1298 }
T 1299
98d096 1300 .iframebox {
TB 1301     position: absolute;
1302     top: 0;
1303     left: 0;
1304     right: 0;
1305     bottom: 28px;
1306 }
1307
b1fa1a 1308 .footerleft {
98d096 1309     padding: 0 12px 4px 12px;
b1fa1a 1310 }
T 1311
1312 .propform fieldset {
1313     margin-bottom: 20px;
1314     border: 0;
1315     padding: 0;
1316 }
1317
1318 .propform fieldset legend {
1319     display: block;
1320     font-size: 14px;
1321     font-weight: bold;
b540ed 1322     padding-bottom: 10px;
T 1323     margin-bottom: 0;
1324 }
1325
1326 .propform fieldset fieldset legend {
1327     color: #666;
1328     font-size: 12px;
b1fa1a 1329 }
T 1330
74d4c7 1331 fieldset.floating {
T 1332     float: left;
1333     margin-right: 10px;
1334     margin-bottom: 10px;
1335 }
1336
b1fa1a 1337 table.propform {
T 1338     width: 100%;
1339     border-spacing: 0;
1340     border-collapse: collapse;
1341 }
1342
74d4c7 1343 ul.proplist li,
b1fa1a 1344 table.propform td {
T 1345     width: 80%;
1346     padding: 4px 10px;
1347     background: #eee;
1348     border-bottom: 2px solid #fff;
1349 }
1350
1351 table.propform td.title {
1352     width: 20%;
1353     color: #333;
1354     padding-right: 20px;
1355     white-space: nowrap;
e19229 1356 }
T 1357
1358 table.propform .mceLayout td {
1359     padding: 0;
1360     border-bottom: 0;
74d4c7 1361 }
T 1362
1363 ul.proplist {
1364     list-style: none;
1365     margin: 0;
1366     padding: 0;
1367 }
1368
1369 ul.proplist li {
1370     width: auto;
e7c445 1371 }
T 1372
4f1b7a 1373 #pluginbody {
T 1374     position: absolute;
1375     top: 0;
1376     left: 0;
1377     right: 0;
1378     bottom: 0;
1379 }
1380
e7c445 1381
T 1382 /*** Login form ***/
1383
1384 #login-form {
1385     position: relative;
1386     width: 580px;
1387     margin: 20ex auto 2ex auto;
1388 }
1389
1390 #login-form .box-inner {
1391     width: 430px;
1392     background: url(images/linen_login.jpg) top left no-repeat #5c5c5c;
1393     margin: 0 50px;
1394     padding: 10px 24px 24px 24px;
1395     border: 1px solid #333;
1396     border-radius: 5px;
1397     box-shadow: inset 0 0 1px #ccc;
1398     -o-box-shadow: inset 0 0 1px #ccc;
1399     -webkit-box-shadow: inset 0 0 1px #ccc;
1400     -moz-box-shadow: inset 0 0 1px #ccc;
1401 }
1402
1403 #login-form .box-bottom {
1404     background: url(images/login_shadow.png) top center no-repeat;
1405     margin-top: -3px;
1406     padding-top: 10px;
1407 }
1408
b6add5 1409 #login-form .noscriptwarning {
TB 1410     margin: 0 auto;
1411     width: 430px;
1412     color: #cf2734;
1413     font-size: 110%;
1414     font-weight: bold;
1415 }
1416
e7c445 1417 #login-form td.input {
4dbc96 1418     width: 80%;
e7c445 1419     padding: 8px;
T 1420 }
1421
1422 #login-form input[type="text"],
1423 #login-form input[type="password"] {
4dbc96 1424     width: 100%;
b1fa1a 1425     border-color: #666;
e7c445 1426 }
T 1427
1428 #login-form input.button {
1429     color: #444;
74d4c7 1430     text-shadow: 0px 1px 1px #fff;
e7c445 1431     border-color: #f9f9f9;
T 1432     background: #f9f9f9;
d5fedc 1433     background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
T 1434     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
1435     background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
1436     background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
1437     background: linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
af05fe 1438     box-shadow: inset 0 1px 0 0 #fff;
T 1439     -moz-box-shadow: inset 0 1px 0 0 #fff;
1440     -webkit-box-shadow: inset 0 1px 0 0 #fff;
1441     -o-box-shadow: inset 0 1px 0 0 #fff;
1442 }
1443
bab043 1444 #login-form input.button:hover,
T 1445 #login-form input.button:focus {
1446     box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1447     -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1448     -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1449     -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
e7c445 1450 }
T 1451
1452 #login-form input.button:active {
1453     color: #333;
d5fedc 1454     background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
T 1455     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9));
1456     background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
1457     background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
1458     background: linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
e7c445 1459 }
T 1460
4dbc96 1461 #login-form form table {
T 1462     width: 98%;
1463 }
1464
e7c445 1465 #login-form td.title {
4dbc96 1466     width: 20%;
T 1467     white-space: nowrap;
e7c445 1468     color: #cecece;
74d4c7 1469     text-shadow: 0px 1px 1px black;
e7c445 1470     text-align: right;
T 1471     padding-right: 1em;
1472 }
1473
264476 1474 #login-form p.formbuttons {
e7c445 1475     margin-top: 2em;
T 1476     text-align: center;
1477 }
1478
1479 #login-form #logo {
1480     margin-bottom: 20px;
1481 }
1482
1483 #login-form #message {
1484     min-height: 40px;
1485     padding: 5px 25px;
a1f855 1486     text-align: center;
e7c445 1487 }
T 1488
1489 #login-form #message div {
a1f855 1490     display: inline-block;
A 1491     padding-right: 0;
e7c445 1492 }
T 1493
1494 #bottomline {
1495     font-size: 90%;
1496     text-align: center;
1497     margin-top: 2em;
1498 }
1499
b1fa1a 1500
T 1501
1502 /*** quicksearch **/
1503
1504 #quicksearchbar {
77fad1 1505     position: absolute;
TB 1506     right: 1px;
dee159 1507     top: -5px;
77fad1 1508     width: 240px;
b1fa1a 1509 }
T 1510
1511 #quicksearchbar input {
1512     width: 176px;
879b05 1513     margin: 0;
14ee44 1514     margin-top: 7px;
TB 1515     padding: 3px 30px 3px 34px;
f8c961 1516     height: 18px;
b1fa1a 1517     background: #f1f1f1;
3d122f 1518     border-color: #ababab;
879b05 1519     font-weight: bold;
3d122f 1520     font-size: 11px;
b1fa1a 1521 }
T 1522
1523 #quicksearchbar #searchmenulink {
1524     position: absolute;
14ee44 1525     top: 12px;
3d122f 1526     left: 6px;
b1fa1a 1527 }
T 1528
1529 #quicksearchbar #searchreset {
1530     position: absolute;
14ee44 1531     top: 11px;
f8c961 1532     right: 1px;
b1fa1a 1533 }
13ed1e 1534
T 1535
1536 /*** toolbar ***/
1537
1c079c 1538 .toolbar .spacer {
TB 1539     display: inline-block;
1540     width: 24px;
1541     height: 40px;
1542     padding: 0;
1543 }
1544
13ed1e 1545 .toolbar a.button {
T 1546     text-align: center;
1547     font-size: 10px;
1548     color: #555;
e19229 1549     min-width: 50px;
13ed1e 1550     max-width: 75px;
ad726a 1551     height: 13px;
13ed1e 1552     overflow: hidden;
T 1553     text-overflow: ellipsis;
1554     white-space: nowrap;
bab043 1555     padding: 28px 2px 0 2px;
74d4c7 1556     text-shadow: 0px 1px 1px #eee;
13ed1e 1557     box-shadow: none;
T 1558     -moz-box-shadow: none;
1559     -webkit-box-shadow: none;
1560     -o-box-shadow: none;
1561     background: url(images/buttons.png) -100px 0 no-repeat transparent;
1562     border: 0;
1563 }
1564
1565 .toolbar a.button.disabled {
004a08 1566     opacity: 0.4;
d5fedc 1567     filter: alpha(opacity=40);
13ed1e 1568 }
T 1569
c7dcb3 1570 .dropbutton {
T 1571     display: inline-block;
1572     position: relative;
13ed1e 1573 }
T 1574
c7dcb3 1575 .dropbutton .dropbuttontip {
T 1576     display: block;
1577     position: absolute;
186d6e 1578     right: 0;
c7dcb3 1579     top: 0;
T 1580     height: 42px;
1581     width: 18px;
543ccb 1582     background: url(images/buttons.png) 0 -1255px no-repeat;
c7dcb3 1583     cursor: pointer;
T 1584 }
1585
1586 .dropbutton .dropbuttontip:hover {
543ccb 1587     background-position: -26px -1255px;
004a08 1588 }
T 1589
1590 .dropbutton a.button.disabled + .dropbuttontip {
1591     opacity: 0.5;
d5fedc 1592     filter: alpha(opacity=50);
004a08 1593 }
T 1594
1595 .dropbutton a.button.disabled + .dropbuttontip:hover {
1596     background-position: 0 -1255px;
c7dcb3 1597 }
T 1598
186d6e 1599 .dropbutton a.button {
A 1600     margin-left: 0;
1601     padding-left: 0;
1602     margin-right: 0;
1603     padding-right: 0;
1604 }
1605
c7dcb3 1606 .toolbar a.button.back {
b9441a 1607     background-position: 0 -1216px;
c7dcb3 1608 }
T 1609
1610 .toolbar a.button.checkmail {
b9441a 1611     background-position: center -1176px;
13ed1e 1612 }
T 1613
a4be51 1614 .toolbar a.button.compose {
13ed1e 1615     background-position: center -530px;
T 1616 }
1617
a4be51 1618 .toolbar a.button.reply {
13ed1e 1619     background-position: center -570px;
c7dcb3 1620 }
T 1621
a4be51 1622 .toolbar a.button.reply-all {
186d6e 1623     min-width: 64px;
A 1624     background-position: left -610px;
a4be51 1625 }
T 1626
1627 .toolbar a.button.forward {
186d6e 1628     min-width: 64px;
A 1629     background-position: left -650px;
a4be51 1630 }
T 1631
1632 .toolbar a.button.delete {
1633     background-position: center -690px;
1634 }
1635
1636 .toolbar a.button.archive {
1637     background-position: center -730px;
1638 }
1639
1640 .toolbar a.button.junk {
1641     background-position: center -770px;
1642 }
1643
1644 .toolbar a.button.print {
1645     background-position: center -810px;
13ed1e 1646 }
T 1647
004a08 1648 .toolbar a.button.markmessage {
af5995 1649     background-position: center -1094px;
004a08 1650 }
T 1651
13ed1e 1652 .toolbar a.button.more {
a4be51 1653     background-position: center -850px;
13ed1e 1654 }
T 1655
74d4c7 1656 .toolbar a.button.attach {
T 1657     background-position: center -890px;
1658 }
1659
1660 .toolbar a.button.spellcheck {
4be86f 1661     min-width: 64px;
A 1662     background-position: left -930px;
bab043 1663 }
T 1664
675628 1665 .toolbar a.button.spellcheck.selected {
edfe79 1666     background-position: left -1620px;
ff4c18 1667     color: #1978a1;
675628 1668 }
A 1669
004a08 1670 .toolbar a.button.insertsig {
T 1671     background-position: center -1135px;
1672 }
1673
bab043 1674 .toolbar a.button.search {
T 1675     background-position: center -970px;
1676 }
1677
1678 .toolbar a.button.import {
b9441a 1679     background-position: center -1012px;
bab043 1680 }
T 1681
1682 .toolbar a.button.export {
b9441a 1683     background-position: center -1054px;
74d4c7 1684 }
T 1685
edfe79 1686 .toolbar a.button.send {
TB 1687     background-position: center -1660px;
1688 }
1689
1690 .toolbar a.button.savedraft {
1691     background-position: center -1700px;
1692 }
1693
1694 .toolbar a.button.close {
1695     background-position: 0 -1745px;
1696 }
1697
1698
847d31 1699 a.menuselector {
T 1700     display: inline-block;
1701     border: 1px solid #ababab;
1702     border-radius: 4px;
1703     background: #f8f8f8;
1704     background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
1705     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
1706     background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
1707     background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
1708     background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
1709     text-decoration: none;
1710     color: #333;
3d122f 1711     cursor: pointer;
a7b32b 1712     white-space: nowrap;
847d31 1713 }
T 1714
1715 a.menuselector .handle {
1716     display: inline-block;
3d122f 1717     padding: 0 32px 0 6px;
AM 1718     height: 20px;
1719     line-height: 19px;
847d31 1720     text-shadow: 0px 1px 1px #fff;
T 1721     background: url(images/selector.png) right center no-repeat;
1722     border-radius: 4px;
1723 }
1724
1725 a.menuselector:active {
1726     background: #dddddd;
1727     background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1728     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8));
1729     background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1730     background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1731     background: linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1732     text-decoration: none;
1733 }
1734
7a32e9 1735 select.decorated {
T 1736     position: relative;
1737     z-index: 10;
1738     opacity: 0;
737fbe 1739     height: 22px;
7a32e9 1740     cursor: pointer;
737fbe 1741     filter: alpha(opacity=0);
T 1742     -khtml-appearance: none;
1743     -webkit-appearance: none;
7a32e9 1744 }
T 1745
1746 html.opera select.decorated {
1747     opacity: 1;
737fbe 1748 }
T 1749
1750 select.decorated option {
1751     color: #fff;
1752     background: #444;
24dd95 1753     border: 0;
T 1754     border-top: 1px solid #5a5a5a;
1755     border-bottom: 1px solid #333;
737fbe 1756     text-shadow: 0px 1px 1px #333;
3d122f 1757     padding: 4px 6px;
737fbe 1758     outline: none;
7a32e9 1759 }
T 1760
74d4c7 1761
fe8374 1762 /*** quota indicator ***/
A 1763
1764 #quotadisplay {
1765     left: 6px;
1766     font-size: 12px;
1767     font-weight: bold;
1768     text-shadow: 0px 1px 1px #fff;
1769     padding-left: 30px;
1770     height: 18px;
1771     background: url(images/quota.png) -100px 0 no-repeat;
1772 }
1773
13ed1e 1774 /*** popup menus ***/
T 1775
74d4c7 1776 .popupmenu,
T 1777 #rcmKSearchpane {
13ed1e 1778     display: none;
c7dcb3 1779     position: absolute;
T 1780     top: 32px;
1781     left: 90px;
1782     width: auto;
1783     background: #444;
1784     border: 1px solid #999;
1785     z-index: 240;
1786     border-radius: 4px;
1787     box-shadow: 0 2px 6px 0 #333;
1788     -moz-box-shadow: 0 2px 6px 0 #333;
1789     -webkit-box-shadow: 0 2px 6px 0 #333;
1790     -o-box-shadow: 0 2px 6px 0 #333;
847d31 1791 }
T 1792
1793 .popupmenu.dropdown {
1794     border-radius: 0 0 4px 4px;
1795     border-top: 0;
13ed1e 1796 }
T 1797
74d4c7 1798 ul.toolbarmenu,
T 1799 #rcmKSearchpane ul {
c7dcb3 1800     margin: 0;
T 1801     padding: 0;
1802     list-style: none;
1803 }
13ed1e 1804
74d4c7 1805 .googie_list td,
T 1806 ul.toolbarmenu li,
1807 #rcmKSearchpane ul li {
c7dcb3 1808     color: #fff;
T 1809     white-space: nowrap;
1810     min-width: 130px;
1811     margin: 0;
1812     border-top: 1px solid #5a5a5a;
1813     border-bottom: 1px solid #333;
1814 }
13ed1e 1815
74d4c7 1816 .googie_list tr:first-child td,
737fbe 1817 ul.toolbarmenu li:first-child,
T 1818 select.decorated option:first-child {
c7dcb3 1819     border-top: 0;
T 1820 }
1821
74d4c7 1822 .googie_list tr:last-child td,
737fbe 1823 ul.toolbarmenu li:last-child,
T 1824 select.decorated option:last-child {
c7dcb3 1825     border-bottom: 0;
T 1826 }
1827
74d4c7 1828 .googie_list td span,
c7dcb3 1829 ul.toolbarmenu li a {
T 1830     display: block;
1831     color: #666;
74d4c7 1832     text-shadow: 0px 1px 1px #333;
c7dcb3 1833     text-decoration: none;
T 1834     min-height: 14px;
1835     padding: 6px 10px 6px 10px;
1836 }
1837
071c78 1838 .googie_list td span {
T 1839     padding: 3px 10px;
1840 }
1841
74d4c7 1842 .googie_list td span,
c7dcb3 1843 ul.toolbarmenu li a.active {
T 1844     color: #fff;
74d4c7 1845     cursor: default;
c7dcb3 1846 }
T 1847
74d4c7 1848 .googie_list td.googie_list_onhover,
T 1849 ul.toolbarmenu li a.active:hover,
737fbe 1850 #rcmKSearchpane ul li.selected,
T 1851 select.decorated option:hover,
1852 select.decorated option[selected='selected'] {
c7dcb3 1853     background-color: #00aad6;
T 1854     background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
1855     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
1856     background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
1857     background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
1858     background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
68e13c 1859 }
T 1860
4be86f 1861 ul.toolbarmenu.iconized li a,
A 1862 ul.toolbarmenu.selectable li a {
68e13c 1863     padding-left: 30px;
c7dcb3 1864 }
T 1865
4be86f 1866 ul.toolbarmenu.selectable li a.selected {
A 1867     background: url(images/messages.png) 4px -27px no-repeat;
1868 }
1869
c7dcb3 1870 ul.toolbarmenu li label {
T 1871     display: block;
1872     color: #fff;
1873     padding: 4px 8px;
74d4c7 1874     text-shadow: 0px 1px 1px #333;
T 1875 }
1876
af05fe 1877 ul.toolbarmenu li a.icon {
T 1878     color: #eee;
1879     padding: 2px 6px;
1880 }
1881
1882 ul.toolbarmenu li span.icon {
1883     display: block;
1884     min-height: 14px;
ad726a 1885     padding: 4px 4px 1px 24px;
T 1886     height: 17px;
af05fe 1887     background-image: url(images/listicons.png);
T 1888     background-position: -100px 0;
1889     background-repeat: no-repeat;
1890     opacity: 0.2;
d5fedc 1891     filter: alpha(opacity=20);
af05fe 1892 }
T 1893
1894 ul.toolbarmenu li a.active span.icon {
1895     opacity: 0.99;
d5fedc 1896     filter: alpha(opacity=100);
af05fe 1897 }
T 1898
1899 ul.toolbarmenu li span.read {
1900     background-position: 0 -1220px;
1901 }
1902
1903 ul.toolbarmenu li span.unread {
1904     background-position: 0 -1196px;
1905 }
1906
1907 ul.toolbarmenu li span.flagged {
1908     background-position: 0 -1244px;
1909 }
1910
1911 ul.toolbarmenu li span.unflagged {
1912     background-position: 0 -1268px;
1913 }
1914
847d31 1915 ul.toolbarmenu li span.mail {
T 1916     background-position: 0 -1293px;
1917 }
1918
1919 ul.toolbarmenu li span.list {
1920     background-position: 0 -1317px;
1921 }
1922
1923 ul.toolbarmenu li span.invert {
1924     background-position: 0 -1340px;
1925 }
1926
1927 ul.toolbarmenu li span.cross {
1928     background-position: 0 -1365px;
1929 }
1930
af05fe 1931 ul.toolbarmenu li span.print {
T 1932     background-position: 0 -1436px;
1933 }
1934
1935 ul.toolbarmenu li span.download {
1936     background-position: 0 -1412px;
1937 }
1938
1939 ul.toolbarmenu li span.edit {
1940     background-position: 0 -1388px;
1941 }
1942
1943 ul.toolbarmenu li span.viewsource {
1944     background-position: 0 -1460px;
1945 }
1946
1947 ul.toolbarmenu li span.extwin {
1948     background-position: 0 -1484px;
1949 }
1950
847d31 1951 ul.toolbarmenu li span.conversation {
T 1952     background-position: 0 -1532px;
1953 }
1954
74d4c7 1955 #rcmKSearchpane {
T 1956     border-radius: 0 0 4px 4px;
1957     border-top: 0;
1958 }
1959
1960 #rcmKSearchpane ul li {
1961     text-shadow: 0px 1px 1px #333;
1962     text-decoration: none;
1963     min-height: 14px;
1964     padding: 6px 10px 6px 10px;
1965     border: 0;
da042d 1966     cursor: default;
74d4c7 1967 }
T 1968
1969 .popupdialog {
1970     display: none;
1971     padding: 10px;
1972 }
1973
1974 .popupdialog .formbuttons {
1975     margin: 20px 0 4px 0;
1976 }
1977
bab043 1978 .ui-dialog .prompt input {
T 1979     display: block;
1980     margin: 8px 0;
1981 }
1982
74d4c7 1983 .hint {
T 1984     margin: 4px 0;
1985     color: #999;
1986     text-shadow: 0px 1px 1px #fff;
c7dcb3 1987 }
28e18c 1988
918bb9 1989 .splitter {
T 1990     user-select: none;
1991     -moz-user-select: none;
1992     -khtml-user-select: none;
1993     position: absolute;
1994     background: url(images/splitter.png) center no-repeat;
1995 }
1996
1997 .splitter-h {
1998     height: 10px;
1999     width: 100%;
2000     cursor: n-resize;
2001     cursor: row-resize;
2002     background-position: center 0;
2003 }
2004
2005 .splitter-v {
2006     width: 10px;
2007     height: 100%;
2008     cursor: e-resize;
2009     cursor: col-resize;
2010     background-position: 0 center;
2011 }
28e18c 2012
T 2013 #rcmdraglayer {
b540ed 2014     min-width: 260px;
28e18c 2015     width: auto !important;
b540ed 2016     width: 260px;
28e18c 2017     padding: 6px 8px;
T 2018     background: #444;
2019     border: 1px solid #555;
2020     border-radius: 4px;
2021     box-shadow: 0 2px 6px 0 #333;
2022     -moz-box-shadow: 0 2px 6px 0 #333;
2023     -webkit-box-shadow: 0 2px 6px 0 #333;
2024     -o-box-shadow: 0 2px 6px 0 #333;
2025     z-index: 250;
2026     color: #ccc;
2027     white-space: nowrap;
2028     opacity: 0.92;
d5fedc 2029     filter: alpha(opacity=92);
74d4c7 2030     text-shadow: 0px 1px 1px #333;
28e18c 2031 }
T 2032
2033 #rcmdraglayer:after {
2034     content: "";
2035     position: absolute;
2036     top: 6px;
2037     left: -6px;
2038     border-style: solid;
2039     border-width: 6px 6px 6px 0;
2040     border-color: transparent #444;
2041     /* reduce the damage in FF3.0 */
2042     display: block; 
2043     width: 0;
071c78 2044     z-index: 251;
28e18c 2045 }
T 2046
071c78 2047 .draglayercopy:before {
28e18c 2048     position: absolute;
071c78 2049     bottom: -6px;
28e18c 2050     left: -6px;
T 2051     content: " ";
071c78 2052     width: 16px;
T 2053     height: 16px;
2054     background: url(images/buttons.png) -7px -358px no-repeat;
2055     z-index: 255;
28e18c 2056 }
T 2057
bab043 2058
d1c909 2059 /*** attachment list ***/
T 2060
2061 .attachmentslist {
2062     list-style: none;
2063     margin: 0;
2064     padding: 0;
2065     overflow: hidden;
2066     text-overflow: ellipsis;
2067 }
2068
2069 .attachmentslist li {
2070     display: block;
2071     position: relative;
2072     background: url(images/filetypes.png) 0 0 no-repeat;
2073     margin-bottom: 1px;
2074 }
2075
2076 .attachmentslist li.pdf {
2077     background-position: 0 -26px;
2078 }
2079
2080 .attachmentslist li.doc,
f70932 2081 .attachmentslist li.docx,
d1c909 2082 .attachmentslist li.msword {
T 2083     background-position: 0 -52px;
2084 }
2085
e88a14 2086 .attachmentslist li.odt {
T 2087     background-position: 0 -78px;
2088 }
2089
d1c909 2090 .attachmentslist li.xls,
f70932 2091 .attachmentslist li.xlsx,
d1c909 2092 .attachmentslist li.msexcel {
e88a14 2093     background-position: 0 -104px;
T 2094 }
2095
2096 .attachmentslist li.ods {
2097     background-position: 0 -130px;
d1c909 2098 }
T 2099
2100 .attachmentslist li.zip,
2101 .attachmentslist li.gz {
2102     background-position: 0 -156px;
2103 }
2104
10560d 2105 .attachmentslist li.rar {
d1c909 2106     background-position: 0 -182px;
T 2107 }
2108
e88a14 2109 .attachmentslist li.image {
T 2110     background-position: 0 -208px;
2111 }
2112
2113 .attachmentslist li.jpg,
2114 .attachmentslist li.jpeg {
2115     background-position: 0 -234px;
2116 }
2117
2118 .attachmentslist li.png {
2119     background-position: 0 -260px;
2120 }
2121
2122 .attachmentslist li.m4p {
2123     background-position: 0 -286px;
2124 }
2125
2126 .attachmentslist li.mp3,
2127 .attachmentslist li.audio {
2128     background-position: 0 -312px;
2129 }
2130
2131 .attachmentslist li.video {
2132     background-position: 0 -338px;
2133 }
2134
f8c961 2135 .attachmentslist li.txt,
TB 2136 .attachmentslist li.text {
2137     background-position: 0 -416px;
2138 }
2139
174e2c 2140 .attachmentslist li.ics,
TB 2141 .attachmentslist li.calendar {
2142     background-position: 0 -364px;
2143 }
2144
f8c961 2145 .attachmentslist li.vcard {
TB 2146     background-position: 0 -390px;
2147 }
2148
2149 .attachmentslist li.html {
2150     background-position: 0 -442px;
2151 }
2152
d1c909 2153 .attachmentslist li a,
T 2154 #compose-attachments ul li {
2155     display: block;
2156     color: #333;
2157     font-weight: bold;
2158     padding: 8px 4px 3px 30px;
2159     text-shadow: 0px 1px 1px #fff;
2160     text-decoration: none;
2161     white-space: nowrap;
96077f 2162     overflow: hidden;
TB 2163     text-overflow: ellipsis;
2164 }
2165
2166 #compose-attachments ul li {
2167     padding-right: 28px;
d1c909 2168 }
T 2169
2170 .attachmentslist li a:hover {
2171     text-decoration: underline;
2172 }
2173
2174 .attachmentslist li.uploading {
2175     background: url(images/ajaxloader.gif) 2px 6px no-repeat;
2176 }
2177
2178 .attachmentslist li a.delete,
2179 .attachmentslist li a.cancelupload {
2180     position: absolute;
2181     top: 6px;
2182     right: 0;
2183     width: 24px;
2184     height: 18px;
2185     padding: 0;
2186     text-decoration: none;
900e62 2187     text-indent: -5000px;
d1c909 2188     background: url(images/buttons.png) -7px -337px no-repeat;
T 2189 }
2190
2191 .attachmentslist li a.cancelupload {
2192     background-position: -7px -377px;
2193 }
2194
2195
bab043 2196 /*** fieldset tabs ***/
T 2197
2198 .tabsbar {
68e13c 2199     margin-bottom: 12px;
bab043 2200     padding-top: 15px;
T 2201     height: 27px;
1c079c 2202     white-space: nowrap;
bab043 2203 }
T 2204
73364f 2205 .ui-dialog-content .tabsbar {
TB 2206     margin-bottom: 0;
2207 }
2208
bab043 2209 .tabsbar .tablink {
T 2210     padding: 15px 1px 15px 0;
2211     background: #f8f8f8;
2212     background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
2213     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
2214     background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
2215     background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
2216     background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
2217     background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
2218 }
2219
2220 .tabsbar .tablink:last-child {
2221     background: none;
2222 }
2223
2224 .tabsbar .tablink:last-child a {
2225     border-right: 0;
2226 }
2227
2228 .tabsbar .tablink a {
2229     padding: 15px;
2230     color: #999;
2231     font-size: 12px;
2232     font-weight: bold;
2233     text-decoration: none;
2234     background: #fff;
2235     border-right: 1px solid #fafafa;
2236 }
2237
2238 .tabsbar .tablink.selected a {
2239     color: #004458;
071c78 2240     background: #f6f6f6;
bab043 2241     background: -moz-linear-gradient(top, #fff 40%, #efefef 100%);
T 2242     background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#efefef));
2243     background: -o-linear-gradient(top, #fff 40%, #efefef 100%);
2244     background: -ms-linear-gradient(top, #fff 40%, #efefef 100%);
2245     background: linear-gradient(top, #fff 40%, #efefef 100%);
2246 }
2247
2248 fieldset.tab {
2249     border: 0;
2250     padding: 0;
68e13c 2251     margin-left: 0;
bab043 2252 }