/*- CSS by Stuart Hopper @ www.s2digital.co.uk -*/ /*- this is a master page, no page-specific css here -*/ /* grey #eee light blue #E0EDF5 mid blue #3399CC mid blue for white text #006EB8 dark blue #00488C off black #2A303B borders #cfcfcf */ html, body { height: 100%; } /*----------- ------------- --------------*/ /*---------- reset meyer steez -----------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; border-collapse: separate !important; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } input { margin: 0; padding: 0; } /* safari correction */ /* remember to define focus styles! */ :focus { outline: 0; } body { color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*----------- ------------- --------------*/ /*--------- base HTML styles -------------*/ body { background:#dedede url(/images/bg/body.gif) repeat-y center; color:#333; font-family: Arial,Helvetica,Sans-Serif; font-size: 62.5%; } a {text-decoration:none} p { font-size:1.3em ; margin-bottom:1em ; margin-top: 0px; line-height: 1.4em} td, th {font-size:1.2em ;} em { font-style: italic; } code { font-family: Monospace, Courier, Courier New, Monospace; } li, label, dt, dd, input, textarea, select {font-size:1.3em} dd td, dd th, dl li, p input, span, li p, li li, li h2, li h3, li h4, li label, li input, li input.button, td td, td th, td li, td input, th input, td textarea, td p, th h2, div a, ul td, ul th {font-size:1em ;} /*adjust nested font-sizing*/ td select { font-size: 1.1em; } h1,h2,h3,h4,h5 { margin-bottom:.6em; } acronym, abbr {border-bottom:dotted 1px #333} th abbr, th acronym {border-bottom:dotted 1px #999} strong { font-weight: bold; } /*----------- ------------- --------------*/ /*----------- page structure CSS --------------*/ /* common */ .rel{ position: relative; } .fRight{ float: right !important; } .spacer { padding-top: 15px; } .bottomSpacer { padding-bottom: 0.5em; } .textRight, .textRight td, .textRight th{ text-align: right !important; } .textLeft{ text-align: left !important; } .NoPadding { padding: 0 !important; } .NoMargin { margin: 0px !important; } .textSmall { font-size:0.9em; } /*padding settings*/ .pr15 { padding-right: 15px !important; } .pr45{ padding-right: 45px !important; } .pr80{ padding-right: 80px; } .pl15{ padding-left: 15px !important; } /*margin settings*/ .mb15{ margin-bottom: 15px; } /* common - colors */ .midGrey { color: #bbb; } .darkGrey{ color: #555; } .bgLightBlue, .bgLightBlue p, .bgLightBlue td { background-color: #e0edf5 !important; } .bgBrightBlue { background-color: #eef !important; }/* e0edff */ .bgLightGrey { background-color: #f9f9f9; } .lightBlue { color: #DCE6F1; } .midBlue { color: #39c; } .darkBlue { color: #048; } .red { color: #a81817; } .green { color: #147C46; } .Astrix { color: #a33d3a; } .strikeout { text-decoration:line-through; } /* structure */ .skip { font-size:1.4em ; left:-999px ; position:absolute; } a.skip:focus, a.skip:active { background:#fff; border:solid 1px #00a994; display:block; position:absolute; padding:1em 2em; text-decoration:underline ; left:5px ; top:5px ; } #Container { background:#fff ;margin:auto ;width:960px ; } /*- Global Nav -*/ #GlobalNav { list-style-type: none; margin: 10px 0 5px 0; text-align:right; clear: both} #GlobalNav li { border-right:#ddd 1px solid; color: #666; display: inline; font-size:1.2em; padding-left: 7px; padding-right: 7px; } #GlobalNav li a { color: #666;} #GlobalNav li a:hover { color: #666; text-decoration: underline; } /*- logo -*/ .LogoLink img{padding-bottom:20px; padding-left: 8px; padding-top: 12px; outline: none; } /* TEMPARY CHRISTMAS - TAKE OUT */ .LogoLink_xmas img{padding-bottom:6px; padding-left: 8px; padding-top: 4px; outline: none; } #CallUs { background:transparent url(/img/icons/callus.gif) no-repeat scroll 58px 0; float:right; padding-right:10px; position:relative; text-align:right; top:11px; width:220px;} #CallUs p.number { font-size: 2.0em; color: #00488c; margin: 0; } #CallUs p.times { font-size: 1.2em; color: #777; line-height: 1.2em; margin: 2px 0 0 0; } .Installation { position: absolute; right: 0; top: 0; background: #000; color: #fff; font-weight: bold; font-size: 14px; padding: 5px 50px 5px 50px;} /*- primary nav -*/ /*- Swapped overflow from auto to hidden (scroll bar appears in Chrome, Safari) 28 Jan 09 PN -*/ /*#PrimNav { clear:both ; border-bottom:#049ad6 solid 7px; overflow:auto; } #PrimNav li {background:#004d8f ;display:inline; float:left; max-width:205px } #PrimNav li#Login {float:right; } #PrimNav li a {background:#004d8f url(/img/sprites/general_sprites.gif) repeat-x center -179px; border-right:1px dotted #98b7e3; color:#fff; display:block; font-weight:bold ; min-height:24px ; padding:8px 18px 0 ; text-align:center ; } #PrimNav li a:hover { background-position: center -227px;} #PrimNav li.Wrap a span { line-height:1em ;position:relative ; top:-7px} #PrimNav li a.First { background:#004d8f url(/img/sprites/general_sprites.gif) no-repeat left -177px;} #PrimNav li a.First:hover { background-position:left -227px;} #PrimNav li a.Last { background:#004d8f url(/img/sprites/general_sprites.gif) no-repeat right -177px; } #PrimNav li a.Last:hover { background-position: right -227px;} #PrimNav li.Active a { background-position: center -277px; margin-left:-1px ; border-right:none} #PrimNav li.Active a.First { background-position:left -277px; margin-left:0 } #PrimNav li.Active a.Last { background-position:right -277px; } #PrimNav li#Login a {background:#004d8f url(/img/sprites/general_sprites.gif) no-repeat 0 -327px; border:none ;margin-left:0 ;width:114px; } #PrimNav li#Login a:hover {background-position:0 -377px; } #PrimNav li#Login a.Active {background-position:0 -428px;}*/ /* Replace above with below CSS for menu nav change - th-3 (0.1) ISA 003 */ #PrimNav { clear:both ; border-bottom:#049ad6 solid 7px; overflow:auto; } #PrimNav li {background:#004d8f ;display:inline; float:left; max-width:205px } #PrimNav li#Login {float:right; } #PrimNav li a {background:#004d8f url(/img/sprites/general_sprites.gif) repeat-x center -179px; border-right:1px dotted #98b7e3; color:#fff; display:block; font-weight:bold ; min-height:24px ; padding:8px 18px 0 ; text-align:center ; } #PrimNav li a:hover { background-position: center -227px;} #PrimNav li.Wrap a span { line-height:1em ;position:relative ; top:-7px} #PrimNav li a.First { background:#004d8f url(/img/sprites/general_sprites.gif) no-repeat left -177px;} #PrimNav li a.First:hover { background-position:left -227px;} #PrimNav li a.Last { background:#004d8f url(/img/sprites/general_sprites.gif) no-repeat right -177px; } #PrimNav li a.Last:hover { background-position: right -227px;} #PrimNav li.Active a { background-position: center -327px; margin-left:-1px ; border-right:none; color:#004990; } #PrimNav li.Active a.First { background-position:left -327px; margin-left:0 } #PrimNav li.Active a.Last { background-position:right -327px; } #PrimNav li.ActiveSub a.First { background-position: left -277px; margin-left:-1px ; border-right:none; } #PrimNav li.ActiveSub a.First:hover { background-position: left -327px; } #PrimNav li.ActiveSub a { background-position: center -277px; margin-left:-1px ; border-right:none; } #PrimNav li.ActiveSub a:hover { background-position: center -327px; } #PrimNav li.ActiveSub a.Last { background-position: right -277px; margin-left:-1px ; border-right:none; } #PrimNav li.ActiveSub a.Last:hover { background-position: right -327px; } #PrimNav li#Login a {background: url(/img/sprites/general_sprites.gif) no-repeat 0 -377px; border:none ;margin-left:0 ;width:114px; } #PrimNav li#Login a:hover { background-position:0 -427px; } #PrimNav li#Login a.Active { background-position:0 -527px; color:#004990; } #PrimNav li#Login a.ActiveSub { background-position:0 -477px; color:#fff; } #PrimNav li#Login a.ActiveSub:hover { background-position:0 -527px; } /*- breadcrumb -*/ #Crumb { background:#eee ; border-bottom:1px solid #e1e1e1; margin-bottom:25px ; padding:6px; overflow: hidden; height: 1%; min-height:18px; } #Crumb ul {} #Crumb li {display:inline; color: #666666; font-size: 1.2em; line-height: 1.5em; } #Crumb li a {background:url(/images/bg/crumb.gif) no-repeat right center; color: #666666; margin-right:6px; padding-right:14px; text-decoration: underline} #Crumb li a:hover { color: #222} #Crumb .Welcome { float:left; } #Crumb .containerLeft { width: 60%; } #Crumb .containerRight { width: 40%; } #Crumb .WelcomeClientCentre { float:left; font-size:1.2em; } #Crumb .Welcome ul { float:left; } #Crumb .Status { font-size:1.2em; float:right; text-align:right; } #Crumb .Status .Left { float:left; padding-right:0px; color: #333; border-right: solid 1px #ccc; margin-right: 7px; padding-right: 7px; } /*#Crumb .Status .basket { border-right: none; padding-right: 7px; } #Crumb .Status .basket a.pipe { border-right: solid 1px #ccc; margin-right: 7px; padding-right: 7px; }*/ #Crumb .Status .Right a { background-image: none; padding: 0;} #Crumb .Status .Right { float:left; } #Crumb .Status a { text-decoration: underline; } #Crumb .Status .basket a { background: url('/img/icons/basket.gif') no-repeat 0 0; padding-left: 20px; color: #048; } #Crumb .Status .basket a.empty { background: url('/img/icons/basket-light-grey.gif') no-repeat 0 0; color: #bbb; } #Crumb .Status .basket a.disabled { text-decoration: none; cursor: default; } /*- sub nav -*/ /* this has style relevant to js dropdown that we may or may not be keeping */ #SubNav {float:left; width:160px ; margin-right:15px; margin-bottom:25px} #SubNav h2 { background:#1c5ca4 url(/img/sprites/general_sprites.gif) repeat-x -227px -62px; border:none; color:#fff ; font-size:1.3em;font-weight:bold ; padding:5px 8px; margin:0; width: 144px; } #SubNav ul li { } #SubNav li.Current {padding-bottom:0;} #SubNav li a { display: block; background:url(/img/sprites/icons.gif) no-repeat -4px -1515px; padding-left: 14px; padding-right: 4px; padding-top: 5px; padding-bottom: 5px; width: 142px; border-bottom: solid 1px #C9DBE6; background-color: #e0edf5; font-weight: bold; } #SubNav li.Current a {background-color:#fff !important; color:#333} #SubNav li.Current a:hover {text-decoration:none !important ; cursor:default !important} #SubNav li.Expand > a { background-position:3px -34px ; } #SubNav li a:hover { text-decoration: underline; } #SubNav li a:hover { cursor: pointer } #SubNav li.Expand a {font-weight:bold} #SubNav ul ul { display:none ;} /* relevant ul made visible with asp */ /*--- #SubNav ul ul li { border:none; } #SubNav li li a { background:#fff; border-bottom: dotted 1px #b7b7b7; font-weight:normal; } #SubNav li.Expand li.Current a { color:#333 ; font-weight:bold ; } #SubNav li.Expand li.Current ul a { color:#444 ; font-weight:bold ; } #SubNav li.Expand li.Current ul a:hover { color:#444 ;text-decoration:underline} ---*/ /* Added this section to test non-dynamic sub-navigation */ #SubNav ul ul li { border:none; } #SubNav ul ul li a { background:#fff; border-bottom: dotted 1px #b7b7b7; font-weight:normal; } #SubNav ul ul li.Current a { color:#333 ; font-weight:bold ; } #SubNav ul ul li.Current a { color:#444 ; font-weight:bold ; } #SubNav ul ul li.Current a:hover { color:#444 ;text-decoration:underline} .leftColAds a, .leftColAds img { border: 0; margin-bottom: 12px; padding:0; } .leftColAds a img { margin-bottom: 0px; } /*- middle container -*/ #Mid { display:inline ; float:left; margin-bottom:40px ;width:785px ;} /*- footer -*/ #Footer { background:#0075c1 url(/images/bg/footer.gif) repeat-x bottom ; clear:both ;margin-bottom:8px; color: #fff; } p.Copy {background: url(/img/sprites/general_sprites.gif) no-repeat left -577px; color:#fff ; font-size:1.2em; padding:10px; height: 17px; } #Footer ul { float:right ; padding:10px; list-style:none; padding-top: 11px;} #Footer ul li{ border-right:solid 1px #3f7baa ;color:#fff ;display:inline ; font-size:1.2em; padding:0 6px 0 6px;} #Footer ul li a{ color:#fff ; } #Version { margin: 0px 10px 15px 0; text-align: right; font-size: 1.2em; width: 200px; float: right; color: #777;} #Version a { color: #777; text-decoration: underline;} #Version a:hover {color: #444; } #Compliance { margin: 0px 0px 15px 10px; font-size: 1.2em; width: 700px; float: left; color: #777; } /*----------- -------------------------- --------------*/ /*----------- basic content template CSS --------------*/ /*------------------main column-----------------------*/ #ContentLeft { float:left; padding:0 15px 15px 0; width:543px; } .inset {background:#eee; margin-bottom:15px; overflow:auto; padding:15px 15px 0 15px; height: 1%; } .insetSel { background: #eee; margin-bottom: 15px; overflow: auto; padding: 0px; overflow: hidden; } .insetSel h2 { padding-left: 15px; padding-right: 15px; } .insetSel p { padding-left: 15px; padding-right: 15px; } .insetSty1 {background: #E0EDF5; padding: 10px 8px 0px 8px; } /* intro */ p.Intro {font-weight:bold} .introPic {float:right; margin-left:10px; padding-bottom:10px; } .introPic > div {margin-right:204px ; overflow:auto} div.Intro {margin-right:185px} /* floater module - merge this and introPic?*/ #Mid .Floater {clear:right ; float:right ; margin-left:15px ; width:170px } .flSty0 {background:#E0EDF5 ; padding:8px ; width: 158px !important;} /* images */ .fLeft {float:left ; /*margin:0 10px 5px 0 ;*/ } #ContentFooter { width:785px;float:right; } /* image wrappers */ #ContentRight .portraitFrame { padding: 1px; background-color: #fff; border: solid 1px #CFCFCF; float: left; overflow: hidden; margin-right: 5px; margin-top: 2px; } #ContentRight .portraitFrame img {padding: 0; margin: 0; } /* links & buttons */ a {color:#004990 ;} #Mid p a, #ContentFooter p a {text-decoration:underline} #Mid ul li a, #Mid ol li a, #ContentFooter ul li a, #ContentFooter ol li a {text-decoration:underline} #Mid a:hover, #ContentFooter a:hover {color:#2A303B;text-decoration:underline;} span.phone {background:url(/img/sprites/icons.gif) no-repeat -1px -800px; padding-left: 25px; padding-bottom: 2px;} span.tickLine {background:transparent url(/images/bullets/tick.gif) no-repeat 0px 0px; padding-left:18px; font-weight: normal; line-height: 2em;} /* links with icons */ a.pdf, span.pdf { background:url(/img/sprites/icons.gif) no-repeat -1px -1380px; padding-left: 25px;} a.pdf, span.pdf { padding-left: 21px; } a.email {background:url(/img/sprites/icons.gif) no-repeat -1px -1163px; padding-left: 25px;} a.email2 {background:url(/img/sprites/icons.gif) no-repeat -1px -1309px !important; padding-left: 25px; } a.edit {background:url(/img/sprites/icons.gif) no-repeat -1px -651px; padding-left: 25px;} a.delete {background:url(/img/sprites/icons.gif) no-repeat -1px -577px; padding-left: 25px;} a.offsite {background:url(/img/sprites/icons.gif) no-repeat -1px -1020px; padding-left: 25px;} a.popup {background:url(/img/sprites/icons.gif) no-repeat -1px -948px; padding-left: 22px;} a.arrowLeft {background:url(/img/sprites/icons.gif) no-repeat -7px -1451px; padding-left: 15px;} a.print {background:url(/img/sprites/icons.gif) no-repeat -1px -1093px !important; padding-left: 25px;} a.speachBubble {background:url(/img/sprites/icons.gif) no-repeat -1px -874px; padding-left: 25px;} a.Top {background:url(/img/icons/arrow-up.gif) no-repeat 0 2px; padding-left: 13px;} h3.toggler {display:inline ;font-size:1.4em ; font-weight:normal ; line-height:2em; cursor: pointer; margin-bottom: 12px;} .activeToggler, .togglerOff { background:url(/img/icons/list-expand.gif) no-repeat right 2px; color:#00488C ;padding-right: 19px; text-decoration:underline} .togglerOff { background-image:url(/img/icons/list-contract.gif)} span.deemphasis { color: #666666;} /*call to action module*/ div.cta { clear:both ; overflow:auto ; margin-bottom:0.5em; text-align:right; } .cta input {font-size:1.2em} .cta a { display:block ; font-size:1.2em ;float:right ; font-weight:bold ; margin-left:6px ; padding:4px 22px 4px 0 ; text-align:right; } .cta a.left, .cta input.left{ float: left !important; } li .cta a, #Mid li input.button, #Mid li a.button {font-size:1em} /*fix nested sized text*/ #Mid .cta a:hover, #Mid .cta a.buyNow { text-decoration:none} .tellMore, .buyNow, .actionBtn, .backBtn, .refreshBtn,.downBtn {background: url(../img/sprites/button_sprites.gif) no-repeat right -196px; color: #00488c; padding: 0px 32px 3px 0px !important; height: 21px; overflow: hidden; } .actionBtn2, .actionBtn2Fadded { background: url(../img/sprites/button_sprites.gif) no-repeat right -9px; border-color: #1f91ca #0f609e #0f609e #0f609e; border-style:solid; border-width:1px; color:#FFFFFF; font-family:Arial,Sans-Serif; font-size:1.2em; font-weight:bold; } div.cta .actionBtn2, div.cta .actionBtn2Fadded { padding: 3px 20px 3px 12px;} #Mid div.cta a.actionBtn2:hover { color: #fff; } .actionBtn2Fadded { background: url(../img/buttons/lt-blue-bg-fadded.gif) no-repeat right bottom; border-color: #1f91ca #0f609e #0f609e #0f609e; border-style:solid; border-width:1px; color:#cbe6f4; font-family:Arial,Sans-Serif; font-size:1.2em; font-weight:bold; } div.cta .actionBtn2Fadded { padding: 3px 20px 3px 12px;} #Mid div.cta a.actionBtn2Fadded:hover { color: #cbe6f4; } #Mid .tellMore:hover, #Mid .buyNow:hover, #Mid .actionBtn:hover, #Mid .backBtn:hover, #Mid .refreshBtn:hover { color: #002548; } .tellMore { } .buyNow {background-position: right -220px; color: #00488c} .actionBtn {background-image: url(../images/btn/action_icon.gif) } .downBtn {background-image: url(../images/btn/action_icon.gif) } .backBtn {background-image: url(../images/btn/back_icon.gif); background-position: right top; } .refreshBtn {background-image: url(../images/btn/refresh_icon.gif); } /*#Mid .cta a span, .downBtn span { cursor: pointer; display: block; float: left; height: 24px;overflow: hidden; padding: 4px 0px 0 14px; background: url(../images/btn/btn_shadow.gif) no-repeat left top; }*/ #Mid .cta a span, .downBtn span { cursor: pointer; display: block; float: left; height: 20px;overflow: hidden; padding: 4px 0px 0 14px; background: url(../img/sprites/button_sprites.gif) no-repeat left -171px; } #Mid .cta a.backBtn span { background: url(../images/btn/btn_shadow_back.gif) no-repeat left top; padding: 4px 0px 0 34px; } /*.buyNow { background:url(/images/icons/purp_btn_right.gif) no-repeat bottom right ; color:#fff ;} .buyNow span { background:#222c39 url(/images/icons/purp_btn_left.gif) no-repeat left center;}*/ .download { background:url(/images/icons/md_blue_btn_right.gif) no-repeat bottom right ; color:#fff ;} .download span { background:#00488C url(/images/icons/md_blue_btn_left.gif) no-repeat left center;} .cta .fLeft {float:left ; margin-left:0} .ctaHead {background:#2A303B url(/images/btn/buynow0.gif) no-repeat 200px center ; color:#fff; display:block ; font-size:1.6em ; font-weight: bold; padding:5px 8px ; margin:0 -8px 1px } #Mid a.Secure { background:#2A303B url(/images/btn/secure.gif) no-repeat 200px center; margin-bottom:1px} #Mid a.ctaHead:hover {color:#fff} /* forms */ input, select, textarea { font-family:'MS Sans Serif', Tahoma, Verdana, Arial, Sans-Serif; } /* headings */ h1 { font-size: 2.6em; font-weight: bold; letter-spacing: -1px; margin-bottom: 0em; font-family: Helvetica, Arial, Verdana, Sans-Serif; padding-bottom: 0.1em; } h2 { font-size: 1.7em; padding-top: 0.6em; padding-bottom: 0.3em; border-bottom: solid 1px #cfcfcf; font-weight:bold; } h2.pStrong { font-size: 1.2em; } blockquote + h2 { border-top:0 ; } h3 {font-size: 1.5em; font-weight: bold; } h4 {font-size: 1.3em;font-weight:bold} /* lists */ #Mid ul { padding-left:10px ; margin:0 0 15px 10px ; list-style-type:disc;} #Mid ul.Last { margin-bottom: 0;} #Mid ul li {background-repeat:no-repeat ; background-position:0px 3px ;} #Mid ol {padding-left:10px ; margin:0 0 15px 5px ; list-style-type:decimal} #Mid ul li a:hover {text-decoration: underline;} #Mid ol li {padding-left:10px ; margin-left:10px; } #Mid li, #ContentFooter li {padding:3px 0} li h3 { font-size: 1.1em; vertical-align: middle; margin-bottom: 4px;} li p { line-height: 1.3em; margin-bottom: 3px;} #Mid ul.Flush {list-style:none ; } td.Flush {padding-left: 0; } #Mid div.inset ul li a { text-decoration: none} #Mid div.inset ul li a:hover { text-decoration: underline} #Mid ul.linkList li { background:url(/img/sprites/icons.gif) no-repeat -8px -1449px; list-style:none ; padding:2px 12px 3px} #Mid ul.linkList li a {text-decoration: none; } #Mid ul.linkList li a:hover {text-decoration: underline; } #Mid ul.linkList2 li a { text-decoration: none; } #Mid ul.linkList2 li a:hover {text-decoration: underline; } #Mid ul.Stripe li {background-position:-8px -1446px; padding:5px 0 5px 12px} #Mid ul.linkList li li{ background-image: none; padding-left:10px ;list-style-type:disc} #Mid ul.linkList a {font-weight:bold ;} #Mid .tickList li { background-image:url(/images/bullets/tick.gif) ; padding-left:21px ; list-style:none;} #Mid td ul.tickList li { padding-top: 3px; padding-bottom: 3px;} #Mid ul.Multiline li { padding:10px 10px 10px 26px; margin: 0; background-position: 0 10px !important; border-top: solid 1px #d4d4d4; } #Mid ul.Multiline li li { padding:2px ; border-top:none } #Mid ul.Ordered li {position:relative ; padding-left:30px} #Mid ul.Ordered li h3 span, #Mid ul.Ordered li p span { background: url(/img/bullets/ol-bg.gif) no-repeat center top; color: #fff; display: block ; font-size: 1.1em; font-weight: bold; height: 24px; left:0px ; margin: 0 6px 0 0; padding: 2px 0 0 0; position:absolute ; text-align: center; vertical-align: middle; width: 24px; } #Mid ul.Ordered li p span { height: 24px; font-size: 1.1em; margin: 0 6px 0 0; padding: 3px 0 0 0; } #Mid ul.Multiline li.Last {border-bottom: solid 1px #d4d4d4 !important; } #Mid ul.Multiline li { background-position: 4px 12px;} #Mid ul.Multiline2 li { padding:10px 10px 10px 0px; margin: 0; border-top: solid 1px #d4d4d4; } #Mid ul.Multiline2 li.First { border-top: none; padding-top: 0px; } #Mid ul.Multiline2 li li { padding:2px ; border-top:none } #Mid ul.Multiline2 li.Last {border-bottom: solid 1px #d4d4d4 !important; } #Mid ul.Multiline2 li { background-position: 4px 12px;} #Mid ul.pdf li { background:url(/img/icons/pdf.gif) no-repeat 0px 5px; padding-left: 16px;} #Mid ol.Stripe {list-style-position:inside;} #Mid #ContentRight .inset p {font-size: 1.2em} #Mid #ContentRight ol { list-style: decimal;list-style-position:inside; padding-top: 5px; padding-bottom: 9px; background: #EEEEEE; border-bottom: solid 2px #e1e1e1; } #Mid #ContentRight ol li { padding-top: 3px; padding-bottom: 1px; padding-left: 8px; } #Mid #ContentRight .inset ol {padding: 0; background: transparent; border: 0; } #Mid #ContentRight .inset ol li { padding-top: 3px; padding-bottom: 1px; padding-left: 0; } dl {margin-bottom:1em} dl a { text-decoration: underline ; } dt {float:left; font-weight:bold ; width:130px ; } .TwoThirds dt {width:100px ;} dd, dt {margin:0; padding:5px} #Mid dl ul { margin-left: 137px !important; margin-right: 5px !important; } dd {background:#eee ; margin-bottom: 3px; padding-bottom: 10px; } dl.Stripe dd {background:#fff} dd p {font-size:1em ;margin-left:140px; margin-bottom: 4px;} .TwoThirds dd p {margin-left:110px;} /* Feature containers - START */ #Mid ul.Feature { list-style:none; margin-bottom: 1.4em; } #Mid ul.Feature li {background: url(/images/bullets/tick.gif) no-repeat; padding-left: 21px; } dl.Feature1 {clear:both} dl.Feature1 dd{background: url(/images/bg/dl-bg.gif) repeat-y; border-bottom: solid 2px #3399cc;padding-bottom: 2px} dl.Feature1 dt {color: #fff;font-size:1.5em ;} #Mid ul.Feature1 { background: transparent url(/img/feature1-background.gif) repeat-y scroll 0 0; clear: both; margin: 0; padding: 0; } #Mid ul.Feature1 li { padding: 4px 0 4px 8px; overflow: hidden; height: 1%; border-bottom: 2px solid #3399CC; border-top: 2px solid #fff; } #Mid ul.Feature1 li ul li { border: none; } #Mid ul.Feature1 li ul.tickList li { padding-left: 21px; } #Mid ul.Feature1 li.First { border-top: none; } #Mid ul.Feature1 h3 { float: left; width:120px; color: #fff; } #Mid ul.Feature1 div { float: right; width: 390px; padding-right: 10px; } dl.Feature2 dd {background:#fff} #Mid dl.Feature2 dd.Odd {background:#E0EDF5} dl.Feature3 {clear:both} dl.Feature3 dd{background: url(/images/bg/dl-bg.gif) repeat-y; border-bottom: solid 2px #3399cc;padding-bottom: 4px} dl.Feature3 dt {color: #fff;font-size:1.3em ;} #Mid .Feature4 { border: #004990 1px solid; background-color: #3399CC; color: #fff; padding: 6px; font-weight: bold; } #Mid .Feature4 p { margin-bottom: 0; line-height: 1.5em; } #Mid .Feature4 a { font-weight: normal; color: #fff; } #Mid .Feature4 a:hover { color: #fff; } /* Feature containers - END */ /*drop down list 1*/ ul.dropList h3 {font-size:1em ;padding-top:0 ; padding-right:25px} #Mid ul.dropList a:hover {text-decoration: none} #Mid ul.dropList .Expand {background:url(/images/bullets/small_bullet_arrow1.gif) no-repeat 4px 13px !important; background-color: #fff !important; } #Mid ul.dropList .Expand h3 {background:url(/img/icons/list-contract.gif) no-repeat right 1px !important; } #Mid ul.dropList h3.Collapsed { background: url(/img/icons/list-expand.gif) no-repeat right 1px; } #Mid ul.dropList li { border-bottom: solid 2px #e1e1e1; padding-top: 6px; background-position: -3px -1445px; background-color: #eeeeee; padding-left: 16px;} #Mid ul.dropList li.top { border-top: solid 2px #e1e1e1;} #Mid ul.dropList div { margin-top: 10px; } #Mid ul.dropList div ul li, #Mid ul.dropList div ol li { border: none !important; background-color: #fff; padding-left: 8px;} #Mid ul.dropList div p { margin-bottom: 15px; } /*drop down list 2*/ #Mid ul.dropList2 { border-bottom: #eee; border-bottom: solid 1px #ccc; border-top: 1px solid #ccc;} #Mid ul.dropList2 li { padding:0; border-right: 1px solid #ccc; border-left: 1px solid #ddd;} #Mid ul.dropList2 a{ color: #666; height: 20px; text-decoration: none; height: 20px; margin-top: -1px; margin-bottom: 0px; padding-left: 5px; padding-top: 3px; display: block; background: #eee; border-top: solid 1px #ccc;} #Mid ul.dropList2 li.Expand a{ border-bottom: solid 1px #ccc; } #Mid ul.dropList2 a:hover {text-decoration: none} #Mid ul.dropList2 h3 {font-weight: normal; font-size:0.9em ;padding-top:0 ; padding-left:25px;} #Mid ul.dropList2 .Expand h3 { background:url(/img/icons/list-contract.gif) no-repeat left 1px !important; } #Mid ul.dropList2 h3.Collapsed { background: url(/img/icons/list-expand.gif) no-repeat left 1px; } #Mid ul.dropList2 table{ margin-bottom: 0px; } #Mid ul.dropList2 table th{ margin-bottom: 0px; border: none; border-bottom: 1px solid #ccc; background-color: #fff;} /* tables */ h2.tableHead, h2.tableHeadAlt, h2.tableHeadAlt2 { border: 0; background-color: #00488c; color: #fff; font-size: 1.2em; font-weight: bold; margin-bottom: 0; padding: 8px 6px 8px 6px; } h2.tableHeadAlt { border-bottom: solid 3px #3399cc; background: url(/img/sprites/general_sprites.gif) no-repeat 0 -34px; padding: 7px 8px 5px 8px ;} h2.tableHeadAlt2 { background: #DDDDDD url(/images/bg/contentright-h2-alt.gif) repeat-x scroll 0 0; padding: 7px 8px 5px 6px; color: #333; border: 1px solid #DDDDDD;} #Mid .inputWrapper{ position:relative; } #Mid .inputWrapper div{ position:absolute; top:4px; right:8px; } table {border-bottom:solid 1px #d5d5d5 ;margin-bottom:2em ; width:100%; } td, th {border-top:#dcdcdc solid 1px ;padding:6px ; text-align:right} .vAlignMid td{vertical-align:middle} th {background: #eeeeee; color: #555; font-weight:normal; border-left: solid 1px #d5d5d5;} th.open { border-left: none !important;} td.closed, th.closed, #ContentRight table th.closed {border-left: solid 1px #d5d5d5; } td.closedR, th.closedR {border-right: solid 1px #d5d5d5; } th.capped { border-top: solid 2px #d5d5d5; font-weight: bold;} th.cappedAlt { border-top: solid 1px #d5d5d5; } #Mid td ul { list-style: disc; margin: 0 0 0 10px; padding: 0 0 0 6px; } #Mid td ul li { line-height: 1.3em; margin: 0 0 3px 0px; padding: 0;} .bodyTH {border-left:none ;text-align:left ; background: transparent ; } #Mid tr.Odd td.bodyTH, #Mid tr.Odd th.bodyTH {background:#f7f7f7;} #Mid tr.Odd td.rowSpan {background:#F7F7F7 none repeat scroll 0 0; border-right:1px solid #DCDCDC;} #Mid td.rowSpan {background:#F7F7F7 none repeat scroll 0 0; border-right:1px solid #DCDCDC;} .tableText, table.tableText td, table.tableText th {text-align:left !important; vertical-align:top;} .tableImg {text-align:center !important ; } #ContentLeft .rowSpan {background:#fff} #ContentRight table {margin-bottom:1.5em} #ContentRight table td, #ContentRight table th { padding: 4px 6px; } .imgOffsetV-5px {margin-bottom:-5px ;padding:0 ; padding-top:0px} /*fix*/ .Articles td {text-align:left} .BlueColor {color:Blue} .Up {color:#147C46} td.Up span, li span.Up{ background: url(../img/sprites/icons.gif) no-repeat right -75px; margin-right:-6px; padding-right:20px; } td.Up span:before {content: "+"; } .Down {color:#a81817} td.Down span, span.Down { background: url(../img/sprites/icons.gif) no-repeat right -9px; margin-right:-6px; padding-right:20px;} .Cross { text-decoration: line-through; color: #666} /* blockquote */ #Mid blockquote p { color: #3399cc; font-size: 2em; border-bottom: solid 3px #3399cc; letter-spacing:-1px ;padding-bottom: 0.4em; margin-bottom:1em; line-height: 1.1em;} #Mid blockquote.article { background: #eeeeee; float: right; width: 180px; margin: 4px 0 15px 15px; border-bottom: solid 2px #e1e1e1; padding: 10px;} #Mid blockquote.article p { color: #666666; font-size: 1.9em; letter-spacing:-1px ;padding: 0; margin: 0; line-height: 1.15em; font-family: Georgia, Times New Roman, serif; border: none; } #Mid blockquote.article p span { vertical-align: bottom; font-size: 43px; color: #bababa; line-height: 0px;} #ContentRight blockquote p { color: #333; border: none; letter-spacing: normal; line-height: 1.3em;} #ContentLeft .ColSplit blockquote p { border-bottom: none; padding-bottom: 0;} /* publication listing - external? */ .Listing {} .ColSplit .Listing p { margin-bottom: 15px } .Listing p.Annot {color: #666; margin-bottom: 2px; margin-top:0px} div.Listing h3{font-size:1.4em ;margin-bottom:0px; line-height: 1.1em;} .Listing p { margin-bottom: 1.5em} /*--.Annot {color:#666; display:block ; }--*/ /* cross element use */ #Mid .Odd {background-color:#f7f7f7} #Mid tr.Odd {background-color:#f7f7f7;} #Mid .Flush { margin-left:0 ; padding-left:0 } #Mid .Flush li { margin-left:0 ;} #Mid .Hidden, #SubNav .Hidden {position:absolute; left:-1000px; display:none;} #Mid legend.Hidden {visibility:hidden;position:absolute;top:-1000px;left:-1000px;} .Clear {clear:both} .Last, .Last a {border-right:0 !important; border-bottom:0 !important; margin-right:0 !important} #Mid a.Dead:hover {text-decoration:none ; cursor:default} p.Notes, span.Notes, span.Notes a {color: #777; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; line-height: 1.2em;} span.Notes, span.Notes a { font-size: 0.9em } span.Notes a { text-decoration: underline; } .NoBorder, .NoBorder td { border: none !important; } .NoBorderBot{ border-bottom: none !important; } .NoBorderTop{ border-top: none !important; } span.greenTick { background: url(/img/icons/green-tick.gif) no-repeat 0px 1px; padding-left: 17px; color: #147c46} span.faint { color: #777;} div.Example, div.RelTxt { background-color: #eeeeee; border-bottom: solid 1px #d5d5d5; padding: 8px; margin-bottom: 11px;} div.RelTxt { margin-top: 2em; padding-top: 12px; } div.Example div { font-size: 1em; letter-spacing: 2px; color: #666;} div.Example p { margin: 3px 0 0 0; } div.RelTxt p { margin: 0 0 0.9em 0; line-height: 1.3em; } /* page functions */ /* For review - PageFunctions styles could be merged with Floater class. Add padding to left and apply bg white to hide H2 lines */ #Mid #PageFunctions p { width: 280px; color: #666;float: left; } #Mid #PageFunctions ul { margin: 0 !important; padding: 0 !important; list-style: none; float: right; width: 250px; text-align: right;} #Mid #PageFunctions ul li { height:20px; padding:0; list-style: none; display:inline; } #Mid #PageFunctions ul li.Top { } #Mid #PageFunctions ul li a { text-decoration: none; background-repeat: no-repeat; padding: 0 8px 5px 21px; font-size: 0.83em; background-position: 0px center; } #Mid #PageFunctions ul li a:hover { text-decoration: underline; } #Mid #PageFunctions ul li a.Print { background-image: url(/images/icons/page_func_print.gif); padding-left: 18px; } #Mid #PageFunctions ul li a.RSS { height:18px; padding:1px 0 1px 19px; background-image: url(/images/icons/rss.gif); padding-right: 0; } #Mid #PageFunctions ul li a.Share { background-image: url(/images/icons/page_func_share.gif); } #Mid #PageFunctions ul li a.Email { background-image: url(/images/icons/page_func_email.gif); } #Mid #PageFunctions { overflow: auto; margin: -9px 0 10px 0; clear: both; height: 30px; } /* Article author portraits */ div.imgCont {margin-right: 10px; float: left; width: 95px; height: 106px; overflow: hidden; background: #fff; margin-top: 4px; border: solid 1px #dddddd; padding: 1px;} img.photo { width: 95px; height: 110px; margin-top:-4px; } /* enclosed borders */ div.Enclosed, table.Enclosed { border: 1px solid #CFCFCF; border-top: none; padding: 8px; margin-bottom: 10px; } div.Enclosed p { font-size: 1.2em; } div.Enclosed h3 { font-size: 1.3em; font-weight: bold; padding: 5px 7px; background: #EEEEEE; border-bottom: 1px solid #CFCFCF; } div.Enclosed span { padding: 8px; } h3.tableHeadAlt3 { overflow: hidden; font-size: 1.3em; font-weight: bold; padding: 5px 7px; background: #EEEEEE; border: 1px solid #CFCFCF; margin-bottom: 0px; } /*----------------right hand column----------------*/ #ContentRight { float:left; margin-bottom:15px ;width:227px;} #ContentRight div.inset { background:#fff ; border:solid 1px #DDDDDD;padding: 0 8px 8px; } #ContentRight div.First { background:#eee ; border:0 ; border-bottom: solid 2px #cfcfcf; } .inset p, .inset ul li { line-height: 1.3em; } /*#ContentRight .cta a { margin:2px 0px 6px 0; background: url(../img/buttons/md-grey-bg.gif) no-repeat right bottom; background-color: #898989; border-right: solid 1px #5f6a71; border-top: solid 1px #7a8893; border-left: solid 1px #5f6a71; border-bottom: solid 1px #5f6a71; font-weight: bold; font-size: 12px; padding: 3px 20px 3px 10px; color: #fff;}*/ #ContentRight .cta a { margin:2px 0px 6px 0; background: url(/img/sprites/button_sprites.gif) no-repeat right -99px; background-color: #898989; border-right: solid 1px #5f6a71; border-top: solid 1px #7a8893; border-left: solid 1px #5f6a71; border-bottom: solid 1px #5f6a71; font-weight: bold; font-size: 12px; padding: 3px 20px 3px 10px; color: #fff; } #ContentRight .cta a:hover {color: #fff; text-decoration:none} #ContentRight .cta a.style2 { margin:2px 0px 6px 0; background: #ffffff url(/images/btn/submit-right.gif) no-repeat right center; border: solid 1px #3399cc; font-family: Arial, Verdana, Sans-Serif; font-weight: bold; font-size: 12px; padding: 4px 20px 4px 10px; color: #00488c;} #ContentRight .cta a.style2:hover {color: #001f3d; text-decoration:none} #ContentRight .cta .checkout { background: url(/img/sprites/button_sprites.gif) no-repeat right -8px; border-color:#1F91CA #0F609E #0F609E; } #ContentRight .cta .editbasket { background: url(/img/sprites/button_sprites.gif) no-repeat right -99px; border-color:#7A8893 #5F6A71 #5F6A71; } #ContentOver input.add, #Mid #ContentOver a.add { text-decoration: none; cursor:pointer; font-size:1em; margin:2px 0px 6px 0; background: url(/img/sprites/button_sprites.gif) no-repeat right -8px; border-color:#1F91CA #0F609E #0F609E; } #ContentOver input.edit, #Mid #ContentOver a.edit { text-decoration: none; cursor:pointer; font-size:1em; margin:2px 0px 6px 0; background: url(/img/sprites/button_sprites.gif) no-repeat right -98px; border-color:#7A8893 #5F6A71 #5F6A71 } #ContentRight .buyNow, #ContentRight .tellMore { background-image:none; border: none; font-family: Arial, Verdana, Sans-Serif; padding-right:0; background-color: Transparent;} #ContentRight img { margin-bottom: 13px;} #ContentRight li { font-size:1.2em ; padding:2px} #ContentRight h2 { background:#1c5ca4 url(/img/sprites/general_sprites.gif) no-repeat 0 -63px; border:none; color:#fff ; font-size:1.3em;font-weight:bold ; padding:5px 8px; margin:0 ; } #ContentRight .inset h2 {background:#1c5ca4 url(/img/sprites/repeat_sprites.gif) repeat-x 0 0; border:none; color:#444444; margin:0 -8px .5em ;} #ContentRight .First h2 {background:#1c5ca4 url(/img/sprites/general_sprites.gif) no-repeat 0 -63px; border:none; color:#fff ;} /*#ContentRight .First h2 {background:#1c5ca4 url(/img/sprites/bg-common_sprites.gif) repeat-x 0 0; border:none; color:#fff ;}*/ #ContentRight .inset h3 {border-top: dashed 1px #e1e1e1; font-size:1.3em ; margin-bottom: 5px; padding-top: 8px; } #ContentRight .First h3 {border-top: solid 1px #cfcfcf; } #ContentRight h3.First {border-top:none ; padding-top:3px} #ContentRight blockquote { margin-bottom:15px} #ContentRight blockquote p{ background: url(/images/icons/block_quote.gif) no-repeat -24px 0px; text-indent: 26px; font-size:1.2em; margin:2px; margin-bottom: 15px; padding-top: 6px; } #ContentRight blockquote span{ background: transparent url(/images/icons/block_quote.gif) no-repeat 185px 0px; display: block; font-weight: normal; margin:0px; padding-top: 20px; text-indent: 0; margin-top: -2px; font-style: italic; } #ContentRight .tickList { margin-left: 0px; padding-left: 0} #ContentRight .tickList li { background-image:url(/img/sprites/icons.gif); background-repeat:no-repeat; background-position: -6px -142px !important;}/*502px*/ #ContentRight .tickList li.blue { background:url(/img/sprites/icons.gif) no-repeat -6px -143px;} #ContentRight .arrowList { margin-left: 0px; padding-left: 0} #ContentRight .arrowList li { background:url(/images/bullets/arrow_grey.gif) no-repeat left 3px; padding-left: 20px; } #Mid #ContentRight .Listing h3 {margin-bottom:1px; font-size: 1.2em; line-height: 1.3em;} #ContentRight .Listing .Annot {color: #666; margin-bottom: 4px;} /*main column overflow content*/ #ContentOver {clear:both ; margin-bottom:15px ;} /* sprites */ /*temp fixes*/ /*----------*/ /*-- temp fix for articles nested in tables --*/ .tempAlignFix td, .tempAlignFix th {text-align:left !important ;} .tempAlignFix p {font-size:1em} .tempAlignFix img {margin-right:10px} /*fixing mish mash of tags in articles*/ #articleHack {font-size:1.3em} #articleHack p, #Mid #articleHack li, #articleHack td, #articleHack th{font-size:1em !important} #articleHack table td, #articleHack table th{text-align:left !important;} #articleHack ul { clear: left; } #articleHack h2 {clear:left ; font-size:1.31em}