/*

All non-section-specific styles are in the general stylesheet:
general.css

All font-size and line-height attributes are in the text size stylesheets:
text1default.css, text2bigger.css, text3biggest.css

TABLE OF CONTENTS
Main content background
Long content boxes
Long content box connectors
Short content boxes
Short content box connectors
CTA boxes
CTA box connectors
Text styles
Page quotes and images
Subnav sidebar modules
0.1 Winter skin solutions
3.1 Caring for mind and body
3.1.1 Skin care
3.1.2 Hair care
3.1.3 Diet and exercise
3.1.4 Stress and relaxation
3.1.5 Emotional considerations
3.2 Getting out
3.3 Managing relationships
3.3.1 Dating
3.3.2 Family
3.3.3 Work considerations
3.4 Patient connections
3.4.1-3.4.3 Patients

*/

/* LIVE */

/* ##### Main content background ##### */

#liveContent {
	width:702px; /* based on image dimensions */
	z-index:1;
	margin:0 0 0 20px;
}
#liveContent .content, #liveContent .t, #liveContent .b, #liveContent .b div {
	background:transparent url(../../media/images/live/content_main.gif) no-repeat top right;
}
#liveContent .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-top:20px;
}
#liveContent .t {
	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:3500px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
#liveContent .b {
	/* bottom */
	position:relative;
	width:100%;
}
#liveContent .b, #liveContent .b div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#liveContent .b {
	background-position:bottom right;
	margin-left:0;
}
#liveContent .b div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#liveContent .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:3500px;
	overflow:auto;
}

/* ##### Long content boxes ##### */

#liveContent .contentBoxLong {
	width:662px; /* based on image dimensions */
	z-index:1;
	margin:0 20px 0 20px;
}
#liveContent .contentBoxLong .cbContent, #liveContent .contentBoxLong .cbT, #liveContent .contentBoxLong .cbB, #liveContent .contentBoxLong .cbB div, #liveContent .contentBoxLong .cbBtn, #liveContent .contentBoxLong .cbBtn div {
	background:transparent url(../../media/images/live/content_box.gif) no-repeat top right;
}
#liveContent .contentBoxLong .cbContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-bottom:1px;
}
#liveContent .contentBoxLong .cbContent.noGap {
	padding-bottom:0;
}
#liveContent .contentBoxLong .cbT {
	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:2000px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
#liveContent .contentBoxLong .cbB, #liveContent .contentBoxLong .cbBtn, #liveContent .contentBoxLong .cbBtn {
	/* bottom */
	position:relative;
	width:100%;
}
#liveContent .contentBoxLong .cbB, #liveContent .contentBoxLong .cbB div, #liveContent .contentBoxLong .cbBtn, #liveContent .contentBoxLong .cbBtn div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#liveContent .contentBoxLong .cbB, #liveContent .contentBoxLong .cbBtn {
	background-position:bottom right;
	margin-left:0;
}
#liveContent .contentBoxLong .cbB div, #liveContent .contentBoxLong .cbBtn div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#liveContent .contentBoxLong .cbWrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:2000px;
	overflow:auto;
	padding-right:20px;
}

/* ##### Long content box connectors ##### */

#liveContent .connectorLong {
	width:652px;
	margin-left:15px;
	_margin-bottom:-1px;
}
#liveContent .connectorLongL {
	width:7px;
	background:transparent url(../../media/images/live/connect_l.gif) no-repeat left 0;
	float:left;
}
#liveContent .connectorLongM {
	width:638px;
	background:transparent url(../../media/images/live/connect_m.gif) repeat-x left 0;
	float:left;
}
#liveContent .connectorLongR {
	width:7px;
	background:transparent url(../../media/images/live/connect_r.gif) no-repeat left 0;
	float:left;
}

/* ##### Short content boxes ##### */

#liveContent .contentBoxShortContainer, #liveContent .connectorShortContainer {
	padding:0 20px 0 20px;
}
#liveContent .contentBoxShortL {
	float:left;
	margin-right:20px;
}
#liveContent .contentBoxShortR {
	float:right;
}
#liveContent .contentBoxShortL, #liveContent .contentBoxShortR {
	width:311px; /* based on image dimensions */
	z-index:1;
}
#liveContent .contentBoxShortL .cbContent, #liveContent .contentBoxShortL .cbT, #liveContent .contentBoxShortL .cbB, #liveContent .contentBoxShortL .cbB div, #liveContent .contentBoxShortR .cbContent, #liveContent .contentBoxShortR .cbT, #liveContent .contentBoxShortR .cbB, #liveContent .contentBoxShortR .cbB div {
	background:transparent url(../../media/images/live/content_box.gif) no-repeat top right;
}
#liveContent .contentBoxShortL .cbContent, #liveContent .contentBoxShortR .cbContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	min-height:auto;
	padding-bottom:1px;
}
#liveContent .contentBoxShortL .cbT, #liveContent .contentBoxShortR .cbT {
	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:2000px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
#liveContent .contentBoxShortL .cbB, #liveContent .contentBoxShortR .cbB {
	/* bottom */
	position:relative;
	width:100%;
}
#liveContent .contentBoxShortL .cbB, #liveContent .contentBoxShortL .cbB div, #liveContent .contentBoxShortR .cbB, #liveContent .contentBoxShortR .cbB div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#liveContent .contentBoxShortL .cbB, #liveContent .contentBoxShortR .cbB {
	background-position:bottom right;
	margin-left:0;
}
#liveContent .contentBoxShortL .cbB div, #liveContent .contentBoxShortR .cbB div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#liveContent .contentBoxShortL .cbWrapper, #liveContent .contentBoxShortR .cbWrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;
	padding-right:20px;
}

/* ##### Short content box connectors ##### */

#liveContent .connectorShortL {
	float:left;
	width:302px;
	margin-left:-3px;
	_margin-left:-3px;
	_margin-bottom:-1px;
}
#liveContent .connectorShortR {
	float:left;
	width:301px;
	margin-left:48px;
	_margin-bottom:-1px;
}
#liveContent .connectorShortLL, #liveContent .connectorShortRL {
	width:7px;
	background:transparent url(../../media/images/live/connect_l.gif) no-repeat left 0;
	float:left;
}
#liveContent .connectorShortLM, #liveContent .connectorShortRM {
	width:287px;
	background:transparent url(../../media/images/live/connect_m.gif) repeat-x left 0;
	float:left;
}
#liveContent .connectorShortLR,  #liveContent .connectorShortRR {
	width:7px;
	background:transparent url(../../media/images/live/connect_r.gif) no-repeat left 0;
	float:left;
}

/* ##### CTA boxes ##### */

#liveContent .ctaBox {
	width:220px; /* based on image dimensions */
	z-index:1;
	margin:0 20px 0 20px;
	_margin-top:-2px;
}
#liveContent .ctaBox .ctaContent, #liveContent .ctaBox .ctaT, #liveContent .ctaBox .ctaB, #liveContent .ctaBox .ctaB div {
	background:transparent url(../../media/images/live/content_box.gif) no-repeat top right;
}
#liveContent .ctaBox .ctaContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
}
#liveContent .ctaBox .ctaT {
	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:80px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
#liveContent .ctaBox .ctaB {
	/* bottom */
	position:relative;
	width:100%;
}
#liveContent .ctaBox .ctaB, #liveContent .ctaBox .ctaB div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#liveContent .ctaBox .ctaB {
	background-position:bottom right;
	margin-left:0;
}
#liveContent .ctaBox .ctaB div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#liveContent .ctaBox .ctaWrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	min-height:28px;
	max-height:80px;
	overflow:none;
	padding-top:14px;
	_padding-top:10px;
}

/* ##### CTA box connectors ##### */

#liveContent .connectorCta {
	width:214px;
	margin-left:13px;
}
#liveContent .connectorCtaL {
	width:7px;
	background:transparent url(../../media/images/live/connect_l.gif) no-repeat left 0;
	float:left;
}
#liveContent .connectorCtaM {
	width:200px;
	background:transparent url(../../media/images/live/connect_m.gif) repeat-x left 0;
	float:left;
}
#liveContent .connectorCtaR {
	width:7px;
	background:transparent url(../../media/images/live/connect_r.gif) no-repeat left 0;
	float:left;
}

/* ##### Text styles ##### */

#liveContent h1, #liveContent h2, #liveContent h3 {
	color:#709840;
}

/* Link styles */

#liveContent p a:link, #liveContent p a:hover, #liveContent p a:visited, #liveContent p a:active,
#liveContent li a:link, #liveContent li a:hover, #liveContent li a:visited, #liveContent li a:active,
#liveContent .h2link a:link, #liveContent .h2link a:hover, #liveContent .h2link a:visited, #liveContent .h2link a:active {
	color:#8ebd56;
}

/* ##### Page quotes and images ##### */

#gatePageQuote p, #leadImageMindBody p, #leadImageRelationships p, #leadImageSkinCare p, #leadImageGettingOut p, #leadImageHairCare p, #leadImageEmotional p, #leadImageRelating p {
	text-align:left;
	color:#709840;
}
.gatePageQuoteBg {
	background-image:url(../../media/images/live/lead_line.gif);
	overflow:visible;
}

/* Gated quotes */

#gatePageQuoteBR {
	background:url(../../media/images/live/lead_bottom_gate_quote.gif) no-repeat;
	background-position:0 0;
}
#gatePageQuote {
	background:url(../../media/images/live/lead_gate_quote.gif) no-repeat;
	background-position:left bottom;
}

/* Gated quote on 3.4 Patient connections */

#gatePageQuoteOpen {
	padding:0 10px 0 13px;
	margin:0 0 0 0;
	background:url(../../media/images/live/quote_open.gif) no-repeat;
	background-position:left top;
}
#gatePageQuoteAttrib {
	padding:10px 10px 0 90px;
	margin:0 0 0 0;
}

/* Floating quotes */

#flowPageQuote {
	background-image:url(../../media/images/live/float_quote_back.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#709840;
}

/* Floating quotes on 3.4.1-3.4.3 Patients */

#flowPagePtQuote {
	background-image:url(../../media/images/live/float_quote_back.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#709840;
	text-align:right;
}

/* Floating images */

#flowLeadBox {
	float:right;
	margin:40px 5px 10px 15px;
}

/* ###### Subnav sidebar modules ###### */

#subnavlive {
	float:left;
	margin-top:20px;
	margin-left:28px;
	_margin-left:14px;
}
#subnavlive a {
	position:relative;
	z-index:1;
	color:#fff;
	text-decoration:none;
}
#subnavliveoptions {
	padding-left:6px;
}
.subnavHeader {
	margin:0;
	background-image:url(../../media/images/sidebar/callouts/back_top_purple.gif);
	background-repeat:no-repeat;
	width:227px;
	height:35px;
	display:block;
	color:#fff;
}
.subnavOff {
	margin:0;
	background-image:url(../../media/images/sidebar/callouts/back_content_purple.gif);
	background-repeat:no-repeat;
	width:227px;
	height:32px;
	display:block;
	color:#fff;
}
.subnavOffBottom {
	margin:0;
	background-image:url(../../media/images/sidebar/callouts/back_bot_purple.gif);
	background-repeat:no-repeat;
	width:227px;
	height:51px;
	display:block;
	color:#fff;
}
.subnavOffBottomBig {
	margin:0;
	background-image:url(../../media/images/sidebar/subnavs-live/back_bot_big_off.gif);
	background-repeat:no-repeat;
	width:202px;
	height:53px;
	display:block;
	padding:0 0 0 25px;
	color:#fff;
}
.subnavPatientOff {
	margin:0;
	background-image:url(../../media/images/sidebar/subnavs-live/back_pat_off.gif);
	background-repeat:no-repeat;
	width:202px;
	height:39px;
	display:block;
	padding:9px 0 0 25px;
	color:#fff;
}
.subnavPatientOffBottom {
	margin:0;
	background-image:url(../../media/images/sidebar/subnavs-live/back_bot_pat_off.gif);
	background-repeat:no-repeat;
	width:202px;
	height:39px;
	display:block;
	padding:9px 0 0 25px;
	color:#fff;
}

/* ##### 0.1 Winter skin solutions ##### */

.leadImageWinterSkinBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_winter_skin.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageWinterSkin {
	position:absolute;
	left:322px;
	bottom:0;
	height:300px;
	width:299px;
	margin:0 0 0 0;
	padding:0 20px 0 20px;
	background:url(../../media/images/live/lead_winter_skin.gif) no-repeat;
	background-position:left bottom;
}

/* ##### 3.1 Caring for mind and body ##### */

.leadImageMindBodyBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_mind_body.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageMindBody {
	position:absolute;
	left:322px;
	bottom:0;
	height:315px;
	width:299px;
	margin:0;
	padding:0 20px 0 20px;
	background:url(../../media/images/live/lead_mind_body.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewMindBody {
	width:300px;
	padding-right:10px;
	padding-bottom:130px;
}

/* ##### 3.1.1 Skin care ##### */

.leadImageSkinCareBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_skincare.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageSkinCare {
	position:absolute;
	left:322px;
	bottom:0;
	width:145px;
	margin:0 0 0 0;
	padding:0 180px 0 14px;
	-margin:0 0 -1px 0;
	background:url(../../media/images/live/lead_skincare.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewSkinCare {
	width:300px;
	padding-right:10px;
	padding-bottom:30px;
}

/* Tables */

.mtab {
 	border:1px solid #8ebd56;
}
.mtab td {
 	padding:4px;
}
.mtabheader {
	background-color:#aabbcc;
}
.mtabcontentlight {
	background-color:#e0f0f8;
}
.mtabcontentdark {
	background-color:#d0e0e8;
}

/* ##### 3.1.2 Hair care ##### */

.leadImageHairCareBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_haircare.gif) no-repeat;
	background-position:0 0;
}
#leadImageHairCare {
	position:absolute;
	left:322px;
	bottom:0;
	min-height: 237px;
	height: auto !important;
	height: 237px;
	width:150px;
	margin:0 0 0 0;
	padding:0 180px 0 20px;
	background:url(../../media/images/live/lead_haircare.gif) no-repeat;
	background-position:left bottom;
}
#leadImageHairCare p {
	margin:0 0 0 0;
}
#pageOverviewHairCare {
	width:300px;
	padding-right:10px;
	padding-bottom:15px;
}

/* ##### 3.1.3 Diet and exercise ##### */

#flowLeadBoxDietExercise {
	float:right;
	width:130px;
	height:219px;
	margin:30px 5px 10px 15px;
	padding:20px 176px 0 20px;
	background-image:url(../../media/images/live/lead_box_diet_and_exercise.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#8ebd56;
}

/* ##### 3.1.4 Stress and relaxation ##### */

#flowLeadBoxStress {
	float:right;
	width:130px;
	height:219px;
	margin:40px 5px 10px 15px;
	padding:20px 176px 0 20px;
	background-image:url(../../media/images/live/lead_box_stress.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#8ebd56;
}

/* ##### 3.1.5 Emotional considerations ##### */

.leadImageEmotionalBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_emotional.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageEmotional {
	position:absolute;
	left:322px;
	bottom:0;
	height:330px;
	width:299px;
	margin:0 0 0 0;
	padding:0 20px 0 20px;
	-margin:0 0 -1px 0;
	background:url(../../media/images/live/lead_emotional.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewEmotional {
	width:300px;
	padding-right:10px;
	padding-bottom:10px;
}

/* ##### 3.2 Getting out ##### */

.leadImageGettingOutBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_gettingout.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageGettingOut {
	position:absolute;
	left:322px;
	bottom:0;
	min-height: 345px;
	height: auto !important;
	height: 345px;
	width:299px;
	margin:0 0 0 0;
	padding:0 20px 0 20px;
	-margin:0 0 -1px 0;
	background:url(../../media/images/live/lead_gettingout.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewGettingOut {
	width:300px;
	padding-right:10px;
	padding-bottom:20px;
}

/* ##### 3.3 Managing relationships ##### */

.leadImageRelationshipsBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_relationships.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageRelationships {
	position:absolute;
	left:322px;
	bottom:0;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	width:279px;
	margin:0 0 0 0;
	padding:0 40px 40px 20px;
	background:url(../../media/images/live/lead_relationships.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewRelationships {
	width:300px;
	padding-right:10px;
	padding-bottom:10px;
}

/* ##### 3.3.1 Dating ##### */

.leadImageDatingBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_dating.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageDating {
	position:absolute;
	left:322px;
	bottom:0;
	height:245px;
	width:279px;
	margin:0 0 0 0;
	-margin:0 0 -1px 0;
	padding:0 40px 0 20px;
	background:url(../../media/images/live/lead_dating.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewDating {
	width:300px;
	padding-right:10px;
	padding-bottom:10px;
}
.pageOverviewRelating {
	padding-bottom:10px;
}

/* Biographical info */

.biobox {
	margin:20px 0 10px 0;
	padding:15px 20px 15px 20px;
	border:1px solid #8ebd56;
	background-color:#e0f0f8;
}
.biobox .emphasis {
	font-weight:bold;
}

/* ##### 3.3.2 Family ##### */

.leadImageFamilyBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_family.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageFamily {
	position:absolute;
	left:322px;
	bottom:0;
	height:300px;
	width:279px;
	margin:0 0 0 0;
	-margin:0 0 -1px 0;
	padding:0 40px 0 20px;
	background:url(../../media/images/live/lead_family.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewFamily {
	width:300px;
	padding-right:10px;
	padding-bottom:20px;
}

/* ##### 3.3.3 Work considerations ##### */

.leadImageWorkBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/live/lead_bottom_work.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageWork {
	position:absolute;
	left:322px;
	bottom:0;
	height:236px;
	width:279px;
	margin:0 0 0 0;
	-margin:0 0 -1px 0;
	padding:0 40px 0 20px;
	background:url(../../media/images/live/lead_work.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewWork {
	width:300px;
	padding-right:10px;
	padding-bottom:45px;
}

/* ##### 3.3.4 Relating to someone with psoriasis ##### */

.leadImageRelatingBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;

	background:url(../../media/images/live/lead_bottom_relating.gif) no-repeat;
	background-position:0px 0px;
}
#leadImageRelating {
	position:absolute;
	left:322px;
	bottom:0;
	height:339px;
	width:299px;
	margin:0 0 0 0;
	padding:0 20px 0 20px;
	-margin:0 0 -1px 0;
	background:url(../../media/images/live/lead_relating.gif) no-repeat;
	background-position:left bottom;
}
#pageOverviewRelating {
	width:300px;
	padding-right:10px;
}

/* ##### 3.4 Patient connections ##### */

.ptAttributes {
	font-weight:bold;
}
#pageOverviewPtConnex {
	width:300px;
	padding-right:10px;
	padding-bottom:75px;
}

/* ##### 3.4.1-3.4.3 Patients ##### */

/* Floating quotes with quotation marks and attributions */

#flowPagePtQuote .ptQuoteOpen {
	float:left;
	width:14px;
}
#flowPagePtQuote .ptQuoteOpen img {
	margin-right:3px;
}
#flowPagePtQuote .ptQuoteText {
	text-align:left;
	float:right;
	width:285px;
}
#flowPagePtQuote .ptQuoteAttrib {
	text-align:right;
	color:#636466;
	clear:both;
	_margin-top:-15px;
}