/*	base_global.css contains styles that are used throughout the entire site
	things like the document's BODY and SPONSOR LOGOS
*/
 
/*	change the cursor for form field labels */
label {
	cursor:pointer
}

/*	define basic font family and sizes 
 *	change this to affect the base style of all text on the web site
 *	other styles, such as error text, applies itself ON TOP OF this. so no need to repeat font-family etc later.
 *	A is for the basic link style
 */
body {
	background-color:#fff;
	color: #000;
	font-family: times new roman,serif; 
}


a, a:VISITED, a:ACTIVE, a:HOVER {
	text-decoration: underline;
}


h2 {
	font-size:115%;
}


/*	ccen is a container used to center stuff */
div.ccen {
	clear:both; 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*FIT 17018 - display:none for #font_size_changer #label_text, 
#font_size_changer div, #font_size_changer .inactive_font,
#font_size_changer to remove the font sice changer since it
was overlaping with My HealtheMedia logo*/

#tn_c, #sn_c, #footl, #footb, #footr, #capl, #capb, #capr, #l, #r,
#m_top, #m_bot, div.m_on, div.m_roll, div.m_off, div.m_off_check,
#secname, .error, #fn_c, #sidecon, #sidecon2, #image1, #image2,
#image3, #top, #time_out, .wrapper2_parent_nav_container,#backToPlanButtonCenter,
.wrapper_top_nav, .wrapper_top_bar, .wrapper_top_logo,#font_size_changer #label_text, 
#font_size_changer div, #font_size_changer .inactive_font, #font_size_changer {
	display: none;
}

/*	bc are styles for the breadcrumb trail
 *	div is for the container that holds it (and all un-linked text)
 *	a.bc is the link style
 */
#bc, #bc_sub {
	position:absolute;
	left:8px;
	top:100px;
	font-size:12px; 
}

#bc a, #bc a:ACTIVE, #bc a:VISITED, #bc_sub a, #bc_sub a:ACTIVE, #bc_sub a:VISITED {  
	text-transform: lowercase;
}


#bpad,
.body_pad {
	height:112px;
}

#b_both, #b_ronly, #b_lonly, #b_none {
	padding:0px; 
	width: 100%;
	position: relative;
}

#lin {
	font-size:12px;
	position:absolute;
	right:10px;
	top:100px;
	width:250px;
	text-align:right;
}

#title, #title_sub {
	visibility:hidden;
}

#content {
	width: 100%;
	line-height:130%;
	font-size:95%;
	position: relative;
}


/*	fbutton is for form submit buttons */
input.fbutton, div.bn_off, div.bn_on {
	cursor:pointer; 
	border: solid black 2px;
	background-color:#fff; 
	padding:2px; 
	font-size: 95%; 
	color:#000; 
	font-weight:bold;
}

/*	bn is for 'bottom navigation'
 *	(that is, the prev/next links when they are used)
 *	div.bnall is for the whole thing
 *	div.bn is for each link inside
 */


div.bn_off a, div.bn_off a:VISITED, div.bn_off a:ACTIVE, div.bn_off a:HOVER {
	text-decoration: none;
}

/*	these are for logos */
#logo1, #logo2, #logo3 {
	position:absolute;
	padding:0px;
	background-repeat:no-repeat;
	background-position:center center;
	height:75px;
	width:170px;
}

#logo1 {
	left:0px;
	padding-left: 20px;
	top:0px;
	width:170px;
	height:77px
}

#logo2 {
	left:220px;
	top:0px;
	width:150px;
}

#logo3 {
	left:440px;
	top:0px;
	width:150px;
}

/*
	qspace is the spacer before extraspace; used to be q
*/
div.qspace{
	clear: both; 
	margin-top: 5px; 
	position: relative; 
}

/*	layout of text questions 
 *	
 *	q is the container for a question
 *	
 *	qh is for questionnaire headings/information between sets of questions
 *
 *	ql and qf are a pair for when questions are lined up with the form
 *	label on the left with the field to its right, like this..
 *		field name: ________
 *		  [ql]          [qq]
 *	ql is for the left label part (first name: )
 *	qf is for the form field (the right part)
 *	
 *	qq is for the question being asked when it is positioned above form elements
 *	
 *	qo is for an option that comes beneath a main question (qq)
 *	like, one for each radio button, or checkbox.
 *	
 *	qi is for an indented option, like for when it's like
 *	enter your full name into the box below:
 *			_________
 */
div.q { 
	clear: both; 
	margin-top: 5px; 
	position: relative;
}
div.qh {
	clear:both;
	margin-top:20px;
	padding:4px;
}
div.ql { 
	float: left; 
	text-align: right;
	font-weight:bold;
	position: relative;
}
div.qq {
	clear: both;
}
div.qf { 
	float: left; 
	padding-left:5px;
	position: relative;
}
div.qo {
	margin-left: 30px;
	clear: both;
	text-indent: -20px;
}
div.qi {
	margin-left: 30px;
	clear: both;
}

.servings_table {
	width: 400px;
	font-size:85%;
}

.servings_top {
	width:400px;
	height: 10px;
	background: url('/balance/img/guide/yellow_top.gif') no-repeat;
}

.servings_header {
	text-align: left;
	padding-left: 7px;
	padding-bottom: 5px;
	font-weight: bold;
	background: #F2CF5E;
}

#servings_header_1 {
	width:160px;
}

.servings_row {
	text-align:left;
	padding-left: 7px;
	border-left: solid 1px #F2CF5E;
}

#servings_row_right {
	border-right: solid 1px #F2CF5E;
}

#servings_row_a {
	background: #F9F3DA;
}

#servings_row_b {
	background: none;
}

.servings_row_bottom {
	padding:0px;
	height:16px;
}

#servings_row_bottom_1 {
	height: 20px;
	border: none;
	width: 160px;
	background: url('/balance/img/guide/yellow_btmleft.gif') no-repeat bottom left;
}

#servings_row_bottom_2 {
	border-left: solid 1px #F2CF5E;
	border-bottom: solid 1px #F2CF5E;
	width: 120px;
	height: 20px;
}

#servings_row_bottom_3 {	
	height: 20px;
	border: none;
	border-left: solid 1px #F2CF5E;
	width: 120px;
	background: url('/balance/img/guide/yellow_btmright.gif') no-repeat bottom right;
}

.key_parts_content {
	background: #F7F0F9;
	padding:0px;
	padding-left:15px;
	padding-right:20px;
}

.rate_box_content {
	border-left: 1px solid #D6BAE3;
	border-right: 1px solid #D6BAE3;
	padding:0px;
	padding-left:15px;
	padding-right:15px;	
	padding-bottom: 5px;
}

.imageLeft {
	padding-right: 15px;
	padding-bottom: 5px;
}

.bp_chol_child_table {
	width:420px;
}
.bp_chol_content {
	width:435px;
	background:url('/succeed/img/bpchol/bp_blue_bkgd.gif') repeat-y;
	text-align:center;
}

.bphcol_numbers_col_header {
	padding:0px;
	text-align:left;
	color:#333399;
	font-family:verdana;
	font-size:12px;
	padding-left:15px;		
}

.bp_chol_table_header {
	padding:0px;
	width:435px;
	height:13px;
	background:url('/succeed/img/bpchol/bp_blue_top.gif') no-repeat;
}

.bp_chol_table_footer {
	width:435px;
	height:13px;
	background:url('/succeed/img/bpchol/bp_blue_btm.gif') no-repeat;
}		

.bphcol_numbers_col, .bphcol_numbers_col_blue {
	color:#333399;
	text-align:left;
	font-family:verdana;
	font-size:19px;
	padding:0px;
	padding-left:15px;
}	

.bphcol_numbers_col_blue {
	background:#d6e8f9;
}

#bphcol_numbers_col_border_left, .bphcol_numbers_bp_col_border_left {
	background-image:url('/succeed/img/bpchol/bp_vert_line.gif');
	background-position:left;
	background-repeat:repeat-y;
}

.bphcol_numbers_bp_col_border_left {
	width:9px;
	padding:0px;
}

.customStyle1 {
	font-size:12px;
}

.bphcol_numbers_divider {
	font-size:12px;
}

#bphcol_numbers_bp_left_col {
	width:175px;
}

.bpchol_bp_numbers_top, .bpchol_bp_numbers_bottom {
	font-family:verdana;
	color:#333399;
	font-size:28px;		
	text-align:center;
	margin:0px;
	padding:0px;			
}	

.bpchol_bp_numbers_top {
	padding-top:10px;
	padding-bottom:9px;
	background:url('/succeed/img/bpchol/bp_blue_line.gif') no-repeat center bottom;
}

.bpchol_bp_numbers_bottom {
	padding-top:6px;
	padding-bottom:10px;
}

.skip_to_main_content {
	display: none;
}