/* ---------------------------------------------------------- America's Healthcare CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) red: #c02026 blue: #003964 ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF url(page/-/images/header/main-bg.png) center; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } 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: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { background: url(/page/-/images/header/header-overlay.png) center top no-repeat } .base h1 { color: #c02026; font-size: 24px; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px;} #home h1 { font-size: 32px; margin-bottom: 0; } .base h2 { color: #003964; font-size: 15px; font-weight: bold; margin-bottom: 15px;} .base h3 { font-weight: bold; color: #333; margin: 20px 0 10px;} .base h4 { } .base p { font-family: Times, "Times New Roman", Georgia, serif; color: #333; font-size: 16px; line-height: 1.4em; margin-bottom: 15px;} a { text-decoration: none; color: #003964; } a:hover { color: #c02026; } blockquote p { font-weight: bold; font-style: italic; background: #d5e0e2; color: #333; margin-left: 30px; padding: 5px;} .base ul, .base ol { color: #333; margin: 15px 50px; } .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base ul li, .base ol li { } .base li ol { } .base li ul { } /* Cufon backup Styles */ h1, h2, #nav li a, .button a, #home-impact, #side-impact, .date, #footer-nav, #footer p { font-family: Helvetica, Arial, sans-serif; font-weight: bold; } /* 03 =LAYOUT ---------------------------------------------------------- */ #wrap { width: 960px; margin: 0 auto; } /* Header */ #header { padding-top: 50px; } #logo { float: left; } #nav-content { background: url(/page/-/images/header/header-bg.png) no-repeat; display: block; float: left; margin-top: 0px; width: 960px; position: relative; left: -65px; padding: 0 80px;} #header-interact { float: right; } #quick-signup { float: right; clear: both; margin-top: 10px;width: 450px; position: relative; left: 20px;} #quick-signup input.text { font-family: Helvetica, Arial, sans-serif; color: #7696ac; font-size: 12px; padding: 6px 0px 6px 12px; box-shadow:-10px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; border: 0.2em solid #fff; position: relative; top: -1px; background: url(/page/-/images/header/input-bg.png) -2px;} #quick-signup input#quick-zip { width: 90px; margin-left: 10px; } #quick-signup input#quick-email { width: 191px; } /* #quick-signup input.text:hover { border: 0.2em solid #e9e9e9; } */ /* #quick-signup input.text:focus { outline: none; border: 0.2em solid #d6d5d5;} */ #quick-signup .submit { background: url(/page/-/images/header/get-updates-button.png) no-repeat center; text-indent: -9999px; width: 115px; height: 33px; border: 0; position: relative; left: -23px; cursor: pointer; } #header-connect ul li { display: inline; margin: 5px;} #header-connect ul { margin: 0; } #header-connect { float: right; width: 270px; display: block; } #header-connect h2 { display: inline; float: left; line-height: 200%; margin-right: 10px;} /* Navigation */ #nav { padding: 60px 0 0 280px; margin-bottom: 35px;} #nav ul { margin: 0; margin-top: -2px; } #nav ul li { display: inline; list-style-type: none;} #nav ul li#home-nav a { width: 230px; display: block; text-indent: -9999px; position: relative; margin-left: -280px;float: left;} #nav ul li#home-nav a:hover { background: none; } #nav ul li a { color: #003964; font-size: 14px; font-weight: bold; padding: 5px 18px 5px 18px; -webkit-border-radius: 1.3em; -moz-border-radius: 1.3em; border-radius: 1.3em; background: transparent; -webkit-transition: background 1s linear; background: url(/page/-/images/header/nav-hover-bg.png) no-repeat; background-position: -200px} #nav ul li a:hover { background-repeat: repeat-x; background-position: top left; color: #fff; } #content { clear: both; } #footer { background: url(/page/-/images/footer/footer-bg.png) no-repeat bottom; position: relative; left: -80px; padding: 170px 80px 50px 80px; width: 940px; top: 0px; clear: both;} #home #footer { background: url(/page/-/images/footer/footer-bg.png) no-repeat bottom; position: relative; left: -80px; padding: 100px 80px 50px 100px; width: 940px; margin-top: 40px; clear: both; top: 20px;} #footer-nav ul { margin: 0px; } #footer #twitter-feed { margin-bottom: 60px; margin-top: 30px;} #footer h2 { float: left; margin-right: 20px; margin-top: ; } .tweets { width: 230px; float: left; vertical-align: top; font-size: 14px; color: #333; margin: 0 20px 0 0;} .tweets span { font-size: 10px; font-style: italic; display: block; color: #4c4c4c; } #footer #footer-nav { clear: both; text-align: center; margin-top: 30px;} #footer ul li { display: inline; padding: 10px 14px 5px; } #footer ul li a { color: #003964; font-size: 14px; font-weight: bold; } #footer ul li a:hover { color: #c02026; } #footer p { text-align: center; font-size: 10px; color: #666; margin: 0; margin-top: 10px;} #footer p a { color: #666; } #tweet-bird { width: 100px; height: 100px; float: right; background: url(/page/-/images/footer/twitter-bird.png); position: relative; top: 50px; right: 110px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home-content { padding: 0; } #home-lead-in { width: 610px; margin-top: 0px; float: left; } #home-lead-in p { font-size: 21px; margin-top: 10px; line-height: 1.3em; } #home-lead-in .arrow { float: none;background: url(/page/-/images/content/arrow-sprite.png) no-repeat; background-position: right -69px; display: inline; text-indent: 0; padding-right: 15px;} #call-to-action-links { width: 235px; float: left; margin: 10px 0 30px 80px; text-align: center;} #call-to-action-links ul { margin: 0; } #call-to-action-links ul li a { margin: 5px 0; display: inline; float: left; width: 200px; padding: 0.8em;} #home-promos { float: left; } #home .promo { width: 211px; float: left; padding: 11px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 3px; -webkit-transition: background linear; -webkit-transition-duration: 0.3s; } #home .promo:hover { background: #f8f8f8; } #home .promo h2 { color: #003964; font-size: 14px; margin-bottom: 15px; } #home .promo h3 { color: #003964; font-size: 19px; margin: 10px 0 5px; font-weight: normal; clear: both;} #home .promo p { color: #333333; font-size: 14px; margin-bottom: 10px; line-height: 1.3em; } #home .promo .img-link { display: block; height: 297px; margin-top: -185px; margin-left: -10px;text-indent: -9999px; z-index: 99; position: absolute; background: url(/page/-/images/content/promos/button-link.png) 40px 145px no-repeat; width: 230px; } #clock-wrap.promo .img-link { background: url(/page/-/images/content/promos/count-down-overlay.png) 10px 45px no-repeat; } #count-down span { margin-right: 5px; font-size: 1em; display: block;} #home #clock-wrap h3 { margin-top: 14px; } #count-down .epiclock-digit { color: #c02026; font-size: 2em;} #count-down-clock-days, #count-down-clock-hours, #count-down-clock-minutes { float: left; margin-left: 15px;} #count-down { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #333; width: 200px; height: 115px; text-align: center; padding-top: 25px; margin: 0 auto;} #home-impact, #side-impact { display: block; clear: both; background: url(/page/-/images/content/the-impact-bg.png) no-repeat; height: 140px; margin: 20px 0; float: left; width: 100%; padding: 15px 0 0 15px;} #home-impact h1, #home-impact h2, #home-impact p, #home-impact li, #side-impact h1, #side-impact h2, #side-impact p, #side-impact li { color: #fff;font-weight: normal; padding-bottom: 0; margin: 0;} #home-impact h2, #side-impact h2 { font-size: 15px; display: block; float: left; margin-top: 5px; } #home-impact ol, #side-impact ol { margin-left: 98px; float: left; padding: 0; font-family: Helvetica, Arial, sanserif; font-size: 14px; width: 500px; vertical-align: top; } #home-impact li, #side-impact li { list-style-position: outside; color: #f0a8ac; list-style-type: decimal; margin-left: 22px;; overflow: visible; font-weight: bold; display:list-item;vertical-align:middle; background: url(/page/-/images/content/the-impact-line.png) no-repeat bottom; padding: 3px 6px 3px 0; } #home-impact ol { margin-top: 0; } #home-impact li:hover, #side-impact li:hover { color: #fff; } .tooltipSet { display: inline; } #home-impact .arrow:hover { background-position: 0px 28px;} #home-impact li a, #side-impact li a { color: #f0a8ac; width: 220px; display: inherit; } #home-impact li a:hover, #home-impact li:hover #side-impact ol li a.tooltipSet:hover, #side-impact ol li:hover { color: #fff; background-position: -54px right; } #home-impact .info p, #side-impact .info p { font-size: 11px; display: inline; color: #f0a8ac; float: left; margin-top: ;} #home-impact .info p a, #side-impact .info p a { color: #fff; margin-top: 10px;} #home-impact .info #impact-arrow { position: relative; top: 3px; } #home-impact .info, #side-impact .info { float: left; width: 250px; } #side-impact .info p { margin: 10px 0; } #side-impact p.read-more { margin-top: 5px; } #home #home-blog { width: 460px; clear: both; margin-bottom: 20px; float: left; } #home #home-blog h2 a { font-size: 17px; color: #003964; } #home #home-blog h2 a:hover { color: #c02026; } #home #home-blog h2 { margin-bottom: 10px; } #home #home-blog p { color: #333333; font-size: 16px; line-height: 1.3em; font-family: Times, Georgia, serif; } #home #home-blog p.date, #blog .date, #resources .date, #press-releases .date { font-size: 10px; font-weight: bold; color: #4c4c4c; text-transform: uppercase; margin: 10px 0; } #home #home-blog .entry, #blog .entry { margin: 30px 0; } #stories .entry { margin: 30px 0; } #stories .entry img { float: left; margin-right: 20px; } #stories .entry .summary { overflow: hidden; } #home-video { float: left; margin-left: 20px; width: 480px;} #home-video object { margin-top: 20px;} #home-video p, #side-video p { font-size: 17px; color: #666; margin: 10px 0; overflow: hidden;} #sidebar { background: #f1f5f6 url(/page/-/images/sidebar/sidebar-bg.png) no-repeat bottom; float: left; margin-top: -22px; width: 320px; padding-bottom: 70px;} /* 05 =SUBPAGES ---------------------------------------------------------- */ .interior #text-block { width:590px; float: left; margin-right: 30px; } .interior.full-width #text-block { width:940px; float: left; margin-right: 0px; } #sidebar #call-to-action-links { margin: 0 auto; display: block; width: 225px; float: none; margin-top: 20px;} #side-impact .impact-wrap { background: url(/page/-/images/sidebar/the-impact-sidebar-line.gif) repeat-x bottom; padding: 5px 0 4px 0px; } #side-impact { background: url(/page/-/images/sidebar/the-impact-sidebar-bg-long.png) no-repeat left top; height: 385px; width: 265px; display: block; margin: 0 auto; float: left; margin: 20px 0 20px 20px; clear: both } #side-impact .tooltipSet { display: inline; } #side-impact h1 { padding-bottom: 0;margin-top: -5px; font-size: 26px; } #side-impact ol { margin: 25px 0px; width: 260px; } #side-impact div.info p.read-more a { margin-top: -5px; display: block; } #side-impact ol li { list-style-position: outside; width: 230px; font-size: 14px; display:list-item;vertical-align:middle; } #side-impace .tooltipSet { display: block; } #side-impact li a { padding-right: 7px; width: 220px; display: inherit; overflow: scroll;} #side-impact li a img { position: relative; top: 1px; } #side-impact li a:hover { color: #fff; background-position: right -54px;} #side-impact ol li a.tooltipSet:hover { color: #fff; } #side-video { width: 280px; margin: 0 auto; margin-top: 20px; } #side-video h2 { margin: 0; margin-bottom: 10px; } #side-twitter { width: 280px; margin: 0 auto; margin-top: 20px; } #side-twitter #twitter-feed { float: left; clear: both; } #side-twitter h2 { float: left; margin-right: 20px; } #side-twitter .tweets { margin: 10px 0; } #follow-me { vertical-align: middle; } #stories #text-block h1 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/banner-yourStory.jpg) no-repeat; text-indent: -9999px; width: 620px; height: 100px; margin-left: -10px; } /*Video Page */ #video .main-video { width: 590px; float: left; margin-right: 20px; } #video #more-videos { width: 320px; float: left; } #video-list, #video-list li.video-entry { list-style-type: none; margin: 0; float: left; clear: both; margin-bottom: 30px; width: 100%;} #video-list .video-entry img { float: left; margin-right: 10px; } #video-list .video-entry a span { font-size: 0.8em; color: #666; float: left; width: 190px} #video-list-counter { text-align: center; } #video-list-counter a { margin: 0 35px; display: inline; } #video-top div.main-video p { margin-top: 15px; color: #333; line-height: 1.5em; } /* Resources */ #resources ul { margin: 0; } ul#res-list.li_cont1 { margin-right: 60px; } #resources .entry { list-style-type: none; margin-bottom: 20px; display: inline-block;} #resources .entry h2 { margin-bottom: 5px; } #resources .entry p { font-size: 0.93em; overflow: hidden; } #resources .entry img { width: 100%; padding-top: 5px; } #resources .entry .pic { float: left; margin-right: 20px; width: 100px; } .timeline #text-block h2 { color: #c02026; font-weight: normal; background: url(/page/-/images/content/time-line-bullet.png) no-repeat; padding-left: 35px; height: 27px; line-height: 24px; color: #c02026; font-size: 24px; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; } .timeline #text-block ul { margin-left: 35px; } .timeline #text-block img { margin-left: -15px; } .timeline #myth-list hr { display: ;} #myth-list hr { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/line-rule.png) center no-repeat; height: 3px; border: 0; margin: 0;margin-top: -4px; clear: both; } #myth-list { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-frame-bg-top.png) top center no-repeat; clear: both; } #myths #myth-list-end { height: 100px; width: 100%;display: block; background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-frame-bg-bottom.png) bottom; } #myths .entry { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-frame-bg-middle.png), url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-bg.png) no-repeat 30px 80px; padding: 20px 0; min-height: 280px; } #myths #myth-top-nav p { width: 200px; float: right; position: relative; top: -40px; font-size: 14px; text-align: right; margin: 0;} #myths #myth-top-nav a { margin: 0 2px; } /* #myths .entry { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-bg.png) no-repeat 30px 50px; } */ #myths h4 { float: left; width: 325px; height: 200px; padding: 95px 25px 0 75px; color: #808080; font-size: 24px; background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-1.gif) no-repeat; } #myths h4.myth-1 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-1.gif) no-repeat 30px 10px; } #myths h4.myth-2 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-2.gif) no-repeat 30px 10px; } #myths h4.myth-3 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-3.gif) no-repeat 30px 10px; } #myths h4.myth-4 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-4.gif) no-repeat 30px 10px; } #myths h4.myth-5 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-5.gif) no-repeat 30px 10px; } #myths h4.myth-6 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-6.gif) no-repeat 30px 10px; } #myths h4.myth-7 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-7.gif) no-repeat 30px 10px; } #myths h4.myth-8 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-8.gif) no-repeat 30px 10px; } #myths h4.myth-9 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-9.gif) no-repeat 30px 10px; } #myths h4.myth-10 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-10.gif) no-repeat 30px 10px; } #myths h4.myth-12 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-11.gif) no-repeat 30px 10px; } #myths h4.myth-13 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-12.gif) no-repeat 30px 10px; } #myths h4.myth-14 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-13.gif) no-repeat 30px 10px; } #myths h4.myth-15 { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/myth-14.gif) no-repeat 30px 10px; } #myths .fact { overflow: hidden; padding-right: 20px;} #myths #text-block p { font-size: 16px; color: #333; } #myths #text-block p.source { font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #myths p.myth-navigation a{ float: right; font-size: 14px; color: #808080; } #myths #text-block h2 { font-size: 20px; color: #1664b1; margin-bottom: 0; margin-top: 30px;} #press-releases #press-box { background-color: #F1F5F6; padding: 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 20px; } /* generated with http://www.colorzilla.com/gradient-editor/ */ #press-box { background: #F1F5F6; /* old browsers */ background: -moz-linear-gradient(top, #F1F5F6 0%, #D5E0E2 99%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F5F6), color-stop(99%,#D5E0E2)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F5F6', endColorstr='#D5E0E2',GradientType=0 ); /* ie */} /* 06 =FRAMEWORK ---------------------------------------------------------- */ .tooltip { display:none; background: #c02026 url(http://healthinfo.bluestatedigital.com/page/-/images/content/overlay-bg.png) repeat-x top; border: 2px solid #fff; padding: 5px 15px; width:210px; color:#fff; -webkit-border-radius: 10px; min-height: 200px;-moz-border-radius: 10px; border-radius: 10px; z-index: 99; position: absolute; box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); margin-top: 70px; } #side-impact .tooltip { margin-top: -120px; margin-left: -175px;} #home-impact .tooltip p, #side-impact .tooltip p { font-size: 14px; font-weight: bold; margin-top: -20px;} .triangle { width: 25px; height: 25px; background: url(/page/-/images/content/overlay-triangle.png) no-repeat; position: relative; left: -31px; top: 15px; display: block; } #side-impact .triangle { background: url(/page/-/images/content/side-overlay-triangle.png) no-repeat; position: relative; left: 90px; top: -21px; } #framework #signup label.field { font-family: Helvetica, Arial, sans-serif; color: #333; font-weight: bold; font-size: 14px;display: block; margin: 15px 0 5px;; } #framework #signup .input input.text, #framework #signup .input input#phone, #framework #signup .input input#email, #framework #signup input#addr2 { border: 1px solid #999; margin-bottom: 5px; padding: 5px; font-size: 14px; color: #333; font-family: Helvetica, Arial, sans-serif; } #framework .signuperror, #framework span.error { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.14em; font-weight: normal; } #form-contain { float: right;width: 350px;margin:0;border:solid 4px #EAEAEA;background-color:#F8F7F7; padding: 0 30px 30px ;padding-top: 20px; } #form-contain .submit, #splash-signup .submit { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/button-bg.png) top; color: #fff; text-decoration: none; font-weight: bold; padding: 0.5em 1em; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; border: 0.2em solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); text-align: center; font-size: 14px; clear: both; display: inline-block; font-family: Helvetica, Arial, sans-serif; } #form-contain img { margin-top: 20px; } #form-contain input.text { margin: 10px 0; padding: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; color: #666;} #form-contain input.submit { clear: both;float: none; } #form-contain #zip { float: none;clear: both; width: 115px; } #form-contain #landing-submit { clear: both; display: block; } #cd-header {float:left;width:500px;margin:0 5px 0 0;} #cd-cont {float:left;width:440px;} #signup .submit:hover{cursor:pointer;} p.required-note { font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 20px;} .required { color: red; font-size: 20px; } /*Ad Landing Pages */ .video #text-block p { color: #666; width: 420px; float: left;} .video #share-buttons { width: 500px; float: right; margin-top: -35px; margin-bottom: 50px;} .videotest #text-block p { width: 650px; margin: 25px auto 35px; color: #666; text-align: ; } .videotest h2 { } .videotest #share-buttons { margin-bottom: 30px; } /* LIGHTBOX */ #lightbox { width: 500px; margin: 0 auto; margin-top: 20px;} #lightbox #splash-signup input.text { padding: 3px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #666; clear: both; display: block; margin-bottom: 10px; margin-top: 4px;} #lightbox #splash-signup input#email{ width: 230px; margin-right: 10px; } #lightbox #splash-signup label { float: left; } #lightbox #splash-signup input#zip { width: 100px; margin-right: 10px; } #lightbox #splash-signup input.submit { margin: 18px 0 0; vertical-align: middle; display: inline; } #lightbox #logo { display: block; margin: 0 auto; width: 264px; float: none; } #lightbox h1 { clear: both; margin-top: 20px;} /* ADS LANDING */ .no-nav #nav li { display: none; } .no-nav #nav { height: 30px; padding-top: 50px; } .no-nav #header { padding-top: 15px; } .no-nav #nav-content { margin-top: -30px; } .no-nav #header-interact { display: none; } .no-nav #logo { margin: 0 auto; float: none; width: 265px; } .no-nav #footer li { display: none; } .no-nav #header { padding-top: 10p;; } /* 07 =UTILITY ---------------------------------------------------------- */ .button a { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/button-bg.png) top; color: #fff; text-decoration: none; font-weight: bold; padding: 0.5em 1em; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; border: 0.2em solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); text-align: center; font-size: 14px; clear: both; display: inline-block; margin-top: 20px;} .button a:hover { background-position: 0 -42px; } .button { display: block; } .cufon-loading .cufon { visibility: hidden !important; } .red.button a { background: url(http://healthinfo.bluestatedigital.com/page/-/images/content/red-button.png) top; } .red.button a:hover { background-position: 0 -42px; } /* .arrow { background: url(/page/-/images/content/arrow-sprite.png) no-repeat; text-indent: -9999px; float: left; } */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;}