/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Swanson Russell      */
/*    Date: September 1, 2009       */
/*==================================*/

/*==================================*/
/*------------- CONTENT ------------*/
/*==================================*/
#subheader_wrapper {
	width: 900px;
	background: url(/_ui/skin/img/main/secondary_header_bg.gif) 0px 0px no-repeat #0384c4;
}

#subheader {
	width: 900px;
	background: url(/_ui/skin/img/subheaders/blueessentials.jpg) 100% 0px no-repeat; /* Defaults to blue essentials image */
}

/*----------- SUBHEADER IMAGES ---------*/

/* Main Pages */
body.compare-plans #subheader {background: url(/_ui/skin/img/subheaders/compare-plans.jpg) 100% 0px no-repeat;}
body.need-help-choosing #subheader {background: url(/_ui/skin/img/subheaders/need-help-choosing.jpg) 100% 0px no-repeat;}
body.tools-resources #subheader {background: url(/_ui/skin/img/subheaders/tools-and-resources.jpg) 100% 0px no-repeat;}
body.bcbsne-difference #subheader {background: url(/_ui/skin/img/subheaders/the-bcbs-difference.jpg) 100% 0px no-repeat;}
body.contact-us #subheader {background: url(/_ui/skin/img/subheaders/contact-us.jpg) 100% 0px no-repeat;}
body.internet-privacy-policy #subheader {background: url(/_ui/skin/img/subheaders/privacy-policy.jpg) 100% 0px no-repeat;}
body.legal-disclaimers #subheader {background: url(/_ui/skin/img/subheaders/legal.jpg) 100% 0px no-repeat;}

/* Secondary Pages */
body.bluehealth-advantage #subheader {background: url(/_ui/skin/img/subheaders/bluehealth-advantage.jpg) 100% 0px no-repeat;}
body.online-member-services #subheader {background: url(/_ui/skin/img/subheaders/online-member-services.jpg) 100% 0px no-repeat;}
body.insurance-glossary #subheader {background: url(/_ui/skin/img/subheaders/insurance-glossary.jpg) 100% 0px no-repeat;}
body.find-a-provider #subheader {background: url(/_ui/skin/img/subheaders/find-a-provider.jpg) 100% 0px no-repeat;}
body.drug-formulary #subheader {background: url(/_ui/skin/img/subheaders/drug-formulary.jpg) 100% 0px no-repeat;}

/* Plans pages */
body.blueessentials #subheader {background: url(/_ui/skin/img/subheaders/blueessentials.jpg) 100% 0px no-repeat;}
body.blueessentials-hsa #subheader {background: url(/_ui/skin/img/subheaders/blueessentials-hsa.jpg) 100% 0px no-repeat;}
body.bluepreferred-basic #subheader {background: url(/_ui/skin/img/subheaders/bluepreferred-basic.jpg) 100% 0px no-repeat;}
body.bluepreferred-value #subheader {background: url(/_ui/skin/img/subheaders/bluepreferred-value.jpg) 100% 0px no-repeat;}
body.bluepreferred-value-hsa #subheader {background: url(/_ui/skin/img/subheaders/bluepreferred-value-hsa.jpg) 100% 0px no-repeat;}
body.tempcare #subheader {background: url(/_ui/skin/img/subheaders/tempcare.jpg) 100% 0px no-repeat;}
body.medicare #subheader {background: url(/_ui/skin/img/subheaders/medicare.jpg) 100% 0px no-repeat;}

/*------------- BREADCRUMBS ------------*/

ul#breadcrumbs {
	width: 892px;
	height: 24px;
	list-style: none;
	padding: 0 0 0 8px;
}

#breadcrumbs li {
	float: left;
	width: auto;
	font-size: .7em;
}

#breadcrumbs li a {
	color: #0093d0;
	padding: 0 12px 0 7px;
	background: url(/_ui/skin/img/main/breadcrumb_arrow.gif) 100% 50% no-repeat;
}

#breadcrumbs li a:hover {
	color: #d08400;
}

#breadcrumbs li.active a {
	color: #888887;
	font-weight: bold;
	background: none;
}

h1 {
	width: 590px;
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	padding: 22px 295px 22px 15px;
	line-height: 130%;
}

/*------------- INSIDE CONTENT WRAPPER ------------*/

#content_wrapper {
	background: url(/_ui/skin/img/main/secondary_content_wrapper_bg.jpg) 0px 0px no-repeat #fff;
	width: 900px;
	font-size: .8em;
	color: #515151;
}

/*------------- COLUMN 1 ------------*/

#content_col1 {
	float: left;
	width: 180px;
	border: 1px solid #ececec;
	border-width: 1px 0 0 0;
	padding: 8px 0 0 0;
}

/* Sidebar Nav */
#side_nav_wrapper {
	width: 180px;
	background:url(/_ui/skin/img/main/side_nav_wrapper_bg.gif) 0px 0px repeat-y;
	margin: 0 0 15px 0;
}

#side_nav_wrapper_bottom {
	width: 162px;
	background: url(/_ui/skin/img/main/side_nav_wrapper_bottom_bg.gif) 0px 100% no-repeat;
	padding: 6px 9px 20px 9px;
}

#side_nav {
	width: 162px;
	border: 1px solid #ececec;
	border-width: 1px 0 0 0;
}

ul#side_nav li {
	width: 162px;
	list-style: none;
	border: 1px solid #ececec;
	border-width: 0 0 1px 0;
}

#side_nav a {
	width: 132px;
	display: block;
	color: #0093d0;
	padding: 10px 22px 10px 8px;
	background: url(/_ui/skin/img/main/sidenav_arrows.gif) 146px 50% no-repeat;
}

#side_nav a:hover, #side_nav li.active a {
	background: url(/_ui/skin/img/main/sidenav_arrows.gif) -149px 50% no-repeat;
	color: #d08400;
}

#side_nav li.active a {
	font-weight: bold;
}

#content_col1 .widget_wrapper {
	width: 180px;
	background: url(/_ui/skin/img/main/widget_left_wrapper_middle.gif) 0px 0px repeat-y;
	margin: 0 0 6px 0;
	font-size: .86em;
}

#content_col1 .widget_wrapper_top {
	background: url(/_ui/skin/img/main/widget_left_wrapper_top.gif) 0px 0px no-repeat;
	width: 180px;
}

#content_col1 .widget_wrapper_bottom {
	background: url(/_ui/skin/img/main/widget_left_wrapper_bottom.gif) 0px 100% no-repeat;
	width: 154px;
	padding: 12px 13px 23px 13px;
}

#content_col1 h3 {
	font-weight: normal;
	font-size: 1.6em;
	padding: 0 0 4px 0;
	color: #0093d0;
}

#content_col1 .widget_wrapper a{
	width: 124px;
	display: block;
	padding: 0 30px 2px 0;
	color: #0093d0;
}

#content_col1 .widget_wrapper a:hover {
	color: #e8a530;
}

#content_col1 .widget_wrapper li{
	width: 154px;
	list-style: none;
	line-height: 110%;
	padding: 2px 0 2px 0;
}

/*------------- COLUMN 2 ------------*/

#content_col2 {
	float: left;
	width: 484px;
	padding: 18px 10px 18px 18px;
}

#content_col2 ul, #content_col2 ol {
	padding: 0 0 20px 0;
}

#content_col2 ol li {
	list-style: decimal;
	background: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
	color: #0093d0;
	font-weight: bold;
}

#content_col2 ol li p {
	color: #888887;
	font-weight: normal;
	padding: 0;
	margin: 0;
	display: inline;
}

#content_col2 h2{
	color: #0093d0;
	font-weight: normal;
	font-size: 1.4em;
	padding: 0 0 12px 0;
}

#content_col2 .footnote{
    font-style:italic;
    text-align:right;
}

#content_col2 blockquote{
	width: 449px;
	padding: 0 10px 15px 25px;
	background: url(/_ui/skin/img/main/blockquote_bg.gif) 0 0 no-repeat;
	font-style:italic;
}

#content_col2 blockquote .author {
	font-weight: bold;
	font-style: normal;
	background: url(/_ui/skin/img/main/quote_author_bg.gif) 0px 50% no-repeat;
	padding: 0 0 0 12px;
}

#content_col2 li {
	list-style: none;
	background: url(/_ui/skin/img/main/bullet.gif) 0px 5px no-repeat;
	padding: 0 0 0 10px;
}

#content_col2 p {
	padding: 0 0 12px 0;
}

#content_col2 h3, #content_col2 h4, #content_col2 h5, #content_col2 h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 12px 0;
}

#content_col2 h4, #content_col2 h5, #content_col2 h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
}

#content_col2 #quote_window {
	width: 172px;
	height: 154px;
	background: url(/_ui/skin/img/main/quote_window.gif) 0px 0px no-repeat;
	float: right;
	padding: 14px 0 0 0;
	margin: 0 0 0 10px;
	color: #fff;
	line-height: 140%;
	position: relative;
}

.prices div {
	display: none;
}

#content_col2 #quote_window h2 {
	font-size: 1em;
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 16px;
	width: 156px;
	margin: 0;
	height: 20px;
}

#content_col2 #quote_window sup {
	font-size: 1.5em;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 16px;
}

#content_col2 #quote_window p {
	padding: 0;
	margin: 0;
	width: 172px;
	height: 42px;
	display:block;
	position: relative;
}

#content_col2 #quote_window .number {
	font-weight: bold;
	font-size: 2.6em;
	position: absolute;
	line-height: 100%;
	left: 29px;
	top: 0px;
}

#content_col2 #quote_window .plan_type {
	font-size: 1.2em;
	position: absolute;
	right: 16px;
	top: 8px;
	width: 70px;
	text-align: center;
}

#content_col2 #quote_window a {
	display: block;
	position: absolute;
	width: 172px;
	height: 52px;
	left: 0px;
	bottom: 0px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(/_ui/skin/img/main/quote_window.gif) 0px -116px no-repeat;
}

#content_col2 #quote_window a:hover {
	background: url(/_ui/skin/img/main/quote_window.gif) 0px -168px no-repeat;
}

/*--- Table Styling ---*/

.half_width {width: 238px;}
.quarter_width {width: 119px;}

.table_wrapper {
	width: 476px;
	background: url(/_ui/skin/img/main/table_wrapper_bg.gif) 0px 0px no-repeat #eeeeef;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
}

.table_header {
	width: 476px;
	border: 1px solid #ce8714;
	border-width: 0 0 3px 0;
}

#content_col2 .table_wrapper h3 {
	padding: 0 0 12px 12px;
	font-size: 1em;
}

#content_col2 .table_wrapper p{
	padding-left:12px;
}

#content_col2 .tables {
	width: 476px;
	background-color: #fff;
}

table {
	width: 476px;
	border: 1px solid #ececec;
	border-width: 1px 0 0 1px;
	background-color: #f7f7f8;
}

th {
	border: 1px solid #ececec;
	border-width: 0 1px 1px 0;
	background: url(/_ui/skin/img/main/thead_bg.gif) 0px 0px repeat-x #f2f2f3;
	padding: 10px;
	font-weight: bold;
}

td {
	border: 1px solid #ececec;
	border-width: 0 1px 1px 0;
	padding: 15px 10px 15px 10px;
}

.odd td {
	background-color: #fafafa;
}

.table_footer {
	border: 1px solid #ce8714;
	border-width: 3px 0 0 0;
	background: url(/_ui/skin/img/main/table_footer_bg.gif) 0px 100% no-repeat;
	padding: 8px 10px 12px 10px;
	width: 456px;
}

.table_footer .learnmore_but {
	float: left;
	font-size: .85em;
}

.table_subhead, .odd .table_subhead {
	background-color: #ececec;
	font-weight: bold;
}

.table_subhead_empty , .odd .table_subhead_empty {
	background-color: #ececec;
	height: 5px;
	padding: 0;
}

/*--- Tabs ---*/

#content_col2 ul.tabs {
	margin: 0 0 5px 10px;
	padding: 0;
	height: 26px;
	width: 466px;
}

#content_col2 .tabs li {
	list-style: none;
	background: none;
	width: auto;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}

#content_col2 .tabs li a{
	background: url(/_ui/skin/img/main/tabs.gif) 0px 0px repeat-x;
	color: #fff;
	width: auto;
	padding: 8px 10px 8px 10px;
}

#content_col2  ul.tabs a { 
	background: url(/_ui/skin/img/main/tabs.gif) -94px 0px repeat-x;
	display:block;
	height: 21px;
	width: 62px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:5px 0 0 0;
	margin:0px;	
	position:relative;
}

#content_col2 ul.tabs a:hover {
	background-position: -94px -26px;	
	color:#fff;	
}

#content_col2 ul.tabs a.active, #content_col2 ul.tabs a.active:hover, #content_col2 ul.tabs li.active a {
	background-position: -94px -52px;	
	color:#fff;	
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
#content_col2 ul.tabs li.w1 a 			{ background-position: 0 0; width:42px; }
#content_col2 ul.tabs li.w1 a:hover 	{ background-position: 0 -26px; }
#content_col2 ul.tabs li.w1 a.active { background-position: 0 -52px; }

/* width 2 */
#content_col2 ul.tabs li.w2 a			{ background-position: -42px -0px; width:52px; }
#content_col2 ul.tabs li.w2 a:hover 	{ background-position: -42px -26px; }
#content_col2 ul.tabs li.w2 a.active { background-position: -42px -52px; }

/* width 3 */
#content_col2 ul.tabs li.w3 a 			{ background-position: -94px -0px; width:62px; }
#content_col2 ul.tabs li.w3 a:hover 	{ background-position: -94px -26px; }
#content_col2 ul.tabs li.w3 a.active { background-position: -94px -52px; }

/* width 4 */
#content_col2 ul.tabs li.w4 a			{ background-position: -156px -0px; width:72px; }
#content_col2 ul.tabs li.w4 a:hover 	{ background-position: -156px -26px; }
#content_col2 ul.tabs li.w4 a.active { background-position: -156px -52px; }

/* width 5 */
#content_col2 ul.tabs li.w5 a 			{ background-position: -228px -0px; width:82px; }
#content_col2 ul.tabs li.w5 a:hover 	{ background-position: -228px -26px; }
#content_col2 ul.tabs li.w5 a.active { background-position: -228px -52px; }

/* Product Matrix Styles*/

.matrix_widget_wrapper {
	width: 238px;
	background: url(/_ui/skin/img/main/matrix_widget_wrapper_bg.jpg) 0px 0px repeat-y;
	margin: 0 0 10px 0;
}

.matrix_widget_wrapper.left {
	float: left;	
}

.matrix_widget_wrapper.right {
	float: right;
}

.matrix_widget_bottom {
	width: 238px;
	background: url(/_ui/skin/img/main/matrix_widget_bottom.jpg) 0px 100% no-repeat;
}

.matrix_widget {
	width: 228px;
	background: url(/_ui/skin/img/main/matrix_widget_bg.jpg) 0px 0px no-repeat;
	padding: 18px 0 18px 10px;
}

.matrix_widget .plan_type {
	float: left;
	width: 145px;
}

.matrix_widget .plan_highlight {
	float: left;
	width: 72px;
	text-align: center;
	color: #fff;
	text-transform:uppercase;
	line-height: 160%;
}

.matrix_widget .number {
	font-size: 1.8em;
	font-weight: bold;
}

.matrix_widget .smalltext {
	font-size: 1em;
	text-transform: none;
	padding: 0;
	margin: 0;
}

.matrix_widget .plan_type p {
	width: 135px;
	padding: 0 10px 12px 0;
}

#content_col2 .matrix_widget h3 {
	font-weight: normal;
	font-size: 1.3em;
	padding: 0 0 3px 0;
}	

.matrix_widget .subhead {
	color: #0093d0;
	font-style:italic;
}

.matrix_widget .hr {
	border: 1px solid #f2f2f2;
	border-width: 0 0 1px 0;
	margin: 0 10px 10px 10px;
	width: 52px;
}

.matrix_widget sup {
	 font-size: .6em;
}


/*------------- COLUMN 3 ------------*/

#content_col3 {
	float: left;
	width: 208px;
	padding: 16px 0 0 0;
	font-size: .85em;
}

#content_col3 .learnmore_but {
	font-size: 1.1em;
}

/*----- Widget Wrapper -----*/

.widget_wrapper.orange{
	background: url(/_ui/skin/img/main/widget_left_wrapper_middle_orange.gif) 0px 0px repeat-y;
}

.widget_wrapper.orange .widget_wrapper_top {
	background: url(/_ui/skin/img/main/widget_wrapper_top_orange.gif) 0px 0px no-repeat;
}

.widget_wrapper.orange .widget_wrapper_bottom {
	background: url(/_ui/skin/img/main/widget_wrapper_bottom_orange.gif) 0px 100% no-repeat;
}

.widget_wrapper {
	width: 193px;
	background: url(/_ui/skin/img/main/widget_wrapper_middle.gif) 0px 0px repeat-y;
	margin: 0 0 6px 0;
}

.widget_wrapper_top {
	background: url(/_ui/skin/img/main/widget_wrapper_top.gif) 0px 0px no-repeat;
	width: 193px;
}

.widget_wrapper_bottom {
	background: url(/_ui/skin/img/main/widget_wrapper_bottom.gif) 0px 100% no-repeat;
	width: 167px;
	padding: 12px 13px 23px 13px;
}

#content_col3 h3 {
	font-weight: normal;
	font-size: 1.5em;
	padding: 0 0 4px 0;
}

/*---------NEED ADVICE CALLOUT-------------*/

#content_col3 .widget_need_advice {
	background: url(/_ui/skin/img/main/phone.jpg) top left no-repeat;
	width: 193px;
	height: 84px;
	margin-top: 4px;
}

#content_col3 .widget_need_advice h3 {
	font-size: 1.6em;
	padding-top: 2px;
	margin-left: 50px;
}

#content_col3 .widget_need_advice p {
	font-size: 1.5em;
	margin-top: 2px;
	margin-left: 50px;
}



/*------------- TWO COLUMN LAYOUT ------------*/
	
.two-column #content_wrapper {
	background: url(/_ui/skin/img/main/secondary_content_wrapper_bg_2col.jpg) 0px 0px no-repeat #fff;
}	
	
.two-column #content_col1 {
	display: none;
}

.two-column #content_col2 {
	width: 664px;
}

/* Two Column Layout Tables */

.two-column .table_wrapper {
	width: 664px;
}

.two-column .table_header {
	width: 664px;
}

.two-column #content_col2 .tables {
	width: 664px;
}

.two-column #content_col2 table {
	width: 663px;
	border: 1px solid #ececec;
}

.two-column .table_footer {
	width: 644px;
}
