diff options
Diffstat (limited to 'web/cgi/alpine/2.0/css/cbn/screen.css')
-rw-r--r-- | web/cgi/alpine/2.0/css/cbn/screen.css | 2084 |
1 files changed, 2084 insertions, 0 deletions
diff --git a/web/cgi/alpine/2.0/css/cbn/screen.css b/web/cgi/alpine/2.0/css/cbn/screen.css new file mode 100644 index 00000000..ec2107aa --- /dev/null +++ b/web/cgi/alpine/2.0/css/cbn/screen.css @@ -0,0 +1,2084 @@ +/* + * $Id: screen.css 1266 2009-07-14 18:39:12Z hubert@u.washington.edu $ + * ======================================================================== + * Copyright 2006-2008 University of Washington + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * ======================================================================== + */ + +/*** GLOBAL ***/ +body.wap +{ + font-family: Tahoma, Helvetica, sans-serif; + margin: 0 0; +} +form.wap +{ + display: inline; +} +select.wap, input.wap, textarea.wap, button.wap, label.wap +{ + font-family: Tahomaf, Helvetica, sans-serif; + font-size: 1.0em; /* required by IE */ +} +td.wap, th.wap, div.wap +{ + white-space: nowrap; + font-size: .7em; +} +h1.wap +{ + display: inline; + font-weight: normal; + font-size: 1.0em; +} +h2.wap, h3.wap, h4.wap, h5.wap, h6.wap +{ + display: inline; +} +a.wap +{ + color: #003399; + text-decoration: none; +} +a.wap:hover +{ + text-decoration: underline; +} +img.wap +{ + border-style: none; +} +.rt +{ + text-align: right; +} +.lt +{ + text-align: left; +} +.frt +{ + float: right; +} +.flt +{ + float: left; +} +.right +{ + padding-right: 10px; + float: right; +} +.left +{ + float: left; +} +.bld +{ + font-weight: bold; +} +.top +{ + vertical-align: top; +} +.black +{ + color: black; +} +span.sp, input.sp +{ + background: url(../../img/cbn/spritelib.gif) no-repeat; +} +span.sp span +{ + display: none; +} +span.trans +{ + display: block; + width: 24px; + height: 24px; +} + +/*** STATUS MESSAGES ***/ +div#statusMessage +{ + display: none; + position: relative; +} +div.status +{ + + color: black; + margin: 0 10mm 0 20mm; + height: 15px; + overflow: hidden; + vertical-align: middle; + background: #ffffa6 url(../../img/cbn/spritelib.gif) no-repeat 0 -1104px; +} + +div.status div.center +{ + text-align: center; + margin-left: 36px; + margin-right: 36px; +} + +div.status div.edge +{ + text-align: left; + width: 32px; + height: 15px; +} + +div.status div.cap +{ + width: 1px; + height: 15px; + background: #ffffa6 url(../../img/cbn/spritelib.gif) no-repeat 0 -1104px; +} + +a#statuslink +{ + color: black; + text-decoration: none; +} +a#statuslink:hover +{ + text-decoration: underline; +} + +/*** STATUS MESSAGE ICONS ***/ +span.spsm +{ + display: block; + width: 12px; + height: 12px; + overflow: hidden; + margin: 1px 0 0 10px; +} +span.sm1 +{ + background-position: 0 -1056px; +} +span.sm2 +{ + background-position: 0 -1080px; +} + +/*** MESSAGE PRIORITY STYLES ***/ +span.prioHigh +{ + font-weight: bold; + color: #DD0000; +} +span.prioNorm +{ + color: #008800; +} +span.prioLow +{ + color: #000088; +} + +/*** SKIP TO MESSAGE LIST (for screen readers and mobility impaired) ***/ +#skip a, #skip a:visited +{ + position: absolute; + top: 0; + left: -999px; + padding: 0 5px 1px 5px; + margin: 2px 0 0 1px; +} + +#ie6Fix:active, #skip a:active, #skip a:focus, #skip a:hover +{ + position: absolute; + top: 0; + left: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10pt; + color: #00FF00; + background-color: #000000; +} + +/*** PAGE LAYOUT ***/ +table.page +{ + background-color: #FFFFFF; + width: 100%; + height: 100%; +} +table.page td.checkMailandCompose +{ + height: 100%; + vertical-align: top; +} +table.page td.spc +{ + background-color: #000000; + width: 5px; +} +table.page td.topHdr +{ + vertical-align: bottom; + background: #000000 url(../../img/cbn/btnbg.gif) repeat; +} +table.content +{ + width: 100%; + height: 100%; +} +div.contentBody +{ + width: 100%; +} +div.contentBodyHTML +{ + padding: 6px; +} +div.contentDeadSession +{ + margin-top: 1.75em; + text-align: center; + font-size: 1.75em; + font-weight: bold; +} +table.page img.logo +{ + position: absolute; + top: 0; + left: 0; + width: 182px; + height: 72px; + margin-bottom: 5px; +} +table.page span.logo +{ + position: absolute; + top: 50px; + left: 14px; + color: white; + font-size: .8em; +} + +/*** NO SCRIPT WARNING ***/ +.noscript +{ + text-align: center; + font-size: .8em; + line-height: 2em; + background-color: #ffffa6; + border-left: 1px solid black; + border-right: 1px solid black; +} + + +/*** HEADER BUTTONS ***/ +div.hdrBtns +{ + float: right; +} +span.hdrBtnText +{ + display: block; + float: left; + cursor: pointer; +} +span.hdrBtnImg +{ + display: block; + float: left; + height: 16px; + width: 16px; + margin: 0 6px 0 14px; + cursor: pointer; +} +span.hbi1 { background-position: 0 -768px; } +span.hbi2 { background-position: 0 -792px; } +span.hbi3 { background-position: 0 -816px; } +span.hbi4 { background-position: 0 -840px; } + +span.newsImg +{ + display: block; + float: left; + height: 16px; + width: 16px; + margin-top: 3px; + margin-right: 6px; + cursor: pointer; + background-position: 0 -1800px; +} + +/*** SEARCH ***/ +.searchFormDiv +{ + padding: 2mm 2mm 0 2mm; + margin-top: 0; + margin-bottom: 0; +} +#searchForm +{ + margin-bottom: 0; + margin-top: 0; +} +#searchField +{ + width: 80%; +} +input.searchBtn +{ + width: 19px; + height: 19px; + margin-left: 2mm; + border: none; + background-position: 0 -1152px; +} +#searchAdvance +{ + float: left; + padding-top: 1mm; + padding-left: 2mm; +} +#searchClear +{ + float: right; + width: 2em; + padding-top: 1mm; + padding-right: 4mm; +} +#searchRefine +{ + clear: both; + padding-top: 1.5mm; + text-align: left; +} +#searchResult +{ + clear: both; + padding-left: 10px; + padding-top: 3px; +} + +span.searchMatch +{ + background-color: yellow; + font-size: larger; +} + +/*** TOOLBAR ***/ +div.toolBar +{ + border: 1px solid yellow; + height: 3em; + background: #000000 url(../../img/cbn/btnbg.gif) repeat; + color: #ffffff; + float: left; + padding: 0 0 1px 0; +} +span.toolBarText +{ + display: block; + float: left; + margin: .75em 4px 0 4px; +} +span.toolBarImg +{ + display: inline-block; + height: 24px; + width: 24px; +} +span.toolBarBtn +{ + float: left; + margin-top: .4em; + margin-left: .4em; +} +.toolBarBtnLeft +{ + margin-left: 1mm; +} +.toolBarBtnRight +{ + position: absolute; + right: 0; +} +span.toolBarNav +{ + float: right; + cursor: pointer; + margin-top: .4em; +} +span.toolBarSep +{ + display: block; + height: 24px; + margin: 4px 2px 0 2px; +} +span.toolBarSepBtn +{ + float: left; +} +span.toolBarSepNav +{ + float: right; +} +div.toolBar a +{ + height: 3em; + display: block; + float: left; + color: #FFFFFF; +} +div.toolBar a:hover +{ + cursor: pointer; + text-decoration: none; + background: #000000 url(../../img/cbn/btnhi.gif) repeat; + color: #FFFFFF; +} +div.toolBarMenu +{ + float: left; +} + +span.tbi1 { background-position: 0 -120px; } +span.tbi2 { background-position: 0 -312px; } +span.tbi3 { background-position: 0 -336px; } +span.tbi4 { background-position: 0 -864px; } +span.tbi5 { background-position: 0 -888px; } + + +table.toolbarTbl +{ + background: #000000 url(../../img/cbn/btnbg.gif) repeat; + border-left: 1px solid #777777; + border-top: 1px solid #777777; + height: 38px; + width: 100%; +} +table.toolbarTbl td +{ + border-bottom: 1px solid #777777; +} +table.toolbarTbl a +{ + color: #FFFFFF; + margin: 0 0; +} +table.toolbarTbl a:hover +{ + text-decoration: none; + background: #000000 url(../../img/cbn/btnhi.gif) repeat; + color: #FFFFFF; +} +table.toolbarTbl td.tbPad +{ + border-right: 1px solid #777777; + padding: 0; + vertical-align: top; +} +table.toolbarTbl a +{ + display: block; + padding: 3px 8px 4px 0; + text-decoration: none; +} +table.toolbarTbl a img +{ + vertical-align: middle; +} +table.toolbarTbl td.pageText +{ + color: #ffffff; + padding-left: 5px; +} +table.toolbarTbl td.pageBtns +{ + color: #ffffff; +} +table.toolbarTbl td.pageBtns a, table.toolbarTbl td.pageBtns a img +{ + padding: 0; + margin: 0; +} +table.toolbarTbl td.pageBtns a:hover +{ + background: inherit; +} + + +/**** Header Context ****/ +div.wapContext { + height: 5em; +} + +/**** Menu Bars ****/ +div.wapMenuLeft +{ + float: left; + width: 14em; /* sidebar width */ +} + +div.wapMenuRight +{ + height: 100%; + margin-left: 14em; + border-left: 4px solid black; +} + +/*** LEFT COLUMN ***/ +table.leftColumn +{ + clear: left; + width: 100%; +} + +/*** Sidebar ***/ +div.wapSidebar +{ + float: left; + width: 14em; /* sidebar width */ +} + +/*** FOLDER PANE ***/ +div.folderPane +{ + margin: 5px 0; + padding: 10px 0; + border-top: thin groove; + border-bottom: thin groove; + overflow: hidden; +} +div.folderList div +{ + clear: both; +} +div.fld +{ + height: 20px; + line-height: 18px; + padding-left: 10px; + margin-top: 3px; +} + +div.ftitle +{ + padding: 0 0 4px 12px; + font-weight: bold; +} +div.fld span +{ + color: #000000; +} +div.fld span.unrd +{ + color: #707070; +} +div.sel span.unrd, div.sel span, div.sel span a +{ + color: #ffffff; +} +div.sel +{ + color: #ffffff; + background: #dae7fc url(../../img/cbn/spritelib.gif) repeat-x 0 -912px; +} +div.sel a, div.sel a span, div.sel a:hover +{ + color: #ffffff; +} +div.folderList span.left /* requires .left class */ +{ + text-align: left; +} +div.folderList span.right /* requires .right class */ +{ + font-weight: normal; +} +div.folderList span.right a /* requires .right class */ +{ + color: #003399; +} +div.folderList div.lnk a +{ + color: #003399; +} + +/*** SIMPLE LIST ***/ +table.listTbl +{ + width: 100%; +} +table.listTbl td, table.listTbl th +{ + padding: 0 3px; +} +table.listTbl td img, table.listTbl th img +{ + vertical-align: middle; + width: 17px; + height: 17px; +} +table.listTbl tr.unread, h1.unread +{ + font-weight: bold; +} +table.listTbl tr.ac, table.listTbl tr.ac a +{ + background-color: #f4f6f8; +} +table.listTbl tr#sd, table.listTbl tr#sd a, tr.choice +{ + color: #ffffff; + background-color: #417bd9; +} +table.listTbl tbody +{ + overflow: hidden; +} +table.listTbl th.colHdr +{ + border-top: 0; + height: 17px; + background: #f3f3f3 url(../../img/cbn/spritelib.gif) repeat-x 0 -936px; +} +table.listTbl th.selColHdr a +{ + color: #000000; +} +table.listTbl th.colHdr a +{ + color: #000000; +} +table.listTbl th a:hover +{ + text-decoration: none; +} +table.listTbl th.selColHdr +{ + border-top: 0px; + height: 17px; + background: #d4d4d4 url(../../img/cbn/spritelib.gif) repeat-x 0 -960px; +} +table.listTbl th.selColHdr img.selectedDn +{ + width: 8px; + height: 8px; + vertical-align: middle; +} +table.foldermgmt td, table.foldermgmt th +{ + border-bottom: 1px solid #eeeeee; +} +table.foldermgmt a +{ + font-weight: bold; +} +table.foldermgmt td.parent a +{ + font-weight: normal; +} +table.foldermgmt img +{ + padding-right: 5px; +} +table.divider td, table.divider th +{ + border-bottom: 1px solid #eeeeee; +} +table.listTbl td.nodivider +{ + border-bottom: none; +} + +/*** FOOTER ***/ +table.page td.footer +{ + color: #FFFFFF; + background-color: #000000; + height: 30px; +} +table.page td.footer img +{ + margin-right: 6px; + vertical-align: bottom; +} +table.page td.footer a +{ + color: white; +} + +/*** MESSAGE VIEW ***/ + +table.msgHead +{ + background-color: #f9f9f9; + border-left: 1px solid #aaaaaa; + border-right: 1px solid #aaaaaa; + border-bottom: 1px solid #aaaaaa; + width: 100%; +} +table.msgHead td.subText +{ + padding: 5px 0 0 6px; + font-size: 1.1em; + font-weight: normal; +} +table.msgHead span.right +{ + font-weight: normal; +} +table.msgHead span.right a +{ + color: #003399; +} +table.msgHead td.hdrLabel +{ + padding: 4px 0 0 6px; + /* breaks on IE if width is set to 90px or less */ + width: 100px; + vertical-align: top; + font-weight: bold; +} +table.msgHead td.hdrText +{ + width: 100%; + padding: 4px 0 0 4px; + text-align: left; + white-space: normal; +} +table.msgHead td.hdrText span.return img +{ + vertical-align: top; +} +table.msgHead td.hdrText span.return a +{ + font-weight: bold; +} +table.msgHead td.hdrText span.contactAddr +{ + float: left; + padding-right: 5px; +} + +td.contentBody +{ + white-space: normal; + padding: 10px 0 0 6px; +} +table.msgHead a.addContact +{ + color: #003399; + padding-left: 10px; + vertical-align: text-top; +} +table.msgHead a.addContact img +{ + vertical-align: text-top; +} +table.msgHead span.emailAddr, table.msgHead span.attach +{ + white-space: nowrap; +} +table.msgHead span.attach img +{ + vertical-align: middle; +} +table.msgHead span.attach a +{ + text-decoration: underline; + float: left; + padding-right: 10px; +} +td.msgRawHead +{ + font-family: courier, monospace; +} + + + +/*** COMPOSE ***/ +table.compose +{ + padding: 0px 10px; + background-color: #f9f9f9; + border-left: 1px solid #aaaaaa; + border-right: 1px solid #aaaaaa; + width: 100%; +} +table.compose td.spc +{ + background-color: #f9f9f9; + height: 6px; + width: 100%; +} +table.compose td.spc * +{ + vertical-align: middle; +} +table.compose td.lbl +{ + padding-right: 5px; + vertical-align: top; + width: 1%; +} +table.compose td.lbl input +{ + width: 40px; +} +table.compose td.lbl label +{ + padding-left: 2px; +} +table.compose td.lbl * +{ + vertical-align: top; +} +table.compose td.mid +{ + width: 100%; + padding: 0px; +} +table.compose td.mid * +{ + vertical-align: top; +} +table.compose td.mid textarea, table.compose td.mid input +{ + border: 1px solid #aaaaaa; + margin: 0; + padding: 1px 3px 1px 3px; + xheight: 1.7em; + width: 100%; + overflow-y: auto; + word-wrap: break-word; +} +textarea.mid, input.mid +{ + height: 1.7em; +} +table.compose td.rgt +{ + padding-left: 5px; + vertical-align: top; + width: 1%; +} +table.compose td.rgt * +{ + vertical-align: top; +} +table.compose td.attach * +{ + vertical-align: middle; +} +table.compose img.attachment +{ + width: 17px; + height: 17px; +} +table.compose img.rmAttach +{ + vertical-align: top; + width: 15px; + height: 15px; +} +table.composeBody +{ + background-color: #f9f9f9; + border-left: 1px solid #aaaaaa; + border-right: 1px solid #aaaaaa; + width: 100%; + height: 100%; +} +table.composeBody td.textBody +{ + height: 100%; + padding: 10px 6px 0 6px; + vertical-align: top; +} +table.composeBody td.textBody textarea +{ + border: 1px solid #aaaaaa; + width: 100%; + height: 98%; + padding: 4px 6px; + word-wrap: break-word; +} +span#lessComposeHeaderText +{ + display: none; +} +div#moreComposeHeaders +{ + display: none; +} +div#composeAttachments +{ + display: none; +} +span.attachmentName +{ + white-space: nowrap; + padding-right: .25em; +} + +/*** GENERAL FIELDS (e.g. settings, advance search, contact details, etc.) ***/ +table.fields +{ + font-size: .7em; + width: 95%; + margin: 10px 20px; +} +table.fields td.title +{ + width: 20%; + font-weight: bold; + vertical-align: top; + color: #555555; +} +table.fields td.body +{ + vertical-align: top; + width: 80%; +} +table.fields td.body * +{ + vertical-align: middle; +} +table.fields td.title, table.fields td.body +{ + padding: 8px 0; + border-bottom: 1px solid #CCCCCC; +} +table.fields td.nodivider +{ + border-bottom: none; +} +table.fields td span.label +{ + font-weight: bold; +} +table.fields td a +{ + font-weight: normal; +} +table.fields td * +{ + vertical-align: bottom; +} +table.fields span.tips +{ + color: #000000; + font-weight: normal; +} + + +/*** SETTINGS (requires "fields" class) ***/ +table.settings td.title, table.settings td.body +{ + padding: 12px 12px 12px 0; +} + +div#advancedSettings +{ + display: none; +} + +/*** CONTACTS (requires "fields" class) ***/ +table.contacts *.contactText +{ + width: 90%; +} + +/*** CONTACTS EDITOR ***/ +form.contactEditor +{ + color: #555555; + font-size: .7em; + padding: 0 12px; +} +form.contactEditor div.contactSection +{ + overflow: auto; + padding: 8px 0; + border-bottom: 1px solid silver; +} +form.contactEditor div.context +{ + font-size: 1.7em; + font-weight: bold; + padding-bottom: 8px; +} +form.contactEditor div.contactField +{ + float: left; + font-weight: bold; + width: 10em; +} +form.contactEditor input, form.contactEditor select +{ + width: 370px; +} +form.contactEditor textarea +{ + height: 6em; + width: 370px; +} + +/*** ADVANCED SEARCH ***/ +form.advanceSearch +{ + color: #555555; + font-size: .7em; + padding: 0 12px; +} +form.advanceSearch div.searchSection +{ + overflow: auto; + padding: 8px 0; + border-bottom: 1px solid silver; +} +form.advanceSearch div.context +{ + font-size: 1.7em; + font-weight: bold; + padding-bottom: 8px; +} +form.advanceSearch div.scope +{ + text-align: center; + padding: 6px 0; +} +form.advanceSearch div div.searchField +{ + line-height: 2em; + font-weight: bold; + float: left; + width: 8em; +} +form.advanceSearch div div.searchType +{ + float: left; + padding-right: 10px; +} +form.advanceSearch div div.searchType select +{ + width: 12em; +} +form.advanceSearch div div.searchTerm +{ + height: 2em; + line-height: 2em; +} +form.advanceSearch div div.searchTerm input +{ + width: 18em; +} + +/*** CONTACTS (requires "fields" class) ***/ +div.attachfiles +{ + margin: 20px 20px; +} +div.attachfiles td +{ + vertical-align: middle; + padding: 3px 0; +} + + +/*** MAIN HEADER (i.e. RSS news feed, weather bar, storage meter) ***/ +div.hdrContent +{ + overflow: hidden; +} +div.hdrContent, div.hdrContent a +{ + text-decoration: none; + color: #FFFFFF; +} +div.hdrContent a:hover +{ + text-decoration: underline; +} +div.hdrContent span.RSS +{ + line-height: 2em; + clear: both; +} +div.wbar +{ + height: 15px; + line-height: 15px; + padding-left: 5px; + padding-right: 5px; + background: #000000 url(../../img/cbn/spritelib.gif) repeat-x 0 -1128px; + +} +div.wbar div.weather +{ + text-align: center; + float: left; + padding-left: 20em; +} +div.wbar div.usage +{ + float: right; + width: 18em; +} +div.hdrContent div.pageTitle +{ + width: 55%; + float: left; + clear: left; + text-align: left; + color: #FFFFFF; + font-size: 1.8em; + font-weight: normal; + padding: 4px 0 4px 5px; +} +div.hdrContent div.commands +{ + float: right; + margin: 8px 7px 0 0; +} + +/*** INLINE MESSAGES ***/ +div#bannerConfirm +{ + font-weight: bold; + text-align: center; + padding: 3px 5px; + color: #000000; + background-color: #ffecda; + border-bottom: 1px solid #aaaaaa; +} +div#bannerConfirm img +{ + vertical-align: middle; +} + +div#bannerError +{ + font-weight: bold; + text-align: center; + padding: 3px 5px; + color: #ffffff; + background-color: #ff0000; + border-bottom: 1px solid #aaaaaa; +} +div#bannerError img +{ + vertical-align: middle; +} + +div.bannerPrivacy +{ + font-weight: bold; + line-height: 1.4em; + padding: 3px 5px; + background-color: #ffffd2; + border-bottom: 1px solid #aaaaaa; +} +div.bannerPrivacy a +{ + font-weight: normal; +} +div.bannerPrivacy img +{ + padding-right: 8px; + float: left; +} + + +div.bannerSearch +{ + text-align: center; + padding: 5px 60px 5px 5px; + background-color: #eeeeee; + border-bottom: 1px solid #aaaaaa; +} +div.bannerSearch * +{ + vertical-align: middle; +} +div.bannerSearch input.text +{ + width: 15em; +} + + +div#bannerSelection +{ + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: .7em; + display: none; + text-align: center; + padding: 4px 5px; + color: #000000; + border-bottom: 1px solid #aaaaaa; +} + + +table.bannerFolderSearch +{ + width: 100%; + padding: 5px 5px 5px 5px; + background-color: #e7f0ff; + border-bottom: 1px solid #aaaaaa; +} +table.bannerFolderSearch td.title +{ + text-align: left; +} +table.bannerFolderSearch td.body +{ + text-align: right; +} +table.bannerFolderSearch img +{ + margin-right: 5px; + vertical-align: middle; +} +table.bannerFolderSearch a +{ + color: #003399; + font-weight: bold; + text-decoration: underline; +} + + +/*** MOVE/COPY TO FOLDER UI ***/ +.moveToFolder * +{ + vertical-align: middle; +} +.moveToFolder input +{ + width: .9em; + height: .9em; +} +.moveToFolder input +{ + margin-top: 2px; /* fix for IE */ +} +.moveToFolder label +{ + padding-right: 4px; + color: #FFFFFF; +} +.moveToFolder select +{ + position: relative; + bottom: 8px; +} + +.attachFiles +{ + margin: 15px; +} + +.attachFiles input[type="button"] +{ + margin-left: 5px; +} + +div.attachInput +{ + margin: 2px 2px 2px 0; +} +div.attachInput form +{ + margin-bottom: 0; +} + +div.drop +{ + background-color: #66ffff; +} + +/*** Loading Notification ***/ +div#bePatient +{ + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: .6em; + font-weight: bold; + background-color: #ffffa6; + color: #000000; + padding: 4px 5px; + border-bottom: 2px solid black; + border-right: 2px solid black; + left: -999px; + top: -999px; + margin-left: -1px; + position: absolute; +} + +/*** Normal Message Text ***/ +.messageText +{ + margin: 10px 0 0 6px; + font-family: monospace; + white-space: pre; +} + +/*** Tool Tip ***/ +div#tipDrag { + border: 1px solid black; + padding: 1px 3px; + background-color: #fffacd; + font-size: 0.7em; +} + +/*** Panel Framework ***/ +/*#panel_c.yui-panel-container.shadow .underlay +{ + left:3px; + right:-3px; + top:3px; + bottom:-3px; + position:absolute; + background-color:#000; + opacity:0.12; + filter:alpha(opacity=12); +}*/ + +.yui-panel +{ + position:relative; + border:none; + overflow:visible; + background:transparent url(../../img/cbn/border-rt.gif) repeat-y top right; +} + +.yui-panel .container-close +{ + position:absolute; + top:5px; + right:10px; + height:14px; + width:14px; + background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1224px; +} + +.yui-panel .hd +{ + border:none; + background:url(../../img/cbn/spritelib.gif) repeat-x 0 -1248px; + color:#FFF; + height:24px; + margin: 0 4px; + text-align:left; + vertical-align:middle; + overflow:visible; +} + +.yui-panel .bd +{ + overflow:hidden; + padding: 10px; + border:none; + background:#FFF url(../../img/cbn/border-lt.gif) repeat-y; + margin-right:4px; +} + +.yui-panel .ft +{ + background:url(../../img/cbn/spritelib.gif) repeat-x 0 -1272px; + font-size:4px; + height:4px; + padding:0px 10px; + border:none +} + +.yui-panel .hd span +{ + padding-left: 4px; + line-height:24px; + vertical-align:middle; + font-weight:bold; +} + +.yui-panel .hd .tl +{ + width:4px; + height:24px; + top:0; + left:0; + background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1296px; + position:absolute; +} + +.yui-panel .hd .tr +{ + width:4px; + height:24px; + top:0; + right:0; + background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1320px; + position:absolute; +} + +.yui-panel .ft .bl +{ + width:4px; + height:4px; + bottom:0; + left:0; + background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1344px; + position:absolute; +} + +.yui-panel .ft .br +{ + width:4px; + height:4px; + bottom:0; + right:0; + background:url(../../img/cbn/spritelib.gif) no-repeat 0 -1348px; + position:absolute; +} + +/*** Internal Panel Elements ***/ +div.dialogIcon +{ + width: 60px; + height:60px; + float: left; +} + +div.alert +{ + background:url(../../img/cbn/alert.gif) no-repeat top center; +} + +div.prompt +{ + background:url(../../img/cbn/question2.jpg) no-repeat top center; +} + +div.dialog +{ + background:url(../../img/cbn/question2.jpg) no-repeat center top; +} + +div#alertBody +{ + margin-left: 60px; + padding: 5px; +} + +div#promptBody +{ + margin-left: 60px; + padding: 5px; +} + +div#dialogBody +{ + margin-left: 60px; + width: 540px; + padding: 5px; + overflow: auto; +} + +div.dialogButtons +{ + padding-top: 10px; + background-color: #ffffff; + text-align:right; +} + +div.panelExplanation +{ + width: 80%; + text-align: center; + padding: 1em 0; +} + +div.panelInput +{ + text-align: center; + overflow: auto; +} + +div.panelInput input +{ + padding: 0 2px; + margin-left: 8px; +} + +/*** Viewport Height Limiter ***/ +div#alpineContent +{ + height: 100%; + overflow: auto; +} + +/*** Compose Checkpoint Result ***/ +#formResponse +{ + position: absolute; + top: 0; + left: -999px; +} + +/*** Sprite based images ****/ + +/* left column icons */ +span.splci +{ + display:block; + line-height: 24px; + padding-left: 30px; + margin-left: 4px; + cursor: pointer; +} + +span.splcs +{ + display:block; + line-height: 20px; + padding-left: 30px; + margin-left: 4px; + cursor: pointer; +} + +span.splc +{ + width: 17px; + height: 17px; + float: left; + margin-right: 8px; + margin-top: 1px; +} + +span.splc1 +{ + background-position: 0 -24px; +} + +span.splc2 +{ + background-position: 0 -48px; +} + +span.splc3 +{ + background-position: 0 -72px; +} + +span.splc4 +{ + background-position: 0 -96px; +} + +span.splc5 +{ + background-position: -4px -122px; +} + +span.splc6 +{ + background-position: -3 -146px; +} + +span.splc7 +{ + background-position: 0 -168px; +} + +span.splc8 +{ + background-position: 0 -192px; +} + +span.splc9 +{ + background-position: 0 -1632px; +} + +span.splc10 +{ + background-position: 0 -1656px; +} +span.splc11 +{ + background-position: 0 -1680px; +} +span.splc12 +{ + background-position: 0 -1776px; +} + +/* menu bar icons */ +span.spmb +{ + display: block; + width: 24px; + height: 24px; + cursor: pointer; +} + +span.spmbi +{ + display:block; + line-height: 28px; + padding-left: 28px; + margin-left: 4px; + cursor: pointer; +} + +span.spmbf +{ + background-position: 0 -216px; +} + +span.spmbp +{ + background-position: 0 -240px; +} + +span.spmbn +{ + background-position: 0 -264px; +} + +span.spmbl +{ + background-position: 0 -288px; +} + +span.spmbu +{ + background-position: 0 -1008px; +} + +span.spmbd +{ + background-position: 0 -1032px; +} + +span.spmb1 +{ + margin-left: 6px; + background-position: 0 -312px; +} + +span.spmb2 +{ + background-position: 0 -336px; +} + +span.spmb3 +{ + width: 1px; + background-position: 0 -360px; +} +span.spmb4 +{ + background-position: 0 -1368px; +} +span.spmb5 +{ + background-position: 0 -1392px; +} +span.spmb6 +{ + background-position: 0 -1416px; +} +span.spmb7 +{ + background-position: 0 -116px; +} +span.spmb7 +{ + background-position: 0 -116px; +} +span.spmb8 +{ + background-position: 0 -1438px; +} +span.spmb9 +{ + background-position: 0 -1462px; +} +span.spmb10 +{ + background-position: 0 -1486px; +} +span.spmb11 +{ + background-position: 0 -570px; +} +span.spmb12 +{ + background-position: 0 -1510px; +} +span.spmb13 +{ + background-position: 0 -140px; +} +span.spmb14 +{ + background-position: 0 -1172px; +} +span.spmb15 +{ + background-position: 0 -310px; +} +span.spmb16 +{ + background-position: 0 -334px; +} +span.spmb17 +{ + background-position: 0 -884px; +} +span.spmb18 +{ + background-position: 0 -1534px; +} +span.spmb19 +{ + background-position: 0 -1556px; +} +span.spmb20 +{ + background-position: 0 -1582px; +} +span.spmb21 +{ + background-position: 0 -1752px; +} + +span.rof +{ + display: block; + float: right; +} + +/*** Priority Radio Button ***/ + +/* radio button icons */ +span.sprb +{ + width: 20px; + height: 20px; + display: block; + float: left; + padding-right: .3em; + background-position: 0 -384px; +} + +span.prbc +{ + background-position: 0 -408px; +} + +/* message list icons */ +span.spml +{ + display: block; + width: 17px; + height: 17px; +} + +span.blank, a.mlstat span.nostar +{ + background-position: 0 0; +} + +span.spml1 +{ + background-position: 0 -456px; +} + +span.spml2 +{ + background-position: 0 -480px; +} + +span.spml3 +{ + background-position: 0 -504px; +} + +span.spml4 +{ + background-position: 0 -528px; +} + +span.spml5 +{ + background-position: 0 -552px; +} + +span.spml6 +{ + background-position: 0 -576px; +} + +span.spml7 +{ + background-position: 0 -600px; +} + +a.mlstat:hover +{ + background-position: 0 0; +} + +span.spml8, a.mlstat:hover span.nostar, a.mlstat:hover span.prihi, a.mlstat:hover span.prihier +{ + background-position: 0 -624px; +} + +span.spml9, span.star +{ + background-position: 0 -648px; +} + +span.spml10, a.mlstat span.prihi +{ + background-position: 0 -672px; +} + +span.spml11, a.mlstat span.prihier +{ + background-position: 0 -696px; +} + +span.spml12 +{ + background-position: 0 -720px; +} + +span.spml13 +{ + background-position: 0 -744px; +} + +/* message view icons */ +span.spmv +{ + display: block; + width: 15px; + height: 15px; +} +span.spmv1 +{ + float: left; + background-position: 0 -984px; +} +span.spmv2 +{ + float: left; + margin: 0 5px 0 5px; + background-position: 0 -576px; +} +span.spmv3 +{ + margin-left: 3px; + display: inline-block; + background-position: 0 -1704px; +} + +/* folderlist icons */ +span.spfl +{ + display:block; + height: 18px; + width: 18px; + margin-left: 4px; +} +span.spfl1 +{ + background-position: 0 -1608px; +} + +ul.priority li +{ + width: 10em; +} + +/*** Folder/Contacts List Context Banner ***/ +span.spfcl +{ + display: block; + width: 20px; + height: 20px; + float: left; + margin-right: 8px; + margin-top: 1px; + cursor: pointer; +} + +span.spfcl1 +{ + background-position: 0 -1176px; +} + +span.spfcl2 +{ + background-position: 0 -1200px; +} + +span.spfcl3 +{ + background-position: 0 -1728px; +} + +ul.sortList li +{ + width: 13em; +} + +div.getAuth div +{ + padding: 6px 30px 26px 30px; +} + +div.getAuth span +{ + width:40%; + display: block; + float: left; + clear: left; + padding-right: 10px; + text-align: right; +} + +div.getAuth hr +{ + color: #ffffff; + background-color: #ffffff; + border: 0 none; +} + +div.getAuth input +{ + width:50%; + display: block; + clear: right; + width: 12em; + text-align: left; +} + +/*** Message Drag Proxy ***/ +#msgDragProxy +{ + position: absolute; + visibility: hidden; + font-size: .7em; + top: -100px; + cursor: move; + filter:alpha(opacity=80); + -moz-opacity: 0.8; + opacity: 0.8; +} +#msgDragProxy div +{ + padding: 0 6px; + background-color: #d8d8d8; + white-space: nowrap; +} +.b1, .b2, .b3, .b4 +{ + background-color: #d8d8d8; + font-size: 1px; + display:block; + overflow:hidden; +} +.b1 +{ + height: 1px; + margin: 0 5px; +} +.b2 +{ + height: 1px; + margin: 0 3px; +} +.b3 +{ + height: 1px; + margin: 0 2px; +} +.b4 +{ + height: 2px; + margin: 0 1px; +} + +/*** Take Dialog ***/ +div.takeInstructions +{ + padding: 15px 5px 20px 5px; + text-align: center; +} + +div.takeList +{ + font-size: .8em; + height: 14.5em; + border: 1px solid #aaaaaa; + overflow: auto; +} + + +/*** PRINTER FORMATTING ***/ +.printInfo +{ + display: none; +} + +.fullHdrBtn +{ + vertical-align: top; + padding-right: 10px; + float: right; +} + +@media print +{ + #leftColumn, + #toolBar, + .hdrContent, + #hdrLogo, + #ftrContent, + .toolbarTbl, + .fullHdrBtn, + .addContact, + .spc, + div.bannerPrivacy + { + display: none; + } + div.printInfo + { + background-color: grey; + border-bottom: 2px groove black; + display: block; + } + div#alpineContent + { + height: 100% !important; + overflow: visible; + } + table.msgHead + { + background-color: #f9f9f9; + border: 1px solid #aaaaaa; + width: 100%; + } +} |