Roundcubemail devel
view | history | commit | commitdiff
thomascube
2011-12-31 b9441a1632638c23c118867543f6477cecb8134d
commit | author | age
e7c445 1 /**
T 2  * Roundcube webmail styles for skin "Larry"
3  *
4  * Copyright (c) 2011, The Roundcube Dev Team
5  * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
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;
21 }
22
b1fa1a 23 a {
T 24     color: #0069a6;
25 }
26
27 a:visited {
28     color: #0186ba;
29 }
30
31 img {
32   border: 0;
33 }
34
e7c445 35 input[type="text"],
T 36 input[type="password"],
37 textarea {
bab043 38     margin: 0; /* Safari by default adds a margin */
e7c445 39     padding: 4px;
b1fa1a 40     border: 1px solid #b2b2b2;
e7c445 41     border-radius: 4px;
b1fa1a 42     box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
T 43     -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
44     -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
45     -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
e7c445 46 }
T 47
48 input[type="text"]:focus,
49 input[type="password"]:focus,
50 input.button:focus,
e19229 51 textarea:focus {
e7c445 52     border-color: #4787b1;
T 53     box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
54     -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
55     -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
56     -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
57 }
58
59 input.placeholder,
60 textarea.placeholder {
61     color: #aaa;
62 }
b1fa1a 63
847d31 64 select.selector {
T 65     padding: 2px 4px;
66 }
67
b1fa1a 68
T 69 /*** buttons ***/
e7c445 70
T 71 input.button {
28e18c 72     display: inline-block;
T 73     margin: 0 2px;
188634 74     padding: 2px 5px;
28e18c 75     color: #525252;
74d4c7 76     text-shadow: 0px 1px 1px #fff;
28e18c 77     border: 1px solid #c0c0c0;
T 78     border-radius: 4px;
79     background: #f7f7f7;
80     background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
81     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
82     background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
83     background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
84     background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
68e13c 85     box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
T 86     -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
87     -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
88     -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
28e18c 89     text-decoration: none;
bab043 90     outline: none;
28e18c 91 }
T 92
93 .formbuttons input.button {
e19229 94     color: #ddd;
e7c445 95     font-size: 110%;
74d4c7 96     text-shadow: 0px 1px 1px #333;
e7c445 97     padding: 4px 12px;
28e18c 98     border-color: #465864;
e7c445 99     border-radius: 5px;
T 100     background: #7a7b7d;
68e13c 101     background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */
T 102     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */
103     background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */
104     background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */
105     background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */
74d4c7 106     box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
T 107     -o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
108     -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
109     -moz-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
e7c445 110 }
T 111
bab043 112 .formbuttons input.button:hover,
4f1b7a 113 .formbuttons input.button:focus,
T 114 input.button.mainaction:hover,
115 input.button.mainaction:focus {
e19229 116     color: #f2f2f2;
188634 117     border-color: #465864;
74d4c7 118     box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
T 119     -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
120     -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
121     -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
e7c445 122 }
T 123
28e18c 124 .formbuttons input.button:active {
e7c445 125     color: #fff;
68e13c 126     background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
T 127     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b));
128     background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
129     background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
130     background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
e7c445 131 }
T 132
133 input.button.mainaction {
134     color: #ededed;
4f1b7a 135     text-shadow: 0px 1px 1px #333;
e7c445 136     border-color: #1f262c;
T 137     background: #505050;
68e13c 138     background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
T 139     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
140     background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
141     background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
142     background: linear-gradient(top, #505050 0%, #2a2e31 100%);
4f1b7a 143     box-shadow: inset 0 1px 0 0 #777;
T 144     -moz-box-shadow: inset 0 1px 0 0 #777;
145     -webkit-box-shadow: inset 0 1px 0 0 #777;
146     -o-box-shadow: inset 0 1px 0 0 #777;
e7c445 147 }
T 148
b1fa1a 149 input.button.mainaction:active {
T 150     color: #fff;
74d4c7 151     background: #515151;
68e13c 152     background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
T 153     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
154     background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
155     background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
156     background: linear-gradient(top, #2a2e31 0%, #505050 100%);
b1fa1a 157 }
T 158
e7c445 159 input.button[disabled],
T 160 input.button[disabled]:hover,
161 input.button.mainaction[disabled] {
162     color: #aaa !important;
163 }
164
165 input.mainaction {
166     font-weight: bold;
167 }
168
b1fa1a 169 /** link buttons **/
T 170
171 a.button {
172     display: inline-block;
a4be51 173     margin: 0 2px;
b1fa1a 174     padding: 2px 5px;
T 175     color: #525252;
74d4c7 176     text-shadow: 0px 1px 1px #fff;
a4be51 177     border: 1px solid #c6c6c6;
b1fa1a 178     border-radius: 4px;
T 179     background: #f7f7f7;
180     background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
181     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
182     background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
183     background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
184     background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
68e13c 185     box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
T 186     -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
187     -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
188     -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
b1fa1a 189     text-decoration: none;
e7c445 190 }
T 191
68e13c 192 a.button:focus,
bab043 193 input.button:focus {
188634 194     border-color: #4fadd5;
T 195     box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
196     -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
197     -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
198     -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
68e13c 199     outline: none;
188634 200 }
T 201
74d4c7 202 label.disabled,
b1fa1a 203 a.button.disabled {
T 204     color: #999;
e7c445 205 }
T 206
188634 207 a.button.disabled,
T 208 input.button.disabled,
209 input.button[disabled],
210 a.button.disabled:hover,
211 input.button.disabled:hover,
212 input.button[disabled]:hover {
213     border-color: #c6c6c6;
68e13c 214     box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
T 215     -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
216     -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
217     -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
188634 218 }
T 219
b1fa1a 220 a.button.disabled span.inner {
T 221     opacity: 0.4;
e7c445 222 }
b1fa1a 223
c7dcb3 224 a.button.pressed,
28e18c 225 a.button:active,
T 226 input.button:active {
b1fa1a 227     background: #e6e6e6;
T 228     background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
229     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
230     background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
231     background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
232     background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
233 }
234
a4be51 235 .pagenav.dark a.button {
b1fa1a 236     font-weight: bold;
T 237     border-color: #e6e6e6;
238     background: #f7f7f7;
239     background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
240     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
241     background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
242     background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
243     background: linear-gradient(top, #d8d8d8 0%, #bababa 100%);
a4be51 244     box-shadow: 0 1px 1px 0 #999;
T 245     -o-box-shadow: 0 1px 1px 0 #999;
246     -webkit-box-shadow: 0 1px 1px 0 #999;
247     -moz-box-shadow: 0 1px 1px 0 #999;
b1fa1a 248 }
T 249
a4be51 250 .pagenav.dark a.button.pressed {
b1fa1a 251     background: #bababa;
T 252     background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
253     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
254     background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
255     background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
256     background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
257 }
258
b540ed 259 .pagenav a.button {
T 260     padding: 1px 3px;
68e13c 261     height: 16px;
b540ed 262 }
T 263
b1fa1a 264 .pagenav a.button span.inner {
T 265     display: inline-block;
b540ed 266     width: 16px;
T 267     height: 13px;
c7dcb3 268     text-indent: 1000px;
T 269     overflow: hidden;
b540ed 270     background: url(images/buttons.png) -6px -211px no-repeat;
b1fa1a 271 }
T 272
273 .pagenav a.prevpage span.inner {
b540ed 274     background-position: -7px -226px;
b1fa1a 275 }
T 276
277 .pagenav a.nextpage span.inner {
b540ed 278     background-position: -28px -226px;
b1fa1a 279 }
T 280
281 .pagenav a.lastpage span.inner {
b540ed 282     background-position: -28px -211px;
T 283 }
284
285 .pagenav a.pageup span.inner {
af05fe 286     background-position: -7px -241px;
b540ed 287 }
T 288
289 .pagenav a.pagedown span.inner {
af05fe 290     background-position: -29px -241px;
T 291 }
292
293 .pagenav a.reply span.inner {
294     background-position: -7px -256px;
295 }
296
297 .pagenav a.forward span.inner {
b540ed 298     background-position: -29px -256px;
T 299 }
300
af05fe 301 .pagenav a.replyall span.inner {
b540ed 302     background-position: -7px -271px;
T 303 }
304
305 .pagenav a.extwin span.inner {
306     background-position: -29px -271px;
b1fa1a 307 }
T 308
309 .pagenav .countdisplay {
310     display: inline-block;
847d31 311     padding:0 1em;
74d4c7 312     text-shadow: 0px 1px 1px #fff;
847d31 313     min-width: 16em;
b1fa1a 314 }
T 315
316 a.iconbutton {
317     display: inline-block;
318     width: 24px;
319     height: 18px;
320     text-decoration: none;
a4be51 321     text-indent: -1000px;
b1fa1a 322     background: url(images/buttons.png) -1000px 0 no-repeat;
T 323 }
324
918bb9 325 a.iconbutton.disabled {
T 326     opacity: 0.4;
327     cursor: default;
328 }
329
b1fa1a 330 a.iconbutton.searchoptions {
74d4c7 331     background-position: -2px -317px;
b1fa1a 332 }
T 333
334 a.iconbutton.reset {
74d4c7 335     background-position: -25px -317px;
b1fa1a 336 }
T 337
74d4c7 338 a.iconbutton.cancel {
T 339     background-position: -7px -377px;
340 }
341
342 a.iconlink {
343     display: inline-block;
344     color: #888;
345     text-decoration: none;
346     padding: 2px 8px 2px 20px;
347     background: url(images/buttons.png) -1000px 0 no-repeat;
348 }
349
350 a.iconlink:hover {
351     text-decoration: underline;
352 }
353
68e13c 354 a.iconlink.delete {
T 355     background-position: -7px -337px;
356 }
357
74d4c7 358 a.iconlink.add {
T 359     background-position: -7px -357px;
360 }
361
68e13c 362 a.iconlink.remove {
T 363     background-position: -7px -377px;
364 }
365
366 a.iconlink.cancel {
74d4c7 367     background-position: -7px -397px;
T 368 }
bab043 369
68e13c 370 a.iconlink.edit {
T 371     background-position: -7px -417px;
372 }
373
374 a.iconlink.upload {
375     background-position: -6px -437px;
bab043 376 }
T 377
b1fa1a 378
T 379 /*** message bar ***/
e7c445 380
T 381 #message div.loading,
382 #message div.warning,
383 #message div.error,
384 #message div.notice,
c7dcb3 385 #message div.confirmation,
T 386 #message-objects div.notice {
e7c445 387     color: #555;
T 388     font-weight: bold;
b540ed 389     padding: 6px 30px 6px 25px;
e7c445 390     display: inline-block;
T 391     white-space: nowrap;
392     background: url(images/messages.png) 0 5px no-repeat;
b1fa1a 393     cursor: default;
e7c445 394 }
T 395
396 #message div.warning {
397     color: #960;
398     background-position: 0 -25px;
399 }
400
401 #message div.error {
402     color: #cf2734;
403     background-position: 0 -55px;
404 }
405
406 #message div.confirmation {
407     color: #093;
408     background-position: 0 -86px;
409 }
410
411 #message div.loading {
412     background: url(images/ajaxloader.gif) 2px 6px no-repeat;
b1fa1a 413 }
T 414
415 #message.statusbar {
416     position: absolute;
417     bottom: 0;
418     left: 0;
419     right: 0;
420     height: 27px;
421     padding-left: 8px;
422     border-top: 1px solid #ddd;
423     border-radius: 0 0 4px 4px;
424     background: #eaeaea;
425     background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
426     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
427     background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
428     background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
429     background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
b540ed 430     white-space: nowrap;
T 431     overflow: hidden;
432     text-overflow: ellipsis;
e7c445 433 }
T 434
435
436 /*** basic page layout ***/
437
438 #topline {
439     height: 18px;
440     background: url(images/linen_header.jpg) repeat #666;
441     border-bottom: 1px solid #4f4f4f;
442     padding: 2px 0 2px 10px;
443     color: #aaa;
444 }
445
446 #topnav {
447     height: 46px;
448     margin-bottom: 10px;
449     padding: 0 0 0 10px;
450     background: #3a3a3a;
451     background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(6,6,6,1) 100%);
452     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(100%,rgba(6,6,6,1)));
453     background: -o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
454     background: -ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
455     background: linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
456 }
457
458 #topline a,
459 #topnav a {
460     color: #eee;
461     text-decoration: none;
462 }
463
12bf0f 464 #topline a:hover {
c7dcb3 465     text-decoration: underline;
T 466 }
467
e7c445 468 #toplogo {
T 469     padding-top: 2px;
470 }
471
472 .topleft {
473     float: left;
474 }
475
476 .topright {
477     float: right;
c7dcb3 478 }
T 479
480 .closelink {
481     display: inline-block;
482     padding: 2px 10px 2px 20px;
e7c445 483 }
T 484
485 #topline span.username {
486     padding-right: 1em;
487 }
488
e19229 489 #topline .topleft a {
e7c445 490     display: inline-block;
e19229 491     padding: 2px 0.8em 0 0;
T 492     color: #aaa;
e7c445 493 }
T 494
495 #topline a.button-logout {
496     display: inline-block;
497     padding: 2px 10px 2px 20px;
b1fa1a 498     background: url(images/buttons.png) -6px -193px no-repeat;
e7c445 499     color: #fff;
T 500 }
c7dcb3 501
e7c445 502
b1fa1a 503 /*** taskbar ***/
T 504
e7c445 505 #taskbar a {
b1fa1a 506     display: inline-block;
T 507     height: 34px;
508     padding: 12px 10px 0 6px;
509 }
510
511 #taskbar a span.button-inner {
e7c445 512     display: inline-block;
T 513     font-size: 110%;
514     font-weight: normal;
74d4c7 515     text-shadow: 0px 1px 1px black;
b1fa1a 516     padding: 5px 0 0 34px;
T 517     height: 19px;
518     background: url(images/buttons.png) -1000px 0 no-repeat;
e7c445 519 }
T 520
521 #taskbar a.button-selected {
522     color: #3cf;
523     background-color: #2c2c2c;
524 }
525
b1fa1a 526 #taskbar a.button-mail span.button-inner {
T 527     background-position: 0 2px;
e7c445 528 }
T 529
b1fa1a 530 #taskbar a.button-mail:hover span.button-inner,
T 531 #taskbar a.button-mail.button-selected span.button-inner {
532     background-position: 0 -22px;
e7c445 533 }
T 534
b1fa1a 535 #taskbar a.button-addressbook span.button-inner {
T 536     background-position: 0 -48px;
e7c445 537 }
T 538
b1fa1a 539 #taskbar a.button-addressbook:hover span.button-inner,
T 540 #taskbar a.button-addressbook.button-selected span.button-inner {
541     background-position: 0 -72px;
e7c445 542 }
T 543
b1fa1a 544 #taskbar a.button-settings span.button-inner {
T 545     background-position: 0 -96px;
e7c445 546 }
T 547
b1fa1a 548 #taskbar a.button-settings:hover span.button-inner,
T 549 #taskbar a.button-settings.button-selected span.button-inner {
550     background-position: 0 -120px;
e7c445 551 }
T 552
b1fa1a 553 #taskbar a.button-calendar span.button-inner {
T 554     background-position: 0 -144px;
e7c445 555 }
T 556
b1fa1a 557 #taskbar a.button-calendar:hover span.button-inner,
T 558 #taskbar a.button-calendar.button-selected span.button-inner {
559     background-position: 0 -168px;
e7c445 560 }
T 561
562 #mainscreen {
563     position: absolute;
564     top: 88px;
565     left: 10px;
566     right: 10px;
567     bottom: 20px;
b1fa1a 568 }
T 569
570 #mainscreen.offset {
571     top: 130px;
e7c445 572 }
T 573
68e13c 574 #mainscreen .offset {
T 575     margin-top: 42px;
576 }
577
e7c445 578 .uibox {
T 579     border: 1px solid #a3a3a3;
580     border-radius: 4px;
581     box-shadow: 0 0 2px #999;
582     -o-box-shadow: 0 0 2px #999;
583     -webkit-box-shadow: 0 0 2px #999;
584     -moz-box-shadow: 0 0 2px #999;
585     background: #fff;
586 }
587
e19229 588 .scroller {
T 589     overflow: auto;
590 }
591
592 .readtext {
593     width: 42em;
594     padding: 12px;
68e13c 595     font-size: 12px;
e19229 596 }
T 597
598 .readtext > h1,
599 .readtext > h2,
600 .readtext > h3 {
601     margin-top: 0;
602 }
603
604 .watermark {
605     background-image: url(images/watermark.jpg);
606     background-position: center;
607     background-repeat: no-repeat;
608 }
609
b1fa1a 610 /*** lists ***/
T 611
e7c445 612 .listbox {
T 613     background: #d9ecf4;
b1fa1a 614     overflow: hidden;
T 615 }
616
617 .listbox .scroller {
618     position: absolute;
619     top: 0;
620     left: 0;
621     width: 100%;
622     bottom: 0;
623     overflow: auto;
624 }
625
e19229 626 .listbox .scroller.withfooter {
c7dcb3 627     bottom: 42px;
T 628 }
629
b1fa1a 630 .listbox .boxtitle + .scroller {
T 631     top: 34px;
632 }
633
634 .boxtitle,
635 .uibox .listing thead td {
636     font-size: 12px;
637     font-weight: bold;
638     padding: 10px 8px 8px 8px;
639     margin: 0;
74d4c7 640     text-shadow: 0px 1px 1px #fff;
b1fa1a 641     border-bottom: 1px solid #bbd3da;
918bb9 642     white-space: nowrap;
b1fa1a 643 }
T 644
645 .uibox .boxtitle,
646 .uibox .listing thead td {
647     background: #b0ccd7;
648     color: #004458;
649     border-radius: 4px 4px 0 0;
650 }
651
652 .listbox .listitem,
28e18c 653 .listbox .tablink,
b1fa1a 654 .listing tbody td,
T 655 .listing li {
656     display: block;
657     border-top: 1px solid #fff;
658     border-bottom: 1px solid #bbd3da;
659     cursor: default;
660     font-weight: normal;
661 }
662
663 .listbox .listitem a,
28e18c 664 .listbox .tablink a,
b1fa1a 665 .listing tbody td,
T 666 .listing li a {
667     display: block;
668     color: #376572;
74d4c7 669     text-shadow: 0px 1px 1px #fff;
b1fa1a 670     text-decoration: none;
T 671     cursor: default;
e19229 672     padding: 7px 8px 5px 8px;
T 673     white-space: nowrap;
b540ed 674 }
T 675
676 .listing tbody td {
677     display: table-cell;
b1fa1a 678 }
T 679
680 .listbox .listitem.selected,
28e18c 681 .listbox .tablink.selected,
12bf0f 682 .listbox .listitem.selected > a,
T 683 .listbox .tablink.selected > a,
b1fa1a 684 .listing tbody tr.selected td,
68e13c 685 .listing li.selected,
12bf0f 686 .listing li.selected > a {
b1fa1a 687     color: #004458;
T 688     font-weight: bold;
689 }
690
691 ul.listing {
692     display: block;
693     list-style: none;
694     margin: 0;
695     padding: 0;
28e18c 696 }
T 697
698 ul.listing li {
699     background-color: #d9ecf4;
700 }
701
b540ed 702 ul.listing li.droptarget,
T 703 table.listing tr.droptarget td {
28e18c 704     background-color: #c7e3ef;
b1fa1a 705 }
T 706
74d4c7 707 table.listing,
T 708 table.layout {
709     border: 0;
b1fa1a 710     width: 100%;
879b05 711     border-spacing: 0;
74d4c7 712 }
T 713
714 table.layout td {
715     vertical-align: top;
c7dcb3 716 }
T 717
718 .listbox .boxfooter {
719     position: absolute;
720     bottom: 0;
721     left: 0;
722     width: 100%;
723     height: 42px;
724     border-top: 1px solid #ccdde4;
725     background: #d9ecf4;
726     -webkit-box-shadow: inset 0 1px 0 0 #fff;
727     -moz-box-shadow: inset 0 1px 0 0 #fff;
728     box-shadow: inset 0 1px 0 0 #fff;
68e13c 729     white-space: nowrap;
T 730     overflow: hidden;
c7dcb3 731 }
T 732
733 .boxfooter .listbutton {
734     display: inline-block;
735     text-decoration: none;
736     width: 48px;
737     border-right: 1px solid #fff;
738     background: #c7e3ef;
739     padding: 3px 0;
740     margin-top: 1px;
741 }
742
743 .boxfooter .listbutton .inner {
744     display: inline-block;
745     width: 48px;
746     height: 35px;
747     text-indent: -1000px;
748     background: url(images/buttons.png) -1000px 0 no-repeat;
749 }
750
e19229 751 .boxfooter .listbutton.add .inner {
b9441a 752     background-position: 10px -1301px;
bab043 753 }
T 754
755 .boxfooter .listbutton.delete .inner {
b9441a 756     background-position: 10px -1342px;
e19229 757 }
T 758
c7dcb3 759 .boxfooter .listbutton.groupactions .inner {
b9441a 760     background-position: 5px -1382px;
68e13c 761 }
T 762
763 .boxfooter .listbutton.disabled .inner {
764     opacity: 0.4;
765 }
766
767 .boxfooter .countdisplay {
768     display: inline-block;
769     position: relative;
770     top: 10px;
771     color: #69929e;
772     padding: 3px 6px;
773 }
774
775 .boxpagenav {
776     position: absolute;
777     top: 10px;
778     right: 6px;
779     width: auto;
780 }
781
782 .boxpagenav a.icon {
783     display: inline-block;
784     padding: 1px 3px;
785     height: 13px;
786     width: 14px;
787     text-indent: 1000px;
788     overflow: hidden;
789     background: url(images/buttons.png) -4px -286px no-repeat;
790 }
791
792 .boxpagenav a.icon.prevpage {
793     background-position: -4px -301px;
794 }
795
796 .boxpagenav a.icon.nextpage {
797     background-position: -28px -301px;
798 }
799
800 .boxpagenav a.icon.lastpage {
801     background-position: -28px -286px;
802 }
803
804 .boxpagenav a.icon.disabled {
805     opacity: 0.4;
b1fa1a 806 }
T 807
e19229 808 .centerbox {
T 809     width: 40em;
68e13c 810     margin: 16px auto;
e19229 811 }
T 812
813 .errorbox {
814     width: 40em;
815     padding: 20px;
816 }
817
818 .errorbox h3 {
15f48a 819     font-size: 16px;
T 820     margin-top: 0;
821 }
e19229 822
b1fa1a 823
68e13c 824 /*** Records table ***/
T 825
826 table.records-table {
827     display: table;
828     width: 100%;
829     table-layout: fixed;
830     border-collapse: collapse;
831     border-spacing: 0;
832     border: 1px solid #bbd3da;
833 }
834
835 .boxlistcontent .records-table {
836     border: 0;
837 }
838
839 .records-table thead td {
840     color: #69939e;
841     font-size: 11px;
842     font-weight: bold;
843     background: #d6eaf3;
844     background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
845     background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(14px,#d6eaf3), color-stop(100%,#d6eaf3));
846     background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
847     background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
848     background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
849     border-left: 1px solid #bbd3da;
850     padding: 8px 7px;
851 }
852
853 .records-table.sortheader thead td {
854     padding: 0;
855 }
856
857 .records-table thead td a,
858 .records-table thead td span {
859     display: block;
860     padding: 8px 7px;
861     color: #69939e;
862     text-decoration: none;
863 }
864
865 .records-table tbody td {
866     padding: 3px 7px;
867     border-bottom: 1px solid #ddd;
868     border-left: 1px dotted #bbd3da;
869     white-space: nowrap;
870     cursor: default;
871     overflow: hidden;
872     text-overflow: ellipsis;
873     background-color: #fff;
874 }
875
876 .records-table thead tr td:first-child,
877 .records-table tbody tr td:first-child {
878     border-left: 0;
879 }
880
881 .records-table tbody td a {
882     color: #333;
883     text-decoration: none;
884     white-space: nowrap;
885     cursor: default;
886 }
887
888 .records-table tr.selected td {
889     color: #fff !important;
890     background: #019bc6;
891     background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
892     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
893     background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
894     background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
895     background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
896 }
897
898 .records-table tr.selected td a,
899 .records-table tr.selected td span {
900     color: #fff !important;
901 }
902
903 .records-table tr.unfocused td {
904     color: #fff !important;
905     background: #4db0d2;
906 }
907
908 .records-table tr.unfocused td a,
909 .records-table tr.unfocused td span {
910     color: #fff !important;
911 }
912
913 .records-table tr.deleted td,
914 .records-table tr.deleted td a {
915     color: #ccc !important;
916 }
917
918
b1fa1a 919 /*** iFrames ***/
68e13c 920
T 921 #aboutframe {
922     width: 97%;
923     height: 100%;
924     border: 0;
925     padding: 0;
926 }
b1fa1a 927
T 928 body.iframe {
929     background: #fff;
68e13c 930     margin: 38px 0 10px 0;
T 931 }
932
933 body.iframe.footerbuttons {
934     margin-bottom: 42px;
b540ed 935 }
T 936
937 body.iframe.fullheight {
938     margin: 0;
b1fa1a 939 }
T 940
e19229 941 .contentbox .boxtitle,
b1fa1a 942 body.iframe .boxtitle {
T 943     color: #777;
944     background: #eee;
945     background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
946     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
947     background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
948     background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
949     background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
950     border-bottom: 1px solid #ccc;
951 }
952
e19229 953 body.iframe .boxtitle {
T 954     position: fixed;
955     top: 0;
956     left: 0;
957     width: 100%;
bab043 958     z-index: 100;
68e13c 959 }
T 960
961 body.iframe .footerbuttons {
962     position: fixed;
963     left: 0;
964     bottom: 0;
965     width: 100%;
966     z-index: 110;
967     background: #fff;
968     padding: 8px;
e19229 969 }
T 970
b1fa1a 971 .boxcontent {
T 972     padding: 10px;
e19229 973 }
T 974
975 .contentbox .scroller {
976     position: absolute;
977     top: 34px;
978     left: 0;
979     right: 0;
980     bottom: 28px;
981     overflow: auto;
b1fa1a 982 }
T 983
984 .footerleft {
985     padding: 0 12px;
986 }
987
988 .propform fieldset {
989     margin-bottom: 20px;
990     border: 0;
991     padding: 0;
992 }
993
994 .propform fieldset legend {
995     display: block;
996     font-size: 14px;
997     font-weight: bold;
b540ed 998     padding-bottom: 10px;
T 999     margin-bottom: 0;
1000 }
1001
1002 .propform fieldset fieldset legend {
1003     color: #666;
1004     font-size: 12px;
b1fa1a 1005 }
T 1006
74d4c7 1007 fieldset.floating {
T 1008     float: left;
1009     margin-right: 10px;
1010     margin-bottom: 10px;
1011 }
1012
b1fa1a 1013 table.propform {
T 1014     width: 100%;
1015     border-spacing: 0;
1016     border-collapse: collapse;
1017 }
1018
74d4c7 1019 ul.proplist li,
b1fa1a 1020 table.propform td {
T 1021     width: 80%;
1022     padding: 4px 10px;
1023     background: #eee;
1024     border-bottom: 2px solid #fff;
1025 }
1026
1027 table.propform td.title {
1028     width: 20%;
1029     color: #333;
1030     padding-right: 20px;
1031     white-space: nowrap;
e19229 1032 }
T 1033
1034 table.propform .mceLayout td {
1035     padding: 0;
1036     border-bottom: 0;
74d4c7 1037 }
T 1038
1039 ul.proplist {
1040     list-style: none;
1041     margin: 0;
1042     padding: 0;
1043 }
1044
1045 ul.proplist li {
1046     width: auto;
e7c445 1047 }
T 1048
4f1b7a 1049 #pluginbody {
T 1050     position: absolute;
1051     top: 0;
1052     left: 0;
1053     right: 0;
1054     bottom: 0;
1055 }
1056
e7c445 1057
T 1058 /*** Login form ***/
1059
1060 #login-form {
1061     position: relative;
1062     width: 580px;
1063     margin: 20ex auto 2ex auto;
1064 }
1065
1066 #login-form .box-inner {
1067     width: 430px;
1068     background: url(images/linen_login.jpg) top left no-repeat #5c5c5c;
1069     margin: 0 50px;
1070     padding: 10px 24px 24px 24px;
1071     border: 1px solid #333;
1072     border-radius: 5px;
1073     box-shadow: inset 0 0 1px #ccc;
1074     -o-box-shadow: inset 0 0 1px #ccc;
1075     -webkit-box-shadow: inset 0 0 1px #ccc;
1076     -moz-box-shadow: inset 0 0 1px #ccc;
1077 }
1078
1079 #login-form .box-bottom {
1080     background: url(images/login_shadow.png) top center no-repeat;
1081     margin-top: -3px;
1082     padding-top: 10px;
1083 }
1084
1085 #login-form td.input {
1086     padding: 8px;
1087 }
1088
1089 #login-form input[type="text"],
1090 #login-form input[type="password"] {
1091     width: 24em;
b1fa1a 1092     border-color: #666;
e7c445 1093 }
T 1094
1095 #login-form input.button {
1096     color: #444;
74d4c7 1097     text-shadow: 0px 1px 1px #fff;
e7c445 1098     border-color: #f9f9f9;
T 1099     background: #f9f9f9;
1100     background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
1101     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(226,226,226,1)));
1102     background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
1103     background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
1104     background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
af05fe 1105     box-shadow: inset 0 1px 0 0 #fff;
T 1106     -moz-box-shadow: inset 0 1px 0 0 #fff;
1107     -webkit-box-shadow: inset 0 1px 0 0 #fff;
1108     -o-box-shadow: inset 0 1px 0 0 #fff;
1109 }
1110
bab043 1111 #login-form input.button:hover,
T 1112 #login-form input.button:focus {
1113     box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1114     -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1115     -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1116     -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
e7c445 1117 }
T 1118
1119 #login-form input.button:active {
1120     color: #333;
1121     background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(249,249,249,1) 100%);
1122     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(249,249,249,1)));
1123     background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
1124     background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
1125     background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
1126 }
1127
1128 #login-form td.title {
1129     color: #cecece;
74d4c7 1130     text-shadow: 0px 1px 1px black;
e7c445 1131     text-align: right;
T 1132     padding-right: 1em;
1133 }
1134
264476 1135 #login-form p.formbuttons {
e7c445 1136     margin-top: 2em;
T 1137     text-align: center;
1138 }
1139
1140 #login-form #logo {
1141     margin-bottom: 20px;
1142 }
1143
1144 #login-form #message {
1145     min-height: 40px;
1146     padding: 5px 25px;
1147 }
1148
1149 #login-form #message div {
1150     display: block;
1151     width: 200px;
1152     margin: 0 auto;
1153 }
1154
1155 #bottomline {
1156     font-size: 90%;
1157     text-align: center;
1158     margin-top: 2em;
1159 }
1160
b1fa1a 1161
T 1162
1163 /*** quicksearch **/
1164
1165 #quicksearchbar {
1166     width: 100%;
1167 }
1168
1169 #quicksearchbar input {
1170     width: 176px;
879b05 1171     margin: 0;
b1fa1a 1172     padding: 5px 26px 5px 38px;
T 1173     background: #f1f1f1;
1174     border-color: #a3a3a3;
879b05 1175     font-weight: bold;
b1fa1a 1176 }
T 1177
1178 #quicksearchbar #searchmenulink {
1179     position: absolute;
1180     top: 5px;
1181     left: 8px;
1182 }
1183
1184 #quicksearchbar #searchreset {
1185     position: absolute;
1186     top: 4px;
13ed1e 1187     right: 3px;
b1fa1a 1188 }
13ed1e 1189
T 1190
1191 /*** toolbar ***/
1192
1193 .toolbar a.button {
1194     text-align: center;
1195     font-size: 10px;
1196     color: #555;
e19229 1197     min-width: 50px;
13ed1e 1198     max-width: 75px;
T 1199     overflow: hidden;
1200     text-overflow: ellipsis;
1201     white-space: nowrap;
bab043 1202     padding: 28px 2px 0 2px;
74d4c7 1203     text-shadow: 0px 1px 1px #eee;
13ed1e 1204     box-shadow: none;
T 1205     -moz-box-shadow: none;
1206     -webkit-box-shadow: none;
1207     -o-box-shadow: none;
1208     background: url(images/buttons.png) -100px 0 no-repeat transparent;
1209     border: 0;
1210 }
1211
1212 .toolbar a.button.disabled {
1213     opacity: 0.5;
1214 }
1215
c7dcb3 1216 .dropbutton {
T 1217     display: inline-block;
1218     position: relative;
13ed1e 1219 }
T 1220
c7dcb3 1221 .dropbutton .dropbuttontip {
T 1222     display: block;
1223     position: absolute;
1224     right: 2px;
1225     top: 0;
1226     height: 42px;
1227     width: 18px;
b9441a 1228     background: url(images/buttons.png) -24px -1255px no-repeat;
c7dcb3 1229     cursor: pointer;
T 1230 }
1231
1232 .dropbutton .dropbuttontip:hover {
b9441a 1233     background-position: 0 -1255px;
c7dcb3 1234 }
T 1235
1236 .toolbar a.button.back {
b9441a 1237     background-position: 0 -1216px;
c7dcb3 1238 }
T 1239
1240 .toolbar a.button.checkmail {
b9441a 1241     background-position: center -1176px;
13ed1e 1242 }
T 1243
a4be51 1244 .toolbar a.button.compose {
13ed1e 1245     background-position: center -530px;
T 1246 }
1247
a4be51 1248 .toolbar a.button.reply {
13ed1e 1249     background-position: center -570px;
c7dcb3 1250 }
T 1251
a4be51 1252 .toolbar a.button.reply-all {
c7dcb3 1253     background-position: center -610px;
a4be51 1254 }
T 1255
1256 .toolbar a.button.forward {
84d9b1 1257     min-width: 74px;
a4be51 1258     background-position: center -650px;
T 1259 }
1260
1261 .toolbar a.button.delete {
1262     background-position: center -690px;
1263 }
1264
1265 .toolbar a.button.archive {
1266     background-position: center -730px;
1267 }
1268
1269 .toolbar a.button.junk {
1270     background-position: center -770px;
1271 }
1272
1273 .toolbar a.button.print {
1274     background-position: center -810px;
13ed1e 1275 }
T 1276
1277 .toolbar a.button.markmessage,
1278 .toolbar a.button.more {
a4be51 1279     background-position: center -850px;
13ed1e 1280 }
T 1281
74d4c7 1282 .toolbar a.button.attach {
T 1283     background-position: center -890px;
1284 }
1285
1286 .toolbar a.button.spellcheck {
1287     background-position: center -930px;
bab043 1288 }
T 1289
1290 .toolbar a.button.search {
1291     background-position: center -970px;
1292 }
1293
1294 .toolbar a.button.import {
b9441a 1295     background-position: center -1012px;
bab043 1296 }
T 1297
1298 .toolbar a.button.export {
b9441a 1299     background-position: center -1054px;
74d4c7 1300 }
T 1301
847d31 1302 a.menuselector {
T 1303     display: inline-block;
1304     border: 1px solid #ababab;
1305     border-radius: 4px;
1306     background: #f8f8f8;
1307     background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
1308     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
1309     background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
1310     background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
1311     background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
1312     text-decoration: none;
1313     color: #333;
1314 }
1315
1316 a.menuselector .handle {
1317     display: inline-block;
1318     padding: 3px 32px 4px 8px;
1319     text-shadow: 0px 1px 1px #fff;
1320     background: url(images/selector.png) right center no-repeat;
1321     border-radius: 4px;
1322 }
1323
1324 a.menuselector:active {
1325     background: #dddddd;
1326     background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1327     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8));
1328     background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1329     background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1330     background: linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
1331     text-decoration: none;
1332 }
1333
74d4c7 1334
13ed1e 1335 /*** popup menus ***/
T 1336
74d4c7 1337 .popupmenu,
T 1338 #rcmKSearchpane {
13ed1e 1339     display: none;
c7dcb3 1340     position: absolute;
T 1341     top: 32px;
1342     left: 90px;
1343     width: auto;
1344     background: #444;
1345     border: 1px solid #999;
1346     z-index: 240;
1347     border-radius: 4px;
1348     box-shadow: 0 2px 6px 0 #333;
1349     -moz-box-shadow: 0 2px 6px 0 #333;
1350     -webkit-box-shadow: 0 2px 6px 0 #333;
1351     -o-box-shadow: 0 2px 6px 0 #333;
847d31 1352 }
T 1353
1354 .popupmenu.dropdown {
1355     border-radius: 0 0 4px 4px;
1356     border-top: 0;
13ed1e 1357 }
T 1358
74d4c7 1359 ul.toolbarmenu,
T 1360 #rcmKSearchpane ul {
c7dcb3 1361     margin: 0;
T 1362     padding: 0;
1363     list-style: none;
1364 }
13ed1e 1365
74d4c7 1366 .googie_list td,
T 1367 ul.toolbarmenu li,
1368 #rcmKSearchpane ul li {
c7dcb3 1369     color: #fff;
T 1370     white-space: nowrap;
1371     min-width: 130px;
1372     margin: 0;
1373     border-top: 1px solid #5a5a5a;
1374     border-bottom: 1px solid #333;
1375 }
13ed1e 1376
74d4c7 1377 .googie_list tr:first-child td,
c7dcb3 1378 ul.toolbarmenu li:first-child {
T 1379     border-top: 0;
1380 }
1381
74d4c7 1382 .googie_list tr:last-child td,
c7dcb3 1383 ul.toolbarmenu li:last-child {
T 1384     border-bottom: 0;
1385 }
1386
74d4c7 1387 .googie_list td span,
c7dcb3 1388 ul.toolbarmenu li a {
T 1389     display: block;
1390     color: #666;
74d4c7 1391     text-shadow: 0px 1px 1px #333;
c7dcb3 1392     text-decoration: none;
T 1393     min-height: 14px;
1394     padding: 6px 10px 6px 10px;
1395 }
1396
74d4c7 1397 .googie_list td span,
c7dcb3 1398 ul.toolbarmenu li a.active {
T 1399     color: #fff;
74d4c7 1400     cursor: default;
c7dcb3 1401 }
T 1402
74d4c7 1403 .googie_list td.googie_list_onhover,
T 1404 ul.toolbarmenu li a.active:hover,
1405 #rcmKSearchpane ul li.selected {
c7dcb3 1406     background-color: #00aad6;
T 1407     background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
1408     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
1409     background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
1410     background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
1411     background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
68e13c 1412 }
T 1413
1414 ul.toolbarmenu.iconized li a {
1415     padding-left: 30px;
c7dcb3 1416 }
T 1417
1418 ul.toolbarmenu li label {
1419     display: block;
1420     color: #fff;
1421     padding: 4px 8px;
74d4c7 1422     text-shadow: 0px 1px 1px #333;
T 1423 }
1424
af05fe 1425 ul.toolbarmenu li a.icon {
T 1426     color: #eee;
1427     padding: 2px 6px;
1428 }
1429
1430 ul.toolbarmenu li span.icon {
1431     display: block;
1432     min-height: 14px;
1433     padding: 4px 4px 4px 24px;
1434     background-image: url(images/listicons.png);
1435     background-position: -100px 0;
1436     background-repeat: no-repeat;
1437     opacity: 0.2;
1438 }
1439
1440 ul.toolbarmenu li a.active span.icon {
1441     opacity: 0.99;
1442 }
1443
1444 ul.toolbarmenu li span.read {
1445     background-position: 0 -1220px;
1446 }
1447
1448 ul.toolbarmenu li span.unread {
1449     background-position: 0 -1196px;
1450 }
1451
1452 ul.toolbarmenu li span.flagged {
1453     background-position: 0 -1244px;
1454 }
1455
1456 ul.toolbarmenu li span.unflagged {
1457     background-position: 0 -1268px;
1458 }
1459
847d31 1460 ul.toolbarmenu li span.mail {
T 1461     background-position: 0 -1293px;
1462 }
1463
1464 ul.toolbarmenu li span.list {
1465     background-position: 0 -1317px;
1466 }
1467
1468 ul.toolbarmenu li span.invert {
1469     background-position: 0 -1340px;
1470 }
1471
1472 ul.toolbarmenu li span.cross {
1473     background-position: 0 -1365px;
1474 }
1475
af05fe 1476 ul.toolbarmenu li span.print {
T 1477     background-position: 0 -1436px;
1478 }
1479
1480 ul.toolbarmenu li span.download {
1481     background-position: 0 -1412px;
1482 }
1483
1484 ul.toolbarmenu li span.edit {
1485     background-position: 0 -1388px;
1486 }
1487
1488 ul.toolbarmenu li span.viewsource {
1489     background-position: 0 -1460px;
1490 }
1491
1492 ul.toolbarmenu li span.extwin {
1493     background-position: 0 -1484px;
1494 }
1495
847d31 1496 ul.toolbarmenu li span.conversation {
T 1497     background-position: 0 -1532px;
1498 }
1499
74d4c7 1500 #rcmKSearchpane {
T 1501     border-radius: 0 0 4px 4px;
1502     border-top: 0;
1503 }
1504
1505 #rcmKSearchpane ul li {
1506     text-shadow: 0px 1px 1px #333;
1507     text-decoration: none;
1508     min-height: 14px;
1509     padding: 6px 10px 6px 10px;
1510     border: 0;
1511 }
1512
1513 .popupdialog {
1514     display: none;
1515     padding: 10px;
1516 }
1517
1518 .popupdialog .formbuttons {
1519     margin: 20px 0 4px 0;
1520 }
1521
bab043 1522 .ui-dialog .prompt input {
T 1523     display: block;
1524     margin: 8px 0;
1525 }
1526
74d4c7 1527 .hint {
T 1528     margin: 4px 0;
1529     color: #999;
1530     text-shadow: 0px 1px 1px #fff;
c7dcb3 1531 }
28e18c 1532
918bb9 1533 .splitter {
T 1534     user-select: none;
1535     -moz-user-select: none;
1536     -khtml-user-select: none;
1537     position: absolute;
1538     background: url(images/splitter.png) center no-repeat;
1539 }
1540
1541 .splitter-h {
1542     height: 10px;
1543     width: 100%;
1544     cursor: n-resize;
1545     cursor: row-resize;
1546     background-position: center 0;
1547 }
1548
1549 .splitter-v {
1550     width: 10px;
1551     height: 100%;
1552     cursor: e-resize;
1553     cursor: col-resize;
1554     background-position: 0 center;
1555 }
28e18c 1556
T 1557 #rcmdraglayer {
b540ed 1558     min-width: 260px;
28e18c 1559     width: auto !important;
b540ed 1560     width: 260px;
28e18c 1561     padding: 6px 8px;
T 1562     background: #444;
1563     border: 1px solid #555;
1564     border-radius: 4px;
1565     box-shadow: 0 2px 6px 0 #333;
1566     -moz-box-shadow: 0 2px 6px 0 #333;
1567     -webkit-box-shadow: 0 2px 6px 0 #333;
1568     -o-box-shadow: 0 2px 6px 0 #333;
1569     z-index: 250;
1570     color: #ccc;
1571     white-space: nowrap;
1572     opacity: 0.92;
74d4c7 1573     text-shadow: 0px 1px 1px #333;
28e18c 1574 }
T 1575
1576 #rcmdraglayer:after {
1577     content: "";
1578     position: absolute;
1579     top: 6px;
1580     left: -6px;
1581     border-style: solid;
1582     border-width: 6px 6px 6px 0;
1583     border-color: transparent #444;
1584     /* reduce the damage in FF3.0 */
1585     display: block; 
1586     width: 0;
1587 }
1588
1589 ._draglayercopy:before {
1590     position: absolute;
1591     bottom: -5px;
1592     left: -6px;
1593     content: " ";
1594     width: 15px;
1595     height: 15px;
1596     background: url(images/buttons.png) -8px -360px no-repeat;
1597 }
1598
bab043 1599
T 1600 /*** fieldset tabs ***/
1601
1602 .tabsbar {
68e13c 1603     margin-bottom: 12px;
bab043 1604     padding-top: 15px;
T 1605     height: 27px;
1606 }
1607
1608 .tabsbar .tablink {
1609     padding: 15px 1px 15px 0;
1610     background: #f8f8f8;
1611     background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
1612     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
1613     background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
1614     background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
1615     background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
1616     background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
1617 }
1618
1619 .tabsbar .tablink:last-child {
1620     background: none;
1621 }
1622
1623 .tabsbar .tablink:last-child a {
1624     border-right: 0;
1625 }
1626
1627 .tabsbar .tablink a {
1628     padding: 15px;
1629     color: #999;
1630     font-size: 12px;
1631     font-weight: bold;
1632     text-decoration: none;
1633     background: #fff;
1634     border-right: 1px solid #fafafa;
1635 }
1636
1637 .tabsbar .tablink.selected a {
1638     color: #004458;
1639     background: #fff;
1640     background: -moz-linear-gradient(top, #fff 40%, #efefef 100%);
1641     background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#efefef));
1642     background: -o-linear-gradient(top, #fff 40%, #efefef 100%);
1643     background: -ms-linear-gradient(top, #fff 40%, #efefef 100%);
1644     background: linear-gradient(top, #fff 40%, #efefef 100%);
1645 }
1646
1647 fieldset.tab {
1648     border: 0;
1649     padding: 0;
68e13c 1650     margin-left: 0;
bab043 1651 }
T 1652
1653