/* Layout and style based on Bluerobot.com - http://www.bluerobot.com/web/layouts/ */ /* global style settings (css1 selectors) */ html, body, form { margin: 0; padding: 0; border: 0; } body { /* color: #333333; #000*/ color: #333333; background: #ffffff; font-family: verdana, lucida, arial, geneva, sans-serif; font-size: 11px; padding-bottom: 25px; } /* NOTE on font-size - small (med is normal default in older browsers, msft's sm = med; med ~ 12 px) */ .test { border:1px dotted green; } /* zero - use instead of br (br's can get mucky) */ .zero, .faq, h1, h2, h3, h4, h5, h6 { padding:0em; margin:0em; border:0em; } /* zeroTop - emailTemplate, faq, legal */ .zeroTop { margin-top: 0em; padding-top:0em; } /* FAQ */ /* zeroBottom - emailTemplate, faq, itemsOut, libItemsOut, libraries, testimonials */ .zeroBottom, .legal { margin-bottom: 0em; padding-bottom:0em; } /* FAQ, libraries, copyright */ /*! zeroLeft - calendars div.box, regCards ** see if below can be replaced */ .zeroLeft { padding-left:0em; margin-left:0em; border-left:0em; } .zeroBorder, .items { border:0em; } /***** styles *****/ .bold { font-weight: 600; } .bolder { font-weight: 600; color:#333; } .softBold, .select { color:#555; font-weight:600; } .italic { font-style: italic; } .oblique { font-style: oblique; } .normalBold { font-size:.85em; } .normal { font-style: normal; color: #333; font-weight: normal; font-size:1em; } .nowrap, .thItems, .dueDate { white-space: nowrap; } .inline { display: inline; } .center, p.center { text-align: center; } /* input tags for txtbxs, checkbxs, btns */ input { font-size:1.1em; } /* 50% width editAcct */ .50pct { width:50%; } /* addCard, signUpAddCard */ .seventypct { width:70%; margin: 3em 0em 0em; } /* handle msg colour */ .notrenewed, .errMsg, .trErrMsg { color:red; } .renewed { color:green; } /* smNote - editOptions, editSignIn, signUp, signUpOptions, signIn, header, requestLib, tellAFriend */ .smNote, .70pct { font-size:.85em; } /* word "note" - deleteAcct, faq, verify */ /* note - feedback, register, techworks */ .smBx { font-size:.85em; margin: 3em 0em 0em; width: 70%; } abbr, acronym, .help, .tooltip { border-bottom: 1px dotted #333; } /* cursor: help; */ /* upFontSize:default select:faq */ .upFontSize, .select { font-size:1.1em; } /* faq */ .select { font-family: bookman old style, times roman, serif; } /***** legal *****/ hr { width:95%; } /***** divs - containers, boxes ** need to use .box to contain datagrids otherwise dg stretches outside view area ** also used for a links *****/ p, table, div.newLine { display: block; font-family: verdana, lucida, arial, geneva, sans-serif; font-size: 1em; } p, table { line-height:1.1em; padding:0em; border:0em; } /* box - wrapper for dataGrids - libItemsOut, itemsOut, FAQ */ p, .box { margin:0em 0em 1.3em 0em; } .box { border:0em; } div.newLine { margin:0em; } /***** headers *****/ h1, h2, h3, h4, h5, h6 { font-family: verdana, lucida, arial, geneva, sans-serif; } h1, h2 { margin-bottom:.5em; } h3, h4, h5 { margin-bottom:.25em; } h1 { font-size: 2.2em; } /* ~ 24 px */ h2 { font-size: 1.8em; } /* ~ 20 px */ h3 { font-size: 1.5em; } /* ~ 16 px */ h4 { font-size: 1.3em; } /* ~ 14 px */ h5 { font-size: 1.1em; color: #888; } /* ~ 12 px */ h6 { font-size: 1em; } /* ~ 11 px */ h1, h2 { color: #ccc; } /* light gray */ h3, h4, .gray { color:#999; } .testColor { color: #999; } /* layout and styles: contents */ .bordered { border:1px solid #ccc; } /* use instead of hr (faq.aspx) */ .hrTop { border-top:1px dotted #333; margin-top:1px; } .hrBottom, .hrBottomGray { margin-bottom: 1px; border-bottom: 1px solid; } /* .hrBottom { border-bottom: #333 1px solid } .hrBottomGray { border-bottom: #ccc 1px solid } */ /* text align */ .alignLeft { text-align:left; } .alignRight { text-align:right; } .vAlignTop { vertical-align:top; } .vAlignBottom { vertical-align:bottom; } /* container for img */ .floatRight { float:right; } .floatLeft { float:left; } div.floatLeft img { padding-bottom:1px; margin:0px; text-align:center; } /* caption for img */ div.floatLeft p { clear:both; padding-bottom:.3em; margin:0em; text-align: center; } /* keeps sides clear on float element spacer editCards, regCards */ .clear, .row, .sectionRow, .sectionXRow, div.spacer { clear:both; } .clearRight { clear: right } .clearLeft { clear: left } /***** general style for links *****/ a { text-decoration:none; background: transparent; } /* color:#555; */ a:link, a:visited { color: #000066; } /* dark blue */ a:hover { color: #09c; text-decoration : underline; } a:active { color: #526968;} /* 00728Asea foamy */ div.bxNBar a, div.bxMenu a { font-weight:600; color:#b0b0b0; } div.bxNBar a:link, div.bxMenu * a:link, div.bxNBar a:visited, div.bxMenu a:visited { color:#07a; font-weight:600; } /* unvisited and visited link */ div.bxNBar a:hover { text-decoration : none; } div.bxNBar a:active, div.bxMenu a:active { color:#660000; } /* same color as .note */ div.bxContents a { font-weight:normal; } div.bxContents a:link, div.bxContents a:visited { color:#0000aa; } /* #002280 dark blue */ div.bxContents a:hover { color: #660000; } /** link styles for: libItems out *** (Note: all styles for email, incl thItems, in emailTemplate) **/ .box .thItems a { font-weight:600; text-decoration : underline; } .box .thItems a:link, .box .thItems a:visited { color: #ffffff; } .box .thItems a:hover { color: #99ccff; } .box .thItems a:active { color: #99ccff;} /* 526968 */ /* .box .thItems a:link, .box .thItems a:visited { color: #555588; } .box .thItems a:hover { color:#000066; } .box .thItems a:active { color:#000066;} */ .box .trItem a:link, .box .trItemAlt a:link { color:#000066; } /* trItem, trItemAlt default color */ .trItemDigital, .trItemAltDigital { color: #000066; } /* .box .trItem a:visited, .box .trItemAlt a:visited { color:#003366; } */ .box .trItem a:hover, .box .trItemAlt a:hover { color:#002280; text-decoration:underline;} /** had to incl in items.aspx as it didn't work when in elfStyle.css **/ .box a, .box a:link { text-decoration : underline; } div.bxCopy a, div.bxCopy a:link, div.bxCopy a:visited { color: #666699; font-weight:600; } /* dark blue { color: #000066; #666699 } */ div.bxCopy a:hover { color: #909090; } div.bxCopy a:active { color: #b0b0b0;} /* 00728Asea foamy */ /* layout and styles for subDivs/sections */ /* layout and styles: masthead */ div.bxMast { padding:.25em .5em .25em .25em; } div.bxMast h1 { display: inline; font-size: 2.5em; color:#003366; } div.bxMast .subtitle { color:#003366; font-style: oblique; font-size:1.2em; } /***** layout and styles: navigation bar *****/ #subDiv0-2 { border-style:solid; border-color:black; border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */ background-color:#eee; } div.bxNBar { clear:both; margin:0; height:1.75em; text-align:center; font-size:inherit; color:#555; } div.bxNBar span.left, div.bxNBar span.right { position:relative; width: 49%; padding-top:.5em; } div.bxNBar span.left { float: left; padding-left:.5em; text-align: left; } div.bxNBar span.right { float: right; padding-right:.5em; text-align: right; } /* prev .bxCopy { clear:both; padding:5em 0em 9em 1em; margin: 0em 1em 1em .5em; font-size: .9em; } .bxCopy .legal { margin-bottom:.5em; } .bxCopy.copyrightText, .important { color:#999; font-weight:800; margin-bottom:1em; } margin: 1em 1em 1em .5em; padding:1.2em 1em 5em; prev */ /* layout and styles (left margin & padding similar as bxContents) ** copyright, legal (copyright.ascx, emailItemsOut.aspx) */ .bxCopy { clear:both; padding:2.5em 0em 5em; margin: 0em 0em 1em 0em; color:#999; font-weight:800; } /* .bxCopy.legal .bxCopy.copyrightText { position:relative; } /* left:1.5em; */ .bxCopy.copyrightText, .important { color:#999; font-weight:800; } .legal, .copyrightText { font-size: .9em; } /* layout and styles: navBar, menu */ div.bxNBar, div.bxMenu { font-weight:600; } /* layout and styles: menu */ div.bxMenu { padding: 1.2em 1em; margin: 1em .25em 1em 1em; /* margin: 1em; */ background-color:#eee; border:1px dashed #999; } div.bxMenu h5 { color: #333333; } div.bxMenu dd { color:#555; font-weight:600; } /* menu, contact, FAQ */ dl { margin:0em 0em 1em 0em; padding-top:0em; font-size:inherit; } /* register, regOptions */ ul { margin:0em 1.5em .5em 1.5em; padding-top: 0em; } dt { font-weight:600; color: #333333; padding-top:.75em; } dt, dd, li { padding-bottom:.3em; } dd, li { margin-left:.75em; } div.bxMenu sup { font-size:.9em; } /* faq, libraries, testimonials */ blockquote { /* comment out as it does not work in IE7 padding:.5em 1.5em; margin:0em 1.5em 1.5em;*/ } blockquote dl { /* list-style: » list-style: none; */ margin:0em 1.25em .5em 1.5em; text-indent: -.75em; } /* blockquote p { padding-bottom:1em; margin-top:0em; border:1px dotted green; } */ blockquote p.end { padding-bottom:0em; margin-bottom:0em; } blockquote table { margin:.75em 1em .75em 3em; } blockquote li:before { display: inline; content: "»"; } div.bxContents { position:relative; padding:1.2em 1em 2.5em; margin: 1em 1em 1em .5em; font-size:inherit; } .bxContents h2, h3 { letter-spacing: 1px; } /* emailTemplate, libItemsOut, delAcct, regCards, reqLib */ .spacerRow { margin:.3em 0em 1em 0em; } /* for use in single row (ie emailTemplate, editAcct, faq, itemsOut ) */ div.row { padding: 1em 0em 1em 0em; margin:1em 0em 1em; } /* faq */ div.rowFirst { padding: .5em 0em 1em 0em; margin: 0em 0em 1em 0em; } /* ack addCard contact delAcct editCards editOptions editSignIn ** faq feedback itemsOut legalPop privacyPop ** regCards regConfirm register regOptions requestLib ** signIn viewedByOthers */ div.sectionRow { padding: .75em 0 .75em; margin: 1.75em 0 2em; } /* signOut tellAFriendOK feedbackOK getPasswordOk requestLibOk timeOut delAcctOk */ div.sectionXRow { padding: .75em 0 .75em; margin: 2.75em 0 9em; } /* set spacing between buttons (.txtBtn and regular) ** editAcct, */ .setSpace { padding:.25em .25em; margin:0em .25em; } /* text buttons ** ack contact delAcctOk editAcct editCards feedbackOk getPasswordOk ** legalPop privacyPop regConfirm reqLibOK signOut viewedByOthers */ .txtBtn { color: Gray; /**/ font-size: 1em; border: 1px solid Gray; text-align: center; line-height: 150%; } .txtBtn.tab { margin:.5em 0em 0em; } /* edit acct */ .txtBtn a:hover { background-color:transparent; } /* set width for buttons */ .btn { width:6em; } /* addCard, editOptions, editSignin, feedback, getPassword, signUp, signUpCards, signUpOptions, reqLib, signIn - set width and margins for text boxes */ .txtBx { width:15em; margin:0em 1em 0em 0em; } /* editAcct, signUpOptions, signUpConfirm - to make field data more noticible .highlight - emailTemplate */ .labelTxt, .highlight { color:#660000; } /* signUpConfirmation */ .stuffer { padding:0em; border:0em; margin:0em 0em .5em 0em; } .sectionTitle { padding:.15em 0em 0em; border-bottom:1px solid #777; font-size:1.2em; font-weight:600; /* text-transform: uppercase; */ } /* popUps: basic table layout and style */ .newWin, .popUpWin { margin: 2.5%; padding:1.25em; } .popUpWin th { padding: 0em .25em; font-size:1.2em; color:#777; } .popUpWin tr { border-bottom:1px solid #777; } /* basic table layout and style; note: settings (ie margins) could affect progress bar see p, table settings (font-fam, font-sz, block) */ table { padding:0em; border-spacing:0em; vertical-align:top; margin:0em; border:0em; } /* table for Acct settings */ .dgAcct { /* margin-bottom:.5em; */ padding:0em; margin:0em; border:0em; } th, td { padding:.15em .5em .2em; margin:0; text-align:left; } test { border:1px dotted green; } th, .thItems, .thCards { font-size: 1.1em; font-weight:600; white-space: nowrap; color:#777; vertical-align:bottom; } /* editOptions, editSignIn, signUp, signUpOptions, etc */ .bordered th { border-color: #ccc; border-style: solid; border-width:0px 0 1px 0; } /* editAcct, editCards, signUpCards, signUpConfirm, viewedBy */ .thCards { background-color: #000084; } .thCards, .thItems { color:#ffffff; font-size: 1.1em; } .trItem, .trItemDigital { background-color:#ffffff; } /* libItems, calendarTemp, emailTemp, viewedByOthers - trItem, trItemAlt, dueDate editCards, signUpCards - .trAcct, .trAcctAlt */ .thItems { background-color:#333399; white-space: nowrap; border:1px solid #ccc; } .trItem, .trItemAlt, .trItemDigital, .trItemAltDigital, .trErrMsg { vertical-align:top; } @import url('file:///C:\Dev\PC\ElfDev\Src_Git\ElfServerSite\ElfServerSite\Content\Site.css'); .trItem, .trItemAlt, .trItemDigital, .trItemAltDigital, .trAcct, .trAcctAlt { border:1px solid #ddd; } .trItem, .trItemAlt { color:#000066; } /* .cell { color:#000066; } */ @import url('file:///C:\Dev\PC\ElfDev\Src_Git\ElfServerSite\ElfServerSite\Content\Site.css'); .thCalendar { color:#555588; } /* .thItems, .trItem, .trItemAlt, .cell { color:#000066; } .trItem, .trAcct, .trErrMsg, .thCalendar { background-color:#ffffff; } .trItemAlt, .trAcctAlt { background-color:#e0e0e0; } */ .trAcct, .thCalendar { background-color:#f1f1f1; } .trAcctAlt { background-color:#e0e0e0; } .trItemAlt, .trItemAltDigital, .trErrMsg { background-color:#f1f1f1; } /*.trItem, .trItemDigital { background-color:#fefefe; }*/ .due, .highlight { color: #bb2222; } .dgCards .thCards A { FONT-WEIGHT: 600; COLOR: white; TEXT-DECORATION: underline } .dgCards .thCards A:link { COLOR: white } .dgCards .thCards A:visited { COLOR: white } .dgCards .thCards A:hover { COLOR: #99ccff }