← Back to branch summary

~ubuntu-branches/debian/sid/alpine/sid

« back to all changes in this revision

Viewing changes to web/cgi/alpine/2.0/css/cbn/screen.css

  • Committer: Package Import Robot
  • Author(s): Asheesh Laroia
  • Date: 2013-05-19 16:15:01 UTC
  • mfrom: (1.1.10)
  • Revision ID: package-import@ubuntu.com-20130519161501-epf6pfldn07xnd11
Tags: 2.10+dfsg-1
http://bugs.debian.org/692870
http://bugs.debian.org/674067
http://bugs.debian.org/653420
* New upstream release.
* This release ships a fix for an issue where the PREFDATETIME token
  was always set to "Sun" incorrectly. (Closes: #692870)
* This release ships a fix for IMAP-encoded non-ASCII folder names.
  (Closes: #674067)
* This release simplifies (and corrects) S/MIME handling for messages
  that encrypted *and* signed. (Closes: #653420)

Show diffs side-by-side

added added

removed removed

Lines of Context:
web/cgi/alpine/2.0/css/cbn/screen.css
 
1
/*
 
2
 * $Id: screen.css 1266 2009-07-14 18:39:12Z hubert@u.washington.edu $
 
3
 * ========================================================================
 
4
 * Copyright 2006-2008 University of Washington
 
5
 *
 
6
 * Licensed under the Apache License, Version 2.0 (the "License");
 
7
 * you may not use this file except in compliance with the License.
 
8
 * You may obtain a copy of the License at
 
9
 *
 
10
 *     http://www.apache.org/licenses/LICENSE-2.0
 
11
 *
 
12
 * ========================================================================
 
13
 */
 
14
 
 
15
/*** GLOBAL ***/
 
16
body.wap
 
17
{
 
18
        font-family: Tahoma, Helvetica, sans-serif;
 
19
        margin: 0 0;
 
20
}
 
21
form.wap
 
22
{
 
23
        display: inline;
 
24
}
 
25
select.wap, input.wap, textarea.wap, button.wap, label.wap
 
26
{
 
27
        font-family: Tahomaf, Helvetica, sans-serif;
 
28
        font-size: 1.0em; /* required by IE */
 
29
}
 
30
td.wap, th.wap, div.wap
 
31
{
 
32
        white-space: nowrap;
 
33
        font-size: .7em;
 
34
}
 
35
h1.wap
 
36
{
 
37
        display: inline;
 
38
        font-weight: normal;
 
39
        font-size: 1.0em;
 
40
}
 
41
h2.wap, h3.wap, h4.wap, h5.wap, h6.wap
 
42
{
 
43
        display: inline;
 
44
}
 
45
a.wap
 
46
{
 
47
        color: #003399;
 
48
        text-decoration: none;
 
49
}
 
50
a.wap:hover
 
51
{
 
52
        text-decoration: underline;
 
53
}
 
54
img.wap
 
55
{
 
56
        border-style: none;
 
57
}
 
58
.rt
 
59
{
 
60
        text-align: right;
 
61
}
 
62
.lt
 
63
{
 
64
        text-align: left;
 
65
}
 
66
.frt
 
67
{
 
68
        float: right;
 
69
}
 
70
.flt
 
71
{
 
72
        float: left;
 
73
}
 
74
.right
 
75
{
 
76
        padding-right: 10px;
 
77
        float: right;
 
78
}
 
79
.left
 
80
{
 
81
        float: left;
 
82
}
 
83
.bld
 
84
{
 
85
        font-weight: bold;
 
86
}
 
87
.top
 
88
{
 
89
        vertical-align: top;
 
90
}
 
91
.black
 
92
{
 
93
        color: black;
 
94
}
 
95
span.sp, input.sp
 
96
{
 
97
        background: url(../../img/cbn/spritelib.gif) no-repeat;
 
98
}
 
99
span.sp span
 
100
{
 
101
        display: none;
 
102
}
 
103
span.trans
 
104
{
 
105
        display: block;
 
106
        width: 24px;
 
107
        height: 24px;
 
108
}
 
109
 
 
110
/*** STATUS MESSAGES ***/
 
111
div#statusMessage
 
112
{
 
113
        display: none;
 
114
        position: relative;
 
115
}
 
116
div.status
 
117
{
 
118
 
 
119
        color: black;
 
120
        margin: 0 10mm 0 20mm;
 
121
        height: 15px;
 
122
        overflow: hidden;
 
123
        vertical-align: middle;
 
124
        background: #ffffa6 url(../../img/cbn/spritelib.gif) no-repeat 0 -1104px;
 
125
}
 
126
 
 
127
div.status div.center
 
128
{
 
129
        text-align: center;
 
130
        margin-left: 36px;
 
131
        margin-right: 36px;
 
132
}
 
133
 
 
134
div.status div.edge
 
135
{
 
136
        text-align: left;
 
137
        width: 32px;
 
138
        height: 15px;
 
139
}
 
140
 
 
141
div.status div.cap
 
142
{
 
143
        width: 1px;
 
144
        height: 15px;
 
145
        background: #ffffa6 url(../../img/cbn/spritelib.gif) no-repeat 0 -1104px;
 
146
}
 
147
 
 
148
a#statuslink
 
149
{
 
150
        color: black;
 
151
        text-decoration: none;
 
152
}
 
153
a#statuslink:hover
 
154
{
 
155
        text-decoration: underline;
 
156
}
 
157
 
 
158
/*** STATUS MESSAGE ICONS ***/
 
159
span.spsm
 
160
{
 
161
        display: block;
 
162
        width: 12px;
 
163
        height: 12px;
 
164
        overflow: hidden;
 
165
        margin: 1px 0 0 10px;
 
166
}
 
167
span.sm1
 
168
{
 
169
        background-position: 0 -1056px;
 
170
}
 
171
span.sm2
 
172
{
 
173
        background-position: 0 -1080px;
 
174
}
 
175
 
 
176
/*** MESSAGE PRIORITY STYLES ***/
 
177
span.prioHigh
 
178
{
 
179
        font-weight: bold;
 
180
        color: #DD0000;
 
181
}
 
182
span.prioNorm
 
183
{
 
184
        color: #008800;
 
185
}
 
186
span.prioLow
 
187
{
 
188
        color: #000088;
 
189
}
 
190
 
 
191
/*** SKIP TO MESSAGE LIST (for screen readers and mobility impaired) ***/
 
192
#skip a, #skip a:visited
 
193
{
 
194
        position: absolute;
 
195
        top: 0;
 
196
        left: -999px;
 
197
        padding: 0 5px 1px 5px;
 
198
        margin: 2px 0 0 1px;
 
199
}
 
200
 
 
201
#ie6Fix:active, #skip a:active, #skip a:focus, #skip a:hover
 
202
{
 
203
        position: absolute;
 
204
        top: 0;
 
205
        left: 0;
 
206
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
207
        font-size: 10pt;
 
208
        color: #00FF00;
 
209
        background-color: #000000;
 
210
}
 
211
 
 
212
/*** PAGE LAYOUT ***/
 
213
table.page
 
214
{
 
215
        background-color: #FFFFFF;
 
216
        width: 100%;
 
217
        height: 100%;
 
218
}
 
219
table.page td.checkMailandCompose
 
220
{
 
221
        height: 100%;
 
222
        vertical-align: top;
 
223
}
 
224
table.page td.spc
 
225
{
 
226
        background-color: #000000;
 
227
        width: 5px;
 
228
}
 
229
table.page td.topHdr
 
230
{
 
231
        vertical-align: bottom;
 
232
        background: #000000 url(../../img/cbn/btnbg.gif) repeat;
 
233
}
 
234
table.content
 
235
{
 
236
        width: 100%;
 
237
        height: 100%;
 
238
}
 
239
div.contentBody
 
240
{
 
241
        width: 100%;
 
242
}
 
243
div.contentBodyHTML
 
244
{
 
245
        padding: 6px;
 
246
}
 
247
div.contentDeadSession
 
248
{
 
249
        margin-top: 1.75em;
 
250
        text-align: center;
 
251
        font-size: 1.75em;
 
252
        font-weight: bold;
 
253
}
 
254
table.page img.logo
 
255
{
 
256
        position: absolute;
 
257
        top: 0;
 
258
        left: 0;
 
259
        width: 182px;
 
260
        height: 72px;
 
261
        margin-bottom: 5px;
 
262
}
 
263
table.page span.logo
 
264
{
 
265
        position: absolute;
 
266
        top: 50px;
 
267
        left: 14px;
 
268
        color: white;
 
269
        font-size: .8em;
 
270
}
 
271
 
 
272
/*** NO SCRIPT WARNING ***/
 
273
.noscript
 
274
{
 
275
        text-align: center;
 
276
        font-size: .8em;
 
277
        line-height: 2em;
 
278
        background-color: #ffffa6;
 
279
        border-left: 1px solid black;
 
280
        border-right: 1px solid black;
 
281
}
 
282
 
 
283
 
 
284
/*** HEADER BUTTONS ***/
 
285
div.hdrBtns
 
286
{
 
287
        float: right;
 
288
}
 
289
span.hdrBtnText
 
290
{
 
291
        display: block;
 
292
        float: left;
 
293
        cursor: pointer;
 
294
}
 
295
span.hdrBtnImg
 
296
{
 
297
        display: block;
 
298
        float: left;
 
299
        height: 16px;
 
300
        width: 16px;
 
301
        margin: 0 6px 0 14px;
 
302
        cursor: pointer;
 
303
}
 
304
span.hbi1 { background-position: 0 -768px; }
 
305
span.hbi2 { background-position: 0 -792px; }
 
306
span.hbi3 { background-position: 0 -816px; }
 
307
span.hbi4 { background-position: 0 -840px; }
 
308
 
 
309
span.newsImg
 
310
{
 
311
        display: block;
 
312
        float: left;
 
313
        height: 16px;
 
314
        width: 16px;
 
315
        margin-top: 3px;
 
316
        margin-right: 6px;
 
317
        cursor: pointer;
 
318
        background-position: 0 -1800px;
 
319
}
 
320
 
 
321
/*** SEARCH ***/
 
322
.searchFormDiv
 
323
{
 
324
        padding: 2mm 2mm 0 2mm;
 
325
        margin-top: 0;
 
326
        margin-bottom: 0;
 
327
}
 
328
#searchForm
 
329
{
 
330
        margin-bottom: 0;
 
331
        margin-top: 0;
 
332
}
 
333
#searchField
 
334
{
 
335
        width: 80%;
 
336
}
 
337
input.searchBtn
 
338
{
 
339
        width: 19px;
 
340
        height: 19px;
 
341
        margin-left: 2mm;
 
342
        border: none;
 
343
        background-position: 0 -1152px;
 
344
}
 
345
#searchAdvance
 
346
{
 
347
        float: left;
 
348
        padding-top: 1mm;
 
349
        padding-left: 2mm;
 
350
}
 
351
#searchClear
 
352
{
 
353
        float: right;
 
354
        width: 2em;
 
355
        padding-top: 1mm;
 
356
        padding-right: 4mm;
 
357
}
 
358
#searchRefine
 
359
{
 
360
        clear: both;    
 
361
        padding-top: 1.5mm;
 
362
        text-align: left;
 
363
}
 
364
#searchResult
 
365
{
 
366
        clear: both;
 
367
        padding-left: 10px;
 
368
        padding-top: 3px;
 
369
}
 
370
 
 
371
span.searchMatch
 
372
{
 
373
        background-color: yellow;
 
374
        font-size: larger;
 
375
}
 
376
 
 
377
/*** TOOLBAR ***/
 
378
div.toolBar
 
379
{
 
380
        border: 1px solid yellow;
 
381
        height: 3em;
 
382
        background: #000000 url(../../img/cbn/btnbg.gif) repeat;
 
383
        color: #ffffff;
 
384
        float: left;
 
385
        padding: 0 0 1px 0;
 
386
}
 
387
span.toolBarText
 
388
{
 
389
        display: block;
 
390
        float: left;
 
391
        margin: .75em 4px 0 4px;
 
392
}
 
393
span.toolBarImg
 
394
{
 
395
        display: inline-block;
 
396
        height: 24px;
 
397
        width: 24px;
 
398
}
 
399
span.toolBarBtn
 
400
{
 
401
        float: left;
 
402
        margin-top: .4em;
 
403
        margin-left: .4em;
 
404
}
 
405
.toolBarBtnLeft
 
406
{
 
407
        margin-left: 1mm;
 
408
}
 
409
.toolBarBtnRight
 
410
{
 
411
        position: absolute;
 
412
        right: 0;
 
413
}
 
414
span.toolBarNav
 
415
{
 
416
        float: right;
 
417
        cursor: pointer;
 
418
        margin-top: .4em;
 
419
}
 
420
span.toolBarSep
 
421
{
 
422
        display: block;
 
423
        height: 24px;
 
424
        margin: 4px 2px 0 2px;
 
425
}
 
426
span.toolBarSepBtn
 
427
{
 
428
        float: left;
 
429
}
 
430
span.toolBarSepNav
 
431
{
 
432
        float: right;
 
433
}
 
434
div.toolBar a
 
435
{
 
436
        height: 3em;
 
437
        display: block;
 
438
        float: left;
 
439
        color: #FFFFFF;
 
440
}
 
441
div.toolBar a:hover
 
442
{
 
443
        cursor: pointer;
 
444
        text-decoration: none;
 
445
        background: #000000 url(../../img/cbn/btnhi.gif) repeat;
 
446
        color: #FFFFFF;
 
447
}
 
448
div.toolBarMenu
 
449
{
 
450
        float: left;
 
451
}
 
452
 
 
453
span.tbi1 { background-position: 0 -120px; }
 
454
span.tbi2 { background-position: 0 -312px; }
 
455
span.tbi3 { background-position: 0 -336px; }
 
456
span.tbi4 { background-position: 0 -864px; }
 
457
span.tbi5 { background-position: 0 -888px; }
 
458
 
 
459
 
 
460
table.toolbarTbl
 
461
{
 
462
        background: #000000 url(../../img/cbn/btnbg.gif) repeat;
 
463
        border-left: 1px solid #777777;
 
464
        border-top: 1px solid #777777;
 
465
        height: 38px;
 
466
        width: 100%;
 
467
}
 
468
table.toolbarTbl td
 
469
{
 
470
        border-bottom: 1px solid #777777;
 
471
}
 
472
table.toolbarTbl a
 
473
{
 
474
        color: #FFFFFF;
 
475
        margin: 0 0;
 
476
}
 
477
table.toolbarTbl a:hover
 
478
{
 
479
        text-decoration: none;
 
480
        background: #000000 url(../../img/cbn/btnhi.gif) repeat;
 
481
        color: #FFFFFF;
 
482
}
 
483
table.toolbarTbl td.tbPad
 
484
{
 
485
        border-right: 1px solid #777777;
 
486
        padding: 0;
 
487
        vertical-align: top;
 
488
}
 
489
table.toolbarTbl a
 
490
{
 
491
        display: block;
 
492
        padding: 3px 8px 4px 0;
 
493
        text-decoration: none;
 
494
}
 
495
table.toolbarTbl a img
 
496
{
 
497
        vertical-align: middle;
 
498
}
 
499
table.toolbarTbl td.pageText
 
500
{
 
501
        color: #ffffff;
 
502
        padding-left: 5px;
 
503
}
 
504
table.toolbarTbl td.pageBtns
 
505
{
 
506
        color: #ffffff;
 
507
}
 
508
table.toolbarTbl td.pageBtns a, table.toolbarTbl td.pageBtns a img
 
509
{
 
510
        padding: 0;
 
511
        margin: 0;
 
512
}
 
513
table.toolbarTbl td.pageBtns a:hover
 
514
{
 
515
        background: inherit;
 
516
}
 
517
 
 
518
 
 
519
/**** Header Context ****/
 
520
div.wapContext {
 
521
        height: 5em;
 
522
}
 
523
 
 
524
/**** Menu Bars ****/
 
525
div.wapMenuLeft
 
526
{
 
527
        float: left;
 
528
        width: 14em; /* sidebar width */
 
529
}
 
530
 
 
531
div.wapMenuRight
 
532
{
 
533
        height: 100%;
 
534
        margin-left: 14em;
 
535
        border-left: 4px solid black;
 
536
}
 
537
 
 
538
/*** LEFT COLUMN ***/
 
539
table.leftColumn
 
540
{
 
541
        clear: left;
 
542
        width: 100%;
 
543
}
 
544
 
 
545
/*** Sidebar ***/
 
546
div.wapSidebar
 
547
{
 
548
        float: left;
 
549
        width: 14em; /* sidebar width */
 
550
}
 
551
 
 
552
/*** FOLDER PANE ***/
 
553
div.folderPane
 
554
{
 
555
        margin: 5px 0;
 
556
        padding: 10px 0;
 
557
        border-top: thin groove;
 
558
        border-bottom: thin groove;
 
559
        overflow: hidden;
 
560
}
 
561
div.folderList div
 
562
{
 
563
        clear: both;
 
564
}
 
565
div.fld
 
566
{
 
567
        height: 20px;
 
568
        line-height: 18px;
 
569
        padding-left: 10px;
 
570
        margin-top: 3px;
 
571
}
 
572
 
 
573
div.ftitle
 
574
{
 
575
        padding: 0 0 4px 12px;
 
576
        font-weight: bold;
 
577
}
 
578
div.fld span
 
579
{
 
580
        color: #000000;
 
581
}
 
582
div.fld span.unrd
 
583
{
 
584
        color: #707070;
 
585
}
 
586
div.sel span.unrd, div.sel span, div.sel span a
 
587
{
 
588
        color: #ffffff;
 
589
}
 
590
div.sel
 
591
{
 
592
        color: #ffffff;
 
593
        background: #dae7fc url(../../img/cbn/spritelib.gif) repeat-x 0 -912px;
 
594
}
 
595
div.sel a, div.sel a span, div.sel a:hover
 
596
{
 
597
        color: #ffffff;
 
598
}
 
599
div.folderList span.left /* requires .left class */
 
600
{
 
601
        text-align: left;
 
602
}
 
603
div.folderList span.right /* requires .right class */
 
604
{
 
605
        font-weight: normal;
 
606
}
 
607
div.folderList span.right a /* requires .right class */
 
608
{
 
609
        color: #003399;
 
610
}
 
611
div.folderList div.lnk a
 
612
{
 
613
        color: #003399;
 
614
}
 
615
 
 
616
/*** SIMPLE LIST ***/
 
617
table.listTbl
 
618
{
 
619
        width: 100%;
 
620
}
 
621
table.listTbl td, table.listTbl th
 
622
{
 
623
        padding: 0 3px;
 
624
}
 
625
table.listTbl td img, table.listTbl th img
 
626
{
 
627
        vertical-align: middle;
 
628
        width: 17px;
 
629
        height: 17px;
 
630
}
 
631
table.listTbl tr.unread, h1.unread
 
632
{
 
633
        font-weight: bold;
 
634
}
 
635
table.listTbl tr.ac, table.listTbl tr.ac a
 
636
{
 
637
        background-color: #f4f6f8;
 
638
}
 
639
table.listTbl tr#sd, table.listTbl tr#sd a, tr.choice
 
640
{
 
641
        color: #ffffff;
 
642
        background-color: #417bd9;
 
643
}
 
644
table.listTbl tbody
 
645
{
 
646
        overflow: hidden;
 
647
}
 
648
table.listTbl th.colHdr
 
649
{
 
650
        border-top: 0;
 
651
        height: 17px;
 
652
        background: #f3f3f3 url(../../img/cbn/spritelib.gif) repeat-x 0 -936px;
 
653
}
 
654
table.listTbl th.selColHdr a
 
655
{
 
656
        color: #000000;
 
657
}
 
658
table.listTbl th.colHdr a
 
659
{
 
660
        color: #000000;
 
661
}
 
662
table.listTbl th a:hover
 
663
{
 
664
        text-decoration: none;
 
665
}
 
666
table.listTbl th.selColHdr
 
667
{
 
668
        border-top: 0px;
 
669
        height: 17px;
 
670
        background: #d4d4d4 url(../../img/cbn/spritelib.gif) repeat-x 0 -960px;
 
671
}
 
672
table.listTbl th.selColHdr img.selectedDn
 
673
{
 
674
        width: 8px;
 
675
        height: 8px;
 
676
        vertical-align: middle;
 
677
}
 
678
table.foldermgmt td, table.foldermgmt th
 
679
{
 
680
        border-bottom: 1px solid #eeeeee;
 
681
}
 
682
table.foldermgmt a
 
683
{
 
684
        font-weight: bold;
 
685
}
 
686
table.foldermgmt td.parent a
 
687
{
 
688
        font-weight: normal;
 
689
}
 
690
table.foldermgmt img
 
691
{
 
692
        padding-right: 5px;
 
693
}
 
694
table.divider td, table.divider th
 
695
{
 
696
        border-bottom: 1px solid #eeeeee;
 
697
}
 
698
table.listTbl td.nodivider
 
699
{
 
700
        border-bottom: none;
 
701
}
 
702
 
 
703
/*** FOOTER ***/
 
704
table.page td.footer
 
705
{
 
706
        color: #FFFFFF;
 
707
        background-color: #000000;
 
708
        height: 30px;
 
709
}
 
710
table.page td.footer img
 
711
{
 
712
        margin-right: 6px;
 
713
        vertical-align: bottom;
 
714
}
 
715
table.page td.footer a
 
716
{
 
717
        color: white;
 
718
}
 
719
 
 
720
/*** MESSAGE VIEW ***/
 
721
 
 
722
table.msgHead
 
723
{
 
724
        background-color: #f9f9f9;
 
725
        border-left: 1px solid #aaaaaa;
 
726
        border-right: 1px solid #aaaaaa;
 
727
        border-bottom: 1px solid #aaaaaa;
 
728
        width: 100%;
 
729
}
 
730
table.msgHead td.subText
 
731
{
 
732
        padding: 5px 0 0 6px;
 
733
        font-size: 1.1em;
 
734
        font-weight: normal;
 
735
}
 
736
table.msgHead span.right
 
737
{
 
738
        font-weight: normal;
 
739
}
 
740
table.msgHead span.right a
 
741
{
 
742
        color: #003399;
 
743
}
 
744
table.msgHead td.hdrLabel
 
745
{
 
746
        padding: 4px 0 0 6px;
 
747
        /* breaks on IE if width is set to 90px or less */
 
748
        width: 100px;
 
749
        vertical-align: top;
 
750
        font-weight: bold;
 
751
}
 
752
table.msgHead td.hdrText
 
753
{
 
754
        width: 100%;
 
755
        padding: 4px 0 0 4px;
 
756
        text-align: left;
 
757
        white-space: normal;
 
758
}
 
759
table.msgHead td.hdrText span.return img
 
760
{
 
761
        vertical-align: top;
 
762
}
 
763
table.msgHead td.hdrText span.return a
 
764
{
 
765
        font-weight: bold;
 
766
}
 
767
table.msgHead td.hdrText span.contactAddr
 
768
{
 
769
        float: left;
 
770
        padding-right: 5px;
 
771
}
 
772
 
 
773
td.contentBody
 
774
{
 
775
        white-space: normal;
 
776
        padding: 10px 0 0 6px;
 
777
}
 
778
table.msgHead a.addContact
 
779
{
 
780
        color: #003399;
 
781
        padding-left: 10px;
 
782
        vertical-align: text-top;
 
783
}
 
784
table.msgHead a.addContact img
 
785
{
 
786
        vertical-align: text-top;
 
787
}
 
788
table.msgHead span.emailAddr, table.msgHead span.attach
 
789
{
 
790
        white-space: nowrap;
 
791
}
 
792
table.msgHead span.attach img
 
793
{
 
794
        vertical-align: middle;
 
795
}
 
796
table.msgHead span.attach a
 
797
{
 
798
        text-decoration: underline;
 
799
        float: left;
 
800
        padding-right: 10px;
 
801
}
 
802
td.msgRawHead
 
803
{
 
804
        font-family: courier, monospace;
 
805
}
 
806
 
 
807
 
 
808
 
 
809
/*** COMPOSE ***/
 
810
table.compose
 
811
{
 
812
        padding: 0px 10px;
 
813
        background-color: #f9f9f9;
 
814
        border-left: 1px solid #aaaaaa;
 
815
        border-right: 1px solid #aaaaaa;
 
816
        width: 100%;
 
817
}
 
818
table.compose td.spc
 
819
{
 
820
        background-color: #f9f9f9;
 
821
        height: 6px;
 
822
        width: 100%;
 
823
}
 
824
table.compose td.spc *
 
825
{
 
826
        vertical-align: middle;
 
827
}
 
828
table.compose td.lbl
 
829
{
 
830
        padding-right: 5px;
 
831
        vertical-align: top;
 
832
        width: 1%;
 
833
}
 
834
table.compose td.lbl input
 
835
{
 
836
        width: 40px;
 
837
}
 
838
table.compose td.lbl label
 
839
{
 
840
        padding-left: 2px;
 
841
}
 
842
table.compose td.lbl *
 
843
{
 
844
        vertical-align: top;
 
845
}
 
846
table.compose td.mid
 
847
{
 
848
        width: 100%;
 
849
        padding: 0px;
 
850
}
 
851
table.compose td.mid *
 
852
{
 
853
        vertical-align: top;
 
854
}
 
855
table.compose td.mid textarea, table.compose td.mid input
 
856
{
 
857
        border: 1px solid #aaaaaa;
 
858
        margin: 0;
 
859
        padding: 1px 3px 1px 3px;
 
860
        xheight: 1.7em;
 
861
        width: 100%;
 
862
        overflow-y: auto;
 
863
        word-wrap: break-word;
 
864
}
 
865
textarea.mid, input.mid
 
866
{
 
867
        height: 1.7em;
 
868
}
 
869
table.compose td.rgt
 
870
{
 
871
        padding-left: 5px;
 
872
        vertical-align: top;
 
873
        width: 1%;
 
874
}
 
875
table.compose td.rgt *
 
876
{
 
877
        vertical-align: top;
 
878
}
 
879
table.compose td.attach *
 
880
{
 
881
        vertical-align: middle;
 
882
}
 
883
table.compose img.attachment
 
884
{
 
885
        width: 17px;
 
886
        height: 17px;
 
887
}
 
888
table.compose img.rmAttach
 
889
{
 
890
        vertical-align: top;
 
891
        width: 15px;
 
892
        height: 15px;
 
893
}
 
894
table.composeBody
 
895
{
 
896
        background-color: #f9f9f9;
 
897
        border-left: 1px solid #aaaaaa;
 
898
        border-right: 1px solid #aaaaaa;
 
899
        width: 100%;
 
900
        height: 100%;
 
901
}
 
902
table.composeBody td.textBody
 
903
{
 
904
        height: 100%;
 
905
        padding: 10px 6px 0 6px;
 
906
        vertical-align: top;
 
907
}
 
908
table.composeBody td.textBody textarea
 
909
{
 
910
        border: 1px solid #aaaaaa;
 
911
        width: 100%;
 
912
        height: 98%;
 
913
        padding: 4px 6px;
 
914
        word-wrap: break-word;
 
915
}
 
916
span#lessComposeHeaderText
 
917
{
 
918
        display: none;
 
919
}
 
920
div#moreComposeHeaders
 
921
{
 
922
        display: none;
 
923
}
 
924
div#composeAttachments
 
925
{
 
926
        display: none;
 
927
}
 
928
span.attachmentName
 
929
{
 
930
        white-space: nowrap;
 
931
        padding-right: .25em;
 
932
}
 
933
 
 
934
/*** GENERAL FIELDS (e.g. settings, advance search, contact details, etc.) ***/
 
935
table.fields
 
936
{
 
937
        font-size: .7em;
 
938
        width: 95%;
 
939
        margin: 10px 20px;
 
940
}
 
941
table.fields td.title
 
942
{
 
943
        width: 20%;
 
944
        font-weight: bold;
 
945
        vertical-align: top;
 
946
        color: #555555;
 
947
}
 
948
table.fields td.body
 
949
{
 
950
        vertical-align: top;
 
951
        width: 80%;
 
952
}
 
953
table.fields td.body *
 
954
{
 
955
        vertical-align: middle;
 
956
}
 
957
table.fields td.title, table.fields td.body
 
958
{
 
959
        padding: 8px 0;
 
960
        border-bottom: 1px solid #CCCCCC;
 
961
}
 
962
table.fields td.nodivider
 
963
{
 
964
        border-bottom: none;
 
965
}
 
966
table.fields td span.label
 
967
{
 
968
        font-weight: bold;
 
969
}
 
970
table.fields td a
 
971
{
 
972
        font-weight: normal;
 
973
}
 
974
table.fields td *
 
975
{
 
976
        vertical-align: bottom;
 
977
}
 
978
table.fields span.tips
 
979
{
 
980
        color: #000000;
 
981
        font-weight: normal;
 
982
}
 
983
 
 
984
 
 
985
/*** SETTINGS (requires "fields" class) ***/
 
986
table.settings td.title, table.settings td.body
 
987
{
 
988
        padding: 12px 12px 12px 0;
 
989
}
 
990
 
 
991
div#advancedSettings
 
992
{
 
993
        display: none;
 
994
}
 
995
 
 
996
/*** CONTACTS (requires "fields" class) ***/
 
997
table.contacts *.contactText
 
998
{
 
999
        width: 90%;
 
1000
}
 
1001
 
 
1002
/*** CONTACTS EDITOR ***/
 
1003
form.contactEditor
 
1004
{
 
1005
        color: #555555;
 
1006
        font-size: .7em;
 
1007
        padding: 0 12px;
 
1008
}
 
1009
form.contactEditor div.contactSection
 
1010
{
 
1011
        overflow: auto;
 
1012
        padding: 8px 0;
 
1013
        border-bottom: 1px solid silver;
 
1014
}
 
1015
form.contactEditor div.context
 
1016
{
 
1017
        font-size: 1.7em;
 
1018
        font-weight: bold;
 
1019
        padding-bottom: 8px;
 
1020
}
 
1021
form.contactEditor div.contactField
 
1022
{
 
1023
        float: left;
 
1024
        font-weight: bold;
 
1025
        width: 10em;
 
1026
}
 
1027
form.contactEditor input, form.contactEditor select
 
1028
{
 
1029
        width: 370px;
 
1030
}
 
1031
form.contactEditor textarea
 
1032
{
 
1033
        height: 6em;
 
1034
        width: 370px;
 
1035
}
 
1036
 
 
1037
/*** ADVANCED SEARCH ***/
 
1038
form.advanceSearch
 
1039
{
 
1040
        color: #555555;
 
1041
        font-size: .7em;
 
1042
        padding: 0 12px;
 
1043
}
 
1044
form.advanceSearch div.searchSection
 
1045
{
 
1046
        overflow: auto;
 
1047
        padding: 8px 0;
 
1048
        border-bottom: 1px solid silver;
 
1049
}
 
1050
form.advanceSearch div.context
 
1051
{
 
1052
        font-size: 1.7em;
 
1053
        font-weight: bold;
 
1054
        padding-bottom: 8px;
 
1055
}
 
1056
form.advanceSearch div.scope
 
1057
{
 
1058
        text-align: center;
 
1059
        padding: 6px 0;
 
1060
}
 
1061
form.advanceSearch div div.searchField
 
1062
{
 
1063
        line-height: 2em;
 
1064
        font-weight: bold;
 
1065
        float: left;
 
1066
        width: 8em;
 
1067
}
 
1068
form.advanceSearch div div.searchType
 
1069
{
 
1070
        float: left;
 
1071
        padding-right: 10px;
 
1072
}
 
1073
form.advanceSearch div div.searchType select
 
1074
{
 
1075
        width: 12em;
 
1076
}
 
1077
form.advanceSearch div div.searchTerm
 
1078
{
 
1079
        height: 2em;
 
1080
        line-height: 2em;
 
1081
}
 
1082
form.advanceSearch div div.searchTerm input
 
1083
{
 
1084
        width: 18em;
 
1085
}
 
1086
 
 
1087
/*** CONTACTS (requires "fields" class) ***/
 
1088
div.attachfiles
 
1089
{
 
1090
        margin: 20px 20px;
 
1091
}
 
1092
div.attachfiles td
 
1093
{
 
1094
        vertical-align: middle;
 
1095
        padding: 3px 0;
 
1096
}
 
1097
 
 
1098
 
 
1099
/*** MAIN HEADER (i.e. RSS news feed, weather bar, storage meter) ***/
 
1100
div.hdrContent
 
1101
{
 
1102
        overflow: hidden;
 
1103
}
 
1104
div.hdrContent, div.hdrContent a
 
1105
{
 
1106
        text-decoration: none;
 
1107
        color: #FFFFFF;
 
1108
}
 
1109
div.hdrContent a:hover
 
1110
{
 
1111
        text-decoration: underline;
 
1112
}
 
1113
div.hdrContent span.RSS
 
1114
{
 
1115
        line-height: 2em;
 
1116
        clear: both;
 
1117
}
 
1118
div.wbar
 
1119
{
 
1120
        height: 15px;
 
1121
        line-height: 15px;
 
1122
        padding-left: 5px;
 
1123
        padding-right: 5px;
 
1124
        background: #000000 url(../../img/cbn/spritelib.gif) repeat-x 0 -1128px;
 
1125
 
 
1126
}
 
1127
div.wbar div.weather
 
1128
{
 
1129
        text-align: center;
 
1130
        float: left;
 
1131
        padding-left: 20em;
 
1132
}
 
1133
div.wbar div.usage
 
1134
{
 
1135
        float: right;
 
1136
        width: 18em;
 
1137
}
 
1138
div.hdrContent div.pageTitle
 
1139
{
 
1140
        width: 55%;
 
1141
        float: left;
 
1142
        clear: left;
 
1143
        text-align: left;
 
1144
        color: #FFFFFF;
 
1145
        font-size: 1.8em;
 
1146
        font-weight: normal;
 
1147
        padding: 4px 0 4px 5px;
 
1148
}
 
1149
div.hdrContent div.commands
 
1150
{
 
1151
        float: right;
 
1152
        margin: 8px 7px 0 0;
 
1153
}
 
1154
 
 
1155
/*** INLINE MESSAGES ***/
 
1156
div#bannerConfirm
 
1157
{
 
1158
        font-weight: bold;
 
1159
        text-align: center;
 
1160
        padding: 3px 5px;
 
1161
        color: #000000;
 
1162
        background-color: #ffecda;
 
1163
        border-bottom: 1px solid #aaaaaa;
 
1164
}
 
1165
div#bannerConfirm img
 
1166
{
 
1167
        vertical-align: middle;
 
1168
}
 
1169
 
 
1170
div#bannerError
 
1171
{
 
1172
        font-weight: bold;
 
1173
        text-align: center;
 
1174
        padding: 3px 5px;
 
1175
        color: #ffffff;
 
1176
        background-color: #ff0000;
 
1177
        border-bottom: 1px solid #aaaaaa;
 
1178
}
 
1179
div#bannerError img
 
1180
{
 
1181
        vertical-align: middle;
 
1182
}
 
1183
 
 
1184
div.bannerPrivacy
 
1185
{
 
1186
        font-weight: bold;
 
1187
        line-height: 1.4em;
 
1188
        padding: 3px 5px;
 
1189
        background-color: #ffffd2;
 
1190
        border-bottom: 1px solid #aaaaaa;
 
1191
}
 
1192
div.bannerPrivacy a
 
1193
{
 
1194
        font-weight: normal;
 
1195
}
 
1196
div.bannerPrivacy img
 
1197
{
 
1198
        padding-right: 8px;
 
1199
        float: left;
 
1200
}
 
1201
 
 
1202
 
 
1203
div.bannerSearch
 
1204
{
 
1205
        text-align: center;
 
1206
        padding: 5px 60px 5px 5px;
 
1207
        background-color: #eeeeee;
 
1208
        border-bottom: 1px solid #aaaaaa;
 
1209
}
 
1210
div.bannerSearch *
 
1211
{
 
1212
        vertical-align: middle;
 
1213
}
 
1214
div.bannerSearch input.text
 
1215
{
 
1216
        width: 15em;
 
1217
}
 
1218
 
 
1219
 
 
1220
div#bannerSelection
 
1221
{
 
1222
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
1223
        font-size: .7em;
 
1224
        display: none;
 
1225
        text-align: center;
 
1226
        padding: 4px 5px;
 
1227
        color: #000000;
 
1228
        border-bottom: 1px solid #aaaaaa;
 
1229
}
 
1230
 
 
1231
 
 
1232
table.bannerFolderSearch
 
1233
{
 
1234
        width: 100%;
 
1235
        padding: 5px 5px 5px 5px;
 
1236
        background-color: #e7f0ff;
 
1237
        border-bottom: 1px solid #aaaaaa;
 
1238
}
 
1239
table.bannerFolderSearch td.title
 
1240
{
 
1241
        text-align: left;
 
1242
}
 
1243
table.bannerFolderSearch td.body
 
1244
{
 
1245
        text-align: right;
 
1246
}
 
1247
table.bannerFolderSearch img
 
1248
{
 
1249
        margin-right: 5px;
 
1250
        vertical-align: middle;
 
1251
}
 
1252
table.bannerFolderSearch a
 
1253
{
 
1254
        color: #003399;
 
1255
        font-weight: bold;
 
1256
        text-decoration: underline;
 
1257
}
 
1258
 
 
1259
 
 
1260
/*** MOVE/COPY TO FOLDER UI ***/
 
1261
.moveToFolder *
 
1262
{
 
1263
        vertical-align: middle;
 
1264
}
 
1265
.moveToFolder input
 
1266
{
 
1267
        width: .9em;
 
1268
        height: .9em;
 
1269
}
 
1270
.moveToFolder input
 
1271
{
 
1272
        margin-top: 2px;        /* fix for IE */
 
1273
}
 
1274
.moveToFolder label
 
1275
{
 
1276
        padding-right: 4px;
 
1277
        color: #FFFFFF;
 
1278
}
 
1279
.moveToFolder select
 
1280
{
 
1281
        position: relative;
 
1282
        bottom: 8px;
 
1283
}
 
1284
 
 
1285
.attachFiles
 
1286
{
 
1287
        margin: 15px;
 
1288
}
 
1289
 
 
1290
.attachFiles input[type="button"]
 
1291
{
 
1292
        margin-left: 5px;
 
1293
}
 
1294
 
 
1295
div.attachInput
 
1296
{
 
1297
        margin: 2px 2px 2px 0;
 
1298
}
 
1299
div.attachInput form
 
1300
{
 
1301
        margin-bottom: 0;
 
1302
}
 
1303
 
 
1304
div.drop
 
1305
{
 
1306
        background-color: #66ffff;
 
1307
}
 
1308
 
 
1309
/*** Loading Notification ***/
 
1310
div#bePatient
 
1311
{
 
1312
        font-family: Verdana, Arial, Helvetica, sans-serif;
 
1313
        font-size: .6em;
 
1314
        font-weight: bold;
 
1315
        background-color: #ffffa6;
 
1316
        color: #000000;
 
1317
        padding: 4px 5px;
 
1318
        border-bottom: 2px solid black;
 
1319
        border-right: 2px solid black;
 
1320
        left: -999px;
 
1321
        top: -999px;
 
1322
        margin-left: -1px;
 
1323
        position: absolute;
 
1324
}
 
1325
 
 
1326
/*** Normal Message Text  ***/
 
1327
.messageText
 
1328
{
 
1329
        margin: 10px 0 0 6px;
 
1330
        font-family: monospace;
 
1331
        white-space: pre;
 
1332
}
 
1333
 
 
1334
/*** Tool Tip ***/
 
1335
div#tipDrag {
 
1336
        border: 1px solid black;
 
1337
        padding: 1px 3px;
 
1338
        background-color: #fffacd;
 
1339
        font-size: 0.7em;
 
1340
}
 
1341
 
 
1342
/*** Panel Framework ***/
 
1343
/*#panel_c.yui-panel-container.shadow .underlay
 
1344
{
 
1345
        left:3px;
 
1346
        right:-3px;
 
1347
        top:3px;
 
1348
        bottom:-3px;
 
1349
        position:absolute;
 
1350
        background-color:#000;
 
1351
        opacity:0.12;
 
1352
        filter:alpha(opacity=12);
 
1353
}*/
 
1354
 
 
1355
.yui-panel
 
1356
{
 
1357
        position:relative;
 
1358
        border:none;
 
1359
        overflow:visible;
 
1360
        background:transparent url(../../img/cbn/border-rt.gif) repeat-y top right;
 
1361
}
 
1362
 
 
1363
.yui-panel .container-close
 
1364
{
 
1365
        position:absolute;
 
1366
        top:5px;
 
1367
        right:10px;
 
1368
        height:14px;
 
1369
        width:14px;
 
1370
        background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1224px;
 
1371
}
 
1372
 
 
1373
.yui-panel .hd
 
1374
{
 
1375
        border:none;
 
1376
        background:url(../../img/cbn/spritelib.gif) repeat-x 0 -1248px;
 
1377
        color:#FFF;
 
1378
        height:24px;
 
1379
        margin: 0 4px;
 
1380
        text-align:left;
 
1381
        vertical-align:middle;
 
1382
        overflow:visible;
 
1383
}
 
1384
 
 
1385
.yui-panel .bd
 
1386
{
 
1387
        overflow:hidden;
 
1388
        padding: 10px;
 
1389
        border:none;
 
1390
        background:#FFF url(../../img/cbn/border-lt.gif) repeat-y; 
 
1391
        margin-right:4px;
 
1392
}
 
1393
 
 
1394
.yui-panel .ft
 
1395
{
 
1396
        background:url(../../img/cbn/spritelib.gif) repeat-x 0 -1272px;
 
1397
        font-size:4px;
 
1398
        height:4px;
 
1399
        padding:0px 10px;
 
1400
        border:none
 
1401
}
 
1402
 
 
1403
.yui-panel .hd span
 
1404
{
 
1405
        padding-left: 4px;
 
1406
        line-height:24px;
 
1407
        vertical-align:middle;
 
1408
        font-weight:bold;
 
1409
}
 
1410
 
 
1411
.yui-panel .hd .tl
 
1412
{
 
1413
        width:4px;
 
1414
        height:24px;
 
1415
        top:0;
 
1416
        left:0;
 
1417
        background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1296px;
 
1418
        position:absolute;
 
1419
}
 
1420
 
 
1421
.yui-panel .hd .tr
 
1422
{
 
1423
        width:4px;
 
1424
        height:24px;
 
1425
        top:0;
 
1426
        right:0;
 
1427
        background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1320px;
 
1428
        position:absolute;
 
1429
}
 
1430
 
 
1431
.yui-panel .ft .bl
 
1432
{
 
1433
        width:4px;
 
1434
        height:4px;
 
1435
        bottom:0;
 
1436
        left:0;
 
1437
        background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1344px;
 
1438
        position:absolute;
 
1439
}
 
1440
 
 
1441
.yui-panel .ft .br
 
1442
{
 
1443
        width:4px;
 
1444
        height:4px;
 
1445
        bottom:0;
 
1446
        right:0;
 
1447
        background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1348px;
 
1448
        position:absolute;
 
1449
}
 
1450
 
 
1451
/*** Internal Panel Elements ***/
 
1452
div.dialogIcon
 
1453
{
 
1454
        width: 60px;
 
1455
        height:60px;
 
1456
        float: left;
 
1457
}
 
1458
 
 
1459
div.alert
 
1460
{
 
1461
        background:url(../../img/cbn/alert.gif) no-repeat top center;
 
1462
}
 
1463
 
 
1464
div.prompt
 
1465
{
 
1466
        background:url(../../img/cbn/question2.jpg) no-repeat top center;
 
1467
}
 
1468
 
 
1469
div.dialog
 
1470
{
 
1471
        background:url(../../img/cbn/question2.jpg) no-repeat center top;
 
1472
}
 
1473
 
 
1474
div#alertBody
 
1475
{
 
1476
        margin-left: 60px;
 
1477
        padding: 5px;
 
1478
}
 
1479
 
 
1480
div#promptBody
 
1481
{
 
1482
        margin-left: 60px;
 
1483
        padding: 5px;
 
1484
}
 
1485
 
 
1486
div#dialogBody
 
1487
{
 
1488
        margin-left: 60px;
 
1489
        width: 540px;
 
1490
        padding: 5px;
 
1491
        overflow: auto;
 
1492
}
 
1493
 
 
1494
div.dialogButtons
 
1495
{
 
1496
        padding-top: 10px;
 
1497
        background-color: #ffffff;
 
1498
        text-align:right;
 
1499
}
 
1500
 
 
1501
div.panelExplanation
 
1502
{
 
1503
        width: 80%;
 
1504
        text-align: center;
 
1505
        padding: 1em 0;
 
1506
}
 
1507
 
 
1508
div.panelInput
 
1509
{
 
1510
        text-align: center;
 
1511
        overflow: auto;
 
1512
}
 
1513
 
 
1514
div.panelInput input
 
1515
{
 
1516
        padding: 0 2px;
 
1517
        margin-left: 8px;
 
1518
}
 
1519
 
 
1520
/*** Viewport Height Limiter ***/
 
1521
div#alpineContent
 
1522
{
 
1523
        height: 100%;
 
1524
        overflow: auto;
 
1525
}
 
1526
 
 
1527
/*** Compose Checkpoint Result ***/
 
1528
#formResponse
 
1529
{
 
1530
        position: absolute;
 
1531
        top: 0;
 
1532
        left: -999px;
 
1533
}
 
1534
 
 
1535
/*** Sprite based images ****/
 
1536
 
 
1537
/* left column icons */
 
1538
span.splci
 
1539
{
 
1540
        display:block;
 
1541
        line-height: 24px;
 
1542
        padding-left: 30px;
 
1543
        margin-left: 4px;
 
1544
        cursor: pointer;
 
1545
}
 
1546
 
 
1547
span.splcs
 
1548
{
 
1549
        display:block;
 
1550
        line-height: 20px;
 
1551
        padding-left: 30px;
 
1552
        margin-left: 4px;
 
1553
        cursor: pointer;
 
1554
}
 
1555
 
 
1556
span.splc
 
1557
{
 
1558
        width: 17px;
 
1559
        height: 17px;
 
1560
        float: left;
 
1561
        margin-right: 8px;
 
1562
        margin-top: 1px;
 
1563
}
 
1564
 
 
1565
span.splc1
 
1566
{
 
1567
        background-position: 0 -24px;
 
1568
}
 
1569
 
 
1570
span.splc2
 
1571
{
 
1572
        background-position: 0 -48px;
 
1573
}
 
1574
 
 
1575
span.splc3
 
1576
{
 
1577
        background-position: 0 -72px;
 
1578
}
 
1579
 
 
1580
span.splc4
 
1581
{
 
1582
        background-position: 0 -96px;
 
1583
}
 
1584
 
 
1585
span.splc5
 
1586
{
 
1587
        background-position: -4px -122px;
 
1588
}
 
1589
 
 
1590
span.splc6
 
1591
{
 
1592
        background-position: -3 -146px;
 
1593
}
 
1594
 
 
1595
span.splc7
 
1596
{
 
1597
        background-position: 0 -168px;
 
1598
}
 
1599
 
 
1600
span.splc8
 
1601
{
 
1602
        background-position: 0 -192px;
 
1603
}
 
1604
 
 
1605
span.splc9
 
1606
{
 
1607
        background-position: 0 -1632px;
 
1608
}
 
1609
 
 
1610
span.splc10
 
1611
{
 
1612
        background-position: 0 -1656px;
 
1613
}
 
1614
span.splc11
 
1615
{
 
1616
        background-position: 0 -1680px;
 
1617
}
 
1618
span.splc12
 
1619
{
 
1620
        background-position: 0 -1776px;
 
1621
}
 
1622
 
 
1623
/* menu bar icons */
 
1624
span.spmb
 
1625
{
 
1626
        display: block;
 
1627
        width: 24px;
 
1628
        height: 24px;
 
1629
        cursor: pointer;
 
1630
}
 
1631
 
 
1632
span.spmbi
 
1633
{
 
1634
        display:block;
 
1635
        line-height: 28px;
 
1636
        padding-left: 28px;
 
1637
        margin-left: 4px;
 
1638
        cursor: pointer;
 
1639
}
 
1640
 
 
1641
span.spmbf
 
1642
{
 
1643
        background-position: 0 -216px;
 
1644
}
 
1645
 
 
1646
span.spmbp
 
1647
{
 
1648
        background-position: 0 -240px;
 
1649
}
 
1650
 
 
1651
span.spmbn
 
1652
{
 
1653
        background-position: 0 -264px;
 
1654
}
 
1655
 
 
1656
span.spmbl
 
1657
{
 
1658
        background-position: 0 -288px;
 
1659
}
 
1660
 
 
1661
span.spmbu
 
1662
{
 
1663
        background-position: 0 -1008px;
 
1664
}
 
1665
 
 
1666
span.spmbd
 
1667
{
 
1668
        background-position: 0 -1032px;
 
1669
}
 
1670
 
 
1671
span.spmb1
 
1672
{
 
1673
        margin-left: 6px;
 
1674
        background-position: 0 -312px;
 
1675
}
 
1676
 
 
1677
span.spmb2
 
1678
{
 
1679
        background-position: 0 -336px;
 
1680
}
 
1681
 
 
1682
span.spmb3
 
1683
{
 
1684
        width: 1px;
 
1685
        background-position: 0 -360px;
 
1686
}
 
1687
span.spmb4
 
1688
{
 
1689
        background-position: 0 -1368px;
 
1690
}
 
1691
span.spmb5
 
1692
{
 
1693
        background-position: 0 -1392px;
 
1694
}
 
1695
span.spmb6
 
1696
{
 
1697
        background-position: 0 -1416px;
 
1698
}
 
1699
span.spmb7
 
1700
{
 
1701
        background-position: 0 -116px;
 
1702
}
 
1703
span.spmb7
 
1704
{
 
1705
        background-position: 0 -116px;
 
1706
}
 
1707
span.spmb8
 
1708
{
 
1709
        background-position: 0 -1438px;
 
1710
}
 
1711
span.spmb9
 
1712
{
 
1713
        background-position: 0 -1462px;
 
1714
}
 
1715
span.spmb10
 
1716
{
 
1717
        background-position: 0 -1486px;
 
1718
}
 
1719
span.spmb11
 
1720
{
 
1721
        background-position: 0 -570px;
 
1722
}
 
1723
span.spmb12
 
1724
{
 
1725
        background-position: 0 -1510px;
 
1726
}
 
1727
span.spmb13
 
1728
{
 
1729
        background-position: 0 -140px;
 
1730
}
 
1731
span.spmb14
 
1732
{
 
1733
        background-position: 0 -1172px;
 
1734
}
 
1735
span.spmb15
 
1736
{
 
1737
        background-position: 0 -310px;
 
1738
}
 
1739
span.spmb16
 
1740
{
 
1741
        background-position: 0 -334px;
 
1742
}
 
1743
span.spmb17
 
1744
{
 
1745
        background-position: 0 -884px;
 
1746
}
 
1747
span.spmb18
 
1748
{
 
1749
        background-position: 0 -1534px;
 
1750
}
 
1751
span.spmb19
 
1752
{
 
1753
        background-position: 0 -1556px;
 
1754
}
 
1755
span.spmb20
 
1756
{
 
1757
        background-position: 0 -1582px;
 
1758
}
 
1759
span.spmb21
 
1760
{
 
1761
        background-position: 0 -1752px;
 
1762
}
 
1763
 
 
1764
span.rof
 
1765
{
 
1766
        display: block;
 
1767
        float: right;
 
1768
}
 
1769
 
 
1770
/*** Priority Radio Button ***/
 
1771
 
 
1772
/* radio button icons */
 
1773
span.sprb
 
1774
{
 
1775
        width: 20px;
 
1776
        height: 20px;
 
1777
        display: block;
 
1778
        float: left;
 
1779
        padding-right: .3em;
 
1780
        background-position: 0 -384px;
 
1781
}
 
1782
 
 
1783
span.prbc
 
1784
{
 
1785
        background-position: 0 -408px;
 
1786
}
 
1787
 
 
1788
/* message list icons */
 
1789
span.spml
 
1790
{
 
1791
        display: block;
 
1792
        width: 17px;
 
1793
        height: 17px;
 
1794
}
 
1795
 
 
1796
span.blank, a.mlstat span.nostar
 
1797
{
 
1798
        background-position: 0 0;
 
1799
}
 
1800
 
 
1801
span.spml1
 
1802
{
 
1803
        background-position: 0 -456px;
 
1804
}
 
1805
 
 
1806
span.spml2
 
1807
{
 
1808
        background-position: 0 -480px;
 
1809
}
 
1810
 
 
1811
span.spml3
 
1812
{
 
1813
        background-position: 0 -504px;
 
1814
}
 
1815
 
 
1816
span.spml4
 
1817
{
 
1818
        background-position: 0 -528px;
 
1819
}
 
1820
 
 
1821
span.spml5
 
1822
{
 
1823
        background-position: 0 -552px;
 
1824
}
 
1825
 
 
1826
span.spml6
 
1827
{
 
1828
        background-position: 0 -576px;
 
1829
}
 
1830
 
 
1831
span.spml7
 
1832
{
 
1833
        background-position: 0 -600px;
 
1834
}
 
1835
 
 
1836
a.mlstat:hover
 
1837
{
 
1838
        background-position: 0 0;
 
1839
}
 
1840
 
 
1841
span.spml8, a.mlstat:hover span.nostar, a.mlstat:hover span.prihi, a.mlstat:hover span.prihier
 
1842
{
 
1843
        background-position: 0 -624px;
 
1844
}
 
1845
 
 
1846
span.spml9, span.star
 
1847
{
 
1848
        background-position: 0 -648px;
 
1849
}
 
1850
 
 
1851
span.spml10, a.mlstat span.prihi
 
1852
{
 
1853
        background-position: 0 -672px;
 
1854
}
 
1855
 
 
1856
span.spml11, a.mlstat span.prihier
 
1857
{
 
1858
        background-position: 0 -696px;
 
1859
}
 
1860
 
 
1861
span.spml12
 
1862
{
 
1863
        background-position: 0 -720px;
 
1864
}
 
1865
 
 
1866
span.spml13
 
1867
{
 
1868
        background-position: 0 -744px;
 
1869
}
 
1870
 
 
1871
/* message view icons */
 
1872
span.spmv
 
1873
{
 
1874
        display: block;
 
1875
        width: 15px;
 
1876
        height: 15px;
 
1877
}
 
1878
span.spmv1
 
1879
{
 
1880
        float: left;
 
1881
        background-position: 0 -984px;
 
1882
}
 
1883
span.spmv2
 
1884
{
 
1885
        float: left;
 
1886
        margin: 0 5px 0 5px;
 
1887
        background-position: 0 -576px;
 
1888
}
 
1889
span.spmv3
 
1890
{
 
1891
        margin-left: 3px;
 
1892
        display: inline-block;
 
1893
        background-position: 0 -1704px;
 
1894
}
 
1895
 
 
1896
/* folderlist icons */
 
1897
span.spfl
 
1898
{
 
1899
        display:block;
 
1900
        height: 18px;
 
1901
        width: 18px;
 
1902
        margin-left: 4px;
 
1903
}
 
1904
span.spfl1
 
1905
{
 
1906
        background-position: 0 -1608px;
 
1907
}
 
1908
 
 
1909
ul.priority li
 
1910
{
 
1911
        width: 10em;
 
1912
}
 
1913
 
 
1914
/*** Folder/Contacts List Context Banner ***/
 
1915
span.spfcl
 
1916
{
 
1917
        display: block;
 
1918
        width: 20px;
 
1919
        height: 20px;
 
1920
        float: left;
 
1921
        margin-right: 8px;
 
1922
        margin-top: 1px;
 
1923
        cursor: pointer;
 
1924
}
 
1925
 
 
1926
span.spfcl1
 
1927
{
 
1928
        background-position: 0 -1176px;
 
1929
}
 
1930
 
 
1931
span.spfcl2
 
1932
{
 
1933
        background-position: 0 -1200px;
 
1934
}
 
1935
 
 
1936
span.spfcl3
 
1937
{
 
1938
        background-position: 0 -1728px;
 
1939
}
 
1940
 
 
1941
ul.sortList li
 
1942
{
 
1943
        width: 13em;
 
1944
}
 
1945
 
 
1946
div.getAuth div
 
1947
{
 
1948
        padding: 6px 30px 26px 30px;
 
1949
}
 
1950
 
 
1951
div.getAuth span
 
1952
{
 
1953
        width:40%;
 
1954
        display: block;
 
1955
        float: left;
 
1956
        clear: left;
 
1957
        padding-right: 10px;
 
1958
        text-align: right;
 
1959
}
 
1960
 
 
1961
div.getAuth hr
 
1962
{
 
1963
        color: #ffffff;
 
1964
        background-color: #ffffff;
 
1965
        border: 0 none;
 
1966
}
 
1967
 
 
1968
div.getAuth input
 
1969
{
 
1970
        width:50%;
 
1971
        display: block;
 
1972
        clear: right;
 
1973
        width: 12em;
 
1974
        text-align: left;
 
1975
}
 
1976
 
 
1977
/*** Message Drag Proxy  ***/
 
1978
#msgDragProxy
 
1979
{
 
1980
        position: absolute;
 
1981
        visibility: hidden;
 
1982
        font-size: .7em;
 
1983
        top: -100px;
 
1984
        cursor: move;
 
1985
        filter:alpha(opacity=80);
 
1986
        -moz-opacity: 0.8;
 
1987
        opacity: 0.8;
 
1988
}
 
1989
#msgDragProxy div
 
1990
{
 
1991
        padding: 0 6px;
 
1992
        background-color: #d8d8d8;
 
1993
        white-space: nowrap;
 
1994
}
 
1995
.b1, .b2, .b3, .b4
 
1996
{
 
1997
        background-color: #d8d8d8;
 
1998
        font-size: 1px;
 
1999
        display:block;
 
2000
        overflow:hidden;
 
2001
}
 
2002
.b1
 
2003
{
 
2004
        height: 1px;
 
2005
        margin: 0 5px;
 
2006
}
 
2007
.b2
 
2008
{
 
2009
        height: 1px;
 
2010
        margin: 0 3px;
 
2011
}
 
2012
.b3
 
2013
{
 
2014
        height: 1px;
 
2015
        margin: 0 2px;
 
2016
}
 
2017
.b4
 
2018
{
 
2019
        height: 2px;
 
2020
        margin: 0 1px;
 
2021
}
 
2022
 
 
2023
/*** Take Dialog ***/
 
2024
div.takeInstructions
 
2025
{
 
2026
        padding: 15px 5px 20px 5px;
 
2027
        text-align: center;
 
2028
}
 
2029
 
 
2030
div.takeList
 
2031
{
 
2032
        font-size: .8em;
 
2033
        height: 14.5em;
 
2034
        border: 1px solid #aaaaaa;
 
2035
        overflow: auto;
 
2036
}
 
2037
 
 
2038
 
 
2039
/*** PRINTER FORMATTING ***/
 
2040
.printInfo
 
2041
{
 
2042
        display: none;
 
2043
}
 
2044
 
 
2045
.fullHdrBtn
 
2046
{
 
2047
        vertical-align: top;
 
2048
        padding-right: 10px;
 
2049
        float: right;
 
2050
}
 
2051
 
 
2052
@media print
 
2053
{
 
2054
        #leftColumn,
 
2055
        #toolBar,
 
2056
        .hdrContent,
 
2057
        #hdrLogo,
 
2058
        #ftrContent,
 
2059
        .toolbarTbl,
 
2060
        .fullHdrBtn,
 
2061
        .addContact,
 
2062
        .spc,
 
2063
        div.bannerPrivacy
 
2064
        {
 
2065
                display: none;
 
2066
        }
 
2067
        div.printInfo
 
2068
        {
 
2069
                background-color: grey;
 
2070
                border-bottom: 2px groove black;
 
2071
                display: block;
 
2072
        }
 
2073
        div#alpineContent
 
2074
        {
 
2075
                height: 100% !important;
 
2076
                overflow: visible;
 
2077
        }
 
2078
        table.msgHead
 
2079
        {
 
2080
                background-color: #f9f9f9;
 
2081
                border: 1px solid #aaaaaa;
 
2082
                width: 100%;
 
2083
        }
 
2084
}