@charset "utf-8"; /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* ----------------------------------------------- ADBASE.COM Main Style Sheet Global Styles for the ADBASE site Version: MAY.21.2009 ----------------------------------------------- */ /* Site Frame */ html { height: 100%; background: #f0f0f0; } body { height: 100%; background: #f0f0f0 url(../img/bg/body.gif) repeat-x top left; font-family: Arial, Helvetica, Sans-serif; font-size: 13px; color: #888; padding-top: 20px; } #wrapper { width: 990px; margin: 0 auto; } #container { background: url(../img/bg/container.gif) repeat-y top left; position: relative; clear: both; margin-bottom: 18px; } #container span.top { background: url(../img/bg/containerTop.gif) no-repeat top left; position: absolute; top: -6px; width: 100%; display: block; height: 6px; } #container span.bottom { background: url(../img/bg/containerBottom.gif) no-repeat bottom left; position: absolute; bottom: -6px; width: 100%; display: block; height: 6px; } #content { margin-bottom: 20px; } .innerWrapper { padding: 25px; } #preFooter { background: url(../img/bg/container.gif) repeat-y top left; position: relative; clear: both; margin-bottom: 28px; } #preFooter span.top{ background: url(../img/bg/containerTop.gif) no-repeat top left; position: absolute; top: -6px; width: 100%; display: block; height: 6px; } #preFooter span.bottom { background: url(../img/bg/containerBottom.gif) no-repeat bottom left; position: absolute; bottom: -6px; width: 100%; display: block; height: 6px; } #footer { background: url(../img/bg/container.gif) repeat-y top left; position: relative; clear: both; margin-bottom: 8px; } #footer span.top { background: url(../img/bg/containerTop.gif) no-repeat top left; position: absolute; top: -6px; width: 100%; display: block; height: 6px; } #footer span.bottom { background: url(../img/bg/containerBottom.gif) no-repeat bottom left; position: absolute; bottom: -6px; width: 100%; display: block; height: 6px; } #footer div.col { width: 180px; padding-left: 30px; margin-left: 30px; height: 136px; float: left; border-left: 1px solid #f0f0f0; } #footer div.col.first { border-left: none; padding-left: 0; margin-left: 0; } #footer div.col.last { padding-right: 0; margin-right: 0;} #footer div.col ul li { margin-bottom: 2px; } #footer div.col ul li a { color: #888; font-weight: normal; } #footer div.col ul li a:hover { color: #4C89AD; } #copyright { display: block; margin-bottom: 20px; float: right; margin-right: 6px; font-size: 10px; text-align: right; line-height: 14px;} #copyright span { display: block; } #copyright a { padding-left: 10px; } /* Existing Customer Sign in & Contact Info */ ul#smallNav { float: right; margin: 0 6px 18px 0; } ul#smallNav li { float: left; margin-left: 10px; } ul#smallNav li.signIn { background: url(../img/bg/navDivider.gif) no-repeat 0 50%; padding-left: 10px; } ul#smallNav li.signIn a { background: url(../img/ico/key.gif) no-repeat top left; padding-left: 20px; } /* Main Nav */ #nav { position: relative; height: 85px; } #nav h1.graphic a, #nav h2.graphic a { display: block; background: url(../img/bg/logo.gif) no-repeat top left; width: 133px; height: 35px; } #nav ul { position: absolute; bottom: 15px; right: 0; } #nav ul li { float: left; margin-left: 18px; height: 30px; line-height: 24px; } #nav ul li.pipe { background: url(../img/bg/navDivider.gif) no-repeat 100% 40%; padding-right: 17px; } #nav ul li a { text-decoration: none; color: #989898; font-size: 14px; font-weight: normal; letter-spacing: -1px; } #nav ul li a:hover { color: #5a5a5a; } #nav ul li.current a { color: #3f8bb7; } /* Header */ .header { height: 200px; padding: 20px; margin-bottom: 40px; background: url(../img/bg/header.jpg) no-repeat top left; position: relative; } .header h1, .header h2 { font-weight: bold; font-size: 30px; color: #fff; margin-bottom: 4px; } .header h3 { font-weight: normal; font-size: 24px; line-height: 21px; color: #ccc; } .header p { color: #b5b5b5; width: 450px; } .header ul { position: absolute; left: 20px; bottom: 20px; } .header ul li { display: block; float: left; background: url(../img/bg/navDividerGray.gif) no-repeat 100% 70%; padding-right: 15px; margin-right: 12px; } .header ul li a { color: #fff; display: block; padding-top: 4px;} .header ul li a:hover, .header ul li.current a { color: #7bc3ed; } .header ul li.last { background: none; padding-right: 0; margin-right: 0; } .header img.logo { position: absolute; top: 25px; right: 20px; } /* Header for Home Page */ .header.home { background: url(../img/bg/headerHome.jpg) no-repeat top left; position: relative; padding: 20px 20px 80px 20px; height: 194px; } .header.home h1, .header.home h2 { margin-bottom: 13px; padding-top: 2px; } .header.home h3 { margin-bottom: 65px; font-size: 20px; } .header.home p { width: 370px; font-size: 14px; } .header.home div.caseStudies { position: absolute; top: 33px; right: 34px; } .header.home div.caseStudies a span { position: absolute; bottom: 3px; left: 0; height: 31px; width: 403px; display: block; padding: 14px; color: #fff; font-weight: normal; background: url(../img/bg/caseStudyOverlay.png) no-repeat bottom left; } .header.home div.caseStudies a:hover span { background: url(../img/bg/caseStudyOverlayHover.png) no-repeat bottom left; } .header.home div.caseStudies a span strong { padding-right: 6px; } /* Slim Header for Inner Pages */ .header.slim { height: 55px; } .header.slim.badge { position: relative; } a.affordableBadge.graphic { width: 77px; height: 77px; margin-right: -10px; position: absolute; right: 0; bottom: 0; background: url(../img/ico/moreAffordableBadge.png) no-repeat top left; } .header.slim.badge a.affordableBadge.graphic { right: 15px; top: 10px; margin-right: 0; } /* Free Trial Header */ .header.freeTrial { height: 55px; } .header.pricing { height: 80px; position: relative; } .header.pricing p.graphic { width: 320px; height: 98px; background: url(../img/bg/julySalesOfferHeader.png) no-repeat top left; position: absolute; top: 45px; right: 20px; } .header.landing { height: 120px; } .header.landing h1 { margin-bottom: 10px; } .header.landing h3 { font-size: 20px; line-height: 21px; } /* European Data Header */ .header.europeanData { height: 80px; border: 1px solid #EFEFEF; background: #f1fbfe url(../img/bg/europeanDataHeader.gif) no-repeat bottom right; } .header.europeanData h1, .header.europeanData h3 { color: #5a5a5a; } #europeanData { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #efefef; } #europeanData div#intro { float: left; width: 374px; margin-right: 40px; } #europeanData div#whatsIncluded { float: left; width: 486px; padding-top: 9px; } #europeanData div#whatsIncluded.subscriber { padding-top: 0; } #europeanData div#whatsIncluded h3 { background: url(../img/bg/europeanDataIncluded.gif) no-repeat top left; float: left; width: 26px; margin-right: 5px; height: 198px; margin-top: -1px; } #europeanData div#whatsIncluded table { margin-bottom: 0; float: left; height: 196px; width: 455px; } #europeanData div#whatsIncluded table tr th, #europeanData div#whatsIncluded table tr td { color: #888; vertical-align: top; } #europeanData div#whatsIncluded table tr th { background: #8f8f8f; color: #fff; font-weight: bold; padding: 8px 10px; border-color: #a9a9a9; border-bottom: 1px solid #efefef; } #europeanData div#whatsIncluded table tr td { padding: 8px 10px; } #europeanData div#whatsIncluded table tr td.companyType { width: 100px; } #europeanData div#whatsIncluded table tr td.coverage { width: 120px; } #europeanData div#whatsIncluded table tr td.coverage ul li { width: 110px; float: left; margin-bottom: 3px; } #europeanData div#whatsIncluded table tr td.coverage ul li.alt { width: 90px; } #europeanData div#whatsIncluded table tr.alt td { background: #fafafa; } #europeanDataOptions div { float: left; width: 530px; margin-right: 60px; } #europeanDataOptions div.last { margin-right: 0; width: 310px; padding-top: 42px; } #europeanDataOptions div.last div.CTA { width:288px; height: 144px; padding: 15px 20px; margin-left: -20px; margin-right: 0; background: url(../img/bg/europeanDataCTA.gif) no-repeat top left; } #europeanDataOptions div.last div.CTA.lapsed { height: 132px; padding: 10px 20px; } #europeanDataOptions div.last p.finePrint { display: block; margin-top: -6px; font-size: 10px; } #europeanDataOptions div ul { margin-bottom: 0; } #europeanDataOptions div ul li { float: left; width: 230px; margin-right: 30px; margin-bottom: 10px; } #europeanDataOptions div ul li.alt { margin-right: 0; } #europeanDataOptions div ul li.slim { height: 60px; } #europeanDataOptions div ul li.thick { height: 95px; } #europeanDataOptions div ul li.callOut { background: url(../img/bg/europeanDataCallOut.gif) no-repeat 93% bottom; padding-right: 50px; width: 180px; height: 52px; } /* Insight Header */ .header.insight { height: 130px; background: url(../img/bg/insightHeader.gif) no-repeat top left; } .header.insight h3 { color: #7b9ead; } .header.insight form { position: absolute; top: 50px; right: 20px; border-bottom: 0; margin: 0; padding: 0; width: 270px; } .header.insight form fieldset { border: none; padding: 0; margin: 0; float: right; width: 200px; } .header.insight form fieldset label { color: #fff; margin-bottom: 3px; display: block;} .header.insight form fieldset input { background: #fff; background: #3D5C69; border: 1px solid #4f798b; color: #fff; margin: 0; } .header.insight form button.round { float: right; width: 25px; height: 25px; margin-top: 19px; margin-left: 10px; background: url(../img/ico/searchRoundInsight.gif) no-repeat top left; clear: none;} .header.insight form button.round:hover { background-position: bottom left; } .header.insight a.subscribe { color: #fff; position: absolute; bottom: 20px; right: 60px; } .header.insight ul li { background: url(../img/bg/navDividerInsight.gif) no-repeat 100% 70%; } .header.insight ul li.interviews { background: url(../img/bg/navDividerInsightAlt.gif) no-repeat 100% 70%; } .header.insight ul li.last { background: none; } .header.insight ul li a:hover, .header.insight ul li.current a { color: #fb9e5f; } /* Gateway Page Headers */ .header.databaseHeader { background: url(../img/bg/gatewayDatabase.png) no-repeat bottom left; height: 130px; width: 913px; z-index: 10000;} .header.databaseHeader.freeTrial { height: 115px; } .header.contactManagerHeader { background: url(../img/bg/gatewayContactManager.png) no-repeat bottom left; height: 130px; } .header.emailerHeader { background: url(../img/bg/gatewayEmailer.png) no-repeat bottom left; height: 130px; padding-bottom: 40px; margin-bottom: 20px;} .emailerHeader ul { bottom: 40px; } /* Why ADBASE */ #whyAdbase { border-top: 1px solid #ebebeb; } #whyAdbase .leftCol { padding: 50px 25px 25px 20px; width: 430px; } #whyAdbase .intro { } #whyAdbase .intro h2 { background: url(../img/bg/whyAdbase.gif) no-repeat top left; width: 150px; height: 19px; margin-bottom: 20px; } #whyAdbase .intro p { font-size: 16px; line-height: 24px; color: #c75b14; border-bottom: 1px solid #ebebeb; padding-bottom: 18px; } #whyAdbase .rightCol { width: 465px; float: right; } #whyAdbase .difference { margin-right: -19px; padding: 50px 25px 25px 25px; width: 434px; height: 361px; background: url(../img/bg/whyAdbaseCallout.gif) no-repeat top right; margin-bottom: 43px;} #whyAdbase .difference h2 { width: 252px; height: 19px; background: url(../img/bg/thereIsADifference.gif) no-repeat top left; margin-bottom: 20px; } #whyAdbase .difference .callOut { background: #c1d5e0; padding: 20px 25px; margin-left: -24px; width: 433px; margin-bottom: 35px; } #whyAdbase .difference .callOut p { margin-bottom: 0; font-size: 13px; font-weight: bold; color: #4b8490; text-shadow: 0 1px 0 #e4edf1; } #whyAdbase .difference .callOut p a { color: #39596b; } #whyAdbase .difference .callOut p a:hover { color: #4b8490; } #whyAdbase .difference .bogo { background: url(../img/bg/bogo.gif) no-repeat top left; padding-left: 45px; } #whyAdbase .difference .bogo h4 { font-size: 16px; text-shadow: 0 1px 0 #e4edf1; } #whyAdbase .difference .bogo h4 span { background: #5a5a5a; color: #fff; padding: 3px 5px; text-transform: uppercase; font-size: 11px; margin-left: 100px; font-weight: bold; text-shadow: 0 0 0 #e4edf1; } #whyAdbase .difference .bogo p { text-shadow: 0 1px 0 #e4edf1; margin-bottom: 15px; padding-bottom: 3px; } #whyAdbase .difference .sale { background: url(../img/bg/sale.gif) no-repeat top left; padding-left: 45px; height: 72px;} #whyAdbase .difference .sale h4 { font-size: 15px; text-shadow: 0 1px 0 #e4edf1; margin-bottom: 12px; } #whyAdbase .difference .sale h4 span { font-weight: bold; text-shadow: 0 0 0 #e4edf1; } #whyAdbase .difference .sale p { text-shadow: 0 1px 0 #e4edf1; margin-bottom: 15px; padding-bottom: 3px; } #whyAdbase h4 { font-size: 14px; margin-bottom: 8px; } #whyAdbase ul li { float: left; width: 410px; margin-right: 50px; margin-bottom: 25px; } #whyAdbase ul li p { margin-bottom: 0; } #whyAdbase ul li.first { margin-right: 0; } #whyAdbase ul li.last { margin-bottom: 0; } #whyAdbase .rightCol ul { padding-left: 20px; } #whyAdbase .rightCol ul li { width: 420px; } #whyAdbase p.terms { border-top: 1px solid #ebebeb; font-size: 10px; padding: 10px 20px 0 20px; line-height: 15px; margin-bottom: 0; } /* Bottom Free Trial Bar */ .freeTrialBar { padding: 6px 20px 6px 20px; margin-bottom: 10px; } .freeTrialBar a { float: right; } .freeTrialBar h3 { margin-bottom: 0; } .freeTrialBar h1, .freeTrialBar h2 { float: left; color: #949494; margin-bottom: 0;} /* Columns */ .borderless { background: none !important; } .borderless h1, .borderless h2 { margin-left: 20px; } .borderless.contained h1, .borderless.contained h2 { margin-left: 0; } /* Headerless Content Column */ .headerless { padding-top: 30px; border-top: 1px solid #EFEFEF; } /* One Full Width Column */ div.oneCol div.leftCol { width: 900px; padding: 0 20px; } div.oneCol.flush { margin-bottom: 35px; } div.oneCol.flush div.leftCol { width: 940px; padding: 0; } /* One Narrow Column */ div.oneColNarrow div.leftCol { width: 680px; padding: 0 130px; } /* Two Equal Width Columns */ div.twoCol { background: url(../img/bg/dividerTwoCol.gif) repeat-y top left; } div.twoCol div.leftCol, div.twoCol div.rightCol { width: 410px; padding: 0 40px; float: left; } div.twoCol div.leftCol { padding-left: 20px; } div.twoCol div.rightCol { padding-right: 20px; } /* Three Equal Width Columns */ div.threeCol { background: url(../img/bg/dividerThreeCol.gif) repeat-y top left; } div.threeCol.icon6 { background: none; } div.threeCol div.leftCol, div.threeCol div.middleCol, div.threeCol div.rightCol { width: 253px; padding: 0 20px; float: left; } div.threeCol div.leftCol { padding-left: 20px; padding-right: 40px; } div.threeCol div.middleCol { padding-left: 30px; padding-right: 30px; } div.threeCol div.rightCol { padding-right: 20px; padding-left: 40px; } /* Large left, Small Right */ div.twoColRight { background: url(../img/bg/dividerTwoColRight.gif) repeat-y top left; } div.twoColRight div.leftCol, div.twoColRight div.rightCol { padding: 0 20px; float: left; } div.twoColRight div.leftCol { width: 566px; padding: 0 40px 0 20px; } div.twoColRight div.rightCol { width: 253px; padding: 0 20px 0 40px; } /* Large Right, Small Left */ div.twoColLeft { background: url(../img/bg/dividerTwoColLeft.gif) repeat-y top left; } div.twoColLeft div.leftCol, div.twoColLeft div.rightCol { float: left; padding: 0 20px;} div.twoColLeft div.leftCol { width: 253px; padding: 0 40px 0 20px; } div.twoColLeft div.rightCol { width: 566px; padding: 0 20px 0 40px;} /* Large Right, Extra Small Left */ div.twoColSmallLeft { background: url(../img/bg/dividerTwoColLeft.gif) repeat-y -70px 0; } div.twoColSmallLeft div.leftCol, div.twoColSmallLeft div.rightCol { float: left; padding: 0 20px;} div.twoColSmallLeft div.leftCol { width: 183px; padding: 0 40px 0 20px; } div.twoColSmallLeft div.rightCol { width: 636px; padding: 0 20px 0 40px;} /* Left Column Sub Navigation */ .leftCol ul.subNav { margin-bottom: 30px !important; } .leftCol ul.subNav li { padding: 8px 0; border-bottom: 1px solid #EFEFEF; } .leftCol ul.subNav li.current { background: url(../img/ico/arrowGray.gif) no-repeat 95% 50%;} .leftCol ul.subNav li.current a { color: #5a5a5a; } .leftCol ul.subNav li ul { margin-bottom: 0 !important; } .leftCol ul.subNav li ul li { padding: 8px 0 8px 20px; } /* Accordian SubNav .leftCol ul.accordian { width: 203px; margin-left: -20px; } .leftCol ul.accordian li a { display: block; padding: 7px 20px; color: #fff; height: 16px; line-height: 15px; border-bottom: 1px solid #fff; } .leftCol ul.accordian li a.contactManager { background: url(../img/bg/headerTutorialsContactManager.gif) no-repeat 100% 50%; } .leftCol ul.accordian li a.emailer { background: url(../img/bg/headerTutorialsEmailer.gif) no-repeat 100% 50%; } .leftCol ul.accordian li ul { margin-bottom: 0 !important; } .leftCol ul.accordian li ul li a { background: #fff; border-bottom: 1px solid #efefef; color: #4C89AD; } .leftCol ul.accordian li ul li a:hover { color: #5a5a5a; } .leftCol ul.accordian li.last a { border: none; } */ ul.contributors li { float: left; margin-right: 9px; margin-bottom: 30px; width: 78px; } ul.contributors li.endRow { margin-right: 0; } ul.contributors li img { padding: 3px; border: 1px solid #efefef; } ul.contributors li a { display: block; } ul.contributors li a.photo { width: auto; } /* Rounded Boxes */ /* Half Width */ .roundedBox450 { width: 410px; height: 185px; padding: 20px; background: url(../img/bg/roundedBox450.gif) no-repeat top left; } .roundedBox450.last { margin-right: 0; } /* Quarter Width */ .roundedBox225 { width: 185px; height: 62px; padding: 20px; background: url(../img/bg/roundedBox225.gif) no-repeat top left; } .roundedBox225Tall { width: 185px; height: 185px; padding: 20px; background: url(../img/bg/roundedBox225Tall.gif) no-repeat top left; } /* Full Width */ .roundedBox940 { width: 900px; height: 185px; padding: 20px; background: url(../img/bg/roundedBox940.gif) no-repeat top left; clear: left; } .roundedBox940Tall { width: 900px; height: 360px; padding: 20px; background: url(../img/bg/roundedBox940Tall.gif) no-repeat top left; clear: left; } /* Blue Box Call out */ .blueBox { background: #fbfdff; border: 1px solid #efefef; padding: 20px; margin-left: -20px; margin-top: 20px; } /* Tools */ .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size:0; } .graphic { margin: 0;padding: 0;display: block; overflow: hidden; text-indent: -5000px; } .break { clear: both; } /* Typography */ h1, h2 { font-size: 21px; color: #5a5a5a; letter-spacing: -1px; margin-bottom: 20px; line-height: 20px; } h1 span.break, h2 span.break { display: block; } h1.bar, h2.bar { background: url(../img/bg/header.jpg) no-repeat 100% 50%; padding: 10px 22px; margin-bottom: 30px; color: #fff; } h1.slim, h2.slim { margin-bottom: 5px; } h2.border { padding-bottom: 5px; border-bottom: 1px solid #efefef; } h3 { font-size: 17px; color: #5a5a5a; letter-spacing: -1px; margin-bottom: 10px;} h3.slim { margin-bottom: 2px; } h4 { margin-bottom: 5px; color: #5a5a5a; font-weight: bold; } .new { background: url(../img/ico/newWhite.gif) no-repeat 100% 50%; padding-right: 37px; float: left;} p { line-height: 19px; margin-bottom: 15px; } p.slim { margin-bottom: 10px; } em { font-style: italic; } strong { font-weight: bold; } hr { height: 0px; display: block; overflow: hidden; border: 0px; margin: 0px; padding: 0px; margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #EFEFEF; width: 100% } hr.slim { margin-top: 5px; margin-bottom: 20px; } div.stroke { height: 1px; border-top: 1px solid #efefef; margin: 25px 0; width: 100%; clear: both; } div.stroke.slim { margin-top: 0; } div.stroke.slim.database { margin-left: 19px; } blockquote { margin-bottom: 10px; } blockquote.visual { background: url(../img/bg/blockquoteLeft.gif) no-repeat top left; width: 80%; margin: 0 auto; margin-bottom: 20px;} blockquote.visual div { padding: 10px 50px; background: url(../img/bg/blockquoteRight.gif) no-repeat 100% 80%; line-height: 18px;} blockquote.visual div span { display: block; font-weight: bold; padding-top:8px; font-style: normal; } /* Tables */ table { margin-bottom: 30px; border-collapse: collapse; } table th, table td { font-size: 13px; padding: 5px 8px; border: 1px solid #e8e8e8; color:#a9a9a9; font-family; Arial, Helvetica, Sans-Serif; } table tr.alt td { background: #f9f9f9; } /* Transcript */ table.transcript td { vertical-align: top; } table.transcript td p.last { margin-bottom: 0; } /* Pricing Table */ /* Colgroup */ .regional, .premium { background: #f7fafd !important; } /* Head */ table.pricing { margin-bottom: 0; } table.pricing thead tr th.first, table.pricing tfoot tr th { border: none; } table.pricing thead tr th { padding: 14px 15px 3px 15px; vertical-align: top; border-style: dotted; border-color: #ddd; border-top: none;} table.pricing thead tr th.last { border-right: none; } table.pricing thead tr th h1, table.pricing thead tr th h2 { margin-bottom: 13px; font-size: 17px; } table.pricing thead tr th p { margin-bottom: 5px; letter-spacing: -1px; color: #848484; font-size: 14px; line-height: 18px; } /* Body */ /* Row Header */ table.pricing tbody tr th { border: none; position: relative; width: 16%; padding: 14px 15px 14px 0px; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; vertical-align: top; } table.pricing tbody tr th h3 { color: #a9a9a9; line-height: 18px; } table.pricing tbody tr td { vertical-align: middle; padding: 14px 15px; width: 21%; height: 100px; vertical-align: top; border-color: #ddd; border-style: dotted; } table.pricing tbody tr td p { margin-bottom: 0; line-height: 17px; } table.pricing tbody tr.alt td { background: none; } table.pricing tbody tr td span { display: block; } table.pricing tbody tr td span.new { float: none; font-style: normal; background-position: 90% 50%; padding-left: 0px; padding-right: 34px; padding-top: 12px; } table.pricing tbody tr.contacts th { background: url(../img/ico/serviceIcons/databaseAngularSm.gif) no-repeat bottom right; } table.pricing tbody tr.contacts td p { white-space: nowrap; } table.pricing tbody tr.porfolio th { background: url(../img/ico/serviceIcons/portfolioAngularSm.gif) no-repeat bottom right; } table.pricing tbody tr.contactManager th { background: url(../img/ico/serviceIcons/contactManagerAngularSm.gif) no-repeat bottom right; } table.pricing tbody tr.geo th { background: url(../img/ico/serviceIcons/geographyAngularSm.gif) no-repeat bottom right; } table.pricing tbody tr.emailer th { background: url(../img/ico/serviceIcons/emailerAngularSm.gif) no-repeat bottom right; } table.pricing tbody tr.emailer td p.checkmark span.new { padding-top: 0; background-position: top right; padding-right: 30px; } /* General */ table.pricing tr.geographicAddons td { height: 20px; } table.pricing tr.geographicAddons td span { padding-left: 90px; } table.pricing p.checkmark, table.pricing p.nocheckmark { padding-left: 22px; margin-bottom: 10px; line-height: 16px; } table.pricing p.checkmark { background: url(../img/ico/checkmark.gif) no-repeat 0 12%; } table.pricing p.checkmark.last, table.pricing p.nocheckmark.last { margin-bottom: 0; } /* Foot */ table.pricing tbody tr td a.arrow { float: none; margin: 0 auto; margin-top: 10px; } table.pricing tfoot tr td { padding: 10px 0 5px 15px !important; vertical-align: middle; border: none; background: #fff !important; } table.pricing tfoot tr td h3, table.pricing tfoot tr td a { float: right; } table.pricing tfoot tr td a { display: block; margin-top: 2px; margin-left: 20px; } table.pricing tfoot tr.alt td { background: none; font-size: 11px; } table.pricing tfoot tr td strong { font-size: 20px; padding-right: 3px;} /* Region List */ .regionalEditions div { float: left; } .regionalEditions .image { margin-right: 30px; } .regionalEditions .regionalSelectors { width: 340px; } .regionalEditions .regionalSelectors form { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #efefef; } .regionalEditions .regionalSelectors form p.last { margin-right: 0; } .regionalEditions .regionalSelectors form select { width: 145px; } .regionalEditions .regionalSelectors ul.regionList { float: left; width: 170px; } .regionalEditions .regionalSelectors ul.regionList a.heading { font-size: 16px; display: block; margin-bottom: 10px; font-weight: bold; line-height: 13px; } .regionalEditions .regionalSelectors ul.regionList a { font-weight: normal; } .regionalEditions .regionalSelectros ul li { margin-bottom: 20px; } .regionalEditions .regionalSelectors ul.regionList ul li { margin-bottom: 6px; padding-right: 25px; } .regionalEditions .regionalSelectors ul.regionList ul li a.current { font-weight: bold; color: #cf7d7d !important; } .regionalEditions .regionalSelectors ul.regionList li.match ul li a { color: #3F8BB7 !important; } .regionalEditions .regionalSelectors ul.regionList li.match a, .regionalEditions .regionalSelectors ul.regionList li.match ul li.match a { color: #CF7D7D !important; } /* Lists */ /* General */ #content ul { margin-bottom: 20px; } /* Tabs */ ul.tabs { text-align: left; margin: 0 !important; border-bottom: 1px solid #dbdbdb; list-style-type: none; padding: 3px 10px 4px 0; } ul.tabs li { float: left; display: block; height: 20px;} ul.tabs li.current { border-bottom: 1px solid #fff; background-color: #fff; } ul.tabs li.current a { background: #fff; color: #5a5a5a !important; position: relative; padding-top: 4px; height: 17px; border-top: 4px solid #F90012; margin-top: -3px; } ul.tabs li a { color: #4C89AD; background: #f9f9f9; padding: 4px 20px; border: 1px solid #dbdbdb; margin-right: 5px; text-decoration: none; border-bottom: none;display: block;} ul.tabs li a:hover { color: #5a5a5a; } .tabsBody { border: 1px solid #dbdbdb; border-top: 0; padding: 20px; margin-bottom: 30px; } /* Partner List */ ul.partners { margin-top: 30px; border-bottom: 1px solid #EFEFEF; margin-bottom: 20px; } ul.partners.featured { margin: 0 auto; width: 189px; border-bottom: none; } ul.partners li { width: 187px; float: left; margin-bottom: 40px; margin-right: 80px;} ul.partners.featured li { width: auto; float: none; margin-right: 0; margin-bottom: 10px !important;} ul.partners li a img { border: 1px solid #efefef; } ul.partners li.alt { margin-right: 0; } ul.partners li a.logo { display: block; margin-bottom: 5px; } /* Frequently Asked Questions */ ol.faqNav { color: #CCC; margin: 0 0 30px 20px; } ol.faqNav li { list-style-type: decimal; list-style-position: outside; font-size: 18px; line-height: 13px; font-weight:bold; margin-bottom: 10px; } ol.faqNav li a { font-size: 13px; line-height: 13px; font-weight: normal; color: #888; } ol.faqNav a:hover { color: #4C89AD; } ol.faq { color: #ccc; margin: 0 0 30px 20px;} ol.faq li { list-style-type:decimal; font-size: 18px; list-style-position: outside; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EFEFEF; } ol.faq li h3 { font-weight: normal; margin-bottom: 15px; } ol.faq li p { font-size: 13px; font-weight: normal; color: #888; margin-bottom: 8px; } ol.faq table { margin-bottom: 15px; } /* Definition Lists */ dl { margin-bottom: 20px; } dd, dt { float: left; margin-bottom: 4px;} dt { clear: left; padding-right: 10px; font-weight: bold; } .articleBody ul, ul.bullets { margin-bottom: 20px !important;} .articleBody ul li, ul.bullets li { list-style-type:square; margin-bottom: 5px; margin-left: 14px; line-height: 19px;} .articleBody ul li.expanded, ul.bullets.expanded li { margin-bottom: 12px; } .articleBody ol, ol.regular { margin: 0 0 20px 20px; } .articleBody ol li, ol.regular li { list-style-type: decimal; margin-bottom: 8px; list-style-position: outside; padding-left: 5px; line-height: 19px; } ul.floated li { float: left; margin-right: 40px; width: 230px; } ul.floated li.alt { margin-right: 0; } /* Anchors */ a { color: #3f8bb7; text-decoration: none; font-weight: bold; outline: none; } a:hover { color: #5a5a5a; } a.arrow { background: url(../img/ico/arrowBlue.gif) no-repeat 100% 60%; padding-right: 15px; float: left; } a.arrow:hover { color: #888; background: url(../img/ico/arrowGray.gif) no-repeat 100% 60%; } /* Free Trial Buttons */ a.freeTrialButton { background: url(../img/bg/buttons/freeTrialButtonWhite.gif) no-repeat top left; width: 94px; height: 30px; } a.freeTrialButton:hover { background-position: 0 -50px; } a.freeTrialButton.gray { background: url(../img/bg/buttons/freeTrialButtonGray.gif) no-repeat top left; width: 94px; height: 30px; } a.freeTrialButton.gray:hover { background-position: 0 -50px; } /* Get Pricing Buttons */ a.getPricingButton { background: url(../img/bg/buttons/getPricingWhite.gif) no-repeat top left; width: 94px; height: 30px; } a.getPricingButton:hover { background-position: 0 -50px; } /* Regular Buttons */ a.button, a.button span { background: url(../img/bg/buttons/buttonRoundSprite.gif) no-repeat top left; clear:both; color:#5a5a5a; display:block; float:left; height:30px; line-height:24px; font-weight: bold; border: none;} a.button span { background-position: top right; padding-right:21px; position:relative; right:-16px; color: #fff; } a.button:hover { background-position: 0 -50px; cursor: pointer; } a.button:hover span { background-position: 100% -50px; } a.thumb { position: relative; display: block; } a.thumb img { display: block; padding: 3px; border: 1px solid #efefef; } a.thumb span { background: url(../img/ico/popup.png) no-repeat top left; position: absolute; top: -8px; right: -8px; width: 22px; height: 22px;} .right { float: right; margin: 20px 0 20px 20px; } .left { float: left; margin: 20px 20px 20px 0; } .alignTop { margin-top: 0px; } a.top { background: url(../img/ico/arrowBlueUp.gif) no-repeat 100% 55%; padding-right: 17px; font-size: 13px;} a.top:hover { background: url(../img/ico/arrowGrayUp.gif) no-repeat 100% 55%; } a.feed { background: url(../img/ico/feed.gif) no-repeat 0 50%; padding-left: 20px; float: right; margin-top: 4px; } a.PDF { background: url(../img/ico/pdfSm.gif) no-repeat top left; width: 16px; height: 16px; padding-left: 25px; } a.webcast { background: url(../img/ico/television.gif) no-repeat 0 60%; width: 16px; height: 16px; padding-left: 25px; } /* Images */ img.border { padding: 3px; border: 1px solid #efefef; } /* Standard Forms */ /* General */ form { margin-bottom: 40px; padding-bottom: 10px; } form.slim { margin-bottom: 0; } form fieldset legend { margin: 0 0 20px -1px; font-size: 15px; color: #5a5a5a; } /* Wrappers */ form fieldset { padding-bottom: 10px; } form fieldset p { float: left; margin-right: 25px; margin-bottom: 20px; } form fieldset p.checkBox { margin-bottom: 8px; } /* Labels */ form p label { display: block; margin-bottom: 4px;} /* Inputs, Selects, Textareas */ form input, form select, form textarea { padding: 3px 5px; border: 1px solid #d6d6d6; background: #fafafa; width: 180px;} form input.state { width: auto; } form input { padding: 4px 5px; } form select { padding: 3px; width: 191px; } form textarea { width: 422px; } form input.checkBox, form input.radio { margin-right: 8px; border: none; background: none; width: auto; margin-right: 10px; float: left; border: none; background: none; } p.checkBox label { float: left; } p.checkBox input.checkBox { margin-top: 3px; } form.grayBox { background: #f8f8f8; border: 1px solid #EFEFEF; padding: 20px; } form.grayBox input, form.grayBox select, form.grayBox textarea { background: #fff; } /* Submit Area */ .formSubmit { border-top: 1px solid #efefef; padding-top: 20px;} /* Error Handling */ form div.alert { padding-left: 54px; margin-bottom: 20px; } form div.alert p { margin-bottom: 0; color: #5a5a5a; } form div.alert h3 { margin-bottom: 1px; } form div.success { background: #eefee5 url(../img/ico/checkmarkRoundLg.gif) no-repeat 10px 50%; border: 1px solid #e5f1dd; } form div.success h3 { color: #64884f; } form div.error { background: url(../img/ico/errorLg.gif) no-repeat 10px 50%; } form div.error h3 { color: #d62734; } form fieldset p span { display: block; font-size: 11px; color: #cc0101; margin-top: 4px; height: 14px; } /* Buttons */ form button { background: url(../img/bg/buttons/buttonRoundSpriteMd.gif) no-repeat top left; width: 87px; text-align: center; font-weight: bold; color: #fff; border: none; position: relative; } form button::-moz-focus-inner { border: none; } form button span { padding-right: 4px; display: block; height: 30px; line-height: 24px; } form button:hover, form button.small:hover, form button.large:hover { cursor: pointer; background-position: 100% -50px; } form button.small { background: url(../img/bg/buttons/buttonRoundSpriteSm.gif) no-repeat top left; width: 43px; } form button.large { background: url(../img/bg/buttons/buttonRoundSprite.gif) no-repeat top left; width: 217px; } /* Hcards */ .vcard a.logo { display: block; margin-bottom: 20px; } .vcard a.logo img { display: block; } .vcard div { margin-bottom: 15px; } .vcard div.adr { margin-bottom: 25px; } .vcard .fn.org { color: #000; font-weight: bold; } .vcard div.adr span.type, .vcard div.tel span.type { display: none; } /* Pages */ /* Home Page */ .threeCol.services div.leftCol { margin-top: -50px; } .threeCol.services.icon6 div.leftCol { margin-top: 0; padding: 0 25px 0 5px; width: 275px; border-right: 1px solid #ebebeb; } .threeCol.services div.middleCol { margin-top: -15px; } .threeCol.services.icon6 div.middleCol { margin-top: 0; padding: 0 25px 0 25px; width: 275px; border-right: 1px solid #ebebeb; } .threeCol.services div.rightCol { margin-top: 20px; } .threeCol.services.icon6 div.rightCol { margin-top: 0; padding: 0 0 0 25px; width: 275px; } .threeCol.services div div { position: relative; } .threeCol.services div div.database { height: 420px; } .threeCol.services.icon6 div div.database { height: 370px; } .threeCol.services div div.portfolios { height: 385px; } .threeCol.services.icon6 div div.portfolios { height: 370px; } .threeCol.services div div.emailer { height: 350px; } .threeCol.services.icon6 div div.emailer { height: 370px; } .threeCol.services div div a.icon { position: absolute; bottom: 55px; display: block; } .threeCol.services div div.database a.icon { left: 40px; } .threeCol.services div div.portfolios a.icon { left: 43px; } .threeCol.services div div.emailer a.icon { left: 47px; } .threeCol.services div div div.action { border-top: 1px solid #efefef; padding-top: 5px; position: absolute; bottom: 0; left: 0; width: 100%; } .threeCol.services div div div.action h3 { float: left; font-weight: bold; font-size: 16px;} .threeCol.services div div div.action h3 a { color: #5a5a5a; } .threeCol.services div div div.action h3 a:hover { color: #4c89ad; } .threeCol.services div div div.action a.arrow { float: right; margin-top: 4px; } .signInHelper { padding: 20px; padding-bottom: 0; } .signInHelper form { margin-bottom: 0; border-top: 1px solid #efefef; padding-top: 15px;} .signInHelper form input { margin-top: 4px !important; } .signInHelper form p { float: left; width: 300px; } .signInHelper form button { float: right; } .signInHelper img { display: block; width: 168px; margin: 40px 0 25px 30px; } .signInHelper a { padding: 10px 30px; display: block; background: #f3f8fd; border: 1px solid #efefef; text-align: center; font-size: 15px; margin-bottom: 50px; } .signInHelper p.slim { margin-bottom: 7px; margin-top: 10px; font-weight: bold; } /* Insight Bar (Pre Footer) */ .insightBar .leftCol { width: 225px; float: left; margin-right: 20px; position: relative; } .insightBar .leftCol a.arrow { position: absolute; bottom: 13px; left: 15px; } .insightBar .leftCol .roundedBox225 { margin-bottom: 20px; padding: 10px 15px; height: 82px; width: 195px; } .insightBar .leftCol .last { margin-bottom: 0; } .insightBar .middleCol .roundedBox225Tall { padding: 10px 15px; width: 195px; height: 205px; position: relative; } .insightBar .middleCol .roundedBox225Tall a.arrow { position: absolute; bottom: 13px; left: 15px; } .insightBar .rightCol .roundedBox450 { padding: 10px 15px; width: 420px; height: 205px; position: relative; } .insightBar .rightCol .roundedBox450 a.arrow { position: absolute; bottom: 13px; left: 15px; } /* Podcast */ .insightBar .leftCol .podcast { background: url(../img/bg/roundedBoxPodcastLg.gif) no-repeat top left; padding: 10px 15px; width: 195px; height: 205px; } .insightBar .leftCol .podcast h3 a { font-weight: normal; } .insightBar .leftCol .podcast p { line-height: 14px; margin-bottom: 8px; width: 150px; } .insightBar .leftCol .podcast p strong { display: block; } .insightBar .leftCol .podcast ul li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #ebebeb; } .insightBar .leftCol .podcast ul li a { display: block; font-weight: normal; } /* Featured Partner */ .insightBar .leftCol .featuredPartner { background: url(../img/bg/roundedBoxFoundFolios.gif) no-repeat top left; } .insightBar .leftCol .featuredPartner h3 { margin-bottom: 8px; } .insightBar .leftCol .featuredPartner p { line-height: 14px; margin-bottom: 8px; font-size: 12px; } .insightBar .middleCol { width: 225px; float: left; margin-right: 20px;} .insightBar .middleCol { } .insightBar .rightCol { float: left; } .insightBar .rightCol .article h4 { margin-bottom: 2px; } .insightBar .rightCol .article p { width: 340px; line-height: 19px; } .insightBar .rightCol .article p.date { width: 51px; } /* FEATURE PAGES ============================================================================================== */ /* Database Gateway Page */ .databaseFeature { float: left; padding: 0 20px; width: 415px; } .databaseFeature { position: relative; } .databaseFeature p img.right { margin-top: 10px; margin-bottom: 5px; } .databaseFeature.details { background: url(../img/bg/databaseDetails.jpg) no-repeat bottom right; padding-bottom: 25px; position: absolute; top: 0; right: -19px; width: 430px;} .databaseFeature.buyers { margin-right: 40px; border-right: 1px solid #efefef; padding-right: 35px; } .databaseFeature.buyers a.thumb { float: right; margin: 0 0 20px 20px; } h1.search, h2.search { background: url(../img/ico/search.gif) no-repeat 75% 80%; padding-right: 20px; } div.oneCol.databaseLayout { margin-bottom: 0; } div.oneCol.databaseLayout .leftCol { position: relative; height: 255px; } hr.databaseDivider { margin-top: 0; margin-bottom: 30px; } /* Database Feature Breakdown Page */ .geography { background: url(../img/bg/roundedBoxGeography.gif) no-repeat top left; margin: 10px 0 10px 0; padding: 20px; height: 250px; width: 900px; } .geography div div { width: 410px; margin-right: 60px; float: left; } .geography div div.canada { margin-right: 0; } .geography div div.europe { margin-right: 0; clear: left; width: 690px; } /* Portfolios Page */ #portfoliosIntro { background: url(../img/bg/gateWayPortfolios.png) no-repeat bottom left; height: 377px; margin-left: -19px; position: relative; margin-bottom: 40px; width: 928px; padding: 55px 25px 25px 25px; } #portfoliosIntro.icon6 { height: 357px; padding-top: 75px; background: url(../img/bg/gateWayPortfoliosIllustrators.png) no-repeat bottom left; } #portfoliosIntro h1.graphic { background: url(../img/bg/portfoliosSprite.gif) no-repeat top left; width: 308px; height: 64px; margin-bottom: 25px; } #portfoliosIntro h1.graphic.icon6 { width: 431px; height: 51px; background-position: 100% -100px; } #portfoliosIntro p { width: 290px; float: left; margin-right: 20px; margin-bottom: 25px;} #portfoliosIntro h4.graphic { background: url(../img/bg/portfoliosSprite.gif) no-repeat 0 -98px; width: 134px; height: 133px; float: left; margin-top: -8px;} #portfoliosIntro h4.graphic.icon6 { background-position: -150px -98px; width: 134px; height: 133px; float: left; margin-top: -8px;} #portfoliosIntro.homePage { padding-top: 85px; height: 347px; background: url(../img/bg/portfoliosHome.png) no-repeat bottom left; } #portfoliosIntro.homePage h1.graphic { background: url(../img/bg/portfolioHeadlineHome.gif) no-repeat top left; width: 414px; height: 54px; } #portfoliosIntro.homePage h2.graphic { background: url(../img/bg/portfoliosHomeCTA.png) no-repeat top left; width: 766px; height: 20px; margin: 0 auto; position: absolute; bottom: 19px; left: 97px; } #portfoliosIntro.homePage p { width: 360px; } #portfoliosIntro h3 { clear: both; } #portfoliosIntro h2.graphic { background: url(../img/bg/portfoliosCTA.png) no-repeat top left; width: 652px; height: 22px; margin: 0 auto; position: absolute; bottom: 19px; left: 153px; } #portfoliosIntro h2.offer { color: #6997B3; position: absolute; bottom: 22px; left: 36px; margin-bottom: 0; font-size: 17.2px; text-shadow: 0 1px 0 #fff; text-align: center; } #portfoliosIntro h2.graphic.icon6 { background: url(../img/bg/portfoliosCTAIcon6.png) no-repeat top left; width: 928px; height: 19px; margin: 0 auto; position: absolute; bottom: 19px; left: 24px; } #portfoliosIntro p.sub { font-size: 16px; color: #c75b14; margin-bottom: 8px; float: none; } #connectWithBuyers { padding-bottom: 12px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } #connectWithBuyers div { width: 500px; float: right; } #connectWithBuyers img { margin-top: 5px; border: 1px solid #e3e3e3; } #portfolioDetails { padding: 0 5px; } #portfolioDetails #beautifulInterface { padding-bottom: 22px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } #portfolioDetails #beautifulInterface img { float: right; border: 1px solid #e3e3e3; } #portfolioDetails #beautifulInterface div { float: left; width: 540px; } #portfolioDetails #search { padding-bottom: 22px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } #portfolioDetails #search div { width: 500px; margin-bottom: 40px; float: left; } #portfolioDetails #search div p { margin-bottom: 0; } #portfolioDetails #search ul li { float: left; width: 270px; margin-right: 40px; } #portfolioDetails #search ul li.last { margin-right: 0; } #portfolioDetails #search img { float: right; margin: 52px -13px 0 0;} #portfolioDetails #images { padding-bottom: 18px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } #portfolioDetails #images div { width: 500px; float: right; } #portfolioDetails #images img { float: left; margin-top: 5px; } #portfolioDetails #options .sectionHeader { margin-left: -15px; width: 932px; margin-bottom: 30px; } #portfolioDetails #options .sectionHeader p { position: absolute; top: 6px; right: 15px; } #portfolioDetails #options ul li { margin-right: 40px; width: 270px; float: left;} #portfolioDetails #options ul li.last { margin-right: 0; } #portfolioDetails #options ul li h3 span { color: #ED008C; } #portfolioCTA { border-top: 1px solid #ebebeb; padding: 24px 0 0 0; } #portfolioCTA h2 { background: url(../img/bg/portfoliosCTAbottom.png) no-repeat top left; width: 485px; height: 22px; } /* Contact Manager Page */ /* Contact Manager Feature Breakdown Page */ a.mapFields { margin-top: 40px; } a.mapFields img { display: block; margin: -25px 0 0 -323px; padding: 0; border: none; position: relative; } /* Emailer Page */ .emailerCol { background-position: -320px 0 !important; } .featureImages { margin-bottom: 45px; border-bottom: 1px solid #efefef; padding-bottom: 10px; } .featureImages img { margin-left: -4px; margin-right: 30px; } .featureImages h1, .featureImages h2 { padding-top: 30px; } .featureImages p { padding-right: 40px; } h1.stats, h2.stats { background: url(../img/ico/funnel.gif) no-repeat 90% 50%; min-height: 47px; } .featureCallout { background: url(../img/bg/featureCallout.gif) no-repeat top left; padding: 20px; width: 251px; height: 272px; margin: -20px 0 0 -20px; } .featureCallout ul li { padding: 6px 10px 6px 34px; background: url(../img/ico/checkmark.gif) no-repeat 5% 50%; } .featureCallout ul li.alt { background-color: #f5f4f4; } /* Emailer Feature Breakdown Page */ img.emailerSample { width: 297px; height: 294px; display: block; margin-bottom: 30px; margin-right: -20px; margin-left: -5px; } .emailerFeatures { background: url(../img/bg/roundedBox940_250.gif) no-repeat top left; padding: 20px; margin-top: 10px; width: 900px; height: 210px; } .emailerFeatures div { float: left; margin-right: 40px; width: 420px; } .emailerFeatures div.last { margin-right: 0; } img.responses { display: block; margin: 180px 0 20px -323px; padding: 3px; border: 1px solid #efefef; } .emailerComingSoon { margin: 0 0 20px -20px; background: url(../img/bg/roundedBoxEmailerComingSoon.gif) no-repeat top left; width: 230px; height: 68px; padding: 10px 20px; } .emailerComingSoon h4 { margin-bottom: 10px; display: block; } .emailerComingSoon ul { margin-bottom: 0; } .emailerComingSoon ul li { padding-left: 23px; margin-bottom: 5px; padding-bottom: 2px;} .emailerComingSoon ul li.videos { background: url(../img/ico/videos.gif) no-repeat 0 70%;} .emailerComingSoon ul li.templates { background: url(../img/ico/templates.gif) no-repeat 0 50%; } /* Feature Breakdown Pages (Common Elements) */ .divider { border-bottom: 1px solid #efefef; clear: left; padding: 20px 0 10px 0; margin-bottom: 30px; } .divider a.top { float: right; } /* Testimonials */ ul.testimonials { margin: 15px 0 0 0 !important; } ul.testimonials li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #efefef; } ul.testimonials li.last { margin-bottom: 0; border: none; padding-bottom: 0; } ul.testimonials li div { float: left; } ul.testimonials li h3 { color: #ccc; } ul.testimonials li h3 strong { color: #5a5a5a; font-weight: normal;} ul.testimonials li img { padding: 3px; border: 1px solid #efefef; } ul.testimonials li p { margin-bottom: 0; } /* Sales Offer Landing Page */ .header.salesOffer { background: url(../img/bg/headerSalesOffer.jpg) top left; height: 151px; margin-bottom: 20px !important; } .header.salesOffer.salesOfferSept { background: url(../img/bg/headerSalesOfferSept.jpg) top left; height: 151px; margin-bottom: 20px !important; } .header.salesOffer h1 { margin-bottom: 13px; } .header.salesOffer h3 { font-size: 20px; line-height: 21px; } .salesOffer { background: none !important; margin-bottom: 30px; border-bottom: 1px solid #efefef; padding-bottom: 0px; } .salesOffer .featureOverview p { margin-bottom: 10px; padding-left: 80px; min-height: 55px; padding-top: 10px; } .offerTerms { font-size: 11px; margin-bottom: 0;} /* October Sales Offer */ .header.salesOfferNov { height: 84px; margin-bottom: 30px; height: 155px; padding: 15px 20px; background: url(../img/bg/gatewayEmailer.png) no-repeat bottom right; } .header.salesOfferNov h3 { font-size: 24px; line-height: 25px; color: #ccc; padding-top: 3px;} .header.salesOfferNov h3 strong { color: #fff; } .emailerCallOut { background: #5a5a5a url(../img/ico/newCorner.gif) no-repeat top right; } .emailerCallOut p { color: #d0d0d0; } h3.whatsNew { background: url(../img/ico/newWhite.gif) no-repeat 100% 50%; padding-right: 40px; float: left; } h3.emailerSolo { background: url(../img/ico/serviceIcons/emailerSmBlue.gif) no-repeat 0% 50%; padding-left: 40px; float: left; height: 25px; line-height: 25px; color: #fff; } .salesOffer { padding-bottom: 10px; margin-bottom: 10px;} .salesOffer h3.offerCallOut { margin-left: -19px; width: 462px; height: 63px; margin-bottom: 15px; } h3.broaden { border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 30px; padding-left: 20px; } h3.broaden em { color: #b3b3b3; padding-right: 5px; } .featureOverview { padding-left: 20px; } .featureOverview div { float: left; width: 270px; margin-right: 40px; } .featureOverview div.last { margin-right: 0; } .featureOverview div p { margin-bottom: 0; padding-left: 75px; } .featureOverview div p.database { background: url(../img/ico/serviceIcons/databaseMd.gif) no-repeat 0 6%; padding-left: 67px; } .featureOverview div p.contactManager { background: url(../img/ico/serviceIcons/contactManagerMd.gif) no-repeat 0 3%; } .featureOverview div p.emailer { background: url(../img/ico/serviceIcons/emailerMd.gif) no-repeat 0 6%; padding-left: 73px; } /* December Sales Offer Landing Page */ .header.salesOfferDec { height: 80px; position: relative; } .header.salesOfferDec h3 { font-size: 24px; line-height: 26px; margin-bottom: 15px; } .header.salesOfferDec h3 strong { color: #fff; } .header.salesOfferDec p.graphic { width: 344px; height: 146px; background: url(../img/bg/decSalesOfferHeader.png) no-repeat top left; position: absolute; top: 20px; right: 20px; } .header.salesOfferDec.APA p.graphic { background: url(../img/bg/decSalesOfferHeader_APA.png) no-repeat top left; } .header.salesOfferDec.ASMP p.graphic { background: url(../img/bg/decSalesOfferHeader_ASMP.png) no-repeat top left; } .header.salesOfferDec.subscriber p.graphic { background: url(../img/bg/decSalesOfferHeader_Subscriber.png) no-repeat top left; } #salesOfferDec { padding: 0 20px 30px 20px; border-bottom: 1px solid #EFEFEF; margin-bottom: 10px; } #salesOfferDec .leftCol { width: 249px; float: left; margin-right: 30px; padding-right: 30px; border-right: 1px solid #efefef; } #salesOfferDec .leftCol .callOut { background: #f5faff url(../img/bg/snowflake.gif) no-repeat bottom left; border: 1px solid #efefef; padding: 15px 20px; margin-left: -20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #salesOfferDec .leftCol .callOut h3 { background: url(../img/bg/annualSale.gif) no-repeat 100% 50%; padding-right: 60px; } #salesOfferDec .leftCol .callOut.ASMP h3, #salesOfferDec .leftCol .callOut.APA h3 { background: url(../img/bg/specialSale.gif) no-repeat 100% 50%; padding-right: 60px; } #salesOfferDec .leftCol .callOut h3 strong { color: #287aaa; font-weight: normal; } #salesOfferDec .leftCol .callOut p strong { color: #287aaa; } #salesOfferDec .rightCol { float: left; width: 590px; } /* March BOGO Sales Offer */ .bogoOffer { background: #E9F8FC; border: 1px solid #BBDFE9; padding: 15px 15px 13px 15px; } .bogoOffer a.graphic { background: url(../img/bg/sale.gif) no-repeat top left; width: 29px; height: 72px; margin-right: 15px; float: left; } .bogoOffer div { width: 170px; float: left; } .bogoOffer div * { text-shadow: 0 1px 0 #fff; } .bogoOffer div a { display: block; margin-bottom: 4px; color: #648086; font-family: Georgia; font-size: 22px; } .bogoOffer div p { margin-bottom: 0; font-size: 12px; color: #5a5a5a; line-height: 17px; } /* Affordable Emailer + Emailer Updates Landing Page */ .header.affordableEmailer, .header.emailerUpdates { margin-bottom: 30px; height: 180px; padding: 15px 20px; background: url(../img/bg/gatewayEmailer.png) no-repeat bottom right; } .header.affordableEmailer h3, .header.emailerUpdates h3 { margin-bottom: 20px; font-size: 32px; } .header.affordableEmailer h3 strong, .header.emailerUpdates h3 strong { color: #fff;} .header.affordableEmailer p, .header.emailerUpdates p { color: #5a5a5a; width: 628px; font-size: 13px; background: #daedff; padding: 5px 10px; margin-left: -5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .header.affordableEmailer p span, .header.emailerUpdates p span { font-size: 14px; font-weight: bold; color: #54A9DB; } .header.affordableEmailer p strong, .header.emailerUpdates p strong { display: block; padding-top: 4px;} .header.emailerUpdates { height: 220px; background-color: #5a5a5a; } .header.emailerUpdates h3 { line-height: 30px; font-size: 26px; } .header.emailerUpdates h3 strong { display: block; padding-top: 7px; font-size: 32px; } /* Emailer Update Subscriber */ .header.emailerUpdate { margin-bottom: 30px; height: 180px; padding: 15px 20px; background: url(../img/bg/gatewayEmailer.png) no-repeat bottom right; } .header.emailerUpdate h3 { margin-bottom: 20px; font-size: 32px; } .header.emailerUpdate h3 strong { color: #fff;} .header.emailerUpdate p { color: #5a5a5a; width: 628px; font-size: 13px; background: #daedff; padding: 5px 10px; margin-left: -5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .header.emailerUpdate p span { font-size: 14px; font-weight: bold; color: #54A9DB; } .header.emailerUpdate p strong { display: block; padding-top: 4px;} .header.emailerUpdates.others { height: 150px; } .header.emailerUpdates.others h3 { padding-top: 25px; } /* Free Trial Form - Steps */ form.freeTrial { margin-top: -20px; margin-bottom: 0; } form.freeTrial fieldset { margin-left: 35px; } form.freeTrial fieldset .fieldsetHeader { margin-left: -55px; margin-bottom: 20px; } form.freeTrial fieldset .fieldsetHeader h2 { color: #888; float: left; padding-top: 10px; margin-bottom: 0; } form.freeTrial fieldset .fieldsetHeader h2.graphic { width: 38px; height: 38px; margin-right: 15px; padding: 0; } form.freeTrial fieldset.stepOne .fieldsetHeader h2.graphic { background: url(../img/ico/signUpSteps.gif) no-repeat top left; } form.freeTrial fieldset.stepTwo .fieldsetHeader h2.graphic { background: url(../img/ico/signUpSteps.gif) no-repeat 0 -38px; } form.freeTrial fieldset.stepThree .fieldsetHeader h2.graphic { background: url(../img/ico/signUpSteps.gif) no-repeat 0 -76px; } form.freeTrial fieldset.stepTwo { border-top: 1px solid #efefef; padding-top: 15px; } form.freeTrial .formSubmit { margin-left: 35px; padding-top: 25px;} /* Free Trial Page (Alternate version -- Blurb in right Column */ .freeTrialBlurb img { display: block; margin-bottom: 15px; } .freeTrialBlurb h2 { font-weight: bold; color: #5a5a5a; font-size: 18px; margin-bottom: 5px; } .freeTrialBlurb h4 { font-size: 12px; color: #888; font-weight: bold; margin-bottom: 25px; } .freeTrialBlurb h4 span { color: #f05a28; } .freeTrialBlurb ul { margin-bottom: 20px; } .freeTrialBlurb ul li { float: left; margin-right: 40px; } .freeTrialBlurb ul li img { margin-bottom: 0; } .freeTrialBlurb ul li.last { margin-right: 0; } .freeTrialBlurb ul li.emailer img { padding-top: 2px; } .freeTrialBlurb ul li.contactManager img { padding-top: 3px; } /* INSIGHT SECTION ============================================================================================== */ /* Legacy Email Landing Pages */ div.insightLegacy a.banner, div.insightLegacy div { float: left; } div.insightLegacy a.banner { display: block; width: 222px; margin-right: 30px; } div.insightLegacy div { width: 420px; } /* Get the Newsletter */ .newsletterSidebar { margin-bottom: 20px; background: url(../img/bg/roundedBoxNewsletter.gif) no-repeat top left; width: 210px; height: 50px; padding: 20px; } .newsletterSidebar fieldset input { width: 160px; float: left; background: #fff; margin-right: 10px; } .newsletterSidebar button { float: left; width: 25px; height: 25px; background: url(../img/ico/emailRoundWhite.gif) no-repeat top left; clear: none; } .newsletterSidebar button:hover { background-position: bottom left; } /* Section Header */ .sectionHeader { border-bottom: 1px solid #efefef; padding-bottom: 2px; margin-bottom: 30px; } .sectionHeader h1, .sectionHeader h2 { float: left; } .sectionHeader a { float: right; } .sectionHeader h1.buyerInterviews, .sectionHeader h2.buyerInterviews { margin-bottom: 2px; } .sectionHeader h3.buyerInterviews { clear: left; color: #888; margin-bottom: 5px !important; } /* Article Header */ .articleHeader { margin-bottom: 10px; } .articleHeader h1, .articleHeader h2 { margin-bottom: 1px; width: 500px;} .articleHeader h3 { margin-bottom: 2px; width: 80%; } .articleHeader h3 span { color: #ccc; } .articleHeader h3.new { float: left; } .articleHeader h3 a { font-weight: normal; } .articleHeader h3 a span { color: #3F8BB7; } .articleHeader h3 a:hover span { color: #5a5a5a; } .articleHeader h4 { margin-bottom: 15px; color: #5a5a5a; clear: left; font-weight: normal; } .articleHeader h4 span { color: #bbb; } .articleHeader.standalone { position: relative; margin-bottom: 50px; border-bottom: 1px solid #efefef; padding-bottom: 10px; } .articleHeader.standalone a.back { position: absolute; bottom: -27px; right: 0; border: 1px solid #efefef; border-top: none; padding: 5px 10px 5px 25px; float: right; background: #f9f9f9 url(../img/ico/arrowBlueBack.gif) no-repeat 10px 50%; font-size: 12px; } .articleHeader.standalone a.back:hover { position: absolute; bottom: -27px; right: 0; border: 1px solid #efefef; border-top: none; padding: 5px 10px 5px 25px; float: right; background: #f9f9f9 url(../img/ico/arrowGrayBack.gif) no-repeat 10px 50%; font-size: 12px; } .articleHeader.standalone p.date { margin-top: 3px; } .articleHeader.standalone p.episodeNumber { position: absolute; left: 0; bottom: -42px; } .articleHeader img { float: right; display: block; padding: 3px; border: 1px solid #efefef; } .articleHeader.bio { margin-bottom: 20px; } .articleSubHead img { float: left; margin-right: 15px; padding: 3px; border: 1px solid #efefef; } .articleSubHead h3 { margin-bottom: 3px;} .articleSubHead h3 a { font-weight: normal; } .articleSubHead h4 { color: #888888; } /* Calendar Icons */ .articleHeader p.date { float: right; width: 51px; height: 40px; background: url(../img/ico/calendarSprite.gif) no-repeat top left; text-align: center; margin-bottom: 0;} .articleHeader p.date span { display: none; } .articleHeader p.date strong { display: block; font-size: 15px; font-weight: bold; letter-spacing: -1px; padding-top: 15px; color: #5a5a5a; } p.date.Feb { background-position: 0 -40px; } p.date.Mar { background-position: 0 -80px; } p.date.Apr { background-position: 0 -120px; } p.date.May { background-position: 0 -160px; } p.date.Jun { background-position: 0 -200px; } p.date.Jul { background-position: 0 -240px; } p.date.Aug { background-position: 0 -280px; } p.date.Sep { background-position: 0 -320px; } p.date.Oct { background-position: 0 -360px; } p.date.Nov { background-position: 0 -400px; } p.date.Dec { background-position: 0 -440px; } /* Article Body */ .articleBody { } .articleBody p a.contributor { float: right; margin: 0 0 20px 20px; } .articleBody p a.contributor img { background: #fff; padding: 3px; border: 1px solid #efefef; } .articleBody h4 { margin-bottom: 15px; } /* Article Background */ .articleBackground { background:#FBFDFF; border:1px solid #EFEFEF; margin-left:-20px; margin-top:40px; padding:20px; } .articleBackground h1, .articleBackground h2 { clear: left; } .articleBackground p { margin-bottom: 5px; } .articleBackground a.arrow { margin-bottom: 30px; } /* Contributer Contributions */ .insightContributions { margin-top: 40px; } .insightContributions table { width: 100%; margin-bottom: 0; } .insightContributions table tr td { border-left: none; border-right: 0; border-color: #eeecec; } .insightContributions table tr.alt td { background: #f2f9ff; } .insightContributions table tr td.date { width: 65px; } .insightContributions table tr td.itemType { background-image: url(../img/ico/podcastSm.gif); background-repeat: no-repeat; background-position: 98% 50%; padding-right: 40px; } .insightContributions table tr td.article { background-image: url(../img/ico/document.gif); background-repeat: no-repeat; background-position: 98% 50%; padding-right: 40px; } .insightContributions table tr td.webcast { background-image: url(../img/ico/television.gif); background-repeat: no-repeat; background-position: 98% 50%; padding-right: 40px; } .insightContributions table tr td.whitepaper { background-image: url(../img/ico/pdfSm.gif); background-repeat: no-repeat; background-position: 98% 50%; padding-right: 40px; } /* General Insight Material List */ ul.insightMaterial { margin-bottom: 0 !important; } ul.insightMaterial li { border-bottom: 1px solid #efefef; padding-bottom: 20px; margin-bottom: 20px; } ul.insightMaterial li.last { border-bottom: none; padding-bottom: 10px; margin-bottom: 0 !important;} ul.insightMaterial li p { margin-bottom: 15px; clear: left; width: 480px;} ul.insightMaterial.insightHome li p { width: 560px; } ul.insightMaterial li p a.image { float: right; margin: 3px 0 20px 20px; } ul.insightMaterial li .articleHeader { position: relative; } ul.insightMaterial li .articleHeader span.icon { position: absolute; top: 15px; right: 75px; } ul.insightMaterial li.article .articleHeader span.icon { background: url(../img/ico/document.gif) no-repeat top left; width: 16px; height: 16px; } ul.insightMaterial li.whitepaper .articleHeader span.icon { background: url(../img/ico/pdfSm.gif) no-repeat top left; width: 16px; height: 16px; } ul.insightMaterial li.whitepaper .articleHeader span.icon { background: url(../img/ico/pdfSm.gif) no-repeat top left; width: 16px; height: 16px; } ul.insightMaterial li.webcast .articleHeader span.icon { background: url(../img/ico/television.gif) no-repeat top left; width: 16px; height: 16px; } ul.insightMaterial li /* Insight Home Page */ .leftCol p a.contributor { float: right; padding: 3px; border: 1px solid #efefef; margin: 0 0 20px 20px; } .leftCol p a.contributor img { display: block; } /* Library Overview */ .insightLibraryOverview { background: #fbfdff; border: 1px solid #efefef; padding: 20px; } .insightLibraryOverview ul { margin-bottom: 0 !important; } .insightLibraryOverview ul li { float: left; width: 260px; margin-bottom: 4px;} .insightLibraryOverview ul li.last { margin-bottom: 0; } .insightLibraryOverview ul li a { font-weight: normal; } /* Affordably Simple Marketing */ h1.asm, h2.asm { background: url(../img/bg/header.jpg) no-repeat 55% 50%; padding: 8px 20px 8px 40px; color: #fff; margin: -8px 0 20px -39px; width: 566px; } .afmKeyPoints, .keyPoints { float: right; width: 210px; background: #FBFDFF; padding: 20px; border: 1px solid #efefef; margin: -20px -20px 30px 30px; } .afmKeyPoints ul, .keyPoints ul { margin-bottom: 0 !important; } .afmKeyPoints ul li, .keyPoints ul li { margin-bottom: 20px; } .afmKeyPoints ul li.last, .keyPoints ul li.last { margin-bottom: 0; } div.philosophy ul { background: url(../img/bg/roundedBox250.gif) no-repeat top left; width: 210px; height: 210px; padding: 20px; margin: 30px 0 20px 0 !important; } div.philosophy ul li { border-bottom: 1px solid #efefef; margin-bottom: 10px; padding-bottom: 10px; } div.philosophy ul li.last { background: none; border: none; padding-top: 5px; padding-left: 35px;} div.philosophy ul li.last strong { display: block; } div.philosophy ul li a { display: block; padding-left: 35px; } div.philosophy ul li.current a { color: #5a5a5a; } div.philosophy ul li a { background: url(../img/ico/1.gif) no-repeat 0 50%; } div.philosophy ul li.stepTwo a { background: url(../img/ico/2.gif) no-repeat 0 50% } div.philosophy ul li.stepThree a { background: url(../img/ico/3.gif) no-repeat 0 50% } /* Insight Search */ /* Search Box */ .siteSearchBox { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef; } .siteSearchBox h1, .siteSearchBox h2 { margin-bottom: 2px; } .siteSearchBox h4 { color: #ccc; margin-bottom: 20px; } .siteSearchBox h4 span { font-style: italic; } .siteSearchBox form, .siteSearchBox form fieldset { border: none; } .siteSearchBox form { padding: 0; } .siteSearchBox form fieldset { float: left; margin-right: 15px; } .siteSearchBox form fieldset input { width: 400px; margin-right: 0;} .siteSearchBox form button { float: left; width: 25px; height: 25px; background: url(../img/ico/searchRoundWhite.gif) no-repeat top left; clear: none; } .siteSearchBox form button:hover { background-position: 0 -25px; } /* Search Results */ ul.insightSearch li p em { background: #e8f2f7; font-weight: bold; color: #5a5a5a; font-style: normal; } /* Pricing */ ul.adbaseEditions { margin-top: 20px display: block; } ul.adbaseEditions li { float: left; width: 175px; margin-right: 60px; text-align: center; } ul.adbaseEditions li h3 { display: block; text-align: center; border-bottom: 1px solid #efefef; margin-bottom: 10px; padding-bottom: 8px; } ul.adbaseEditions li.last { margin-right: 0; } ul.adbaseEditions li img { display: block; margin: 0 auto; margin-bottom: 15px; } ul.adbaseEditions li ul { margin-bottom: 20px; margin-top: -5px; } ul.adbaseEditions li ul li { float: none; margin-bottom: 4px;} ul.adbaseEditions li div.action { border-top: 1px solid #efefef; clear: left; padding-top: 5px; background: #f9f9f9;} ul.adbaseEditions li div.action h3 { font-size: 14px; color: #5a5a5a; } a.affordable { font-weight: normal; background: url(../img/ico/moreAffordable.gif) no-repeat 100% 10%; width: 60px; padding-right: 20px; display: block; } div.emailerSoloInfo { border-top: 1px solid #efefef; padding-top: 20px; } div.emailerSoloInfo h2 { margin-bottom: 20px; } div.emailerSoloInfo div { float: left; width: 400px; } div.emailerSoloInfo div.first { margin-right: 60px; } div.emailerSoloInfo div p { margin-bottom: 0; } #fancy_content #content { padding: 20px; margin-bottom: 0 !important; } #fancy_content #content img { padding: 3px; border: 1px solid #efefef; } #fancy_content #content ul#regions > li > a { font-weight: bold; } /* Podcasts */ .podcastPlayer { margin: 30px 0 10px 0; clear: left; } .podcastPlayer #player_container { border-color: #dcdcdc;} ul.podcastLinks li { list-style-type: none; float: left;} ul.podcastLinks li a { padding-right: 14px; border-right: 1px solid #efefef; } ul.podcastLinks li.first { margin-left: 0; } ul.podcastLinks li.last { margin-right: 0; } ul.podcastLinks li.last a { border-right: 0; height: 18px; display: block;} ul.podcastLinks li.iTunes a { background: url(../img/ico/iTunes.gif) no-repeat 100% 60%; padding-right: 25px; } /* Partner */ .partnerDetails .logo { display: block; margin-bottom: 20px; border: 1px solid #efefef; margin-left: -20px; width: 270px; padding: 8px 0; } .partnerDetails img { display: block; margin: 0 auto; } .partnerDetails .partnerContact { background: #FBFDFF; border: 1px solid #efefef; padding: 20px 20px 10px 20px; margin: 0 0 20px -20px; } .partnerDetails .partnerContact h3 { margin-bottom: 3px; } .partnerDetails .partnerContact h4 { margin-bottom: 2px; } .partnerDetails .partnerContact p { margin-bottom: 15px; color: #5a5a5a; } .partnerDetails .partnerContact p span { padding-right: 6px; } .partnerDetails .partnerContact a { display: block; margin-bottom: 15px; } .partnerDetails .partnerContact a.slim { margin-bottom: 3px; } /* Contact Us */ ul.staffList { width: 702px; margin-bottom: 30px; } ul.staffList li { float: left; width: 280px; margin-bottom: 4px; } dl.staffList dt { width: 270px; } ul.emailAddresses { margin-bottom: 20px; } ul.emailAddresses li { margin-bottom: 2px; } dl.phoneNumbers dt { width: 65px; } /* Privacy Policy */ .privacyPolicy h1, .privacyPolicy h2 { margin-bottom: 5px; } .privacyPolicy ul { margin-top: -10px; margin-left: 30px; } .privacyPolicy ul li { list-style-type: square; list-style-position: inside; margin-bottom: 3px; } .privacyPolicy strong { color: #000; } /* Success Stories */ .artistDetails h1, .artistDetails h1 strong { display: block; } .artistDetails h1 strong { color: #ccc; } .assignmentImage { margin-bottom: 20px; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; background: #5a5a5a; padding: 20px;} .assignmentImage img { display: block; margin: 0 auto; background: #fff; border: 1px solid #4c4c4c; padding: 4px; } ul.successStories li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #efefef; } ul.successStories li.last { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } ul.successStories li h3 { margin-bottom: 15px; } ul.successStories li h3 a { font-weight: normal; } ul.successStories li h3 strong { color: #989898; font-weight: normal; } ul.successStories li p { clear: left; width: 370px; margin-bottom: 15px; line-height: 17px;} ul.successStories a.photo { float: right; margin-left: 30px; } ul.successStories a.photo img { padding: 4px; border: 1px solid #efefef; width: 140px; height: 95px; } /* Unused Styles */ /* Comparison Table */ table.compare colgroup.editorial, table.compare colgroup.regional, table.compare colgroup.standard, table.compare colgroup.premium { width: 175px; } table.compare { width: 100%; margin-top: 20px; } /* Header */ table.compare tr.editions th { border: none; border-right: 1px dotted #e6e6e6; padding: 15px; background: none !important; } table.compare tr.editions td { font-size: 14px; padding: 5px 15px; border: none; border-right: 1px dotted #e6e6e6; background: none !important; font-weight: bold; color: #5a5a5a;} /* Body */ table.compare tbody tr td, table.compare tbody tr th { font-size: 12px; padding: 10px 15px; border: 1px dotted #e6e6e6; } table.compare tr td.premium { border-right: none; } table.compare tbody tr th { font-weight: bold; color: #5a5a5a; vertical-align: top; border-left: none; } table.compare tbody tr.alt td { background: #f2fbfe; } table.compare tr.heading th { padding: 12px 15px; border: none !important; border-top: 1px solid #d6e9f2 !important; border-bottom: 1px solid #d6e9f2 !important; font-size: 14px; font-weight: bold; color: #5a5a5a; background: #ebf5fa; } table.compare tr.heading th.database strong { background: url(../img/ico/serviceIcons/databaseSm.png) no-repeat 100% 50%; padding-right: 35px; height: 26px; line-height: 26px; display: block; float: left; } table.compare tr.footer td { padding: 15px; } /* Insight Newsletter reg - Free Trial Info */ div#learnMoreInner { background-color: white; height: 100%; color: #888888; } /* Summer 2010 Update - 6.13 Info */ div.whatsNew { border-top: 1px solid #ebebeb; padding-top: 30px; } div.whatsNew h5 { font-weight: bold; margin-bottom: 12px; color: #5a5a5a; } div.whatsNew #overview { padding-left: 20px; position: relative; height: 245px;} div.whatsNew #overview img { position: absolute; bottom: 0; right: -19px; } div.whatsNew #overview h1 { width: 167px; height: 43px; background: url(../img/WhatsNew/Summer2010/MeetTheNewAdbase.gif) no-repeat top left; margin-bottom: 14px;} div.whatsNew #overview h4 { width: 420px; color: #C75B14; font-size: 20px; font-family: Arial; helvetica, Sans-serif; font-weight: normal; margin-bottom: 20px; } div.whatsNew #overview p { width: 420px; } div.whatsNew ul#updateNav { background: #ebf6fd url(../img/WhatsNew/Summer2010/updateNav.gif) repeat-x top left; margin-left: -19px; width: 898px; padding: 17px 40px; border-bottom: 1px solid #b5d4df; margin-bottom: 40px; } div.whatsNew ul#updateNav li { float: left; width: 147px; padding-right: 20px; padding-bottom: 2px; margin-right: 20px; background: url(../img/WhatsNew/Summer2010/updateNavDivider.gif) repeat-y top right; } div.whatsNew ul#updateNav li.last { padding-right: 0; margin-right: 0; background: none; } div.whatsNew ul#updateNav li h4 { text-transform: uppercase; font-size: 13px; line-height: 15px; color: #fff; text-shadow: 0 1px 0 #fff; margin-bottom: 10px; } div.whatsNew ul#updateNav li p { color: #747474; line-height: 15px; margin-bottom: 0;} div.whatsNew ul#updateDetails { padding: 0 20px 20px 20px; } div.whatsNew ul#updateDetails li { padding-bottom: 30px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; position: relative; } div.whatsNew ul#updateDetails li a.backToTop { position: absolute; bottom: 10px; left: 0; font-size: 11px; } div.whatsNew ul#updateDetails li.alt a.backToTop { position: absolute; bottom: 10px; right: 0; left: auto; } div.whatsNew ul#updateDetails li.hiringRole, div.whatsNew ul#updateDetails li.updatableContactManager { padding-bottom: 0; } div.whatsNew ul#updateDetails li.improvedSearching { background: url(../img/WhatsNew/Summer2010/search.gif) no-repeat bottom right; } div.whatsNew ul#updateDetails ul li { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } div.whatsNew ul#updateDetails div { width: 480px; padding-right: 40px; float: left; } div.whatsNew ul#updateDetails img { width: 360px; float: right; margin-top: 27px; } div.whatsNew ul#updateDetails li.alt div { padding-right: 0; float: right; padding-left: 40px; } div.whatsNew ul#updateDetails li.alt img { float: left; margin-top: 0; } div.whatsNew ul#updateDetails li.more { padding: 0; margin: 0; border-bottom: 0; } div.whatsNew ul#updateDetails li.more div { float: left; padding-left: 0; width: 100%; } div.whatsNew ul#updateDetails h4 { font-size: 14px; font-weight: bold; color: #5a5a5a; margin-bottom: 8px; } div.whatsNew ul#updateDetails .box { float: none !important; width: auto; background: #f9f9f9; border: 1px solid #ebebeb; padding: 15px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: -4px; margin-top: 24px; } div.whatsNew ul#updateDetails .box.plus { background: #f9f9f9 url(../img/WhatsNew/Summer2010/plusCorner.gif) no-repeat top left; padding-left: 40px !important; } div.whatsNew ul#updateDetails .box li { margin-bottom: 8px; } div.whatsNew ul#updateDetails .box li.tv { padding-top: 7px; background: url(../img/WhatsNew/Summer2010/television.gif) no-repeat 0 6px; padding-left: 22px; } div.whatsNew ul#updateDetails ul.arrows li { margin-bottom: 8px; background: url(../img/ico/arrowBlue.gif) no-repeat 0 4px; padding-left: 16px; } div.whatsNew ul#updateDetails ul li.last { margin-bottom: 0 !important;}html, body { height: 100%; } div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30000; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../img/fancyBox/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } div#fancy_loading_icon { position: absolute; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 50000; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../img/fancyBox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('../img/fancyBox/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('../img/fancyBox/fancy_right.png') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../img/fancyBox/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancyBox/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../img/fancyBox/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancyBox/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../img/fancyBox/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancyBox/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../img/fancyBox/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancyBox/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../img/fancyBox/fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(../img/fancyBox/fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../img/fancyBox/fancy_title_right.png) repeat-x; }