Mercurial > hg > rc2

comparison skins/larry/styles.css @ 0:4681f974d28b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:52:31 -0500
parents
children bf99236cc5cd
comparison
equal deleted inserted replaced
-1:000000000000 0:4681f974d28b
1 /**
2 * Roundcube webmail styles for skin "Larry"
3 *
4 * Copyright (c) 2012-2015, 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
13 body {
14 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
15 font-size: 11px;
16 color: #333;
17 background: url(images/linen.jpg?v=0382.14157) repeat #d1d5d8;
18 margin: 0;
19 }
20
21 body.noscroll {
22 /* also avoids bounce effect in Chrome and Safari */
23 overflow: hidden;
24 }
25
26 .iphone body.noscroll {
27 /* revert on iPhone (#1490551) */
28 overflow: auto;
29 }
30
31 a {
32 color: #0069a6;
33 }
34
35 a:visited {
36 color: #0186ba;
37 }
38
39 img {
40 border: 0;
41 }
42
43 .voice {
44 position: absolute;
45 border: 0;
46 clip: rect(0 0 0 0);
47 width: 1px;
48 height: 1px;
49 margin: -1px;
50 padding: 0;
51 overflow: hidden;
52 }
53
54 html.mozilla select {
55 padding: 2px 1px;
56 }
57
58 input,
59 textarea,
60 select,
61 button {
62 font-family: inherit;
63 font-size: inherit;
64 vertical-align: middle;
65 }
66
67 input[type="text"],
68 input[type="password"],
69 textarea {
70 margin: 0; /* Safari by default adds a margin */
71 padding: 4px;
72 border: 1px solid #b2b2b2;
73 border-radius: 4px;
74 box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
75 -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
76 }
77
78 input[type="text"]:focus,
79 input[type="password"]:focus,
80 input.button:focus,
81 textarea:focus {
82 border-color: #4787b1;
83 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
84 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
85 outline: none;
86 }
87
88 input[type="text"]:required,
89 input[type="password"]:required {
90 border-color: #4787b1;
91 }
92
93 input.placeholder,
94 textarea.placeholder {
95 color: #aaa;
96 }
97
98 .bold {
99 font-weight: bold;
100 }
101
102 /* fixes vertical alignment of checkboxes and labels */
103 label input + span {
104 vertical-align: middle;
105 }
106
107 /*** buttons ***/
108
109 input.button {
110 display: inline-block;
111 margin: 0 2px;
112 padding: 2px 5px;
113 color: #525252;
114 text-shadow: 0px 1px 1px #fff;
115 border: 1px solid #c0c0c0;
116 border-radius: 4px;
117 background: #f7f7f7;
118 background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
119 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
120 background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
121 background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
122 background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
123 box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
124 -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
125 text-decoration: none;
126 outline: none;
127 }
128
129 .formbuttons input.button {
130 color: #ddd;
131 font-size: 110%;
132 text-shadow: 0px 1px 1px #333;
133 padding: 4px 12px;
134 border-color: #465864;
135 border-radius: 5px;
136 background: #7a7b7d;
137 background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */
138 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */
139 background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */
140 background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */
141 background: linear-gradient(to bottom, #7b7b7b 0%, #606060 100%); /* W3C */
142 box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
143 -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
144 }
145
146 .formbuttons input.button:hover,
147 .formbuttons input.button:focus,
148 input.button.mainaction:hover,
149 input.button.mainaction:focus {
150 color: #f2f2f2;
151 border-color: #465864;
152 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
153 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
154 }
155
156 .formbuttons input.button:active {
157 color: #fff;
158 background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
159 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b));
160 background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
161 background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
162 background: linear-gradient(to bottom, #5c5c5c 0%, #7b7b7b 100%);
163 }
164
165 input.button.mainaction {
166 color: #ededed;
167 text-shadow: 0px 1px 1px #333;
168 border-color: #1f262c;
169 background: #505050;
170 background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
171 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
172 background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
173 background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
174 background: linear-gradient(to bottom, #505050 0%, #2a2e31 100%);
175 box-shadow: inset 0 1px 0 0 #777;
176 -webkit-box-shadow: inset 0 1px 0 0 #777;
177 }
178
179 input.button.mainaction:active {
180 color: #fff;
181 background: #515151;
182 background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
183 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
184 background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
185 background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
186 background: linear-gradient(to bottom, #2a2e31 0%, #505050 100%);
187 }
188
189 input.button[disabled],
190 input.button[disabled]:hover,
191 input.button.mainaction[disabled] {
192 color: #aaa !important;
193 }
194
195 input.mainaction {
196 font-weight: bold;
197 }
198
199 /** link buttons **/
200
201 a.button,
202 .buttongroup {
203 display: inline-block;
204 margin: 0 2px;
205 padding: 2px 5px;
206 color: #525252;
207 text-shadow: 0px 1px 1px #fff;
208 border: 1px solid #c6c6c6;
209 border-radius: 4px;
210 background: #f7f7f7;
211 background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
212 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
213 background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
214 background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
215 background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
216 box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
217 -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
218 text-decoration: none;
219 }
220
221 .buttongroup {
222 padding: 0;
223 white-space: nowrap;
224 }
225
226 a.button:focus,
227 input.button:focus {
228 border-color: #4fadd5;
229 box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
230 -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
231 outline: none;
232 }
233
234 label.disabled,
235 a.button.disabled {
236 color: #999;
237 }
238
239 a.button.disabled,
240 input.button.disabled,
241 input.button[disabled],
242 a.button.disabled:hover,
243 input.button.disabled:hover,
244 input.button[disabled]:hover {
245 border-color: #c6c6c6;
246 box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
247 -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
248 }
249
250 a.button.disabled span.inner {
251 opacity: 0.4;
252 }
253
254 .buttongroup a.button {
255 margin: 0;
256 border-width: 0 1px 0 0;
257 border-radius: 0;
258 background: none;
259 box-shadow: none;
260 -webkit-box-shadow: none;
261 }
262
263 .buttongroup a.button.first,
264 .buttongroup a.button:first-child {
265 border-radius: 4px 0 0 4px;
266 border-left: 0;
267 }
268
269 .buttongroup a.button.last,
270 .buttongroup a.button:last-child {
271 border-radius: 0 4px 4px 0;
272 border-right: 0;
273 }
274
275 a.button.pressed,
276 a.button:active,
277 input.button:active {
278 background: #e6e6e6;
279 background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
280 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
281 background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
282 background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
283 background: linear-gradient(to bottom, #e6e6e6 0%, #f9f9f9 100%);
284 }
285
286 .pagenav.dark a.button {
287 font-weight: bold;
288 border-color: #e6e6e6;
289 background: #d8d8d8;
290 background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
291 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
292 background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
293 background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
294 background: linear-gradient(to bottom, #d8d8d8 0%, #bababa 100%);
295 box-shadow: 0 1px 1px 0 #999;
296 -webkit-box-shadow: 0 1px 1px 0 #999;
297 }
298
299 .pagenav.dark a.button.pressed {
300 background: #bababa;
301 background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
302 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
303 background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
304 background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
305 background: linear-gradient(to bottom, #bababa 0%, #d8d8d8 100%);
306 }
307
308 .buttongroup a.button.selected,
309 .buttongroup a.button.selected:hover {
310 background: #8a8a8a;
311 background: -moz-linear-gradient(top, #909090 0%, #858585 100%);
312 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585));
313 background: -o-linear-gradient(top, #909090 0%, #858585 100%);
314 background: -ms-linear-gradient(top, #909090 0%, #858585 100%);
315 background: linear-gradient(to bottom, #909090 0%, #858585 100%);
316 box-shadow: inset 0 1px 2px 0 #555;
317 -webkit-box-shadow: inset 0 1px 2px 0 #555;
318 border-right-color: #555;
319 border-left-color: #555;
320 }
321
322 .buttongroup a.button:focus,
323 .buttongroup a.button.selected:focus {
324 background: #f2f2f2;
325 background: -moz-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
326 background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#49b3d2), color-stop(100%,#66bcd9));
327 background: -o-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
328 background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
329 background: linear-gradient(to bottom, #49b3d2 0, #66bcd9 100%);
330 }
331
332 .pagenav a.button {
333 padding: 1px 3px;
334 height: 16px;
335 vertical-align: middle;
336 margin-bottom: 1px;
337 }
338
339 .pagenav .buttongroup a.button,
340 .pagenav .buttongroup a.button:hover {
341 padding: 1px 5px;
342 margin-bottom: 0;
343 }
344
345 a.button span.icon,
346 .pagenav a.button span.inner {
347 display: inline-block;
348 width: 16px;
349 height: 13px;
350 text-indent: 1000px;
351 overflow: hidden;
352 background: url(images/buttons.png?v=51d4.15699) -6px -211px no-repeat;
353 }
354
355 a.button.prevpage span.icon,
356 .pagenav a.prevpage span.inner {
357 background-position: -7px -226px;
358 }
359
360 a.button.nextpage span.icon,
361 .pagenav a.nextpage span.inner {
362 background-position: -28px -226px;
363 }
364
365 a.button.lastpage span.icon,
366 .pagenav a.lastpage span.inner {
367 background-position: -28px -211px;
368 }
369
370 a.button.pageup span.icon,
371 .pagenav a.pageup span.inner {
372 background-position: -7px -241px;
373 }
374
375 a.button.pagedown span.icon,
376 .pagenav a.pagedown span.inner {
377 background-position: -29px -241px;
378 }
379
380 a.button.reply span.icon,
381 .pagenav a.reply span.inner {
382 background-position: -7px -256px;
383 }
384
385 a.button.forward span.icon,
386 .pagenav a.forward span.inner {
387 background-position: -29px -256px;
388 }
389
390 a.button.replyall span.icon,
391 .pagenav a.replyall span.inner {
392 background-position: -7px -271px;
393 }
394
395 a.button.extwin span.icon,
396 .pagenav a.extwin span.inner {
397 background-position: -29px -271px;
398 }
399
400 a.button.changeformat.html span.icon,
401 .pagenav a.changeformat.html span.inner {
402 background-position: -7px -1859px;
403 }
404 a.button.changeformat.html.selected span.icon,
405 .pagenav a.changeformat.html.selected span.inner {
406 background-position: -29px -1859px;
407 }
408
409 a.button.changeformat.text span.icon,
410 .pagenav a.changeformat.text span.inner {
411 background-position: -7px -1874px;
412 }
413 a.button.changeformat.text.selected span.icon,
414 .pagenav a.changeformat.text.selected span.inner {
415 background-position: -29px -1874px;
416 }
417
418 a.button.add span.icon {
419 background-position: -7px -2009px;
420 }
421
422 a.button.delete span.icon {
423 background-position: -29px -2009px;
424 }
425
426 .pagenav .countdisplay {
427 display: inline-block;
428 padding: 3px 1em 0 1em;
429 text-shadow: 0px 1px 1px #fff;
430 min-width: 16em;
431 }
432
433 .pagenavbuttons {
434 position: relative;
435 top: -2px;
436 }
437
438 a.iconbutton {
439 display: inline-block;
440 width: 20px;
441 height: 18px;
442 text-decoration: none;
443 text-indent: -5000px;
444 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat;
445 }
446
447 a.iconbutton.disabled {
448 opacity: 0.4;
449 cursor: default;
450 }
451
452 a.iconbutton.searchicon,
453 a.iconbutton.searchoptions {
454 width: 24px;
455 background-position: -2px -317px;
456 }
457
458 a.iconbutton.searchicon {
459 width: 15px;
460 }
461
462 a.iconbutton.reset {
463 width: 24px;
464 background-position: -25px -317px;
465 }
466
467 a.iconbutton.remove,
468 a.iconbutton.cancel {
469 background-position: -7px -378px;
470 }
471
472 a.iconbutton.delete {
473 background-position: -7px -338px;
474 }
475
476 a.iconbutton.add {
477 background-position: -7px -358px;
478 }
479
480 a.iconbutton.remove {
481 background-position: -7px -379px;
482 }
483
484 a.iconbutton.cancel {
485 background-position: -7px -398px;
486 }
487
488 a.iconbutton.edit {
489 background-position: -7px -418px;
490 }
491
492 a.iconbutton.upload {
493 background-position: -6px -438px;
494 }
495
496
497 a.iconlink {
498 display: inline-block;
499 color: #888;
500 text-decoration: none;
501 white-space: nowrap;
502 padding: 2px 8px 2px 20px;
503 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat;
504 }
505
506 a.iconlink:hover {
507 text-decoration: underline;
508 }
509
510 a.iconlink.delete {
511 background-position: -7px -337px;
512 }
513
514 a.iconlink.add {
515 background-position: -7px -357px;
516 }
517
518 a.iconlink.remove {
519 background-position: -7px -378px;
520 }
521
522 a.iconlink.cancel {
523 background-position: -7px -397px;
524 }
525
526 a.iconlink.edit {
527 background-position: -7px -417px;
528 }
529
530 a.iconlink.upload {
531 background-position: -6px -437px;
532 }
533
534
535 /*** message bar ***/
536
537 #message div.loading,
538 #message div.uploading,
539 #message div.warning,
540 #message div.error,
541 #message div.notice,
542 #message div.confirmation,
543 #message-objects div.notice {
544 color: #555;
545 font-weight: bold;
546 padding: 6px 30px 6px 25px;
547 display: inline-block;
548 white-space: nowrap;
549 background: url(images/messages.png?v=3a4f.1461) 0 5px no-repeat;
550 cursor: default;
551 }
552
553 #message div.warning {
554 color: #960;
555 background-position: 0 -86px;
556 }
557
558 #message div.error {
559 color: #cf2734;
560 background-position: 0 -55px;
561 }
562
563 #message div.confirmation {
564 color: #093;
565 background-position: 0 -25px;
566 }
567
568 #message div.loading {
569 background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat;
570 }
571
572 #message div a,
573 #message div span {
574 padding-right: 0.5em;
575 text-decoration: none;
576 }
577
578 #message div a:hover {
579 text-decoration: underline;
580 cursor: pointer;
581 }
582
583 #message.statusbar {
584 display: none;
585 position: absolute;
586 bottom: 0;
587 left: 0;
588 right: 0;
589 height: 27px;
590 padding-left: 8px;
591 border-top: 1px solid #ddd;
592 border-radius: 0 0 4px 4px;
593 background: #eaeaea;
594 background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
595 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
596 background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
597 background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
598 background: linear-gradient(to bottom, #eaeaea 0%, #c8c8c8 100%);
599 white-space: nowrap;
600 overflow: hidden;
601 text-overflow: ellipsis;
602 }
603
604 #messagestack {
605 position: absolute;
606 bottom: 20px;
607 right: 12px;
608 z-index: 50000;
609 width: auto;
610 height: auto;
611 max-height: 85%;
612 overflow-y: auto;
613 padding: 2px;
614 }
615
616 #messagestack div {
617 display: block;
618 position: relative;
619 width: 280px;
620 height: auto;
621 min-height: 16px;
622 margin: 3px 2px 5px 2px;
623 padding: 8px 10px 7px 30px;
624 cursor: default;
625 font-size: 12px;
626 font-weight: bold;
627 border-radius: 4px;
628 border: 1px solid #444;
629 color: #ebebeb;
630 text-shadow: 0 1px 1px #000;
631
632 background: rgba(64,64,64,0.85);
633 background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%);
634 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.85)), color-stop(100%,rgba(48,48,48,0.9)));
635 background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
636 background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
637 background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
638 background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
639
640 box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
641 -webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
642 }
643
644 #messagestack div:after {
645 content: "";
646 position: absolute;
647 display: block;
648 top: 0;
649 left: 4px;
650 width: 20px;
651 height: 24px;
652 background: url(images/messages_dark.png?v=270a.1471) 0 7px no-repeat;
653 }
654
655 #messagestack div.error {
656 color: #ff615d;
657 }
658
659 #messagestack div.error:after {
660 background-position: 0 -55px;
661 }
662
663 #messagestack div.warning {
664 color: #f4bf0e;
665 }
666
667 #messagestack div.warning:after {
668 background-position: 0 -84px;
669 }
670
671 #messagestack div.confirmation {
672 color: #00e05a;
673 }
674
675 #messagestack div.confirmation:after {
676 background-position: 0 -25px;
677 }
678
679 #messagestack div.uploading,
680 #messagestack div.loading {
681 color: #ddd;
682 }
683
684 #messagestack div.uploading:after,
685 #messagestack div.loading:after {
686 top: 4px;
687 left: 6px;
688 background: url(images/ajaxloader_dark.gif?v=cf1b.1849) 0 4px no-repeat;
689 }
690
691 #messagestack div.voice {
692 position: absolute;
693 top: -1000px;
694 }
695
696 #messagestack div a {
697 color: #94c0da;
698 }
699
700 #messagestack div a:hover {
701 text-decoration: underline;
702 cursor: pointer;
703 }
704
705 .ui-dialog.error .ui-dialog-title,
706 .ui-dialog.warning .ui-dialog-title,
707 .ui-dialog.confirmation .ui-dialog-title {
708 padding-left: 25px;
709 background: url(images/messages.png?v=3a4f.1461) 0 5px no-repeat;
710 text-shadow: 0 1px 1px #fff;
711 }
712
713 .ui-dialog.warning .ui-dialog-title {
714 color: #960;
715 background-position: 0 -90px;
716 }
717
718 .ui-dialog.error .ui-dialog-title {
719 color: #cf2734;
720 background-position: 0 -60px;
721 }
722
723 .ui-dialog.confirmation .ui-dialog-title {
724 color: #093;
725 background-position: 0 -30px;
726 }
727
728 .ui-dialog.popupmessage .ui-dialog-titlebar {
729 padding: 8px 1em 4px 1em;
730 background: #e3e3e3;
731 background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
732 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf));
733 background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
734 background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
735 background: linear-gradient(to bottom, #e3e3e3 0%, #cfcfcf 100%);
736 }
737
738 .ui-dialog.popupmessage .ui-widget-content {
739 font-size: 12px;
740 background: #eee;
741 background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%);
742 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc));
743 background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%);
744 background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%);
745 background: linear-gradient(to bottom, #eee 0%, #dcdcdc 100%);
746 }
747
748
749 /*** basic page layout ***/
750
751 #header {
752 overflow-x: hidden; /* Chrome bug #1488851 */
753 }
754
755 #topline {
756 height: 18px;
757 background: url(images/linen_header.jpg?v=514a.580) repeat #666;
758 border-bottom: 1px solid #4f4f4f;
759 padding: 2px 0 2px 10px;
760 color: #aaa;
761 text-align: center;
762 }
763
764 #topnav {
765 position: relative;
766 height: 46px;
767 margin-bottom: 10px;
768 padding: 0 0 0 10px;
769 background: #111;
770 background: -moz-linear-gradient(top, #404040 0%, #060606 100%);
771 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606));
772 background: -o-linear-gradient(top, #404040 0%, #060606 100%);
773 background: -ms-linear-gradient(top, #404040 0%, #060606 100%);
774 background: linear-gradient(to bottom, #404040 0%, #060606 100%);
775 }
776
777 #topline a,
778 #topnav a {
779 color: #eee;
780 text-decoration: none;
781 }
782
783 #topline a:hover {
784 text-decoration: underline;
785 }
786
787 #toplogo {
788 padding-top: 2px;
789 cursor: pointer;
790 border: none;
791 }
792
793 .topleft {
794 float: left;
795 }
796
797 .topright {
798 float: right;
799 }
800
801 .closelink {
802 display: inline-block;
803 padding: 2px 10px 2px 20px;
804 }
805
806 #topline span.username {
807 padding-right: 1em;
808 }
809
810 #topline .topleft a {
811 display: inline-block;
812 padding: 2px 0.8em 0 0;
813 color: #aaa;
814 }
815
816 #topline a.button-logout {
817 display: inline-block;
818 padding: 2px 10px 2px 20px;
819 background: url(images/buttons.png?v=51d4.15699) -6px -193px no-repeat;
820 color: #fff;
821 }
822
823 #taskbar .button-logout {
824 display: none;
825 }
826
827 #taskbar a.button-logout span.button-inner {
828 background-position: -2px -1791px;
829 }
830
831 #taskbar a.button-logout:hover span.button-inner {
832 background-position: -2px -1829px;
833 }
834
835
836 /*** minimal version of the page header ***/
837
838 .minimal #topline {
839 position: fixed;
840 top: -18px;
841 background: #444;
842 z-index: 5000;
843 width: 100%;
844 height: 22px;
845 -moz-box-sizing: border-box;
846 box-sizing: border-box;
847 }
848
849 .minimal #topline:hover {
850 top: 0px;
851 opacity: 0.94;
852 -webkit-transition: top 0.3s ease-in-out;
853 -moz-transition: top 0.3s ease-in-out;
854 -o-transition: top 0.3s ease-in-out;
855 transition: top 0.3s ease-in-out;
856 }
857
858 .extwin #topline,
859 .extwin #topline:hover {
860 position: static;
861 top: 0px;
862 height: 18px;
863 width: auto;
864 -moz-box-sizing: content-box;
865 box-sizing: content-box;
866 opacity: 0.999;
867 }
868
869 .minimal #topline a.button-logout {
870 display: none;
871 }
872
873 .minimal #topline span.username {
874 display: inline-block;
875 padding-top: 2px;
876 }
877
878 .minimal #topnav {
879 position: relative;
880 top: 4px;
881 height: 42px;
882 }
883
884 .minimal #taskbar a {
885 position: relative;
886 padding: 10px 10px 0 6px;
887 height: 32px;
888 }
889
890 .minimal #taskbar .button-logout {
891 display: inline-block;
892 }
893
894 .minimal #taskbar .button-inner {
895 top: -4px;
896 padding: 0;
897 height: 24px !important;
898 width: 27px;
899 text-indent: -5000px;
900 }
901
902 #taskbar .tooltip {
903 display: none;
904 }
905
906 .minimal #taskbar .tooltip {
907 position: absolute;
908 top: -500px;
909 right: 2px;
910 display: inline-block;
911 padding: 2px 8px 3px 8px;
912 background: #444;
913 background: -moz-linear-gradient(top, #444 0%, #333 100%);
914 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333));
915 background: -o-linear-gradient(top, #444 0%, #333 100%);
916 background: -ms-linear-gradient(top, #444 0%, #333 100%);
917 background: linear-gradient(to bottom, #444 0%, #333 100%);
918 color: #eee;
919 font-weight: bold;
920 white-space: nowrap;
921 border: 1px solid #777;
922 box-shadow: 0 1px 5px 0 #333;
923 -webkit-box-shadow: 0 1px 5px 0 #333;
924 z-index: 200;
925 white-space: nowrap;
926 text-shadow: 0px 1px 1px #000;
927 }
928
929 .minimal #taskbar .tooltip:after {
930 content: "";
931 position: absolute;
932 top: -4px;
933 right: 15px;
934 border-style: solid;
935 border-width: 0 4px 4px;
936 border-color: #888 transparent;
937 /* reduce the damage in FF3.0 */
938 display: block;
939 width: 0;
940 z-index: 251;
941 }
942
943 .minimal #taskbar a:hover .tooltip {
944 display: block;
945 top: 39px;
946 }
947
948
949 /*** taskbar ***/
950
951 #taskbar {
952 position: relative;
953 padding-right: 18px;
954 }
955
956 #taskbar a {
957 display: inline-block;
958 height: 34px;
959 padding: 12px 10px 0 6px;
960 }
961
962 #taskbar a span.button-inner {
963 display: inline-block;
964 font-size: 110%;
965 font-weight: normal;
966 text-shadow: 0px 1px 1px black;
967 padding: 5px 0 0 34px;
968 height: 19px;
969 background: url(images/buttons.png?v=51d4.15699) -1000px 0 no-repeat;
970 }
971
972 #taskbar a:focus {
973 color: #fff;
974 text-shadow: 0px 1px 1px #666;
975 background-color: rgba(73,180,210,0.7);
976 outline: none;
977 }
978
979 #taskbar a.button-selected {
980 color: #3cf;
981 background-color: #2c2c2c;
982 }
983
984 #taskbar a.button-mail span.button-inner {
985 background-position: 0 2px;
986 }
987
988 #taskbar a.button-mail:hover span.button-inner,
989 #taskbar a.button-mail.button-selected span.button-inner {
990 background-position: 0 -22px;
991 }
992
993 #taskbar a.button-addressbook span.button-inner {
994 background-position: 0 -48px;
995 }
996
997 #taskbar a.button-addressbook:hover span.button-inner,
998 #taskbar a.button-addressbook.button-selected span.button-inner {
999 background-position: 0 -72px;
1000 }
1001
1002 #taskbar a.button-settings span.button-inner {
1003 background-position: 0 -96px;
1004 }
1005
1006 #taskbar a.button-settings:hover span.button-inner,
1007 #taskbar a.button-settings.button-selected span.button-inner {
1008 background-position: 0 -120px;
1009 }
1010
1011 #taskbar a.button-calendar span.button-inner {
1012 background-position: 0 -144px;
1013 }
1014
1015 #taskbar a.button-calendar:hover span.button-inner,
1016 #taskbar a.button-calendar.button-selected span.button-inner {
1017 background-position: 0 -168px;
1018 }
1019
1020 #taskbar .minmodetoggle {
1021 position: absolute;
1022 top: 0;
1023 right: 0;
1024 display: block;
1025 width: 19px;
1026 height: 46px;
1027 cursor: pointer;
1028 background: url(images/buttons.png?v=51d4.15699) -35px -1778px no-repeat;
1029 }
1030
1031 .minimal #taskbar .minmodetoggle {
1032 height: 42px;
1033 background-position: -35px -1820px;
1034 }
1035
1036 #mainscreen {
1037 position: absolute;
1038 top: 88px;
1039 left: 10px;
1040 right: 10px;
1041 bottom: 20px;
1042 }
1043
1044 #mainscreencontent {
1045 position: absolute;
1046 top: 42px;
1047 left: 0;
1048 right: 0;
1049 bottom: 0;
1050 }
1051
1052 #mainscreen.offset {
1053 top: 132px;
1054 }
1055
1056 #mainscreen .offset {
1057 top: 42px;
1058 }
1059
1060 .minimal #mainscreen {
1061 top: 62px;
1062 }
1063
1064 .minimal #mainscreen.offset {
1065 top: 102px;
1066 }
1067
1068 .extwin #mainscreen {
1069 top: 40px;
1070 }
1071
1072 .extwin #mainscreen.offset {
1073 top: 86px;
1074 }
1075
1076 .uibox {
1077 border: 1px solid #a3a3a3;
1078 border-radius: 4px;
1079 overflow: hidden;
1080 box-shadow: 0 0 2px #999;
1081 -webkit-box-shadow: 0 0 2px #999;
1082 background: #fff;
1083 }
1084
1085 .minwidth {
1086 min-width: 1024px;
1087 }
1088
1089 .scroller {
1090 overflow: auto;
1091 }
1092
1093 .watermark {
1094 background-image: url(images/watermark.jpg?v=e784.5000);
1095 background-position: center;
1096 background-repeat: no-repeat;
1097 }
1098
1099 /* fix scrolling within iframes in webkit browsers on touch devices */
1100 @media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
1101 .iframebox {
1102 overflow: auto;
1103 -webkit-overflow-scrolling: touch;
1104 }
1105 }
1106
1107
1108 /*** lists ***/
1109
1110 .listbox {
1111 background: #d9ecf4;
1112 overflow: hidden;
1113 }
1114
1115 .listbox .scroller {
1116 position: absolute;
1117 top: 0;
1118 left: 0;
1119 width: 100%;
1120 bottom: 0;
1121 overflow-x: hidden;
1122 overflow-y: auto;
1123 }
1124
1125 .listbox .scroller.withfooter {
1126 bottom: 42px;
1127 }
1128
1129 .listbox .boxtitle + .scroller {
1130 top: 34px;
1131 }
1132
1133 .boxtitle,
1134 .uibox .listing thead th,
1135 .uibox .listing thead td {
1136 font-size: 12px;
1137 font-weight: bold;
1138 padding: 7px 8px 6px 8px;
1139 line-height: 20px;
1140 margin: 0;
1141 text-shadow: 0px 1px 1px #fff;
1142 border-bottom: 1px solid #bbd3da;
1143 white-space: nowrap;
1144 }
1145
1146 .uibox .listing thead th,
1147 .uibox .listing thead td {
1148 padding-bottom: 8px;
1149 height: auto;
1150 }
1151
1152 .uibox .boxtitle,
1153 .uibox .listing thead th,
1154 .uibox .listing thead td {
1155 background: #b0ccd7;
1156 color: #004458;
1157 border-radius: 4px 4px 0 0;
1158 }
1159
1160 .listbox .listitem,
1161 .listbox .tablink,
1162 .listing tbody td,
1163 .listing li {
1164 display: block;
1165 border-top: 1px solid #fff;
1166 border-bottom: 1px solid #bbd3da;
1167 cursor: default;
1168 font-weight: normal;
1169 }
1170
1171 .listbox .listitem a,
1172 .listbox .listitem span,
1173 .listbox .tablink a,
1174 .listing tbody td,
1175 .listing li a {
1176 display: block;
1177 color: #376572;
1178 text-shadow: 0px 1px 1px #fff;
1179 text-decoration: none;
1180 cursor: default;
1181 padding: 4px 8px;
1182 line-height: 17px;
1183 height: 17px;
1184 white-space: nowrap;
1185 }
1186
1187 .listing tbody td {
1188 display: table-cell;
1189 min-height: 14px;
1190 outline: none;
1191 }
1192
1193 .listing tbody td a {
1194 color: #376572;
1195 text-shadow: 0px 1px 1px #fff;
1196 text-decoration: none;
1197 }
1198
1199 .webkit .listing tbody td {
1200 height: 14px;
1201 }
1202
1203 /* This padding-left minus the focused padding left should be half of the focused border-left */
1204 .listing thead tr td:first-child,
1205 .listing tbody tr td:first-child {
1206 border-left: 2px solid transparent;
1207 padding-left: 6px;
1208 }
1209
1210 .listing.iconized thead tr td:first-child,
1211 .listing.iconized tbody tr td:first-child {
1212 padding-left: 34px;
1213 }
1214
1215 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
1216 .listing.focus tbody tr.focused > td:first-child {
1217 border-left: 2px solid #739da8;
1218 }
1219
1220 .listbox .listitem.selected,
1221 .listbox .tablink.selected,
1222 .listbox .listitem.selected > a,
1223 .listbox .tablink.selected > a,
1224 .listing tbody tr.selected td,
1225 .listing li.selected,
1226 .listing li.selected > a {
1227 color: #004458;
1228 font-weight: bold;
1229 background-color: #c7e3ef;
1230 }
1231
1232 ul.listing {
1233 display: block;
1234 list-style: none;
1235 margin: 0;
1236 padding: 0;
1237 }
1238
1239 ul.listing li {
1240 background-color: #d9ecf4;
1241 overflow: hidden;
1242 text-overflow: ellipsis;
1243 white-space: nowrap;
1244 }
1245
1246 ul.listing li ul {
1247 border-top: 1px solid #bbd3da;
1248 }
1249
1250 ul.listing li.droptarget,
1251 table.listing tr.droptarget td {
1252 background-color: #e8e798;
1253 }
1254
1255 .listbox table.listing {
1256 background-color: #d9ecf4;
1257 }
1258
1259 table.listing,
1260 table.layout {
1261 border: 0;
1262 width: 100%;
1263 border-spacing: 0;
1264 }
1265
1266 table.layout td {
1267 vertical-align: top;
1268 }
1269
1270 ul.treelist li {
1271 position: relative;
1272 }
1273
1274 ul.treelist li ul {
1275 margin: 0;
1276 padding: 0;
1277 }
1278
1279 ul.treelist li ul li:last-child {
1280 border-bottom: 0;
1281 }
1282
1283 ul.treelist li a {
1284 display: block;
1285 padding-left: 20px;
1286 overflow: hidden;
1287 text-overflow: ellipsis;
1288 }
1289
1290 ul.treelist li a:focus,
1291 ul.listing .listitem a:focus,
1292 ul.listing .listitem span:focus,
1293 ul.listing.focus .listitem.focused span {
1294 color: #fff !important;
1295 background-color: rgba(73,180,210,0.6);
1296 text-shadow: 0px 1px 1px #666;
1297 outline: none;
1298 }
1299
1300 ul.treelist ul li a {
1301 padding-left: 38px;
1302 }
1303
1304 ul.treelist ul ul li a {
1305 padding-left: 54px;
1306 }
1307
1308 ul.treelist.iconized li a {
1309 padding-left: 36px;
1310 }
1311
1312 ul.treelist.iconized ul li a {
1313 padding-left: 62px;
1314 }
1315
1316 ul.treelist.iconized ul ul li a {
1317 padding-left: 88px;
1318 }
1319
1320 ul.treelist.iconized ul ul ul li a {
1321 padding-left: 114px;
1322 }
1323
1324 ul.treelist li div.treetoggle {
1325 position: absolute;
1326 top: 7px;
1327 left: 4px;
1328 width: 13px;
1329 height: 13px;
1330 background: url(images/listicons.png?v=1877.13442) -3px -144px no-repeat;
1331 cursor: pointer;
1332 }
1333
1334 ul.treelist li ul li div.treetoggle {
1335 left: 22px;
1336 }
1337
1338 ul.treelist.iconized li div.treetoggle {
1339 top: 13px;
1340 left: 19px;
1341 }
1342
1343 ul.treelist.iconized ul li div.treetoggle {
1344 left: 45px;
1345 }
1346
1347 ul.treelist.iconized ul ul li div.treetoggle {
1348 left: 71px;
1349 }
1350
1351 ul.treelist li div.treetoggle.expanded {
1352 background-position: -3px -168px;
1353 }
1354
1355 ul.treelist li.selected > div.collapsed {
1356 background-position: -23px -144px;
1357 }
1358
1359 ul.treelist li.selected > div.expanded {
1360 background-position: -23px -168px;
1361 }
1362
1363 .listbox .boxfooter {
1364 position: absolute;
1365 bottom: 0;
1366 left: 0;
1367 width: 100%;
1368 height: 42px;
1369 border-top: 1px solid #ccdde4;
1370 background: #d9ecf4;
1371 box-shadow: inset 0 1px 0 0 #fff;
1372 -webkit-box-shadow: inset 0 1px 0 0 #fff;
1373 white-space: nowrap;
1374 overflow: hidden;
1375 }
1376
1377 .uibox .boxfooter {
1378 border-radius: 0 0 4px 4px;
1379 }
1380
1381 .boxfooter .listbutton {
1382 display: inline-block;
1383 text-decoration: none;
1384 width: 48px;
1385 border-right: 1px solid #fff;
1386 background: #c7e3ef;
1387 padding: 3px 0;
1388 margin-top: 1px;
1389 }
1390
1391 .boxfooter a.listbutton:focus {
1392 color: #fff;
1393 background-color: rgba(73,180,210,0.6);
1394 text-shadow: 0px 1px 1px #666;
1395 outline: none;
1396 }
1397
1398 .uibox .boxfooter .listbutton:first-child {
1399 border-radius: 0 0 0 4px;
1400 }
1401
1402 .boxfooter .listbutton .inner {
1403 display: inline-block;
1404 width: 48px;
1405 height: 35px;
1406 text-indent: -5000px;
1407 background-image: url(images/buttons.png?v=51d4.15699);
1408 background-position: -1000px 0;
1409 background-repeat: no-repeat;
1410 }
1411
1412 .boxfooter .listbutton.add .inner {
1413 background-position: 10px -1301px;
1414 }
1415
1416 .boxfooter .listbutton.delete .inner {
1417 background-position: 10px -1342px;
1418 }
1419
1420 .boxfooter .listbutton.groupactions .inner {
1421 background-position: 5px -1382px;
1422 }
1423
1424 .boxfooter .listbutton.addto .inner {
1425 background-position: 5px -1422px;
1426 }
1427
1428 .boxfooter .listbutton.addcc .inner {
1429 background-position: 5px -1462px;
1430 }
1431
1432 .boxfooter .listbutton.addbcc {
1433 width: 54px;
1434 }
1435
1436 .boxfooter .listbutton.addbcc .inner {
1437 width: 54px;
1438 background-position: 2px -1502px;
1439 }
1440
1441 .boxfooter .listbutton.removegroup .inner {
1442 background-position: 5px -1540px;
1443 }
1444
1445 .boxfooter .listbutton.disabled .inner {
1446 opacity: 0.4;
1447 }
1448
1449 .boxfooter .countdisplay {
1450 display: inline-block;
1451 position: relative;
1452 top: 10px;
1453 color: #69929e;
1454 padding: 3px 6px;
1455 }
1456
1457 .boxpagenav {
1458 position: absolute;
1459 top: 10px;
1460 right: 6px;
1461 width: auto;
1462 }
1463
1464 .boxpagenav a.icon {
1465 display: inline-block;
1466 padding: 1px 3px;
1467 height: 13px;
1468 width: 14px;
1469 text-indent: 1000px;
1470 vertical-align: bottom;
1471 overflow: hidden;
1472 background: url(images/buttons.png?v=51d4.15699) -4px -286px no-repeat;
1473 }
1474
1475 .boxpagenav a.icon.prevpage {
1476 background-position: -4px -301px;
1477 }
1478
1479 .boxpagenav a.icon.nextpage {
1480 background-position: -28px -301px;
1481 }
1482
1483 .boxpagenav a.icon.lastpage {
1484 background-position: -28px -286px;
1485 }
1486
1487 .boxpagenav a.icon.disabled {
1488 opacity: 0.4;
1489 }
1490
1491 .centerbox {
1492 width: 40em;
1493 margin: 16px auto;
1494 }
1495
1496 .errorbox {
1497 width: 40em;
1498 padding: 20px;
1499 }
1500
1501 .errorbox h3 {
1502 font-size: 16px;
1503 margin-top: 0;
1504 }
1505
1506
1507 /*** Records table ***/
1508
1509 table.records-table {
1510 display: table;
1511 width: 100%;
1512 table-layout: fixed;
1513 border-spacing: 0;
1514 border: 1px solid #bbd3da;
1515 }
1516
1517 .boxlistcontent .records-table {
1518 border: 0;
1519 }
1520
1521 .records-table thead th,
1522 .records-table thead td {
1523 color: #69939e;
1524 font-size: 11px;
1525 font-weight: bold;
1526 background: #d6eaf3;
1527 background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
1528 background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
1529 background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
1530 background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
1531 background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
1532 border-left: 1px solid #bbd3da;
1533 padding: 8px 7px;
1534 overflow: hidden;
1535 text-overflow: ellipsis;
1536 text-align: left;
1537 }
1538
1539 .records-table.sortheader thead th,
1540 .records-table.sortheader thead td {
1541 padding: 0;
1542 }
1543
1544 .records-table thead th a,
1545 .records-table thead td a,
1546 .records-table thead th span,
1547 .records-table thead td span {
1548 display: block;
1549 padding: 7px 7px;
1550 color: #69939e;
1551 text-decoration: none;
1552 overflow: hidden;
1553 text-overflow: ellipsis;
1554 }
1555
1556 .records-table thead th a:focus,
1557 .records-table thead td a:focus {
1558 color: #fff;
1559 background-color: rgba(73,180,210,0.7);
1560 text-shadow: 0px 1px 1px #666;
1561 outline: none;
1562 }
1563
1564 .records-table tbody td {
1565 padding: 2px 7px;
1566 border-bottom: 1px solid #ddd;
1567 border-left: 1px dotted #bbd3da;
1568 white-space: nowrap;
1569 cursor: default;
1570 overflow: hidden;
1571 text-overflow: ellipsis;
1572 background-color: #fff;
1573 outline: none;
1574 }
1575
1576 /* This padding-left minus the focused padding left should be half of the focused border-left */
1577 .records-table thead tr th:first-child,
1578 .records-table thead tr td:first-child,
1579 .records-table tbody tr td:first-child {
1580 border-left: 2px solid transparent;
1581 padding-left: 4px;
1582 }
1583
1584 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
1585 .records-table.focus tbody tr.focused > td:first-child {
1586 border-left: 2px solid #49b3d2;
1587 }
1588
1589 .records-table tr.selected td {
1590 color: #fff !important;
1591 background-color: #4db0d2 !important;
1592 }
1593
1594 .records-table.focus tr.selected td {
1595 background: #019bc6;
1596 background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
1597 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
1598 background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
1599 background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
1600 background: linear-gradient(to bottom, #019bc6 0%, #017cb4 100%);
1601 }
1602
1603 .records-table tr.selected td a,
1604 .records-table tr.selected td span {
1605 color: #fff !important;
1606 }
1607
1608 .records-table tr.deleted td,
1609 .records-table tr.deleted td a {
1610 color: #ccc !important;
1611 }
1612
1613 /*** iFrames ***/
1614
1615 #aboutframe {
1616 width: 97%;
1617 height: 100%;
1618 border: 0;
1619 padding: 0;
1620 }
1621
1622 body.iframe {
1623 background: #fff;
1624 margin: 38px 0 10px 0;
1625 }
1626
1627 body.iframe.error {
1628 background: #ededed;
1629 }
1630
1631 body.iframe.floatingbuttons {
1632 margin-bottom: 40px;
1633 }
1634
1635 body.iframe.fullheight {
1636 margin: 0;
1637 }
1638
1639 .contentbox .boxtitle,
1640 body.iframe .boxtitle {
1641 color: #777;
1642 background: #eee;
1643 background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
1644 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
1645 background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
1646 background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
1647 background: linear-gradient(to bottom, #eee 0%, #dfdfdf 100%);
1648 border-bottom: 1px solid #ccc;
1649 }
1650
1651 body.iframe .boxtitle {
1652 position: fixed;
1653 top: 0;
1654 left: 0;
1655 width: 100%;
1656 z-index: 100;
1657 }
1658
1659 body.iframe .footerleft.floating,
1660 #composeview-bottom .formbuttons.floating {
1661 position: fixed;
1662 left: 0;
1663 bottom: 0;
1664 width: 100%;
1665 z-index: 110;
1666 background: #fff;
1667 padding-top: 8px;
1668 padding-bottom: 12px;
1669 }
1670
1671 body.iframe .footerleft.floating:before,
1672 #composeview-bottom .formbuttons.floating:before {
1673 content: " ";
1674 position: absolute;
1675 top: -6px;
1676 left: 0;
1677 width: 100%;
1678 height: 6px;
1679 background: url(images/overflowshadow.png?v=71ba.250) top center no-repeat;
1680 }
1681
1682 .boxcontent {
1683 padding: 10px;
1684 }
1685
1686 .contentbox .scroller {
1687 position: absolute;
1688 top: 34px;
1689 left: 0;
1690 right: 0;
1691 bottom: 0px;
1692 overflow: auto;
1693 }
1694
1695 .iframebox {
1696 position: absolute;
1697 top: 0;
1698 left: 0;
1699 right: 0;
1700 bottom: 0px;
1701 }
1702
1703 .footerleft {
1704 padding: 0 12px 4px 12px;
1705 }
1706
1707 .propform fieldset {
1708 margin-bottom: 20px;
1709 border: 0;
1710 padding: 0;
1711 }
1712
1713 .propform fieldset legend {
1714 display: block;
1715 font-size: 14px;
1716 font-weight: bold;
1717 padding-bottom: 10px;
1718 margin-bottom: 0;
1719 }
1720
1721 .propform fieldset fieldset legend {
1722 color: #666;
1723 font-size: 12px;
1724 }
1725
1726 .propform div.prop {
1727 margin-bottom: 0.5em;
1728 }
1729
1730 .propform div.prop.block label {
1731 display: block;
1732 margin-bottom: 0.3em;
1733 }
1734
1735 .propform div.prop.block input,
1736 .propform div.prop.block textarea {
1737 width: 95%;
1738 }
1739
1740 .propform a.disabled {
1741 color: #999;
1742 text-decoration: none;
1743 cursor: default;
1744 }
1745
1746 fieldset.floating {
1747 float: left;
1748 margin-right: 10px;
1749 margin-bottom: 10px;
1750 }
1751
1752 table.propform {
1753 width: 100%;
1754 border-spacing: 0;
1755 border-collapse: collapse;
1756 }
1757
1758 ul.proplist li,
1759 table.propform td {
1760 width: 80%;
1761 padding: 4px 10px;
1762 background: #eee;
1763 border-bottom: 2px solid #fff;
1764 }
1765
1766 table.propform td.title {
1767 width: 20%;
1768 color: #333;
1769 padding-right: 20px;
1770 white-space: nowrap;
1771 }
1772
1773 table.propform .mceLayout td {
1774 padding: 0;
1775 border-bottom: 0;
1776 }
1777
1778 ul.proplist {
1779 list-style: none;
1780 margin: 0;
1781 padding: 0;
1782 }
1783
1784 ul.proplist li {
1785 width: auto;
1786 }
1787
1788 #pluginbody {
1789 position: absolute;
1790 top: 0;
1791 left: 0;
1792 right: 0;
1793 bottom: 0;
1794 }
1795
1796
1797 /*** Login form ***/
1798
1799 #login-form {
1800 position: relative;
1801 width: 580px;
1802 margin: 20ex auto 2ex auto;
1803 }
1804
1805 #login-form .box-inner {
1806 width: 430px;
1807 background: url(images/linen_login.jpg?v=0484.10363) top left no-repeat #5c5c5c;
1808 margin: 0 50px;
1809 padding: 10px 24px 24px 24px;
1810 border: 1px solid #333;
1811 border-radius: 5px;
1812 box-shadow: inset 0 0 1px #ccc;
1813 -webkit-box-shadow: inset 0 0 1px #ccc;
1814 }
1815
1816 #login-form .box-bottom {
1817 background: url(images/login_shadow.png?v=1169.789) top center no-repeat;
1818 margin-top: -3px;
1819 padding-top: 10px;
1820 }
1821
1822 #login-form .noscriptwarning {
1823 margin: 0 auto;
1824 width: 430px;
1825 color: #cf2734;
1826 font-size: 110%;
1827 font-weight: bold;
1828 }
1829
1830 #login-form td.input {
1831 width: 80%;
1832 padding: 8px;
1833 }
1834
1835 #login-form input[type="text"],
1836 #login-form input[type="password"] {
1837 width: 100%;
1838 border-color: #666;
1839 }
1840
1841 #login-form input.button {
1842 color: #444;
1843 text-shadow: 0px 1px 1px #fff;
1844 border-color: #f9f9f9;
1845 background: #f9f9f9;
1846 background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
1847 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
1848 background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
1849 background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
1850 background: linear-gradient(to bottom, #f9f9f9 0%, #e2e2e2 100%);
1851 box-shadow: inset 0 1px 0 0 #fff;
1852 -webkit-box-shadow: inset 0 1px 0 0 #fff;
1853 }
1854
1855 #login-form input.button:hover,
1856 #login-form input.button:focus {
1857 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1858 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
1859 }
1860
1861 #login-form input.button:active {
1862 color: #333;
1863 background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
1864 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9));
1865 background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
1866 background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
1867 background: linear-gradient(to bottom, #dcdcdc 0%, #f9f9f9 100%);
1868 }
1869
1870 #login-form form table {
1871 width: 98%;
1872 }
1873
1874 #login-form td.title {
1875 width: 20%;
1876 white-space: nowrap;
1877 color: #cecece;
1878 text-shadow: 0px 1px 1px black;
1879 text-align: right;
1880 padding-right: 1em;
1881 }
1882
1883 #login-form p.formbuttons {
1884 margin-top: 2em;
1885 text-align: center;
1886 }
1887
1888 #login-form #logo {
1889 margin-bottom: 20px;
1890 border: none;
1891 }
1892
1893 #login-form #message {
1894 min-height: 40px;
1895 padding: 5px 25px;
1896 text-align: center;
1897 font-size: 1.1em;
1898 }
1899
1900 #login-form #message div {
1901 display: inline-block;
1902 padding-right: 0;
1903 font-size: 12px;
1904 }
1905
1906 #bottomline {
1907 font-size: 90%;
1908 text-align: center;
1909 margin-top: 2em;
1910 }
1911
1912
1913
1914 /*** quicksearch **/
1915
1916 .searchbox {
1917 position: relative;
1918 }
1919
1920 #quicksearchbar {
1921 position: absolute;
1922 right: 2px;
1923 top: 2px;
1924 width: 240px;
1925 }
1926
1927 .searchbox input,
1928 #quicksearchbar input {
1929 width: 176px;
1930 margin: 0;
1931 padding: 3px 30px 3px 34px;
1932 height: 18px;
1933 background: #f1f1f1;
1934 border-color: #ababab;
1935 font-weight: bold;
1936 font-size: 11px;
1937 }
1938
1939 .searchbox .searchicon,
1940 .searchbox #searchmenulink,
1941 #quicksearchbar #searchmenulink {
1942 position: absolute;
1943 top: 5px;
1944 left: 6px;
1945 }
1946
1947 .searchbox #searchreset,
1948 .searchbox .iconbutton.reset,
1949 #quicksearchbar #searchreset {
1950 position: absolute;
1951 top: 4px;
1952 right: 1px;
1953 }
1954
1955 .listsearchbox {
1956 padding: 4px;
1957 background: #c7e3ef;
1958 display: none;
1959 }
1960
1961 .listsearchbox input {
1962 width: 100%;
1963 height: 26px;
1964 -moz-box-sizing: border-box;
1965 box-sizing: border-box;
1966 }
1967
1968 /*** toolbar ***/
1969
1970 .toolbar .spacer {
1971 display: inline-block;
1972 width: 24px;
1973 height: 40px;
1974 padding: 0;
1975 }
1976
1977 .toolbar a.button {
1978 text-align: center;
1979 font-size: 10px;
1980 color: #555;
1981 min-width: 50px;
1982 max-width: 70px;
1983 height: 13px;
1984 overflow: hidden;
1985 text-overflow: ellipsis;
1986 white-space: nowrap;
1987 padding: 28px 2px 0 2px;
1988 text-shadow: 0px 1px 1px #eee;
1989 box-shadow: none;
1990 -webkit-box-shadow: none;
1991 background: url(images/buttons.png?v=51d4.15699) -100px 0 no-repeat transparent;
1992 border: 0;
1993 border-radius: 0;
1994 }
1995
1996 .dropbutton .dropbuttontip:focus,
1997 .toolbar a.button:focus {
1998 color: #fff;
1999 text-shadow: 0px 1px 1px #666;
2000 background-color: rgba(30,150,192, 0.5);
2001 border-radius: 3px;
2002 }
2003
2004 .toolbar a.button.disabled {
2005 opacity: 0.4;
2006 }
2007
2008 .dropbutton {
2009 display: inline-block;
2010 position: relative;
2011 }
2012
2013 .dropbutton .dropbuttontip {
2014 display: block;
2015 position: absolute;
2016 right: 0;
2017 top: 0;
2018 height: 41px;
2019 width: 18px;
2020 overflow: hidden;
2021 text-indent: -5000px;
2022 background: url(images/buttons.png?v=51d4.15699) 0 -1255px no-repeat;
2023 cursor: pointer;
2024 outline: none;
2025 }
2026
2027 .dropbutton .dropbuttontip:focus,
2028 .dropbutton .dropbuttontip:hover {
2029 background-position: -26px -1255px;
2030 }
2031
2032 .dropbutton a.button.disabled + .dropbuttontip {
2033 opacity: 0.5;
2034 }
2035
2036 .dropbutton a.button.disabled + .dropbuttontip:hover {
2037 background-position: 0 -1255px;
2038 }
2039
2040 .dropbutton a.button {
2041 margin-left: 0;
2042 padding-left: 0;
2043 margin-right: 0;
2044 padding-right: 0;
2045 }
2046
2047 .toolbar a.button.back {
2048 background-position: 0 -1216px;
2049 }
2050
2051 .toolbar a.button.checkmail {
2052 background-position: center -1176px;
2053 }
2054
2055 .toolbar a.button.compose {
2056 background-position: center -530px;
2057 }
2058
2059 .toolbar a.button.reply {
2060 background-position: center -570px;
2061 }
2062
2063 .toolbar a.button.reply-all {
2064 min-width: 64px;
2065 background-position: 0 -610px;
2066 }
2067
2068 .toolbar a.button.forward {
2069 min-width: 64px;
2070 background-position: 0 -650px;
2071 }
2072
2073 .toolbar a.button.delete {
2074 background-position: center -690px;
2075 }
2076
2077 .toolbar a.button.archive {
2078 background-position: center -730px;
2079 }
2080
2081 .toolbar a.button.junk {
2082 background-position: center -770px;
2083 }
2084
2085 .toolbar a.button.print {
2086 background-position: center -810px;
2087 }
2088
2089 .toolbar a.button.markmessage {
2090 background-position: center -1094px;
2091 }
2092
2093 .toolbar a.button.move {
2094 background-position: center -1971px;
2095 }
2096
2097 .toolbar a.button.more {
2098 background-position: center -850px;
2099 }
2100
2101 .toolbar a.button.attach {
2102 background-position: center -890px;
2103 }
2104
2105 .toolbar a.button.spellcheck {
2106 min-width: 64px;
2107 background-position: 0 -930px;
2108 }
2109
2110 .toolbar a.button.spellcheck.selected {
2111 background-position: 0 -1620px;
2112 color: #1978a1;
2113 }
2114
2115 .toolbar a.button.insertsig {
2116 background-position: center -1135px;
2117 }
2118
2119 .toolbar a.button.search {
2120 background-position: center -970px;
2121 }
2122
2123 .toolbar a.button.import {
2124 background-position: center -1012px;
2125 }
2126
2127 .toolbar a.button.export {
2128 min-width: 64px;
2129 background-position: 0 -1054px;
2130 }
2131
2132 .toolbar a.button.send {
2133 background-position: center -1660px;
2134 }
2135
2136 .toolbar a.button.savedraft {
2137 background-position: center -1700px;
2138 }
2139
2140 .toolbar a.button.close {
2141 background-position: 0 -1745px;
2142 }
2143
2144 .toolbar a.button.download {
2145 background-position: center -1892px;
2146 }
2147
2148 .toolbar a.button.responses {
2149 background-position: center -1932px;
2150 }
2151
2152 a.menuselector {
2153 display: inline-block;
2154 border: 1px solid #ababab;
2155 border-radius: 4px;
2156 background: #f8f8f8;
2157 background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
2158 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
2159 background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
2160 background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
2161 background: linear-gradient(to bottom, #f8f8f8 0%, #dddddd 100%);
2162 text-decoration: none;
2163 color: #333;
2164 cursor: pointer;
2165 white-space: nowrap;
2166 }
2167
2168 a.menuselector .handle {
2169 display: inline-block;
2170 padding: 0 32px 0 6px;
2171 height: 20px;
2172 line-height: 19px;
2173 text-shadow: 0px 1px 1px #fff;
2174 background: url(images/selector.png?v=799c.181) right center no-repeat;
2175 border-radius: 4px;
2176 }
2177
2178 a.menuselector:active {
2179 background: #dddddd;
2180 background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
2181 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8));
2182 background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
2183 background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
2184 background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%);
2185 text-decoration: none;
2186 }
2187
2188 select.decorated {
2189 position: relative;
2190 z-index: 10;
2191 opacity: 0;
2192 height: 22px;
2193 cursor: pointer;
2194 -khtml-appearance: none;
2195 -webkit-appearance: none;
2196 border: 0;
2197 }
2198
2199 html.opera select.decorated {
2200 opacity: 1;
2201 }
2202
2203 select.decorated option {
2204 color: #fff;
2205 background: #444;
2206 border: 0;
2207 border-top: 1px solid #5a5a5a;
2208 border-bottom: 1px solid #333;
2209 text-shadow: 0px 1px 1px #333;
2210 padding: 4px 6px;
2211 outline: none;
2212 cursor: default;
2213 }
2214
2215
2216 a.menuselector:focus,
2217 a.menuselector.focus,
2218 a.iconbutton:focus,
2219 .pagenav a.button:focus {
2220 border-color: #4fadd5;
2221 box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
2222 -webkit-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
2223 outline: none;
2224 }
2225
2226
2227 /*** quota indicator ***/
2228
2229 #quotadisplay {
2230 left: 6px;
2231 height: 18px;
2232 font-size: 12px;
2233 font-weight: bold;
2234 text-shadow: 0px 1px 1px #fff;
2235 padding-left: 30px;
2236 background: url(images/quota.png?v=7ea4.2033) -100px 0 no-repeat;
2237 }
2238
2239 table.quota-info {
2240 border-spacing: 0;
2241 border-collapse: collapse;
2242 table-layout: fixed;
2243 margin: 5px;
2244 }
2245
2246 table.quota-info td,
2247 table.quota-info th {
2248 color: white;
2249 border: 1px solid lightgrey;
2250 padding: 2px 3px;
2251 text-align: center;
2252 min-width: 80px;
2253 }
2254
2255 table.quota-info td.name {
2256 text-align: left;
2257 }
2258
2259 table.quota-info td.root {
2260 font-style: italic;
2261 }
2262
2263 /*** popup menus ***/
2264
2265 .popupmenu,
2266 #rcmKSearchpane {
2267 display: none;
2268 position: absolute;
2269 top: 32px;
2270 left: 90px;
2271 width: auto;
2272 max-height: 70%;
2273 overflow: -moz-scrollbars-vertical;
2274 overflow-y: auto;
2275 background: #444;
2276 border: 1px solid #999;
2277 z-index: 240;
2278 border-radius: 4px;
2279 box-shadow: 0 2px 6px 0 #333;
2280 -webkit-box-shadow: 0 2px 6px 0 #333;
2281 }
2282
2283 .popupmenu.dropdown {
2284 border-radius: 0 0 4px 4px;
2285 border-top: 0;
2286 }
2287
2288 ul.toolbarmenu,
2289 ul.toolbarmenu ul,
2290 #rcmKSearchpane ul {
2291 margin: 0;
2292 padding: 0;
2293 list-style: none;
2294 }
2295
2296 .googie_list td,
2297 ul.toolbarmenu li,
2298 #rcmKSearchpane ul li {
2299 color: #fff;
2300 white-space: nowrap;
2301 min-width: 130px;
2302 margin: 0;
2303 border-top: 1px solid #5a5a5a;
2304 border-bottom: 1px solid #333;
2305 }
2306
2307 .googie_list tr:first-child td,
2308 ul.toolbarmenu > li:first-child,
2309 select.decorated option:first-child {
2310 border-top: 0;
2311 }
2312
2313 .googie_list tr:last-child td,
2314 ul.toolbarmenu > li:last-child,
2315 select.decorated option:last-child {
2316 border-bottom: 0;
2317 }
2318
2319 .googie_list td span,
2320 ul.toolbarmenu li a {
2321 display: block;
2322 color: #666;
2323 text-shadow: 0px 1px 1px #333;
2324 text-decoration: none;
2325 min-height: 14px;
2326 padding: 6px 16px 6px 10px;
2327 }
2328
2329 .googie_list td span {
2330 padding: 3px 10px;
2331 }
2332
2333 .googie_list td span,
2334 ul.toolbarmenu li a.active {
2335 color: #fff;
2336 cursor: default;
2337 }
2338
2339 .googie_list td.googie_list_onhover,
2340 ul.toolbarmenu li a.active:hover,
2341 ul.toolbarmenu li a.active:focus,
2342 #rcmKSearchpane ul li.selected,
2343 select.decorated option:hover,
2344 select.decorated option[selected='selected'] {
2345 background-color: #00aad6;
2346 background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
2347 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
2348 background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
2349 background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
2350 background: linear-gradient(to bottom, #00aad6 0%, #008fc9 100%);
2351 outline: none;
2352 }
2353
2354 ul.toolbarmenu.iconized li a,
2355 ul.toolbarmenu.selectable li a {
2356 padding-left: 30px;
2357 }
2358
2359 ul.toolbarmenu.selectable li a.selected {
2360 background: url(images/messages.png?v=3a4f.1461) 4px -27px no-repeat;
2361 }
2362
2363 ul.toolbarmenu li label {
2364 display: block;
2365 color: #fff;
2366 padding: 4px 8px;
2367 text-shadow: 0px 1px 1px #333;
2368 }
2369
2370 ul.toolbarmenu li.separator label {
2371 color: #bbb;
2372 font-style: italic;
2373 }
2374
2375 ul.toolbarmenu li a.icon {
2376 color: #eee;
2377 padding: 2px 6px;
2378 }
2379
2380 ul.toolbarmenu li span.icon,
2381 #rcmKSearchpane ul li i.icon {
2382 display: block;
2383 min-height: 14px;
2384 padding: 4px 4px 1px 24px;
2385 height: 17px;
2386 background-image: url(images/listicons.png?v=1877.13442);
2387 background-position: -100px 0;
2388 background-repeat: no-repeat;
2389 opacity: 0.2;
2390 }
2391
2392 ul.toolbarmenu li a.active span.icon {
2393 opacity: 0.99;
2394 }
2395
2396 ul.toolbarmenu li span.read {
2397 background-position: 0 -1220px;
2398 }
2399
2400 ul.toolbarmenu li span.unread {
2401 background-position: 0 -1196px;
2402 }
2403
2404 ul.toolbarmenu li span.flagged {
2405 background-position: 0 -1244px;
2406 }
2407
2408 ul.toolbarmenu li span.unflagged {
2409 background-position: 0 -1268px;
2410 }
2411
2412 ul.toolbarmenu li span.mail {
2413 background-position: 0 -1293px;
2414 }
2415
2416 ul.toolbarmenu li span.list {
2417 background-position: 0 -1317px;
2418 }
2419
2420 ul.toolbarmenu li span.invert {
2421 background-position: 0 -1340px;
2422 }
2423
2424 ul.toolbarmenu li span.cross {
2425 background-position: 0 -1365px;
2426 }
2427
2428 ul.toolbarmenu li span.print {
2429 background-position: 0 -1436px;
2430 }
2431
2432 ul.toolbarmenu li span.download {
2433 background-position: 0 -1412px;
2434 }
2435
2436 ul.toolbarmenu li span.edit {
2437 background-position: 0 -1388px;
2438 }
2439
2440 ul.toolbarmenu li span.viewsource {
2441 background-position: 0 -1460px;
2442 }
2443
2444 ul.toolbarmenu li span.extwin {
2445 background-position: 0 -1484px;
2446 }
2447
2448 ul.toolbarmenu li span.conversation {
2449 background-position: 0 -1532px;
2450 }
2451
2452 ul.toolbarmenu li span.move {
2453 background-position: 0 -2126px;
2454 }
2455
2456 ul.toolbarmenu li span.copy {
2457 background-position: 0 -2150px;
2458 }
2459
2460 #snippetslist {
2461 max-width: 200px;
2462 }
2463
2464 #snippetslist li a {
2465 overflow: hidden;
2466 text-overflow: ellipsis;
2467 }
2468
2469 #rcmKSearchpane {
2470 border-radius: 0 0 4px 4px;
2471 border-top: 0;
2472 }
2473
2474 #rcmKSearchpane ul li {
2475 text-shadow: 0px 1px 1px #333;
2476 text-decoration: none;
2477 min-height: 14px;
2478 padding: 6px 10px 6px 28px;
2479 border: 0;
2480 cursor: default;
2481 position: relative;
2482 }
2483
2484 #rcmKSearchpane ul li i.icon {
2485 opacity: 0.99;
2486 position: absolute;
2487 top: 4px;
2488 left: 5px;
2489 width: 18px;
2490 height: 18px;
2491 padding: 0;
2492 background-position: -1px -2223px;
2493 }
2494
2495 #rcmKSearchpane ul li.group i.icon {
2496 background-position: -1px -2247px;
2497 }
2498
2499 .popupdialog {
2500 display: none;
2501 padding: 10px;
2502 }
2503
2504 .popupdialog .formbuttons {
2505 margin: 20px 0 4px 0;
2506 }
2507
2508 .ui-dialog .prompt input {
2509 display: block;
2510 margin: 8px 0;
2511 }
2512
2513 .hint {
2514 margin: 4px 0;
2515 color: #999;
2516 text-shadow: 0px 1px 1px #fff;
2517 }
2518
2519 .splitter {
2520 user-select: none;
2521 -moz-user-select: none;
2522 -khtml-user-select: none;
2523 position: absolute;
2524 background: url(images/splitter.png?v=2724.136) center no-repeat;
2525 }
2526
2527 .splitter-h {
2528 height: 10px;
2529 width: 100%;
2530 cursor: n-resize;
2531 cursor: row-resize;
2532 background-position: center 0;
2533 }
2534
2535 .splitter-v {
2536 width: 10px;
2537 height: 100%;
2538 cursor: e-resize;
2539 cursor: col-resize;
2540 background-position: 0 center;
2541 }
2542
2543 #rcmdraglayer {
2544 min-width: 260px;
2545 width: auto !important;
2546 width: 260px;
2547 padding: 6px 8px;
2548 background: #444;
2549 border: 1px solid #555;
2550 border-radius: 4px;
2551 box-shadow: 0 2px 6px 0 #333;
2552 -webkit-box-shadow: 0 2px 6px 0 #333;
2553 z-index: 250;
2554 color: #ccc;
2555 white-space: nowrap;
2556 opacity: 0.92;
2557 text-shadow: 0px 1px 1px #333;
2558 }
2559
2560 #rcmdraglayer:after {
2561 content: "";
2562 position: absolute;
2563 top: 6px;
2564 left: -6px;
2565 border-style: solid;
2566 border-width: 6px 6px 6px 0;
2567 border-color: transparent #444;
2568 /* reduce the damage in FF3.0 */
2569 display: block;
2570 width: 0;
2571 z-index: 251;
2572 }
2573
2574 .draglayercopy:before {
2575 position: absolute;
2576 bottom: -6px;
2577 left: -6px;
2578 content: " ";
2579 width: 16px;
2580 height: 16px;
2581 background: url(images/buttons.png?v=51d4.15699) -7px -358px no-repeat;
2582 z-index: 255;
2583 }
2584
2585 .popup label > input {
2586 margin-left: 10px;
2587 }
2588
2589 /*** folder selector ***/
2590
2591 #folder-selector {
2592 z-index: 1000;
2593 }
2594
2595 #folder-selector li a span {
2596 background: url(images/listicons.png?v=1877.13442) 4px -2021px no-repeat;
2597 display: block;
2598 height: 17px;
2599 min-height: 14px;
2600 padding: 4px 4px 1px 28px;
2601 overflow: hidden;
2602 max-width: 120px;
2603 text-overflow: ellipsis;
2604 }
2605
2606 #folder-selector li a.virtual {
2607 opacity: .2;
2608 }
2609
2610 #folder-selector li a.inbox span {
2611 background-position: 4px -2049px;
2612 }
2613 #folder-selector li a.drafts span {
2614 background-position: 4px -1388px;
2615 }
2616 #folder-selector li a.sent span {
2617 background-position: 4px -2074px;
2618 }
2619 #folder-selector li a.trash span {
2620 background-position: 4px -1508px;
2621 }
2622 #folder-selector li a.junk span {
2623 background-position: 4px -2100px;
2624 }
2625
2626 /*** folders list ***/
2627
2628 .folderlist li.mailbox a {
2629 padding-left: 36px;
2630 white-space: nowrap;
2631 overflow: hidden;
2632 text-overflow: ellipsis;
2633 background-image: url(images/listicons.png?v=1877.13442);
2634 background-repeat: no-repeat;
2635 background-position: 6px 3px;
2636 }
2637
2638 .folderlist li.mailbox.unread > a {
2639 padding-right: 36px;
2640 }
2641
2642 .folderlist li.mailbox > a:focus,
2643 .folderlist li.mailbox.selected > a {
2644 background-position: 6px -21px;
2645 }
2646
2647 .folderlist li.mailbox.inbox > a {
2648 background-position: 6px -189px;
2649 }
2650
2651 .folderlist li.mailbox.inbox > a:focus,
2652 .folderlist li.mailbox.inbox.selected > a {
2653 background-position: 6px -213px;
2654 }
2655
2656 .folderlist li.mailbox.drafts > a {
2657 background-position: 6px -238px;
2658 }
2659
2660 .folderlist li.mailbox.drafts > a:focus,
2661 .folderlist li.mailbox.drafts.selected > a {
2662 background-position: 6px -262px;
2663 }
2664
2665 .folderlist li.mailbox.sent > a {
2666 background-position: 6px -286px;
2667 }
2668
2669 .folderlist li.mailbox.sent > a:focus,
2670 .folderlist li.mailbox.sent.selected > a {
2671 background-position: 6px -310px;
2672 }
2673
2674 .folderlist li.mailbox.junk > a {
2675 background-position: 6px -334px;
2676 }
2677
2678 .folderlist li.mailbox.junk > a:focus,
2679 .folderlist li.mailbox.junk.selected > a {
2680 background-position: 6px -358px;
2681 }
2682
2683 .folderlist li.mailbox.trash > a {
2684 background-position: 6px -382px;
2685 }
2686
2687 .folderlist li.mailbox.trash > a:focus,
2688 .folderlist li.mailbox.trash.selected > a {
2689 background-position: 6px -406px;
2690 }
2691
2692 .folderlist li.mailbox.trash.empty > a {
2693 background-position: 6px -1924px;
2694 }
2695
2696 .folderlist li.mailbox.trash.empty > a:focus,
2697 .folderlist li.mailbox.trash.empty.selected > a {
2698 background-position: 6px -1948px;
2699 }
2700
2701 .folderlist li.mailbox.archive > a {
2702 background-position: 6px -1699px;
2703 }
2704
2705 .folderlist li.mailbox.archive > a:focus,
2706 .folderlist li.mailbox.archive.selected > a {
2707 background-position: 6px -1723px;
2708 }
2709
2710 .folderlist li.mailbox ul li.drafts > a {
2711 background-position: 23px -238px;
2712 }
2713
2714 .folderlist li.mailbox ul li.drafts > a:focus,
2715 .folderlist li.mailbox ul li.drafts.selected > a {
2716 background-position: 23px -262px;
2717 }
2718
2719 .folderlist li.mailbox ul li.sent > a {
2720 background-position: 23px -286px;
2721 }
2722
2723 .folderlist li.mailbox ul li.sent > a:focus,
2724 .folderlist li.mailbox ul li.sent.selected > a {
2725 background-position: 23px -310px;
2726 }
2727
2728 .folderlist li.mailbox ul li.junk > a {
2729 background-position: 23px -334px;
2730 }
2731
2732 .folderlist li.mailbox ul li.junk > a:focus,
2733 .folderlist li.mailbox ul li.junk.selected > a {
2734 background-position: 23px -358px;
2735 }
2736
2737 .folderlist li.mailbox ul li.trash > a {
2738 background-position: 23px -382px;
2739 }
2740
2741 .folderlist li.mailbox ul li.trash > a:focus,
2742 .folderlist li.mailbox ul li.trash.selected > a {
2743 background-position: 23px -406px;
2744 }
2745
2746 .folderlist li.mailbox ul li.trash.empty > a {
2747 background-position: 23px -1924px;
2748 }
2749
2750 .folderlist li.mailbox ul li.trash.empty > a:focus,
2751 .folderlist li.mailbox ul li.trash.empty.selected > a {
2752 background-position: 23px -1948px;
2753 }
2754
2755 .folderlist li.mailbox ul li.archive > a {
2756 background-position: 23px -1699px;
2757 }
2758
2759 .folderlist li.mailbox ul li.archive > a:focus,
2760 .folderlist li.mailbox ul li.archive.selected > a {
2761 background-position: 23px -1723px;
2762 }
2763
2764 .folderlist li.virtual > a {
2765 color: #aaa;
2766 }
2767
2768 .folderlist li.mailbox div.treetoggle {
2769 top: 13px;
2770 left: 19px;
2771 }
2772
2773 .folderlist li.mailbox ul li:last-child {
2774 border-bottom: 0;
2775 }
2776
2777 /* nested mailboxes */
2778
2779 .folderlist li.mailbox ul {
2780 list-style: none;
2781 margin: 0;
2782 padding: 0;
2783 border-top: 1px solid #bbd3da;
2784 }
2785
2786 .folderlist li.mailbox ul li a {
2787 padding-left: 52px; /* 36 + 1 x 16 */
2788 background-position: 22px -95px; /* 6 + 1 x 16 */
2789 }
2790 .folderlist li.mailbox ul li > a:focus,
2791 .folderlist li.mailbox ul li.selected > a {
2792 background-position: 22px -119px;
2793 }
2794 .folderlist li.mailbox ul li div.treetoggle {
2795 left: 33px;
2796 top: 14px;
2797 }
2798
2799 .folderlist li.mailbox ul ul li.mailbox a {
2800 padding-left: 68px; /* 2x */
2801 background-position: 38px -95px;
2802 }
2803 .folderlist li.mailbox ul ul li > a:focus,
2804 .folderlist li.mailbox ul ul li.selected > a {
2805 background-position: 38px -119px;
2806 }
2807 .folderlist li.mailbox ul ul li div.treetoggle {
2808 left: 48px;
2809 }
2810
2811 .folderlist li.mailbox ul ul ul li.mailbox a {
2812 padding-left: 84px; /* 3x */
2813 background-position: 54px -95px;
2814 }
2815 .folderlist li.mailbox ul ul ul li > a:focus,
2816 .folderlist li.mailbox ul ul ul li.selected > a {
2817 background-position: 54px -119px;
2818 }
2819 .folderlist li.mailbox ul ul ul li div.treetoggle {
2820 left: 64px;
2821 }
2822
2823 .folderlist li.mailbox ul ul ul ul li.mailbox a {
2824 padding-left: 100px; /* 4x */
2825 background-position: 70px -95px;
2826 }
2827 .folderlist li.mailbox ul ul ul ul li > a:focus,
2828 .folderlist li.mailbox ul ul ul ul li.selected > a {
2829 background-position: 70px -119px;
2830 }
2831 .folderlist li.mailbox ul ul ul ul li div.treetoggle {
2832 left: 80px;
2833 }
2834
2835 /* indent folders on levels > 4 */
2836 .folderlist li.mailbox ul ul ul ul ul li {
2837 padding-left: 16px;
2838 }
2839 .folderlist li.mailbox ul ul ul ul ul li div.treetoggle {
2840 left: 96px;
2841 }
2842
2843
2844 /*** attachment list ***/
2845
2846 .attachmentslist {
2847 list-style: none;
2848 margin: 0;
2849 padding: 0;
2850 overflow: hidden;
2851 text-overflow: ellipsis;
2852 }
2853
2854 .attachmentslist li {
2855 display: block;
2856 position: relative;
2857 background: url(images/filetypes.png?v=91f3.4626) 0 0 no-repeat;
2858 margin-bottom: 1px;
2859 }
2860
2861 .attachmentslist li.txt,
2862 .attachmentslist li.text {
2863 background-position: 0 -416px;
2864 }
2865
2866 .attachmentslist li.pdf {
2867 background-position: 0 -26px;
2868 }
2869
2870 .attachmentslist li.doc,
2871 .attachmentslist li.docx,
2872 .attachmentslist li.msword {
2873 background-position: 0 -52px;
2874 }
2875
2876 .attachmentslist li.odt {
2877 background-position: 0 -78px;
2878 }
2879
2880 .attachmentslist li.xls,
2881 .attachmentslist li.xlsx,
2882 .attachmentslist li.msexcel {
2883 background-position: 0 -104px;
2884 }
2885
2886 .attachmentslist li.ods {
2887 background-position: 0 -130px;
2888 }
2889
2890 .attachmentslist li.zip,
2891 .attachmentslist li.gz {
2892 background-position: 0 -156px;
2893 }
2894
2895 .attachmentslist li.rar {
2896 background-position: 0 -182px;
2897 }
2898
2899 .attachmentslist li.image {
2900 background-position: 0 -208px;
2901 }
2902
2903 .attachmentslist li.jpg,
2904 .attachmentslist li.jpeg {
2905 background-position: 0 -234px;
2906 }
2907
2908 .attachmentslist li.png {
2909 background-position: 0 -260px;
2910 }
2911
2912 .attachmentslist li.m4p {
2913 background-position: 0 -286px;
2914 }
2915
2916 .attachmentslist li.mp3,
2917 .attachmentslist li.audio {
2918 background-position: 0 -312px;
2919 }
2920
2921 .attachmentslist li.video {
2922 background-position: 0 -338px;
2923 }
2924
2925 .attachmentslist li.ics,
2926 .attachmentslist li.calendar {
2927 background-position: 0 -364px;
2928 }
2929
2930 .attachmentslist li.vcard {
2931 background-position: 0 -390px;
2932 }
2933
2934 .attachmentslist li.sig,
2935 .attachmentslist li.pgp-signature,
2936 .attachmentslist li.pkcs7-signature {
2937 background-position: 0 -442px;
2938 }
2939
2940 .attachmentslist li.html {
2941 background-position: 0 -468px;
2942 }
2943
2944 .attachmentslist li.eml,
2945 .attachmentslist li.rfc822 {
2946 background-position: 0 -494px;
2947 }
2948
2949 .attachmentslist li.ppt,
2950 .attachmentslist li.pptx,
2951 .attachmentslist li.ppsx,
2952 .attachmentslist li.vnd.mspowerpoint {
2953 background-position: 0 -520px;
2954 }
2955
2956 .attachmentslist li.odp,
2957 .attachmentslist li.otp {
2958 background-position: 0 -546px;
2959 }
2960
2961 .attachmentslist li a,
2962 #compose-attachments ul li {
2963 display: block;
2964 color: #333;
2965 font-weight: bold;
2966 padding: 3px 15px 3px 30px;
2967 text-shadow: 0px 1px 1px #fff;
2968 text-decoration: none;
2969 white-space: nowrap;
2970 overflow: hidden;
2971 text-overflow: ellipsis;
2972 line-height: 20px;
2973 outline: none;
2974 }
2975
2976 .attachmentslist li a.drop {
2977 background: url(images/buttons.png?v=51d4.15699) no-repeat scroll center -1570px;
2978 width: 14px;
2979 height: 20px;
2980 cursor: pointer;
2981 position: absolute;
2982 right: 0;
2983 top: 0;
2984 padding: 0;
2985 overflow: hidden;
2986 text-indent: -5000px;
2987 outline: none;
2988 }
2989
2990 .attachmentslist li a:focus,
2991 .attachmentslist li a.drop:focus {
2992 background-color: rgba(30,150,192, 0.5);
2993 border-radius: 2px;
2994 }
2995
2996 #compose-attachments ul li {
2997 padding-right: 28px;
2998 }
2999
3000 .attachmentslist li a:hover {
3001 text-decoration: underline;
3002 }
3003
3004 .attachmentslist li.uploading {
3005 background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat;
3006 }
3007
3008 .attachmentslist li a.delete,
3009 .attachmentslist li a.cancelupload {
3010 position: absolute;
3011 top: 4px;
3012 right: 0;
3013 width: 20px;
3014 height: 18px;
3015 padding: 0;
3016 text-decoration: none;
3017 text-indent: -5000px;
3018 background-image: url(images/buttons.png?v=51d4.15699);
3019 background-position: -6px -338px;
3020 background-repeat: no-repeat;
3021 }
3022
3023 .attachmentslist li a.cancelupload {
3024 background-position: -6px -378px;
3025 }
3026
3027 /*** fieldset tabs ***/
3028
3029 .tabbed.ui-tabs {
3030 padding: 0;
3031 border: 0 !important;
3032 background: none;
3033 }
3034
3035 .ui-dialog .tabbed.ui-tabs {
3036 margin: -12px -8px 0 -8px;
3037 }
3038
3039 .boxcontent.tabbed.ui-tabs {
3040 padding: 10px;
3041 }
3042
3043 .ui-tabs .tabsbar.ui-tabs-nav {
3044 margin-bottom: 10px;
3045 }
3046
3047 .ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav {
3048 margin-bottom: 0;
3049 }
3050
3051 .tabsbar .tablink:last-child {
3052 background: none;
3053 }
3054
3055 .tabsbar .tablink:last-child a {
3056 border-right: 0;
3057 }
3058
3059 .ui-tabs .ui-tabs-nav li.tablink a {
3060 background: #fff;
3061 }
3062
3063 .ui-tabs fieldset.ui-tabs-panel {
3064 border: 0;
3065 padding: 0;
3066 margin-left: 0;
3067 background: none;
3068 }
3069
3070 .ui-dialog .propform .ui-tabs-panel {
3071 display: block;
3072 background: #efefef;
3073 padding: 0.5em 1em;
3074 }
3075
3076 #image-selector-form.droptarget {
3077 background: url(images/filedrop.png?v=ba79.421) center bottom no-repeat;
3078 }
3079
3080 /** Common TinyMCE fixes **/
3081 .mce-btn-small .mce-ico {
3082 display: inline; /* for old Firefox */
3083 }
3084
3085 .mce-btn-small i {
3086 line-height: 16px !important;
3087 vertical-align: text-top !important;
3088 }
3089
3090 _:not(), _:-moz-handler-blocked, .mozilla .mce-btn-small i {
3091 line-height: 20px !important;
3092 }