/*

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
Subnav sidebar module
2.1 Treatments
2.2 Working with your doctor

*/

/* TREAT */

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

#treatContent {
	width:702px; /* based on image dimensions */
	z-index:1;
	margin:0 0 0 20px;
}
#treatContent .content, #treatContent .t, #treatContent .b, #treatContent .b div {
	background:transparent url(../../media/images/treat/content_main.gif) no-repeat top right;
}
#treatContent .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-top:20px;
}
#treatContent .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;
}
#treatContent .b {
	/* bottom */
	position:relative;
	width:100%;
}
#treatContent .b, #treatContent .b div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#treatContent .b {
	background-position:bottom right;
	margin-left:0;
}
#treatContent .b div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#treatContent .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:3500px;
	overflow:auto;
}

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

#treatContent .contentBoxLong {
	width:662px; /* based on image dimensions */
	z-index:1;
	margin:0 20px 0 20px;
}
#treatContent .contentBoxLong .cbContent, #treatContent .contentBoxLong .cbT, #treatContent .contentBoxLong .cbB, #treatContent .contentBoxLong .cbB div, #treatContent .contentBoxLong .cbBtn, #treatContent .contentBoxLong .cbBtn div {
	background:transparent url(../../media/images/treat/content_box.gif) no-repeat top right;
}
#treatContent .contentBoxLong .cbContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-bottom:1px;
}
#treatContent .contentBoxLong .cbContent.noGap {
	padding-bottom:0;
}
#treatContent .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;
}
#treatContent .contentBoxLong .cbB, #treatContent .contentBoxLong .cbBtn, #treatContent .contentBoxLong .cbBtn { /* bottom for box w/quote at top of page */
	/* bottom */
	position:relative;
	width:100%;
}
#treatContent .contentBoxLong .cbB, #treatContent .contentBoxLong .cbB div, #treatContent .contentBoxLong .cbBtn, #treatContent .contentBoxLong .cbBtn div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#treatContent .contentBoxLong .cbB, #treatContent .contentBoxLong .cbBtn {
	background-position:bottom right;
	margin-left:0;
}
#treatContent .contentBoxLong .cbB div, #treatContent .contentBoxLong .cbBtn div { /* bottom for box w/quote at top of page */
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#treatContent .contentBoxLong .cbWrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:2000px;
	overflow:auto;
	padding-right:20px;
}

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

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

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

#treatContent .contentBoxShortContainer, #treatContent .connectorShortContainer {
	padding:0 20px 0 20px;
}
#treatContent .contentBoxShortL {
	float:left;
	margin-right:20px;
}
#treatContent .contentBoxShortR {
	float:right;
}
#treatContent .contentBoxShortL, #treatContent .contentBoxShortR {
	width:311px; /* based on image dimensions */
	z-index:1;
}
#treatContent .contentBoxShortL .cbContent, #treatContent .contentBoxShortL .cbT, #treatContent .contentBoxShortL .cbB, #treatContent .contentBoxShortL .cbB div, #treatContent .contentBoxShortR .cbContent, #treatContent .contentBoxShortR .cbT, #treatContent .contentBoxShortR .cbB, #treatContent .contentBoxShortR .cbB div {
	background:transparent url(../../media/images/treat/content_box.gif) no-repeat top right;
}
#treatContent .contentBoxShortL .cbContent, #treatContent .contentBoxShortR .cbContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	min-height:auto;
}
#treatContent .contentBoxShortL .cbT, #treatContent .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;
}
#treatContent .contentBoxShortL .cbB, #treatContent .contentBoxShortR .cbB {
	/* bottom */
	position:relative;
	width:100%;
}
#treatContent .contentBoxShortL .cbB, #treatContent .contentBoxShortL .cbB div, #treatContent .contentBoxShortR .cbB, #treatContent .contentBoxShortR .cbB div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#treatContent .contentBoxShortL .cbB, #treatContent .contentBoxShortR .cbB {
	background-position:bottom right;
	margin-left:0;
}
#treatContent .contentBoxShortL .cbB div, #treatContent .contentBoxShortR .cbB div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#treatContent .contentBoxShortL .cbWrapper, #treatContent .contentBoxShortR .cbWrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;
	padding-right:20px;
}

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

#treatContent .connectorShortL {
	float:left;
	width:302px;
	margin-left:-3px;
	_margin-left:-3px;
	_margin-bottom:-1px;
}
#treatContent .connectorShortR {
	float:left;
	width:301px;
	margin-left:48px;
	_margin-bottom:-1px;
}

#treatContent .connectorShortLL, #treatContent .connectorShortRL {
	width:7px;
	background:transparent url(../../media/images/treat/connect_l.gif) no-repeat left 0;
	float:left;
}
#treatContent .connectorShortLM,  #treatContent .connectorShortRM {
	width:287px;
	background:transparent url(../../media/images/treat/connect_m.gif) repeat-x left 0;
	float:left;
}
#treatContent .connectorShortLR,  #treatContent .connectorShortRR {
	width:7px;
	background:transparent url(../../media/images/treat/connect_r.gif) no-repeat left 0;
	float:left;
}

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

#treatContent .ctaBox {
	width:220px; /* based on image dimensions */
	z-index:1;
	margin:0 20px 0 20px;
	_margin-top:-2px;
}
#treatContent .ctaBox .ctaContent, #treatContent .ctaBox .ctaT, #treatContent .ctaBox .ctaB, #treatContent .ctaBox .ctaB div {
	background:transparent url(../../media/images/treat/content_box.gif) no-repeat top right;
}
#treatContent .ctaBox .ctaContent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
}
#treatContent .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;
}
#treatContent .ctaBox .ctaB {
	/* bottom */
	position:relative;
	width:100%;
}
#treatContent .ctaBox .ctaB, #treatContent .ctaBox .ctaB div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
#treatContent .ctaBox .ctaB {
	background-position:bottom right;
	margin-left:0;
}
#treatContent .ctaBox .ctaB div {
	position:relative;
	width:20px; /* bottom corner width */
	margin-left:-20px;
	background-position:bottom left;
}
#treatContent .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 ##### */

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

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

#treatContent h1, #treatContent h2, #treatContent h3 {
	color:#9a3c75;
}

/* Link styles */

#treatContent p a:link, #treatContent p a:hover, #treatContent p a:visited, #treatContent p a:active,
#treatContent li a:link, #treatContent li a:hover, #treatContent li a:visited, #treatContent li a:active {
	color:#9a3c75;
}

/* ##### Page quotes ##### */

.gatePageQuoteBg {
	background-image:url(../../media/images/treat/lead_line.gif);
	overflow:visible;
}

/* Floating quotes */

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

/* ###### Subnav sidebar module ###### */

#subnavtreatments {
	float:left;
	margin-top:20px;
	margin-left:28px;
	_margin-left:14px;
}
#subnavtreatments a {
	position:relative;
	z-index:1;
	color:#fff;
	text-decoration:none;
}
#subnavtreatmentsoptions {
	padding-left:6px;
}
.subnavHeader {
	margin:0;
	background-image:url(../../media/images/sidebar/subnavs-treat/back_top.gif);
	background-repeat:no-repeat;
	width:202px;
	height:25px;
	display:block;
	padding:11px 0 0 25px;
	color:#fff;
}
.subnavOff {
	margin:0;
	background-image:url(../../media/images/sidebar/subnavs-treat/back_off.gif);
	background-repeat:no-repeat;
	width:202px;
	height:24px;
	display:block;
	padding:10px 0 0 25px;
	color:#fff;
}
.subnavOffBottom {
	margin:0;
	background-image:url(../../media/images/sidebar/subnavs-treat/back_bot_off.gif);
	background-repeat:no-repeat;
	width:202px;
	height:25px;
	display:block;
	padding:10px 0 0 25px;
	color:#fff;
}

/* ##### 2.1 Treatments ##### */

#therapycontainer {
	margin:20px 0 20px 0;
	position:inherit;
	z-index:1;
}
#therapycontainer a {
	text-decoration:underline;
}
#therapyboxleft {
	float:left;
	width:270px;
	margin:0 -1px 0 90px;
	-margin:0 -27px 0 40px;
	z-index:5;
}
#therapyboxright {
	float:left;
	width:220px;
	margin:15px 0 0 -26px;
	-margin:15px 0 0 0;
	-padding:0;
	z-index:10;
}
.boxheader {
	font-weight:bold;
	color:#fff;
	margin-bottom:8px;
}
#bigboxtop {
	width:270px;
	height:20px;
	background-image:url(../../media/images/treat/therapy_big_top.gif);
	line-height:0;
	margin:0;
}
#bigboxcenter {
	width:216px;
	background-image:url(../../media/images/treat/therapy_big_back.gif);
	margin:0;
	padding:0 40px 0 14px;
}
#bigboxcenter a {
	color:#000;
}
#bigboxcenter ul {
	margin:0 0 0 18px;
 }
#bigboxcenter ul li {
	margin:0;
}
#bigboxbot {
	width:270px;
	height:20px;
	background-image:url(../../media/images/treat/therapy_big_bot.gif);
	line-height:0;
	margin:0;
	z-index:0;
}
#smallboxtop {
	width:220px;
	height:20px;
	background-image:url(../../media/images/treat/therapy_small_top.gif);
	line-height:0;
	z-index:5;
}
#smallboxcenter {
	width:170px;
	background-image:url(../../media/images/treat/therapy_small_back.gif);
	padding:0 10px 0 40px;
}
#smallboxcenter a {
	color:#000;
}
#smallboxcenter ul {
	 padding:0;
	 margin:0 0 0 18px;
}
#smallboxcenter ul li {
	margin:0;
}
#smallboxcenter ul ul {
	padding:0;
	margin:0 0 0 2.2em;
}
#smallboxcenter ul ul li {
	margin:0;
}
#smallboxbot {
	width:220px;
	height:20px;
	background-image:url(../../media/images/treat/therapy_small_bot.gif);
	background-repeat:no-repeat;
	line-height:0;
}

/* ##### 2.2 Working with your doctor ##### */

.leadImageWorkingDoctorBR {
	position:relative;
	height:20px;
	font-size:1px;
	margin-left:-20px;
	background:url(../../media/images/treat/lead_bottom_working_doctor.gif) no-repeat;
	background-position:0 0;
}
#leadImageWorkingDoctor {
	position:absolute;
	left:322px;
	bottom:0;
	height:235px;
	width:147px;
	margin:0;
	padding:0 180px 0 12px;
	background:url(../../media/images/treat/lead_working_doctor.gif) no-repeat;
}
#leadImageWorkingDoctor p {
	color:#9a3c75;
}