/*--
Copyright: NaviNet 2009-2010
--*/
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent;}
 
body { font-size: 62.5%; line-height: 1.5em; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/*--body--*/
body { background-image: url(../img/hie_bg_grad.jpg); background-color: #909090; background-repeat: repeat-x; width: 100%; font-family: Arial, Verdana, sans-serif; background-position: 0 -70px; }
 
/*--wrapper--*/
#wrapper {width: 1069px; margin: 0 auto; margin: 0 auto; padding: 0;}
 
/*--header--*/
#header { float: left; display: inline; margin:20px 250px 0 0; padding:0; width:400px;}
#header h1 {float:left; display:inline; margin:0 0 0 90px; padding:0; width:293px;}
#header h1 #logo {display:block; height:75px; margin:0; overflow:hidden; position:relative; width:293px;}
#header h1 #logo img {left:0; position:absolute;}
 
 
/*--------------main landing page------------*/
 
/*--form for signup landing--*/
#form-background { float: right; display: inline; width: 334px; background-color: transparent; margin: -70px 70px 0 0; padding: 0; position: relative; z-index: 3000;}
#form-background #form-top { float: left; display: inline; background: url(../img/hie_form_top.png) no-repeat bottom left; width: 334px; height: 9px; margin: 0; padding: 0;}
#form-background #form-mid { float: left; display: inline; background: url(../img/hie_form_mid.png) repeat-y; width: 334px; margin: 0; padding: 0;}
#form-background #form-btm { float: left; display: inline; background: url(../img/hie_form_btm.png) no-repeat 0 0; width: 334px; height: 4px;}
form#signup { float: left; display: inline; width: 290px; margin: 0px 0 0 1px; padding: 7px 16px 17px 16px; background: #ffffff; top: -5px;}
form#signup fieldset { float: left; display: inline; width: 293px; margin: 0; padding: 0;}
form#signup legend { font-size: 1.8em; color: #333333; font-weight: bold; margin: 0 0 9px 0; padding: 0;}
form#signup p { font-size:1.2em; color: #888888; margin: 0 0 10px 0; }
form#signup p.no-margin {margin: 0;}
form#signup p.small-text {font-size: 1.1em; line-height: 1em;}
form#signup p input { border: 1px solid #999999;}
form#signup p input.name-address { width: 280px; height: 18px; margin: 0; padding: 3px 8px 0 3px; font-size: 1.1em; color: #999999; font-family: Arial, Verdana, sans-serif;}
form#signup input#agree {float: left; display: block; margin: 0 5px 4px 0; font-size: 1em; border: none;}
form#signup input#submit { border: none; background: url(../img/hie_signup_btn.jpg) no-repeat 0 0; width: 162px; height: 32px; text-indent: -9009px; display: block; margin: 13px 0 0 0; cursor: pointer; }
form#signup input#submit:hover {background-position: 0 -32px; margin: 13px 0 0 0; padding: 0; height: 32px; display: block;cursor: pointer; }
 
/*--key messaging landing--*/
#key-messaging { float: left; display: inline; width: 530px; margin: 37px 0 0 90px; padding: 0;}
#key-messaging h2 {font-size: 1.6em; color: #666666; line-height: 1.4em; font-weight: normal;}
 
/*--national map laning--*/
#national-map { position: relative; width: 1069px; height: 372px; background: url(../img/hie_nation.png) no-repeat 0 0; margin: 0 0 60px 0; padding: 0; top:0;}
#audience-container { position: relative; width: 1069px; margin: 0; padding: 0; top: 300px; z-index: 2000;}
.audience { position: absolute; cursor: pointer; z-index: 1000;}
.audience a { text-decoration: none;}
 
 
/*--audience 01--*/
#audience-health-official { top: 30px; left: 70px;}
#audience-health-official, #national-map #audience-health-official a { width: 129px; height: 151px; display: block;}
#audience-health-official a {text-align: center;}
#audience-health-official p.label {margin: 0 0 0 -22px;}
 
#audience-health-official-ec { top: 92px; left: 800px;}
#audience-health-official-ec, #national-map #audience-health-official-ec a { width: 129px; height: 151px; display: block;}
#audience-health-official-ec a {text-align: center;}
#audience-health-official-ec p.label {margin: 0 0 0 -22px;}
 
/*--audience 02--*/
#audience-providers { top: -30px; left: 230px;}
#audience-providers, #national-map #audience-providers a { width: 93px; height: 151px; display: block;}
#audience-providers a {text-align: center;}
#audience-providers p.label { margin: 0 0 0 15px;}
 
#audience-providers-wc { top: 30px; left: 50px;}
#audience-providers-wc, #national-map #audience-providers-wc a { width: 93px; height: 151px; display: block;}
#audience-providers-wc a {text-align: center;}
#audience-providers-wc p.label { margin: 0 0 0 15px;}
 
/*--audience 03--*/
#audience-plans { top: -30px; left: 230px;}
#audience-plans, #national-map #audience-plans a { width: 93px; height: 151px; display: block;}
#audience-plans a {text-align: center;}
#audience-plans p.label { margin: 0 0 0 -16px;}
 
/*--audience 04--*/
#audience-rhio { top: 103px; left: 800px;}
#audience-rhio, #national-map #audience-04 a { width: 114px; height: 151px; display: block;}
#audience-rhio a {text-align: center;}
#audience-rhio p.label {margin: 4px 0 0 9px;}
 
/*--featured audience-*/
#featured-audience-plans { top: 17px; left: 400px;}
#featured-audience-providers { top: 17px; left: 370px;}
#featured-audience-health-official { top: 17px; left: 350px;}
#featured-audience-rhio { top: 17px; left: 350px;}
 
#featured-tooltip.plans {top:17px; left: 520px;}
#featured-tooltip.providers {top:17px; left: 515px;}
#featured-tooltip.health-official {top:17px; left: 504px;}
#featured-tooltip.rhio {top:17px; left: 510px;}
 
/*--footer--*/
#footer {float: left; display: inline; width: 960px; margin: 0 0 0 90px; padding: 0 0 40px 0; }
#footer p { color: #666666; font-size: 1.1em;}
#footer p a { color: #666666; text-decoration: none;}
#footer p#copyright { float: left; display: block; margin: 0; padding: 0;}
#footer p#share { float: right; display: block; margin: 0 52px 0 0; padding: 0;}
#footer p#share span { color: #BF6326; font-weight: bold; font-size: 1.3em;}
 
/*--footer download page--*/
body#download #footer p#share { position: absolute; top: 17px; float: right; display: block; width: 200px; margin: 0 0 0 800px; padding: 0;}
body#download #footer p#share span { color: #92B846; font-weight: bold; font-size: 1.3em;}
 
 
 
/*--------------detail pages------------*/
 
/*--left col--*/
#left-col { float: left; display: inline; width: 573px; margin: 53px 0 100px 90px; padding: 0; }
 
#left-col #key-messaging p#providers-back {position: absolute; padding: 0; top:400px; display: block; width: 100px; z-index: 3000; margin: 0 0 0 -135px;}
#left-col #key-messaging p#rhio-back {position: absolute; padding: 0; top:400px; display: block; width: 100px; z-index: 3000; margin: 0 0 0 -145px;}
#left-col #key-messaging p#health-official-back {position: absolute; padding: 0; top:400px; display: block; width: 100px; z-index: 3000; margin: 0 0 0 -185px;}
#left-col #key-messaging p#plans-back {position: absolute; padding: 0; top:400px; display: block; width: 100px; z-index: 3000; margin: 0 0 0 -150px;}
 
#left-col #key-messaging p#providers-back a, #left-col #key-messaging p#rhio-back a, #left-col #key-messaging p#health-official-back a, #left-col #key-messaging p#plans-back a {text-decoration: none; color: #666666; font-size: .9em;}
#left-col #key-messaging p#providers-back a:hover, #left-col #key-messaging p#rhio-back a:hover, #left-col #key-messaging p#health-official-back a:hover, #left-col #key-messaging p#plans-back a:hover {color: #333333;}
 
#left-col #key-messaging p#providers-back a img, #left-col #key-messaging p#rhio-back a img, #left-col #key-messaging p#health-official-back a img, #left-col #key-messaging p#plans-back a img {margin: 0 5px 0 0;}
 
 
/*--for providers detail page--*/
#left-col.providers { margin-left: 70px; margin-right: 20px;}
#left-col.providers #key-messaging { margin-left: 170px;}
#one-col.providers { margin-left: 70px; margin-right: 20px;}
#one-col.providers #key-messaging { margin-left: 170px;}
 
/*--for rhio detail page--*/
#left-col.rhio { margin-left: 55px; margin-right: 35px;}
#left-col.rhio #key-messaging { margin-left: 190px;}
#one-col.rhio { margin-left: 55px; margin-right: 35px;}
#one-col.rhio #key-messaging { margin-left: 190px;}
 
/*--for rhio detail page--*/
#left-col.health-official { margin-left: 60px; margin-right: 30px;}
#left-col.health-official #key-messaging { margin-left: 216px;}
#one-col.health-official { margin-left: 60px; margin-right: 30px;}
#one-col.health-official #key-messaging { margin-left: 216px;}
 
/*--key messaging detail--*/
#left-col #key-messaging { float: left; display: inline; width: 390px; margin: 0 0 0 156px; padding: 0;}
#left-col #key-messaging #detail-quote { float: left; display: inline; width: 390px; height: 101px; background: url(../img/hie_bubble_detail.png) no-repeat; overflow: hidden; margin: 0 0 17px -10px; padding: 10px 10px 10px 24px; position: relative; z-index: 100;}
#left-col #key-messaging h2 {font-size: 1.8em; line-height: 1.4em; font-weight: bold; display: block; width: 380px; margin: 0; padding: 0;}
#left-col #key-messaging h3 {font-size: 1.4em; line-height: 1.3em; font-weight: normal; display: block; width: 284px; margin: 0 0 5px 0; padding: 0; text-indent: -0.4em; margin-left:0; padding-left:1.5em; position:relative; left:-1.5em;}
#left-col #key-messaging p {color: #666666; font-size: 1.6em; line-height: 1.3em; margin: 0 0 25px 0; padding: 0;}
 
/*-- left col + one col personas images--*/
.plans { background: url(../img/hie_plans_lg.png) no-repeat 0 0;}
.health-official { background: url(../img/hie_partners_lg.png) no-repeat 0 0;}
.providers { background: url(../img/hie_providers_lg.png) no-repeat 0 0;}
.rhio { background: url(../img/hie_americanpublic_lg.png) no-repeat 0 0;}
 
/*-- left col personas type color CTA--*/
#left-col.plans #detail-quote h2,#left-col.plans #detail-quote h3, #left-col.plans #detail-quote p {color: #92B846;}
#left-col.health-official #detail-quote h2, #left-col.health-official #detail-quote h3, #left-col.health-official #detail-quote p {color: #008AB6;}
#left-col.providers #detail-quote h2,#left-col.providers #detail-quote h3, #left-col.providers #detail-quote p {color: #5D2989;}
#left-col.rhio #detail-quote h2,#left-col.rhio #detail-quote h3, #left-col.rhio #detail-quote p {color: #DF6C4B;}
 
#key-messaging #detail-quote p {font-size: 1.2em; margin: 0 0 18px 0;}
 
/*--left col more info block--*/
#left-col #key-messaging h4 { font-size: 1.2em; font-weight: bold; color: #666666; display: block; margin: 45px 0 20px 0; padding: 0;}
#left-col #key-messaging ul { float: left; display: inline; list-style-position: outside; width: 390px; margin: 0; padding: 0;}
#left-col #key-messaging ul li { float: left; display: inline; width: 96px; margin: 0 50px 0 0; padding: 0;}
#left-col #key-messaging ul li.last {margin-right:0; }
#left-col #key-messaging ul a { text-decoration: none; font-size: 1.2em; color: #666666;}
#left-col #key-messaging ul a:hover { color: #333333;}
 
/*--right col--*/
#right-col { float: left; display: inline; width: 336px; margin: 0; padding: 0; }
 
/*--right col form for signup landing--*/
#right-col #form-background { float: right; display: inline; width: 334px; background-color: transparent; margin: -70px 0 0 0; position: relative; z-index: 200;}
 
/*--right col callout--*/
#right-col #hie-callout {float: left; display: inline; width: 280px; margin: 20px 0 0 9px; padding: 0;}
#right-col #hie-callout #callout-top {float: right; display: inline; width: 280px; height: 19px; margin: 0; padding: 0; background: url(../img/hie_callout_top.png) no-repeat 0 0;}
#right-col #hie-callout #callout-mid {float: right; display: inline; width: 250px; margin: 0; padding: 3px 15px; background: url(../img/hie_callout_mid.png) repeat-y;}
#right-col #hie-callout #callout-btm {float: right; display: inline; width: 280px; height: 4px; margin: 0; padding: 0; background: url(../img/hie_callout_btm.png) no-repeat 0 0;}
#right-col #hie-callout h4 { font-size: 1.4em; line-height: 1.5em; color: #DF6C4B;}
#right-col #hie-callout p { font-size: 1.4em; line-height: 1.2em; color: #DF6C4B; margin: 0 0 10px 0; }
 
 
/*--------------download pages------------*/
 
/*--one-col--*/
#one-col { float: left; display: inline; width: 840px; margin: 53px 0 100px 90px; padding: 0; }
 
/*--key messaging detail--*/
#one-col #key-messaging { float: left; display: inline; width: 680px; margin: 15px 0 0 156px; padding: 0;}
#one-col #key-messaging h2 {font-size: 1.8em; line-height: 1.4em; font-weight: bold; display: block; width: 380px; margin: 0 0 5px 0; padding: 0;}
#one-col #key-messaging p {color: #666666; font-size: 1.6em; line-height: 1.3em; margin: 0 0 25px 0; padding: 0;}
 
/*--one-col download btn--*/
#one-col a#download-btn { float: left; display: block; width: 291px; height: 102px; background: url(../img/hie_download_btn.jpg) no-repeat 0 0; text-indent: -9009px; text-decoration: none; margin: 15px 400px 30px 0; padding: 0;}
#one-col a#download-btn:hover { background-position: 0 -103px;}
 
/*--one-col more info block--*/
#one-col #key-messaging h4 { font-size: 1.2em; font-weight: bold; color: #666666; display: block; margin: 45px 0 20px 0; padding: 0;}
#one-col #key-messaging ul { float: left; display: inline; list-style-position: outside; width: 680px; margin: 0; padding: 0;}
#one-col #key-messaging ul li { float: left; display: inline; width: 100px; margin: 0 50px 0 0; padding: 0;}
#one-col #key-messaging ul li.last {margin-right:0; }
#one-col #key-messaging ul a { text-decoration: none; font-size: 1.2em; color: #666666;}
#one-col #key-messaging ul a:hover { color: #333333;}
 
 
/*--tool tips--*/
 
/*--styles for featured tooltips--*/
#featured-tooltip {background:url(../img/hie_bubble_lg.png) no-repeat;padding: 13px 10px 10px 22px; width:190px; height:113px;font-size:11px;color:#000000; position: absolute; z-index: 1500;}
#featured-tooltip table {width: 190px;}
#featured-tooltip .label p {width: 200px; color:#333333; font-weight: bold; font-size: 1.4em; display: block; margin: 0 0 3px 0; padding: 0;}
#featured-tooltip .title p {width: 190px; color:#999999; font-size: 1em; display: block; margin: 0 0 8px 0; padding: 0;}
#featured-tooltip .quote p {width: 190px; color:#888888; font-size: 1.2em; display: block; text-indent: -0.3em; margin: 0 0 7px 0; padding: 0; margin-left:0; padding-left:1.5em; position:relative; left:-1.5em;}
 
 
/*--styles for small tooltips--*/
.tooltip {display:none;background:url(../img/hie_bubble_sm.png) no-repeat; padding: 10px 40px 12px 15px; width:145px; height:52px; font-size:11px; color:#000000; z-index: 2000;}
.tooltip table {width: 174px; height:54px;}
p.label { color: #999999; font-size: 1em; line-height: 1em; display: block; margin: 0; padding: 0; text-align: center; position: relative; z-index: 400; }
.tooltip .title { color: #666666; font-size: 1.2em; display: block; width: 174px; margin: 0; padding: 0; text-indent: -0.45em; margin-left:0; padding-left:1.5em; position:relative; left:-1.5em;}
 
 
/*--partners--*/
table#health-official a {color:#008AB6;font-size:1.2em;font-weight:bold; text-decoration: none;}
 
/*--providers--*/
table#providers a {color:#5D2989;font-size:1.2em;font-weight:bold; text-decoration: none;}
 
/*--plans--*/
table#plans a {color:#92B846;font-size:1.2em;font-weight:bold; text-decoration: none;}
 
/*--americanpublic--*/
table#rhio a {color:#DF6C4B;font-size:1.2em;font-weight:bold; text-decoration: none;}
 
/*table#partners a:hover, table#providers a:hover, table#plans a:hover, table#americanpublic a:hover { color: #999999;}*/
 
 
/*--form validation styling--*/
form.hie-form label.error, label.error {
/* remove the next line when you have trouble in IE6 with labels in list */
color: red;font-style: italic;display: block;}
div.error { display: none; }
input.error { border: 1px dotted red; }
 
 
/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}
 
.clearfix:after { content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */