/********************************************************************
Usage:
This style sheet contains the MyHealthMedia default design spec
implementation the portions of the site that are part of a
standard portal private label.

This style sheet is broken up into 2 major portions:
1) Dimensions and positioning of the containers
2) Color and image definitions

If all you need to do is change colors and images, but not the
dimensions and positioning of the containers, the second portion of
the this style sheet should just simply be copied/pasted into a new
stylesheet, and then modified.

Only copy over what you'd like to be different than the stanard MHM
implementation, because this style sheet is always included by default.
********************************************************************/

/********************************************************************
DIMENSIONS AND POSITIONING
********************************************************************/

/********************************************************************
Global Styles

These defintions either define the dimensions and positioning of
the customizable portions of the site and define the styles of parent
containers of the customizable portions of the site.
********************************************************************/


/*
	site_container_outer surrounds all content to center it.  site_modifier_structure is used to 
	center the content.  Note that text-align: center is used to fool
	older browsers, meaning that the first inner container must have text-align: left to remove centering of
	child text.
	
	To left-align the site, simply override text alignment and margins in site_container_outer.
	text-align: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	
	Also,	expanding width to 100% and then doing the same for .site_wrapper and .wrapper_top_bar will stretch 
	the top navigation across the page.
	
*/

.site_modifier_structure {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*
	#all uses a negative margin to layer it over the site_wrapper.
*/
#all {
	position: relative;
	text-align: left;
	width: 850px;
	border: none;
	margin-top: -66px;
	z-index: 1;
}

/**
	b_lonly contains the content when left navigation is present
 */
#b_lonly {
	width: 670px;
	border-left: none;
	margin-left: 180px;
}

#b_none {
	width: 100%;
	border: none;
}

#b_both {
	width: 491px;
	border-left: none;
	margin-left: 180px;
}

#r {
	left: 690px;
}

#content {
	padding: 0px 5px 30px 45px;
}

#title, #title_sub {
	padding-left: 45px;
}

/**
   #l is left navigation
 */
#l {
	top: 61px;
	width: 180px;
}

/**
	footer elements
 */
div.fn_l, div.fn_r {
	border: none;
}

/**
	Container for mhm powered by logo is enabled server-side, otherwise not drawn
*/

#fn_powered_by {
	height: 40px;
	background:url('/img/base/wrapper/1024/poweredbyhm_logo.gif') no-repeat;
	background-position: top center;
}

#fn_c_container {
	text-align: center;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}
#fn_c {
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('/img/base/homestage/wrapper/footer.gif');
	margin-left: auto;
	margin-right: auto;
	height: 42px;
	padding-top: 20px;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 22px;
}
.pholder{}

.fn_r {
	display: none;
}

.fn_l {
	display: none;
}

div.fn_off {
	font-family: arial;
	font-size: 11px;
	height: 14px;
	padding-top: 0px;
}
div.fn_off a, div.fn_off a:visited {
	color: #666666;
}

div.fn_bet {
	height: 14px;
	padding-top: 0px;
}

#f {
	background: none;
	padding-left: 0px;
	text-align: center;
	border-top: none;
	padding-top: 0px;
	color: #666666;
	font-family: arial;
	font-size: 11px;
	height: 15px;
	width: 100%;
}

#f_copyright {
	margin-left: auto;
	margin-right: auto;
}

/** end footer elements **/

#site_modifier_structure_no_left_nav #title, #site_modifier_structure_no_left_nav #title_sub, 
#site_modifier_structure_no_left_nav #content {
	padding-left: 105px;
	padding-right: 105px;
}

/********
 Left menu display
********/
.level_1_active {
	background-image:url('/img/base/wrapper/1024/nav_square.gif');
}

.level_1_expanded {
	background-image:url('/img/base/wrapper/1024/nav_arrow_down.gif');
}

.level_1_off, .level_1_inactive {
	background-image:url('/img/base/wrapper/1024/nav_bg_img.gif');
}
/********************************************************************
Logos and definition for the top wrapper container, which has the 
content below it layered over itself using a negative margin.  The site_logo
is a site identifier positioned above the left navigation elements, 
and is not displayed by default.  This can be used in conjunction with the
sponsor logo for incresed flexibility - for example, placing #logo1 over the
site_logo graphic via absolute positioning and z-index. 
********************************************************************/
.site_wrapper {
	position:relative;
	width: 100%;
	height:175px;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
}

.body_pad {
	height: 0px;
	display: none;
}

.site_logo {
	position:absolute;
	top:0px;
	left:0px;		
	width:280px;
	height:74px;
	z-index:100;
	background-repeat:no-repeat;
	display: none;
}

.sponsor_logo_container_empty {
	background-repeat:no-repeat;
	background-position:right top;
	height:75px;
}
.sponsor_logo_container_empty, .sponsor_logo_container {
	position:absolute;
	top:0px;
	left:0px;		
	width:100%;
	z-index:0;
}

.sponsor_logo_containers_absolute {
	position:absolute;
	height:77px;
	top:0px;
	left:0px;
	width:100%;
}

.sponsor_logo_containers {
	margin-left: auto;
	margin-right: auto;
	width:850px;
	height:77px;
}

.sponsor_logo_container {
	position:relative;
	height:77px;
}

#sponsor_logo_container2 {
	width:220px;	
}

#sponsor_logo_container2 #logo2, #sponsor_logo_container2 #logo3 {
	float:right;
}

#sponsor_logo_container2, #sponsor_logo_container2_size2 {
	float:right;
}

#sponsor_logo_container2_size2 {
	width:320px;
	margin-right:-108px;
}

#sponsor_logo_container1 {
	width:230px;
	float:left;
	text-align:left;
}

#logo1, #logo2, #logo3 {
	left:auto;
	position:relative;	
	background-position:left center;
	padding:0px;
	background-repeat:no-repeat;
	height:75px;
	width: 170px;
}

#logo1 {
	left:0px;
}

#logo2, #logo3 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

#logo2 {
	float:left;
}

#logo3 {
	float:right;
}

/*
	Logos are displayed as background graphics, but with the actual image inside for sizing, so hide the image.
*/
.sponsor_logo IMG {
	visibility:hidden;	
}


/********************************************************************
Top Nav
Includes all styles for the top nav, including top nav items.

Default is to have the wrapper_top_nav center its contents.
********************************************************************/

.wrapper_top_nav {
	position: relative;
	left:auto;
	width: 850px;
	text-align: center;
	background:none;
	top:29px;
	border: none;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	background-repeat:repeat-x;
	z-index:10001;
}

.wrapper_top_nav,
.tn_item_over, .tn_item_off, .tn_item_spacer, 
.tn_left_spacer, .tn_right_spacer {
	height:25px;
}

.tn_left_spacer {
	width:11px;
	background:url('/img/base/homestage/wrapper/nav_leftcap.gif') top left no-repeat;
}

.tn_right_spacer {
	width:11px;
	background:url('/img/base/homestage/wrapper/nav_rightcap.gif') top left no-repeat;
}

#tn_left_spacer_noItems, #tn_right_spacer_noItems {
	visibility: hidden;
}

.tn_item_spacer, .tn_left_spacer, .tn_right_spacer {
 	margin:0px;
	padding:0px;
}

.tn_item_over {
	cursor:pointer;	
}

.tn_item_over, .tn_item_off {
	margin:0px;
	padding:0px;
	padding:0px 5px 0px 5px;
	background:url('/img/base/homestage/wrapper/nav_bg.gif') top left repeat-x;
	color: #fff;
}

.tn_item_over, .tn_item_off, .tn_item_spacer, .tn_left_spacer, .tn_right_spacer {
	line-height: 25px;
}

.tn_item_spacer {
	width:10px;
	background-image:url('/img/base/homestage/wrapper/nav_slash.gif');
}

#tn_item_spacer_last {
	display:none;	
}

/********************************************************************
END: Top Nav
********************************************************************/

/* 
wrapper_top_logo
typically used for the program-specific graphic 
*/
.wrapper_top_logo {
	position:absolute;
	top:80px;
	width:180px;	
	height:90px;
	background-repeat:no-repeat;
	padding:0px;
	z-index:1000;
}

/* END: wrapper_top_logo */

/* 
wrapper_top_bar

Used to visually split the top portion of the site that contains
sponsor logos and navigation from the main portion of the
site.  The default is a container with the background graphic aligned
to the bottom.

line-height can be defined here to match the height of
the container to vertically center align the text inside
of the container, if this behavior is desired.  line-height 
can be overriden back to the default by setting it to 'normal'.

It is given a z-index to put it on the same indexing plane as 
the content, which is laid over it using negative margins.
*/
.wrapper_top_bar {
	position:absolute;
	top: 60px;
	left:0px;
	font-size:12px;
	color: #00000000;
	padding:0px;
	width:850px;
	height: 55px;
	line-height:21px;
	background-repeat:no-repeat;
	background-position:180px bottom;
	z-index:100;
	text-align:center;
}

/* END: wrapper_top_bar */

.logged_in_status {
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	height:20px;
	font-family:arial;
	font-size:11px;
	color:#000;
}

.logged_in_status A, .logged_in_status A:hover, .logged_in_status A:active, .logged_in_status A:visited {
	color:#000;	
}

.logged_in_status A:HOVER {
 color: yellow;
}

#lin {
	display:none;
}

/*************************************************
Program Home Title or Welcome Bar
*************************************************/
.program_home_title_bar {
	width:532px;
	height:47px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	background-repeat:no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:530px;
}
.duh {}

.program_home_title_bar_text,
#program_home_title_bar_text_left_off,
#program_home_title_bar_text_left_off A, #program_home_title_bar_text_left_off A:VISITED {
	color: #ffffff;
}

.program_home_title_bar_text {
	padding-left: 20px;
	font-family:verdana;
	font-size:23px;
	padding-top: 12px;
}

/* old programs have this centered in a table cell */
TD.program_home_title_bar .program_home_title_bar_text {
	padding-top:0px;
}

#program_home_title_bar_text_left_off {
	padding-left: 22px;
	padding-top: 12px;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
}

#program_home_title_bar_text_left_off A, #program_home_title_bar_text_left_off A:VISITED {
	font-weight:normal;
}
/*************************************************
END:Program Home Title or Welcome Bar
*************************************************/

/* 
Need to add padding, because of the absolute positioning of the 
body containers.  During a site redesign, I think we'll want to 
re-consider the use of absolute positioning. 
*/
#site_loc_enroll #b_none {
	padding-top:40px;
}

/* Bottom Nav Buttons */
input.fbutton, a.fbutton {
	cursor:pointer; 
	border: none;
	margin-left:auto;
	margin-right:auto;
	/*Because the shadow is also part of the image that the text is centered on the text appears off-center/
	/This padding makes the text appear more centered on the button*/
	padding: 0px 3px 5px 0px; 
	font-size: 15px;
	font-family: arial; 
	color:#693e9d;
	background:url('/img/base/wrapper/1024/buttons/secondary_sm_btn_trans.png') top left no-repeat;
	width: 124px;
	height: 41px;
}

/* Bottom Nav Buttons - Review and Submit Button */
input.fbutton#reviewAndSubmitQuestionnaire{
	background:transparent url('/img/base/wrapper/1024/buttons/secondary_lg_btn_256_trans.png') no-repeat scroll left top;
	width: 256px;
}

/*Generate Report Button*/
input.fbutton#generateReport{
	background: transparent url('/img/base/wrapper/1024/buttons/secondary_med_btn_trans.png') no-repeat left top;
	width: 145px;
}

/* Clear Form on support person questionnaire pages */
input.fbutton#fbutton_supportClearForm {
	background: transparent url('/img/base/wrapper/1024/buttons/secondary_med_btn_trans.png') no-repeat left top;
	width: 145px;
}

/***************************************************
Common Program Components Dimentions and Positioning
***************************************************/

/* Plan ready link and image */
a#succeed_plan_ready_link,
a#balance_plan_ready_link,
a#breathe_plan_ready_link,
a#nourish_plan_ready_link,
a#relax_plan_ready_link,
a#careback_plan_ready_link,
a#carehealth_plan_ready_link{
	width:297px; 
	height:135px;
	display:block;
	position:relative;
	margin: 20px 0px 0px 20px;
	overflow: hidden;

}

a#succeed_plan_ready_link span,
a#balance_plan_ready_link span,
a#breathe_plan_ready_link span,
a#nourish_plan_ready_link span,
a#relax_plan_ready_link span,
a#careback_plan_ready_link span,
a#carehealth_plan_ready_link span{
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	cursor: hand;
}

/* Questionnaire Processing Image */
#succeed_processing_text,
#balance_processing_text,
#breathe_processing_text,
#nourish_processing_text,
#relax_processing_text,
#careback_processing_text,
#carehealth_processing_text{
	width:297px; 
	height:135px;
	display:block;
	position:relative;
	margin: 10px 0px 10px 105px;
	overflow: hidden;

}

#succeed_processing_text span,
#balance_processing_text span,
#breathe_processing_text span,
#nourish_processing_text span,
#relax_processing_text span,
#careback_processing_text span,
#carehealth_processing_text span{
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
}

/********************************************************************
END:DIMENSIONS AND POSITIONING
********************************************************************/


/********************************************************************
COLOR AND IMAGE DEFINITIONS
********************************************************************/

/********************************************************************
Default

The default styles are for the public, and the non-program-specific
portions of the site, besides the Private home page and the enroll
page.
********************************************************************/

.site_logo {
	background-image: url('/img/base/wrapper/nav_mhm.gif');
}

.wrapper_top_logo {
	background-image: url('/img/base/wrapper/1024/mhm_nav_logo.gif');
}

#site_wrapper_no_left_nav {
}

#site_wrapper_no_left_nav .wrapper_top_logo {
	display: none;
}

.wrapper_top_bar {
	background-image:url('/img/base/wrapper/1024/mhm_nav_hdr.gif');
}


#site_wrapper_no_left_nav .wrapper_top_bar {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/mhm_nocolumn_nav.gif');
}

.wrapper_top_nav {
	color:#993300;	
}

.fbuttonImageNext, .fbuttonImagePrevious, .fbuttonImageLogin {
	background: url('/img/base/login/1024/dkgray_btn.gif') top left no-repeat;
	width: 132px;
	height: 30px;
	border: 0px 0px 0px 0px;
	border: none;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	font-family: arial;
	cursor: pointer;
}

.fbuttonImageLogin {
	width: 191px;
	height: 32px;
	line-height: 32px;
	background: url('/img/base/login/1024/dkgray_login_btn.png') top left no-repeat;
}

div.graphPN {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/********************************************************************
Public Home
********************************************************************/
#site_loc_public_home {
	background-color: #fff;
}

#site_loc_public_home .site_modifier_structure {
	width: 960px;
}

#site_loc_public_home .logged_in_status,
#site_loc_public_home .wrapper_top_logo {
	display:none;	
}

#site_loc_public_home .wrapper_top_nav {
	width: 960px;
}

#site_loc_public_home #content {
	padding: 0px 0px 0px 0px;
}

#site_loc_public_home #all, #site_loc_public_home #b_none {
	border: none;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	background-color:#fff;
	width:960px;
}

#site_loc_public_home .wrapper_top_bar, #site_loc_public_home #site_wrapper_no_left_nav .wrapper_top_bar {
	width: 960px;
	background-image: none;
}

#site_loc_public_home .site_wrapper {
	width:960px;
	height:77px;
}

#site_loc_public_home .sponsor_logo_containers {
	width:789px;
}

/********************************************************************
Private Home
********************************************************************/

#site_wrapper_no_left_nav #wrapper_top_logo_logged_in {
	background-image: none;
}

#site_loc_private_home .site_modifier_structure {
	width: 960px;
}

#site_loc_private_home #content {
	padding: 0px 0px 0px 0px;
}

#site_loc_private_home #b_none {
	border: none;
	padding: 0px 0px 0px 0px; 
	width:960px;
}

#site_loc_private_home .site_wrapper {
	width:960px;
	height:77px;
}

#site_loc_private_home .wrapper_top_nav {
	width: 960px;
}

#site_loc_private_home .wrapper_top_bar, #site_loc_private_home #site_wrapper_no_left_nav .wrapper_top_bar {
	width: 960px;
	background-image: none;
	height: 24px;
}

#site_loc_private_home .sponsor_logo_containers {
	width:789px;
}

#site_loc_private_home #all {
	border: none;
	padding: 0px;
	margin-top: 0px;
	width:960px;
}


/********************************************************************
Login

For default MHM, the left navigation of login is hidden and containers
widened.
********************************************************************/
.site_skin_login #l, .site_skin_login .wrapper_top_logo, #site_loc_login_index .wrapper_top_bar {
	display: none;
}

.site_skin_login .wrapper_top_bar {
	background-image: url('/img/base/wrapper/1024/mhm_nocolumn_nav.gif');
	background-position: 0px bottom;
}

.site_skin_login #b_lonly {
	margin-left: 0px;
	padding-top: 30px;
	width: 850px;
}

#site_loc_login_index .site_wrapper {
	height: 77px;
}

#site_loc_login_index .site_wrapper, #site_loc_login_index .wrapper_top_nav {
	width: 789px;
}

#site_loc_login_index #all {
	margin-top: 0px;
}

#site_loc_login_index #b_lonly {
	width: 960px;
	height: 423px;
	padding: 0px 0px 0px 0px;
	background-image: url('/img/base/login/1024/login_stage.jpg');
	background-repeat: no-repeat;
}

.site_skin_login #content {
	padding: 0px 105px 30px 105px;
}

.site_skin_login #title {
	padding-right: 105px;
	padding-left: 105px;
}

#site_loc_login_index #content {
	padding: 0px 0px 0px 0px;
}

#site_loc_login_index #title {
	padding: 0px 0px 0px 0px;
	top: 105px;
	margin-left:180px;
	position: relative;
	font-style: normal;
}

#site_loc_login_index #all, #site_loc_login_index #site_modifier_structure_default  {
	width: 960px;
}

#site_loc_login_index #body_login_index {
	position: relative;
	top: 115px;
	margin-left:210px;
	width: 480px;
}

#site_loc_login_index #site_modifier_structure_default .sponsor_logo_containers {
	width: 789px;
}

.site_skin_login .errorsClass P {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#site_loc_login_index #body_login_index div.qf {
	width: 160px;
}

#site_loc_login_userid2 div.ql {
	width: 160px;
}

#site_loc_login_index .fbuttonImage {
	margin-top: 17px;
}

#site_loc_login_index div.qspace {
	display: none;
}

/********************************************************************
Signup
********************************************************************/
.site_skin_signup .errorsClass P {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#site_loc_signup_code .errorsClass {
	margin-top: 12px;
}

#site_loc_signup_code .wrapper_top_bar {
	display: none;
}

#site_loc_signup_code #site_modifier_structure_no_left_nav {
	width: 960px;
}

#site_loc_signup_code .site_wrapper {
	height: 77px;
}

#site_loc_signup_code .site_wrapper, #site_loc_signup_code .wrapper_top_nav, #site_loc_signup_code .sponsor_logo_containers {
	width: 789px;
}

#site_loc_signup_code #all {
	margin-top: 0px;
}

#site_loc_signup_code #b_none {
	width: 960px;
	height: 423px;
	padding: 0px 0px 0px 0px;
	background-image: url('/img/base/login/1024/signup_stage.jpg');
	background-repeat: no-repeat;
}

#site_loc_signup_code #content {
	padding: 0px 0px 0px 0px;
}

#site_loc_signup_code #title {
	padding: 0px 0px 0px 0px;
	left: 190px;
	top: 50px;
	position: absolute;
	font-style: normal;
}

#site_loc_signup_code #all, #site_loc_signup_code #site_modifier_structure_default  {
	width: 960px;
}

/* padding must be used for site_loc_signup_code or entire #all container will move due to collapsing margins */
#site_loc_signup_code #body_signup_code {
	position: relative;
	padding-top: 83px;
	padding-left: 190px;
	width: 600px; 
}

#site_loc_signup_code #content {
	height: auto;
}

#site_loc_signup_code .qTextLeft {
	font-weight: bold;
	float: left;
	position: relative;
	margin-top: 14px;
	display: inline;
}

#site_loc_signup_code .qi {
	float: left;
	clear: none;
	position: relative;
	margin-left: 13px;
	margin-top: 14px;
	display: inline;
}

#site_loc_signup_code .bn_nav {
	width: 200px;
	margin-left: 333px;
	padding-top: 20px;
	text-align: left;
}

#site_loc_signup_code .bn_table_position {
	margin: 0px 0px 0px 0px;
}

/********************************************************************
Tour
********************************************************************/
.site_skin_tour #l, .site_skin_login .wrapper_top_logo, .site_skin_tour .wrapper_top_bar {
	display: none;
}

.site_skin_tour #site_modifier_structure_no_left_nav {
	width: 960px;
}

.site_skin_tour .site_wrapper {
	height: 77px;
}

.site_skin_tour .site_wrapper, .site_skin_tour .wrapper_top_nav {
	width: 789px;
}

.site_skin_tour #all {
	margin-top: 0px;
}

.stage_tour {
	padding-top:110px;
	font-size: 14px;
	line-height: 18px;
	margin-left: 136px;
	width: 460px;
	padding-bottom: 10px;
}

.site_skin_tour #b_lonly {
	margin-left: 0px;
	width: 960px;
	height: 423px;
	padding: 0px 0px 0px 0px;
	background-image: url('/img/base/homestage/publichome/images/about.jpg');
	background-repeat: no-repeat;
}

.site_skin_tour #bn_c {
	width: 960px;
}

.site_skin_tour #site_modifier_structure_no_left_nav #content {
	padding: 0px 0px 0px 0px;
}

.site_skin_tour #content {
	padding: 0px 0px 0px 0px;
}

.site_skin_tour #site_modifier_structure_no_left_nav #title {
	padding: 0px 0px 0px 0px;
	top: 50px;
	left: 135px;
	width: 460px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 500px;
	font-style: normal;
	font-size: 19px;
	line-height: 22px;
}

.site_skin_tour #all, .site_skin_tour #site_modifier_structure_default  {
	width: 960px;
}


.site_skin_tourx #site_modifier_structure_default .sponsor_logo_containers {
	width: 789px;
}

/********************************************************************
Balance
********************************************************************/
/*
#site_logo_balance {
	background-image: url('/img/base/wrapper/nav_mhm_balance.gif');
}
*/

#wrapper_top_nav_balance {
	color:#850c0c;	
}

#wrapper_top_logo_balance {
	background-image: url('/img/base/wrapper/1024/balance_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_balance {
	display: none;
}

#wrapper_top_bar_balance {
	background-image:url('/img/base/wrapper/1024/balance_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_balance {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/balance_nocolumn_nav.gif');
}

#balance_home_title_bar {
	background-image:url('/img/base/balance/ph_reminder.gif');
}

.site_skin_balance input.fbutton, .site_skin_balance a.fbutton {
	color:#9c0505;
}

/*
.site_skin_balance .level_2_expanded, .site_skin_balance .level_2_active {
	background-color: #EFC1C1;
}

.site_skin_balance .level_3_active {
	background-color: #FCDBDB;
}
*/

/* Plan Ready Image */
a#balance_plan_ready_link span{
	background: url('/balance/imgspanish/q/processing_balance_ready_sp.gif') 0 0 no-repeat;
}

/* Questionnnaire Processing Image */
#balance_processing_text span{
	background: url('/balance/imgspanish/q/processing_balance_sp.gif') 0 0 no-repeat;
}

/***********************************
Binge Eating
***********************************/
/*
#site_logo_binge {
	background-image: url('/img/base/wrapper/nav_mhm_binge.gif');
}
*/

#wrapper_top_nav_binge {
	color:#006699;	
}

#wrapper_top_logo_binge {
	background-image: url('/img/base/wrapper/1024/binge_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_binge {
	display: none;
}

#wrapper_top_bar_binge {
	background-image:url('/img/base/wrapper/1024/binge_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_binge {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/binge_nocolumn_nav.gif');
}

#binge_home_title_bar {
	background-image:url('/img/base/binge/binge_titlefade.gif');
}

.site_skin_binge input.fbutton, .site_skin_binge a.fbutton {
	color:#5d8800; 
}

/* not need this in binge
.site_skin_binge #program_home_getting_started_button {
	cursor:pointer;
	margin-top:15px;
	margin-left:90px;
	width:289px;
	height:40px;
	background: url('/img/base/binge/getexercises_btn.gif') no-repeat;	
}
*/

/***********************************
Breathe
***********************************/
/*
#site_logo_breathe {
	background-image: url('/img/base/wrapper/nav_mhm_breathe.gif');
}
*/

#wrapper_top_nav_breathe {
	color:#313191;	
}

#wrapper_top_logo_breathe {
	background-image: url('/img/base/wrapper/1024/breathe_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_breathe {
	display: none;
}

#wrapper_top_bar_breathe {
	background-image:url('/img/base/wrapper/1024/breathe_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_breathe {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/breathe_nocolumn_nav.gif');
}

#breathe_home_title_bar {
	background-image:url('/img/base/succeed/ph_reminder.gif');
}

.site_skin_breathe input.fbutton, .site_skin_breathe a.fbutton {
	color:#134187; 
}

/*
.site_skin_breathe .level_2_expanded, .site_skin_breathe .level_2_active {
	background-color: #B0CDE9;
}

.site_skin_breathe .level_3_active {
	background-color: #DFEFFF;
}
*/

/* Plan Ready Image */
a#breathe_plan_ready_link span{
	background: url('/breathe/imgspanish/q/processing_breathe_ready_sp.gif') 0 0 no-repeat;
}

/* Questionnnaire Processing Image */
#breathe_processing_text span{
	background: url('/breathe/imgspanish/q/processing_breathe_sp.gif') 0 0 no-repeat;
}

/***********************************
Careback
***********************************/
/*
#site_logo_careback {
	background-image: url('/img/base/wrapper/nav_mhm_back.gif');
}
*/

#wrapper_top_nav_careback {
	color:#336600;	
}

#wrapper_top_logo_careback {
	background-image: url('/img/base/wrapper/1024/cyback_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_careback {
	display: none;
}

#wrapper_top_bar_careback {
	background-image: url('/img/base/wrapper/1024/cyback_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_careback {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/cyback_nocolumn_nav.gif');
}

#careback_home_title_bar {
	background-image:url('/img/base/careback/ph_reminder.gif');
}

.site_skin_careback input.fbutton {
	color:#55770a; 
}

/*
.site_skin_careback .level_2_expanded, .site_skin_careback .level_2_active {
	background-color: #B8D08F;
}

.site_skin_careback .level_3_active {
	background-color: #D8E7BD;
}
*/


/* Plan Ready Image */
a#careback_plan_ready_link span{
	background: url('/careback/imgspanish/q/processing_careback_ready_sp.gif') 0 0 no-repeat;
}

/* Questionnnaire Processing Image */
#careback_processing_text span{
	background: url('/careback/imgspanish/q/processing_careback_sp.gif') 0 0 no-repeat;
}

/***********************************
Carediabetes
***********************************/
/*
#site_logo_carediabetes {
	background-image: url('/img/base/wrapper/nav_mhm_diabetes.gif');
}
*/
#wrapper_top_nav_carediabetes {
	color:#3a9993;	
}

#wrapper_top_logo_carediabetes {
	background-image: url('/img/base/wrapper/1024/cydiabetes_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_carediabetes {
	display: none;
}

#wrapper_top_bar_carediabetes {
	background-image:url('/img/base/wrapper/1024/cydiabetes_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_carediabetes {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/cydiabetes_nocolumn_nav.gif');
}

.site_skin_carediabetes input.fbutton, .site_skin_carediabetes a.fbutton {
	clear:all;
	color:#0b8b7d; 
}

.site_skin_carediabetes .program_home_title_bar {
	margin-top:-30px;
	border:none;
	margin-left:25px;
}

#carediabetes_home_title_bar .program_home_title_bar_text {
	padding:0px;
	color:#006666;
	font-size:20px;
	line-height:30px;
}

/*
.site_skin_carediabetes .level_2_expanded, .site_skin_carediabetes .level_2_active,
.site_skin_carediabetes .level_3_active {
	background-color: #3a9993;
}
*/

.site_skin_carediabetes #home_intro_button_Male{
	width:265px;
	height:35px;
	margin-top:10px;
	cursor:hand;
	background: url('/img/diabetes/privatehome/viewplan_m_btn.gif') no-repeat;
}
 .site_skin_carediabetes #home_intro_button_Female{
	width:265px;
	height:35px;
	margin-top:10px;
	cursor:hand;
	background: url('/img/diabetes/privatehome/viewplan_f_btn.gif') no-repeat;
}

/***********************************
Carehealth
***********************************/
/*
#site_logo_carehealth {
	background-image: url('/img/base/wrapper/nav_mhm_health.gif');
}
*/

#wrapper_top_nav_carehealth {
	color:#663366;	
}

#wrapper_top_logo_carehealth {
	background-image: url('/img/base/wrapper/1024/cyhealth_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_carehealth {
	display: none;
}

#wrapper_top_bar_carehealth {
	background-image:url('/img/base/wrapper/1024/cyhealth_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_carehealth {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/cyhealth_nocolumn_nav.gif');
}

#carehealth_home_title_bar {
	background-image:url('/img/base/carehealth/ph_reminder.gif');
}

.site_skin_carehealth input.fbutton {
	color:#712a8f; 
}

/*
.site_skin_carehealth .level_2_expanded, .site_skin_carehealth .level_2_active {
	background-color: #DAC2DA;
}

.site_skin_carehealth .level_3_active {
	background-color: #F1DDF1;
}
*/

/***********************************
Carepain
***********************************/
/*
#site_logo_carepain {
	background-image: url('/img/base/wrapper/nav_mhm_pain.gif');
}
*/

#wrapper_top_nav_carepain {
	color:#54b0b0;	
}

#wrapper_top_logo_carepain {
	background-image: url('/img/base/wrapper/1024/cypain_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_carepain {
	display: none;
}

#wrapper_top_bar_carepain {
	background-image:url('/img/base/wrapper/1024/cypain_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_carepain {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/cypain_nocolumn_nav.gif');
}

#carepain_home_title_bar {
	height:32px;	
	background-image:url('/img/base/carepain/ph_reminder.gif');	
}

#carepain_home_title_bar .program_home_title_bar_text {
	padding-top:4px;
	font-family:arial;
	padding-left: 15px;
	font-size:20px;
}

#carepain_home_title_bar #program_home_title_bar_text_left_off {
	padding-top: 6px;
}

.site_skin_carepain input.fbutton, .site_skin_carepain a.fbutton {
	color:#208887;
}

.site_skin_carepain input#fbutton_pain_facts {
	width:97px;
	height:33px;
	border:none;
	padding:0px;
	text-decoration:none; 
	font-size:11px;
	font-family:verdana;
	color:#187e7e;
	font-weight:bold;	
	background:url('/img/base/carepain/button.gif') no-repeat;	
}

.site_skin_carepain .module_page_content input#fbutton_pain_facts {
	background:url('/img/base/carepain/button_activity.gif') no-repeat;	
}

/*
.site_skin_carepain .level_2_expanded, .site_skin_carepain .level_2_active {
	background-color: #C4EAEA;
}

.site_skin_carepain .level_3_active {
	background-color: #FCDBDB;
}
*/

/***********************************
Depression
***********************************/
/*
#site_logo_depression {
	background-image: url('/img/base/wrapper/nav_mhm_depression.gif');
}
*/

#wrapper_top_nav_depression {
	color:#006699;	
}

#wrapper_top_logo_depression {
	background-image: url('/img/base/wrapper/1024/depress_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_depression {
	display: none;
}

#wrapper_top_bar_depression {
	background-image:url('/img/base/wrapper/1024/depress_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_depression {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/depress_nocolumn_nav.gif');
}

#depression_home_title_bar {
	background-image:url('/img/base/depression/depression_titlefade.gif');
}

.site_skin_depression input.fbutton, .site_skin_depression a.fbutton {
	color:#135f8f; 
}

/*
.site_skin_depression .level_2_expanded, .site_skin_depression .level_2_active {
	background-color: #ddf0fe;
}

.site_skin_depression .level_3_active {
	background-color: #FCDBDB;
}
*/

.site_skin_depression #program_home_getting_started_button {
	cursor:pointer;
	margin-top:15px;
	margin-left:90px;
	width:289px;
	height:40px;
	background: url('/img/base/depression/getexercises_btn.gif') no-repeat;	
}

/********************************************************************
Insomnia
********************************************************************/
/*
#site_logo_insomnia {
	background-image: url('/img/base/wrapper/nav_mhm_insomnia.gif');
}
*/

#wrapper_top_nav_insomnia {
	color:#330066;	
}

#wrapper_top_logo_insomnia {
	background-image: url('/img/base/wrapper/1024/insomnia_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_insomnia {
	display: none;
}

#wrapper_top_bar_insomnia {
	background-image:url('/img/base/wrapper/1024/insomnia_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_insomnia {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/insomnia_nocolumn_nav.gif');
}

#insomnia_home_title_bar {
	background-image:url('/img/base/insomnia/insomnia_titlefade.gif');
}

.site_skin_insomnia input.fbutton, .site_skin_insomnia a.fbutton {
	color:#380167; 
}

.site_skin_insomnia #skin_mod_assessment input.fbutton, 
.site_skin_insomnia #skin_mod_assessment a.fbutton {
	background:url('/img/base/wrapper/1024/buttons/secondary_lg_btn_trans.png') top left no-repeat;
	width: 192px;
}

/*
.site_skin_insomnia .level_2_expanded, .site_skin_depression .level_2_active {
	background-color: #f2e8f8;
}

.site_skin_insomnia .level_3_active {
	background-color: #FCDBDB;
}
*/

.site_skin_insomnia #program_home_week_goals_button {
	float:left;
	cursor:pointer;
	width:180px;
	height:39px;
	margin-right:10px;
	background: url('/img/base/insomnia/wkgoals_btn.gif') no-repeat;	
}

.site_skin_insomnia #program_home_progress_summary_button {
	float:left;	
	cursor:pointer;
	width:180px;
	height:39px;
	background: url('/img/base/insomnia/progsummary_btn.gif') no-repeat;	
}

/***********************************
Nourish
***********************************/
/*
#site_logo_nourish {
	background-image: url('/img/base/wrapper/nav_mhm_nourish.gif');
}
*/

#wrapper_top_logo_nourish {
	background-image: url('/img/base/wrapper/1024/nourish_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_nourish {
	display: none;
}

#wrapper_top_bar_nourish {
	background-image:url('/img/base/wrapper/1024/nourish_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_nourish {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/nourish_nocolumn_nav.gif');
}

#nourish_home_title_bar {
	background-image:url('/img/base/nourish/ph_reminder.gif');
}

.site_skin_nourish input.fbutton, .site_skin_nourish a.fbutton {
	color:#15891f; 
}


.site_skin_nourish .level_2_expanded, .site_skin_nourish .level_2_active {
	background-color: #AFC6AF;
}

.site_skin_nourish .level_3_active {
	background-color: #D8E5D8;
}

/* Plan Ready Image */
a#nourish_plan_ready_link span{
	background: url('/nourish/imgspanish/q/processing_nourish_ready_sp.gif') 0 0 no-repeat;
}

/* Questionnnaire Processing Image */
#nourish_processing_text span{
	background: url('/nourish/imgspanish/q/processing_nourish_sp.gif') 0 0 no-repeat;
}

/***********************************
Relax
***********************************/
/*
#site_logo_relax {
	background-image: url('/img/base/wrapper/nav_mhm_relax.gif');
}
*/

#wrapper_top_nav_relax {
	color:#993300;	
}

#wrapper_top_logo_relax {
	background-image: url('/img/base/wrapper/1024/relax_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_relax {
	display: none;
}

#wrapper_top_bar_relax {
	background-image:url('/img/base/wrapper/1024/relax_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_relax {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/relax_nocolumn_nav.gif');
}

#relax_home_title_bar {
	background-image:url('/img/base/relax/ph_reminder.gif');
}

.site_skin_relax input.fbutton, .site_skin_relax a.fbutton {
	color:#b94c36; 
}

/*
.site_skin_relax .level_2_expanded, .site_skin_relax .level_2_active {
	background-color: #F5CEA7;
}

.site_skin_relax .level_3_active {
	background-color: #FFE8D1;
}
*/

/* Plan Ready Image */
a#relax_plan_ready_link span{
	background: url('/relax/imgspanish/q/processing_relax_ready_sp.gif') 0 0 no-repeat;
}

/* Questionnnaire Processing Image */
#relax_processing_text span{
	background: url('/relax/imgspanish/q/processing_relax_sp.gif') 0 0 no-repeat;
}

/***********************************
Succeed
***********************************/
/*
#site_logo_succeed {
	background-image: url('/img/base/wrapper/nav_mhm_succeed.gif');
}
*/

#wrapper_top_nav_succeed {
	color:#313191;	
}

#wrapper_top_logo_succeed {
	background-image: url('/img/base/wrapper/1024/succeed_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_succeed {
	display: none;
}

#wrapper_top_bar_succeed {
	background-image:url('/img/base/wrapper/1024/succeed_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_succeed {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/succeed_nocolumn_nav.gif');
}

#succeed_home_title_bar {
	background-image:url('/img/base/succeed/ph_reminder.gif');
}

.site_skin_succeed input.fbutton, .site_skin_succeed a.fbutton {
	color:#2e18ac; 
}

/*
.site_skin_succeed .level_2_expanded, .site_skin_succeed .level_2_active {
	background-color: #B0CDE9;
}

.site_skin_succeed .level_3_active {
	background-color: #DFEFFF;
}
*/

/* Plan Ready Image */
a#succeed_plan_ready_link span{
	background: url('/succeed/imgspanish/q/processing_succeed_ready_sp.gif') 0 0 no-repeat;
}

/* Questionnnaire Processing Image */
#succeed_processing_text span{
	background: url('/succeed/imgspanish/q/processing_succeed_sp.gif') 0 0 no-repeat;
}

/***********************************
Succeed V8+ (Configurable HRA)
***********************************/
/*
#site_logo_csucceed {
	background-image: url('/img/base/wrapper/nav_mhm_succeed.gif');
}
*/

#wrapper_top_nav_csucceed {
	color:#313191;	
}

#wrapper_top_logo_csucceed {
	background-image: url('/img/base/wrapper/1024/succeed_nav_logo.gif');
}

#site_wrapper_no_left_nav #wrapper_top_logo_csucceed {
	display: none;
}

#wrapper_top_bar_csucceed {
	background-image:url('/img/base/wrapper/1024/succeed_nav_hdr.gif');
}

#site_wrapper_no_left_nav #wrapper_top_bar_csucceed {
	background-position: bottom left;
	background-image: url('/img/base/wrapper/1024/succeed_nocolumn_nav.gif');
}

#csucceed_home_title_bar {
	background-image:url('/img/base/csucceed/ph_reminder.gif');
}

.site_skin_csucceed input.fbutton, .site_skin_csucceed a.fbutton {
	color:#2e18ac;
}

.site_skin_csucceed #skin_mod_assessment input.fbutton, 
.site_skin_csucceed #skin_mod_assessment a.fbutton {
	background:url('/img/base/wrapper/1024/buttons/secondary_lg_btn_trans.png') top left no-repeat;
	width: 192px;
}

/*
.site_skin_succeed .level_2_expanded, .site_skin_succeed .level_2_active {
	background-color: #B0CDE9;
}

.site_skin_succeed .level_3_active, .site_skin_succeed .level_3_over {
	background-color: #DFEFFF;
}
*/

/********************************************************************
END:COLOR AND IMAGE DEFINITIONS
********************************************************************/