body { margin: 0px; padding: 0px; text-align: center; font-family: 'Lucida Grande', Arial, Helvetica; font-size: 12px; } input, textarea { font-family: "Lucida Grand", Arial, Helvetica;} a { text-decoration: none; color: #266A96; outline: none; } a:hover { color: #f47c30; } img { border: 0px; } ul { margin: 0px; padding: 0px; } li { list-style-type: none; } p { margin: 0px; padding: 5px 0px;} dt { font-weight: bold; margin-top: 10px; } dd { margin: 0px; padding: 0px; } h3 { color: #1b75bb; margin: 0px; padding: 0px; font-size: 18px; } h4 { color: #1b75bb; margin: 0px; padding: 0px; font-size: 16px; } h5 { color: #1b75bb; margin: 0px; padding: 0px; font-size: 14px; } h6 { color: #1b75bb; margin: 0px; padding: 0px; font-size: 12px; } input, textarea { border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 3px; } /* General Styles */ #OuterContainer { text-align: left; width: 935px; margin: auto; } .tout-main { width: 270px; height: 110px; background-color: #ffffff; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .container { background-color: #e6e2df; border: 1px solid #e6e2df; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .section { float: left; margin: 10px 0px; width: 600px; } .aside { float: right; margin: 10px 0px; width: 300px; } .listBullet { padding-right: 25px; } #masthead { position: relative; } #DisruptLink { position: absolute; top: 10px; right: 10px; } .error { color: #f16d6d; font-size: 11px; } #LoginError { display: none; } /* Form Styles */ .requiredText { color: #f16d6d; font-size: 11px; } form label.error { color: #f16d6d; font-size: 11px; display: block; clear: both; } form input.error { border: 1px solid #f16d6d; } /* Button Styles */ .imgBtn { text-indent: -9999px; display: block; } a.btn-orange { background: url(../images/btn-sprite.png) no-repeat 0px 0px; float: left; display: block; outline: medium none; padding-left: 13px; height: 35px; } a.btn-orange span { background: url(../images/btn-sprite.png) no-repeat right -37px; cursor: pointer; display: block; float: left; height: 31px; padding: 10px 50px 0px 30px; font-weight: bold; color:#FFFFFF; } a.btn-orange-large { background: url(../images/btn-sprite.png) no-repeat 0px -172px; float: left; display: block; outline: medium none; padding-left: 16px; height: 66px;} a.btn-orange-large span { background: url(../images/btn-sprite.png) no-repeat right -243px; cursor: pointer; display: block; float: left; height: 66px; padding: 17px 60px 0px 30px; font-weight: bold; font-size: 24px; color:#FFFFFF; } .btn-expand { background: url(../images/Arrow.png) no-repeat center center; display: block; width: 11px; height: 10px; float: right; padding: 4px 0px 0px 2px; cursor: pointer; } .btn-close-expand {background: url(../images/closeBtn.png) no-repeat center center; display: block; width: 9px; height: 9px; float:right; padding: 3px; cursor: pointer; } #body .getButton { background: url(../images/btn-signup.gif) no-repeat left top; position: absolute; top: 245px; right: -2px; height: 76px; width: 306px; text-indent: -9999px; cursor: pointer;} div.row { clear: both; padding-top: 10px; } div.row span.label { float: left; width: 35%; text-align: left; font-weight: bold; } div.row span.data { float: right; width: 65%; text-align: left; } div.row span.data input, div.row span.data textarea { width: 200px; } #header { padding-top: 10px; } #header #navigation { clear: both; } #header #navigation #liveintent_follow_us_btn { background: url(../images/btn-window.gif) no-repeat; width: 313px; height: 53px; float: right; cursor: default; } #header #navigation ul.navLinks li.selected { background: url(../images/icon-nav-indicator.png) no-repeat center 35px; } #LoginContainer { display: none; } ul.navLinks { margin-top: 10px; float: left; } ul.navLinks li { float: left; padding: 15px 10px; } ul.navLinks li a, #footer a{ color: #0079c2; font-weight: bold; font-size: 14px; } ul.navLinks li a:hover, #footer a:hover, #header #navigation ul.navLinks li.selected a{ color: #f47c30; } ul.secondaryNav { background-color: #e3e1e1; padding: 10px 0px; margin-bottom: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } ul.secondaryNav li { padding: 3px 20px; font-weight: bold; } ul.secondaryNav li.tertiary { padding: 2px 0px 2px 30px; } #body { position: relative; } #body .tout-main h4 { padding: 10px 15px 10px 15px; } #body .tout-main p { padding: 0px 10px 5px 15px; } #body .tout-main a { margin-right: 5px; } #body .actions { padding: 25px 0px 0px 150px; width: 600px; text-align: center; } #body .section h3 { color: #000000; margin-bottom: 15px; } #body #subContent { clear: both; margin: 45px 0px 10px 0px; } #body #subContent .container { float: left; width: 299px; margin: 15px 15px 15px 0px; } #body #subContent .container h3 { padding: 15px 15px 5px 15px; } #body #subContent .container p { padding: 5px 15px 15px 15px; } #body #subContent .last { margin-right: 0px; float: right; } #body #Featured { clear: both; border: 1px solid #eeeeee; width: 913px; padding: 15px 10px 0px 10px; height: 45px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #body #Featured a { display: block; float: left; margin: 3px 12px; } #body #Featured div { float: left; color: #a8a7a7; font-weight: bold; font-size: 14px; padding-top: 7px; margin-right: 20px; margin-left: 10px; } .secondaryNav li a { color: #1B75BB; } .secondaryNav li a:hover { text-decoration: underline; } .secondaryNav li.selected a { color: #000000; } #footer { text-align: center; padding: 15px 0px; } #footer span { display: block; clear: both; font-size: 11px; color: #cccccc; padding: 15px 0px; } #footer a { padding: 10px; } /* Carousel Styles */ #LiveIntentCycle { position: relative; top: 0px; left: 0px; z-index: 90; } #LiveIntentCycle ul, #LiveIntentCycle li { position: relative; margin:0; padding:0; list-style:none; text-indent:-9999px;} #LiveIntentCycle, #LiveIntentCycle li { width: 935px; height: 275px; overflow:hidden; cursor: pointer; } #HowitworksSection #LiveIntentCycle, #HowitworksSection #LiveIntentCycle li { width: 621px; height: 400px; } #HowitworksSection #LiveIntentCycle li.slide1 { background: url(../images/webSlides/HowItWorks1.jpg) no-repeat 0px -1px; } #HowitworksSection #LiveIntentCycle li.slide2 { background: url(../images/webSlides/HowItWorks2.jpg) no-repeat 0px -1px; } #HowitworksSection #LiveIntentCycle li.slide3 { background: url(../images/webSlides/How3.jpg) no-repeat 0px -1px; } #HowitworksSection #LiveIntentCycle li.slide4 { background: url(../images/webSlides/How4.jpg) no-repeat 0px -1px; } .cycleControl li { float: left; margin: 10px 5px 0px 0px; } .cycleControl li a { padding: 5px 10px; color: #ffffff; font-weight: bold; background-color: #e3e1e1; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .cycleControl li a:hover { background-color: #f48a3c; } .cycleControl li a.activeSlide { background-color: #f48a3c; color: #ffffff;} #PlayCtrl { display: none; } /* Featured Clients */ #Klout { background: url(../images/featuredClients.jpg) no-repeat -18px -9px; width: 95px; height: 30px; } #Klout:hover { background: url(../images/featuredClients.jpg) no-repeat -18px -58px; } #PCMag { background: url(../images/featuredClients.jpg) no-repeat -135px -5px; width: 45px; height: 40px; } #PCMag:hover { background: url(../images/featuredClients.jpg) no-repeat -135px -54px; } #PublishingExec { background: url(../images/featuredClients.jpg) no-repeat -208px -9px; width: 88px; height: 30px; } #PublishingExec:hover { background: url(../images/featuredClients.jpg) no-repeat -208px -58px; } #Gothamist { background: url(../images/featuredClients.jpg) no-repeat -328px -12px; width: 85px; height: 30px; } #Gothamist:hover { background: url(../images/featuredClients.jpg) no-repeat -328px -61px; } #OtherInbox { background: url(../images/featuredClients.jpg) no-repeat -434px -12px; width: 85px; height: 30px; } #OtherInbox:hover { background: url(../images/featuredClients.jpg) no-repeat -434px -61px; } #Drugs { background: url(../images/featuredClients.jpg) no-repeat -542px -8px; width: 103px; height: 30px; } #Drugs:hover { background: url(../images/featuredClients.jpg) no-repeat -542px -57px; } #Boston { background: url(../images/featuredClients.jpg) no-repeat -668px -8px; width: 92px; height: 27px; } #Boston:hover { background: url(../images/featuredClients.jpg) no-repeat -668px -57px; } /* Company Logos */ .companyLogo { width: 300px; height: 95px; display: block; text-indent: -9999px; background: url(../images/sprite.png) no-repeat;} .advertiserLogo { width: 300px; height: 95px; display: block; text-indent: -9999px; background: url(../images/icon-advertisers-sprite.png) no-repeat;} .klout { background-position: 0px 0px; } .centricTV { background-position: -300px 0px; } .drugsCom { background-position: -300px -95px; } .bostonCom { background-position: -300px -190px; } .pubExec { background-position: -300px -285px; } .digidayDaily { background-position: -300px -380px; } .phillySports { background-position: -300px -475px; } .huffingtonPost { background-position: -300px -570px; } .ziffDavis { background-position: -300px -665px; } .salesForce { background-position: 0px -95px; } .rackSpace {background-position: 0px -190px; } .appNexus { background-position: 0px -285px; } .sprinklr { background-position: 0px -380px; } .akamai { background-position: 0px -475px; } .iponweb { background-position: 0px -570px; } .spotfire { background-position: 0px -665px; } .battery { float: left; width: 168px; height: 61px; display: block; text-indent: -9999px; background: url(../images/icon-company-battery.png) no-repeat;} .firstRound { float: left; width: 168px; height: 61px; display: block; text-indent: -9999px; background: url(../images/icon-company-firstround.png) no-repeat;} .amazon { background-position: 0px 0px; } .bestBuy { background-position: 0px -95px; } .cocaCola {background-position: 0px -190px; } .expedia { background-position: 0px -285px; } .directTV { background-position: 0px -380px; } .redBull { background-position: 0px -475px; } .hp { background-position: 0px -570px; } /* Home Page */ body#Index { background: url(../images/bg-body-main.jpg) repeat-x 0px 108px; } #Testimonial { position: absolute; left: 0px; top: 283px; visibility: hidden; } #Testimonial li { border: 1px solid #e5e2df; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 10px; width: 595px; background-color: #ffffff;} #Testimonial a { font-weight: bold; } /* Investors Page */ .investor { clear: both; margin: 20px 0px; } .investor a { margin-right: 10px; } /* Partner Page */ #PartnersSection { width: 610px; } .partner { float: left; margin: 0px 2px 2px 0px; } /* Banners */ #body #mainContent .banner-secondary { background: url(../images/banner-secondary.jpg) no-repeat left top; height: 26px; width: 939px; position: relative; } #body #mainContent .banner-primary { background: url(../images/webSlides/mainBanner.jpg) no-repeat left top; height: 275px; width: 939px; position: relative; } /* Publishers Page */ #PublisherList { margin-bottom: 15px; visibility: hidden;} /* Advertisers Page */ #AdvertiserList { margin-bottom: 15px; visibility: hidden;} body#Advertisers #body #mainContent .section { padding: 15px; } body#Advertisers #body #mainContent .section ul li { list-style-type: disc; margin-left: 15px; } /* Press Page */ body .pressList dt span { display: block; margin-bottom: 5px; font-weight: normal; } body .pressList dd { padding-bottom: 10px; } body .pressList hr { border: none; color: #CCCCCC; background-color: #CCCCCC;} /* Media Page */ body .mediaList dt span { display: block; margin-bottom: 5px; font-weight: normal; } body .mediaList dd { padding-bottom: 10px; } body .mediaList hr { border: none; color: #CCCCCC; background-color: #CCCCCC;} /* About Page */ #AboutSection ul { margin-left: 15px; padding-left: 10px; } #AboutSection ul li { padding: 3px 0px; list-style-type: disc;} /* Case Study Page */ #cstable td {padding: 6px 6px 0px 0px; vertical-align: top; } #CaseStudySection ul { margin-left: 15px; } #CaseStudySection ul li { list-style-type: disc; } #CaseStudySection ul.window li {font-size: 11px; } /* Contact Page */ .contactInfo {float: left;} .googleMap {float: right; } /* Staff Page */ #StaffSection dt { padding-bottom: 10px; font-size: 14px; } #StaffSection dd { padding-left: 10px; } #StaffTwitter { background: url(../images/twitter_icon1.gif) no-repeat; width: 40px; height: 40px; padding-bottom: 20px; padding-top: 5px; padding-left: 30px;} #StaffTwitter:hover { background: url(../images/twitter_icon2.gif) no-repeat; } /* FAQ Page */ #FAQSection ul li { padding-left: 10px; } /* License Page */ #License h6 { color: #000000; font-weight: bold; display: inline; } #License .label { font-weight: bold; text-decoration: underline; } #License .emphasize { font-weight: bold; } #License em { font-weight: bold; } #License hr { border:0px; background: none; height: 15px; } dl.ui-helper-accordian { margin: 20px 0px 0px 15px; } .faqAccordian dt { margin-top: 5px; padding: 0px 10px; color: #266A96; cursor: pointer; font-weight: normal; } .faqAccordian dt.ui-state-hover{ color: #3990c9; text-decoration: underline; } .faqAccordian dd { padding: 3px 15px; display: none; } #mainContent .section h4 { font-size: 14px; margin-top: 15px; color: #000000; } /* Signup Page */ .formWrapper { padding: 15px 10px 0px 0px; } .formWrapper div.row span.terms { text-align: left; } .formWrapper div.row span.terms input { margin-right: 5px; width: 10px; } .signupPage .section { margin-left: 100px; } #StatusHolder { display: inline; float: right; margin-right: 80px; } .statusConfirm { background: url(../images/icon-approve.gif) no-repeat; height: 16px; width: 16px; display: block; } .statusError { background: url(../images/icon-denied.gif) no-repeat; height: 16px; width: 16px; display: block; } .statusLoading { background: url(../images/icon-loader-circle.gif) no-repeat; height: 16px; width: 16px; display: block;} #TwitterError { display: none; clear: both; } #OptionalFieldTrigger { color: #0079C2; cursor: pointer; } #OptionalFieldTrigger span { width: 490px; } #OptionalFields { display: none; } /* Recommendations Form */ #RecommendSection .stepContainer { float: left; width: 400px; margin: 15px 50px 0px 15px; } #RecommendSection .steps { background-color: #ababab; color: #ffffff;padding: 5px 10px; font-size: 12px; font-weight: bold; } #RecommendSection .content { background-color: #e3e3e3; height: 300px; padding: 15px 45px; } #RecommendSection .steps span { font-size: 24px; padding-right: 5px; } #RecommendSection #Step2 { margin: 15px 0px 0px 15px; } #RecommendSection #Step2 .content { text-align: center; } #RecommendSection #Step2 .content div { text-align: left; margin-top: 10px; font-size: 11px; color: #6b6b6b; font-style:italic; padding: 10px; } #RecommendSection #Step2 .content div label { font-style: normal; font-size: 12px; color: #000000; } #RecommendSection #Step2 .content img { margin-top: 15px; } #RecommendSection .row .label, #RecommendSection .row span.data { clear: both; float: left; width: 90%;} #RecommendSection .row .label {margin-bottom: 5px; } #RecommendSection #Step1 input { border: 1px solid #ababab; } #RecommendSection .section { width: 900px; } #RecommendSection .row p { clear: both; padding-top: 0px; } #RecommendSection #Step1 input { font-size: 18px; padding: 3px; width: 300px; margin-bottom: 5px; } #SignUpTweet { font-size: 12px; padding: 5px; } #SignUpTweetTxt {font-size: 12px; padding: 5px; background-color: #f3f3f3; border: 1px solid #ababab; } #SignUpSubmit { cursor: pointer; } /* Careers Page */ #CareersSection { } #CareersSection h5, #CareersSection h6 { color: #000000; } #CareersSection h6 { padding: 3px; } #CareersSection div.jobsContainer, #CareersSection div.internshipsContainer { float: left; width: 280px; height: 100px; } #CareersSection .jobDescription { clear: both; padding: 10px; border-top: 2px solid #cccccc; } #CareersSection ul li { padding: 2px 3px; list-style-type: disc; margin-left: 25px; } /* Contact Page */ .contactInfo { padding-bottom: 15px;} /* Fix for float issue */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */