

/* Colors
light blue		#a2b5bc
lighter blue    #DDE3E6
pink			#c90044
brown			#cbb06d
dark blue		#3e4c58
*/

.txt_dkblue {
color: #3e4c58;
}

.container {
	background: #3e4c58;
	width: 980px;
}

.box {
	background: #fff;
}

.bkg_twocolumn 	{background: #fff url(../images/bkg_main.jpg) top left repeat-y;}
.bkg_white 		{background: #fff;}
.bkg_gray 		{background: #e6e6e6;}
.bkg_brown		{background: #cbb06d;}
.bkg_dkblue		{background: #212d81;}
.bkg_navy		{background: #3E4C58;}

/* =================== Typography ====================== */

p + ul {
	margin-top: -15px;
}

a, a:visited {
	color: #c90044;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #3e4c58;
	text-decoration: underline;
}

#title h1 {
	margin-top: 5px;
}

h1.hp_logo {
	display: block;
	float: left;
	width: 330px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -7777px;
	background: #c90044 url(../images/logo_hp.jpg) top left no-repeat;
}

h1.hp_logo a,
h1.hp_logo a:visited {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

h2 {
	color: #c90044;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

h2.blue {
	color: #3E4C58;
	border: 0;
	margin: 20px 0 20px;
	font-size: 1.3em; 
}

h3 {
	color: #212d81;
	font-size: 1.2em;
	font-weight: bold;
}

/* =================== Layout ====================== */

.push-1 {
	margin-left: 30px;
	display: inline;
}

.prepend-1 {
	padding-left: 30px;
}

.span-12 {
	width: 480px;
	border-left: 1px dotted #ccc;
	padding-left: 30px;
}

.span-18 {
	width: 660px;
	padding-right: 20px;
}

.span-22 {
	width: 872px;
}

.span-23 {
	width: 890px;
}

.brownbar {
	float: left;
	background: #cbb06d;
	width: 920px;
	height: 30px;
	margin: 30px 0 0 30px;
	display: inline;
}

#title {
	margin-bottom: 0px;
}

.breadcrumb {
	color: #a2b5bc;
	padding-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
	margin: 0 0 9px;
}
.span-18 .breadcrumb a {
	color: #a2b5bc;	
}
.breadcrumb a {
	color: #a2b5bc;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

#3_column {
	z-index:-1;
}

#main_content {
	xclear: left;
	float: left;
	width: 490px;
}

#full {
	z-index:-1;
}

/* =================== Top Links ====================== */

#header {
	display:block;
	width: 980px;
	background: #fff;
	float: left;
	height: 55px;
}

.logo {
	display:block;
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}
.search{
	display:block;
	margin:15px 0 0 0;
}
#top_nav {
	display:block;
	margin: -2px 0 -2px 0;
	padding: 0;
	height: 30px;
	background: #fff;
	float:right;
}

#top_nav ul{
	display:block;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
	width: 221px;
	background: url(../images/top_links.jpg) no-repeat;
}

#top_nav li {
	float: left;
	display: block;
}
	
#top_nav li a#for_professionals,
#top_nav li a#myuhc {
	background: url(../images/top_links.jpg) no-repeat;
	display: block;
	height: 30px;
	margin: 0px;
	position: relative;
	z-index: 100;
}

#top_nav li a#for_professionals {background-position: 0px 0px;width: 130px;}
#top_nav li a#myuhc {background-position: -130px 0px;width: 91px;}
#top_nav li a:hover#for_professionals {background-position: 0px -30px;width: 130px;}
#top_nav li a:hover#myuhc {background-position: -130px -30px;width: 91px;}

#top_nav strong {
	display: none;
}

#header form {
	float: right;
	margin: 0px 0 0 15px;
	padding: 0px;
}

#keywords {
	float: left;
	xheight: 24px;
	border: 0;
	margin: 0 -5px 0 0;
	padding: 5px 0 6px 5px;
	background: url(../images/search_input.jpg) top left no-repeat;
}

.sp2_field {
	float: left;
	border: 0;
	margin: 0 -5px 0 0;
	padding: 5px 0 6px 5px;
	background: url(/web_assets/images/search_input.jpg) top left no-repeat;
}
.sp2_adv_field {
	float: left;
	width: 169px;
	border: 0;
	margin: 0 -5px 0 0;
	padding: 5px 0 6px 5px;
	background: url(/web_assets/images/search_input_full.jpg) top left no-repeat;
}


.sp2_title {
}

.sp2_result{
}

.sp2_address {
color:#bbbbbb;
}

.sp2_i_select {
}

.sp2_btn {
}

.search_button {
	margin: 0;
	padding: 0;
}

/* =============== Main Page Content ================= */

.mp_content .content h3 {
	padding-top: 30px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bolder;
}

.mp_content .content p {
	color: #fff;
	width: 310px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
}

/* =================== Main Nav ====================== */

ul#main_nav {
	float: left;
	height: 56px;
	list-style: none;
	margin: 0px 0 0;
	padding: 0;
	width: 650px;
	background: url(../images/bkg_nav.jpg) no-repeat;
}

ul#main_nav li {
	float: left;
	display: block;
}
	
ul#main_nav li a#about_program,
ul#main_nav li a#pregnancy,
ul#main_nav li a#labor_delivery,
ul#main_nav li a#after_delivery,
ul#main_nav li a#resources {
	background: url(../images/bkg_nav.png) no-repeat;
	float: left;
	display:block;
	height: 56px;
	margin: 0px;
	position: relative;
	z-index: 100;
}

ul#main_nav li a#about_program {background-position: -50px 0px;width: 148px; margin-left: 50px;display: inline;}
ul#main_nav li a#pregnancy {background-position: -198px 0px;width: 96px;}
ul#main_nav li a#labor_delivery {background-position: -292px 0px;width: 126px;}
ul#main_nav li a#after_delivery {background-position: -418px 0px;width: 111px;}
ul#main_nav li a#resources {background-position: -529px 0px;width: 87px;}

ul#main_nav li a:hover#about_program {background-position: -50px -112px;width: 148px;}
ul#main_nav li a:hover#pregnancy {background-position: -198px -112px;width: 96px;}
ul#main_nav li a:hover#labor_delivery {background-position: -292px -112px;width: 126px;}
ul#main_nav li a:hover#after_delivery {background-position: -418px -112px;width: 111px;}
ul#main_nav li a:hover#resources {background-position: -529px -112px;width: 87px;}

body.about_program ul#main_nav li a#about_program{background-position: -50px -56px;width: 148px;}
body.pregnancy ul#main_nav li a#pregnancy{background-position: -198px -56px;width: 96px;}
body.labor_delivery ul#main_nav li a#labor_delivery{background-position: -292px -56px;width: 126px;}
body.after_delivery ul#main_nav li a#after_delivery{background-position: -418px -56px;width: 111px;}
body.resources ul#main_nav li a#resources{background-position: -529px -56px;width: 87px;}

#main_nav strong {
	display: none;
}

/* =================== Side Nav ====================== */

#side_nav {
	width: 200px;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

#side_nav ul {
	margin: 0;
}

#side_nav ul li {
	font-size: 1.1em;
	list-style: none;
	display: block;
	width: 200px;	
	margin: 0;
	border-bottom: 1px dotted #3e4c58;
}

#side_nav ul li a {
	color: #3e4c58;
	text-decoration: none;
	padding: 6px 20px 6px 10px;
	display: block;
	margin: 0;
}

#side_nav ul li ul:before {
	background: #fff;
}

#side_nav a:hover {
	color: #fff;
	background: #A3B5BC url(../images/bkg_rightnav_over.gif) right 50% no-repeat;
}

#side_nav ul li a.selected {
	color: #c90044;
	background: #fff url(../images/bkg_rightnav_on.gif) bottom right no-repeat;
}

/* Side Nav sub nav */

#side_nav ul li ul {
	background: #acbfc6;
}

#side_nav ul li ul li {
	width: 185px;
	font-size: .9em;
	padding-left: 15px;
	border-top: 1px dotted #70858d;
	border-bottom: 0px;
}

#side_nav ul li ul li a {
	font-weight: normal;
}

#side_nav ul li ul li a:hover {
	background: none;
}

#side_nav ul li ul li a.selected {
	color: #fff;
	font-weight: bold;
	background: none;
}

#side_nav form {
	margin-left: 10px;
}

#side_nav .sp2_adv_field {
	
}

/* =========== Inner Nav (Third Level) ====================== */

.inner_nav {
	width: 130px;
	float: left;
	background-image:url(../images/bkg_leftnav.gif);
	background-position:right;
	background-repeat: repeat-y;
	margin-right: 30px;
}

.inner_nav ul {
	list-style: none;
	margin: 0;
}

.inner_nav li {
	padding: 3px 0;
}

.inner_nav li a {
	font-weight: normal;
}

.inner_nav a:hover {
	text-decoration: underline;
}

.inner_nav .current {
	color: #3e4c58;
	font-weight: bold;
}

#prev_next {
	padding: 0 0 25px 0;
	border-bottom: 1px solid #D9D9D9;
	margin: 0 0 30px 0; 
	}

/* =================== Landing Pages ====================== */

#landing_page {
	float: left;
	display: inline;
	width: 920px;
	margin: 0 0 15px 30px;
	background: url(../images/bkg_landing.jpg) top left repeat-y;
}

#landing_page .billboard {
	width: 720px;
	height: 220px;
	margin: 0;
	padding: 0;
}

#landing_page .pregnancy {background: url(../images/bkg_landing_pregnancy.jpg) top left no-repeat;}
#landing_page .labor_delivery {background: url(../images/bkg_landing_labordelivery.jpg) top left no-repeat;}
#landing_page .after_delivery {background: url(../images/bkg_landing_afterdelivery.jpg) top left no-repeat;}
	
#landing_page .billboard h3 {
	margin-left: 30px;
	padding-top: 30px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bolder;
}

#landing_page .billboard p {
	margin-left: 30px;
	color: #fff;
	width: 370px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
}

#landing_page .billboard a {
	color: #fff;
	text-decoration: underline;
}

#landing_page .content {
	width: 720px;
	float: left;
	padding: 0 0 30px 0;
}

#landing_page .feature {
	width: 317px;
	float: left;
	background: #fff url(../images/feature_bottom.jpg) bottom left no-repeat;
	margin-left: 25px;
	margin-top: 20px;
	display: inline;
}

#landing_page .feature p {
	font-weight: bold;
	padding: 0px 0px 8px 14px;
	margin: 0 0 0 3px;
	background: url(../images/arrow_pink.jpg) 0 15% no-repeat;
}

/* =================== Home Page ====================== */

#home_content {
	width: 920px;
	float: left;
	display:inline;
	margin: 0 30px 20px 30px;
	padding: 0 0 30px 0;
}

#home_copy {
	width: 340px;
	xheight: 310px;
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	xpadding: 0px 30px 0 0;
}

#home_copy img {
	margin: 0;
	padding: 0;
}

#home_flash {
	width: 520px;
	height: 410px;
	float: left;
	padding:0;
}

#home_nav {
	margin: 0;
	padding: 0;
	float: left;
	height: 90px;
}

#home_nav ul{
	height: 90px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 340px;
	background: url(../images/homenav.png) no-repeat;
}

#home_nav li {
	float: left;
	display: block;
	width: 340px;
}
	
#home_nav li a.enroll,
#home_nav li a.resources,
#home_nav li a.coverage {
	background: url(../images/homenav.png) no-repeat;
	display: block;
	height: 90px;
	margin: 0px;
	position: relative;
	z-index: 100;
	width: 340px;
}

#home_nav li a.enroll {background-position: 0px 0px;height: 35px;}
#home_nav li a.resources {background-position: 0px -35px;height: 21px;}
#home_nav li a.coverage {background-position: 0px -56px;height: 34px;}

#home_nav li a:hover.enroll {background-position: 0px -90px;height: 35px;}
#home_nav li a:hover.resources {background-position: 0px -125px;height: 21px;}
#home_nav li a:hover.coverage {background-position: 0px -146px;height: 34px;}

#home_nav strong {
	display: none;
}

/* =================== Resources Page ====================== */

#resources {
	float: left;
	display: inline;
	width: 920px;
	margin: 0 0 15px 30px;
}

.half {
	width: 385px;
	float: left;
	margin-left: 25px;
	background: #fff;
	display: inline;
	background: #fff url(../images/half_bottom.jpg) bottom left no-repeat;
}

.half h4 {
	background: #212d81 url(../images/half_top.jpg) top left no-repeat;
	color: #fff;
	padding: 12px;
	margin: -18px -18px 20px;
	font-weight: bold;
}

/* =================== Third width for tables ============== */

.third_width th,td{
	width: 177px;
}

/* =================== Resources Page ====================== */

#about_page {
	width: 890px;
	float: left;
	xoverflow: auto;
	display: inline;
	margin: 0 0 20px 30px;
	padding-bottom: 7px;
	background: url(../images/thirds_bottom.jpg) bottom left no-repeat;
}

.thirds {
	width: 230px;
	float: left;
	margin-right: 30px;
	margin-bottom: 3px;
	padding-bottom: 0;
	font-weight: bold;
	background: #fff;
}

.thirds h4 {
	background: #212d81 url(../images/thirds_top.jpg) top left no-repeat;
	color: #fff;
	padding: 10px 18px;
	margin: -18px -18px 20px;
	font-weight: bold;
}

#about_page .thirds h4 a {
	color: #fff;
}

/* =================== Footer ====================== */

.footer {
	margin-top: 10px;
	float: left;
	width: 980px;
	background: #e6e6e6;
	color: #3e4c58;
	font-size: 11px;
}

.footer ul {
	list-style: none;
	margin: 11px 0 0 30px;
	width: 730px;
	float: left;
	display: inline;
	color: #3e4c58;
}

.footer li {
	float: left;
	color: #3e4c58;
}

.container .footer li a {
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #cccccc;
	text-decoration: none;
	font-weight: bold;
	color: #3e4c58;
}

.footer li a:hover {
	color: #777;
	text-decoration: underline;
}

.footer li a.last {
	border-right: none;
}

.footer p {
	float: left;
	xclear: both;
	margin: 0px 0 0px 30px;
	padding-bottom: 10px;
	display: inline;
	width: 730px;
}

/* =================== Table cell coloring ============= */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #aaa;
	font-size: .9em;
	text-align: left;
}

td, th {
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	vertical-align: top;
}
.updater {
	border:0;
}
.updater td, th {
	border-right: 0px solid #aaa;
	border-left: 0px solid #aaa;
	border-top: 0px solid #aaa;
	vertical-align: top;
}

.up_nested td, th {
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	vertical-align: top;
}

table th {
	background: #212d81;
	xtext-align: center;
	line-height: 1em;
	padding: 10px 10px 10px 7px;
	color: #fff;
	font-size: 1.2em;
}

.td_bg_tan {
	background-color:#CCCC99;
}

.td_bg_blu {
	background-color:#99CCFF;
}

.td_bg_grn {
	background-color:#CCFFFF;
}

.td_calculator {
	background: #212d81;
	background-image: url(../images/icon_calculator_blue.png);
	background-position: 12px;
	background-repeat: no-repeat;
	height: 32px;
}

.td_calculator p {
	color: #A3B5BC;
	margin: 4px 0 0 40px;
	font-weight: bold;
	font-size: 1.3em;
	width: 400px;
}

/*=======*/
.w200 {
width:200px;
}

.tableSource {
font-size:9px;
}


/* =================== sIFR ====================== */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #title h1 {
    font-family: Verdana;
    visibility: hidden;
	margin: 5px 0 0;
  }
}

/* ================== Bubble Tips ====================== */

#bubbles a {
	cursor: help;
	z-index:150;
}

#bubbles2 a,
#bubbles3 a,
#bubbles4 a,
#bubbles5 a {
	cursor: help;
}

.tooltip {
	width: 230px; color:#3E4C58;
	font:bold 12px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:left;
	z-index:199;
	}
 
.tooltip span.top {
	padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top;
    }
 
.tooltip b.bottom {
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bt.gif) no-repeat bottom;
    }
	
.tooltip_A {
	width: 230px; color:#000;
	font:bold 12px/1.3 Arial,sans-serif;
	text-decoration:none;text-align:left;
	z-index:198;
	}
 
.tooltip_A span.top{
	padding: 15px 8px 0;
    background: url(../images/bt_top.gif) no-repeat top
    }
 
.tooltip_A b.bottom{
	padding:3px 8px 35px;
	color: #548912;
    background: url(../images/bt_top.gif) no-repeat bottom
    }
    
/* ========= Classes ============ */

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.adam {
	margin: 20px 0 30px 0;
	color: #BBBBBB;
	font-size: 11px;
	line-height: 12px;
	padding: 0;
	}
.adam a {
	color:#BBBBBB;
	text-decoration: underline;
	}
.adam a:visited {
	color:#999999;
	text-decoration: underline;
	}
	
.print {display: none;}	

.print_header {display:none;}


:focus { outline:0; }