/* Depression TOC Interactive
----------------------------------------*/
#depression-toc-interactive {
   
    font-family:Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 656px;
}

.depression-toc-interactive-border {
	 border: 1px solid #d9d9d9;
	 width: 651px;
	 height: 392px;
	
}

.depression-toc-interactive-border .tl,.depression-toc-interactive-border .tr,.depression-toc-interactive-border .bl,.depression-toc-interactive-border .br {
	background-image: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-rnd-crners.png);
	background-repeat: no-repeat;
	height: 15px;
	position: absolute;
	width: 15px;
	z-index: 10;
}
.depression-toc-interactive-border	.tl{
	background-position: left top;
	left: -3px;
	top: -3px;
}
.depression-toc-interactive-border .tr {
	background-position: right top;
	right: 0px;
	top: -3px;
}
.depression-toc-interactive-border .bl {
	background-position: left bottom;
	bottom: -3px;
	left: -3px;
}
.depression-toc-interactive-border .br {
	background-position: right bottom;
	bottom: -3px;
	right: 0px;
}
/* Plethora of font overrides for naughty CSS */
#depression-toc-interactive button, #depression-toc-interactive div, #depression-toc-interactive h3, #depression-toc-interactive h4, #depression-toc-interactive li, #depression-toc-interactive p, #depression-toc-interactive ul,
#depression-toc-interactive .heading, #depression-toc-interactive .inset, #depression-toc-interactive .questions, #depression-toc-interactive .section {
    font-size: inherit;
    font-size: 100%;
    line-height: inherit;
    line-height: 100%;
}
#depression-toc-interactive .wrap {
    background: transparent url( ../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-bg-photo-1.jpg) right top no-repeat;
	padding: 0px 0 0 0;
	height: 395px;
}

/* Depression TOC Interactive heading sections */
#depression-toc-interactive .heading {height: 145px; margin: 0; /*overflow: hidden;*/ left: 10px; padding: 0; position: relative; width: 400px;}
#depression-toc-interactive .heading.long {width: 350px;}
#depression-toc-interactive .heading h3 {color: #323232; font-size: 2em; font-weight: normal; margin: 0 0 10px; padding: 0; text-indent:-5000px; }
#depression-toc-interactive .heading h4 {color: #323232; font-size: 1.2em; font-weight: bold; margin: 10px 0 0 0px; padding: 0 0 0 5px; }
#depression-toc-interactive .heading p {color: #323232; font-size: 1.25em; line-height: 1.25em; margin: 45px 0 5px; padding: 0 0 0 5px; }


/* Depression TOC Interactive questions sections */
#depression-toc-interactive .questions-wrap {overflow: hidden; margin: 12px 0 0 0; width:450px;}
#depression-toc-interactive .questions-wrap .tabs { margin: 0px 0px 0px 2px; width:125px; float:left; }
#depression-toc-interactive .questions-wrap .tabs ul { margin:1px 0 0 0; }
#depression-toc-interactive .questions-wrap .tabs li { list-style: none; list-style-image: none;  }
#depression-toc-interactive .questions-wrap .tabs li.active a{ height: 78px; width:125px;}
#depression-toc-interactive .questions-wrap .tabs li a{height: 78px; width:115px;}
#depression-toc-interactive .questions-wrap .tabs li.active span { padding: 25px 30px;}
#depression-toc-interactive .questions-wrap .tabs li span { padding: 25px; }
#depression-toc-interactive .questions-wrap .tabs li{ 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-inactive-step.png)  no-repeat left top;
	display:block;
	float:right;
	height:75px; 
	left: 15px;
	margin: 0px; 
	padding: 0px;
	position:relative;
	width: 130px;
	
}

#depression-toc-interactive .questions-wrap .tabs li.active {
	background-position: 0px 0px;	
	height:78px; 
}

#depression-toc-interactive .questions-wrap .tabs li.first.active {
	background-position: -155px 0px;	
	height:78px; 
}

#depression-toc-interactive .questions-wrap .tabs li.last.active {
	background-position: -310px 0px;	
	height:83px; 
}

#depression-toc-interactive .questions-wrap .tabs li.active,
#depression-toc-interactive .questions-wrap .tabs li.first.active,
#depression-toc-interactive .questions-wrap .tabs li.last.active{ 
	background-image: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-active-step.png);
	background-repeat: no-repeat;
    display:block;
    float: right;
	right:0px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 137px;
    z-index: 50;
}

#depression-toc-interactive .questions-wrap li.one.active span { 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-active-step-1.png) no-repeat center center; 
	display:block; 
	height: 30px; 
	width:60px; 
}
#depression-toc-interactive .questions-wrap li.one span { 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-inactive-step-1.png) no-repeat center center; 
	display:block; 
	height: 30px; 
	width:60px; 
}

#depression-toc-interactive .questions-wrap li.two.active span { 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-active-step-2.png) no-repeat center center; 
	display:block; 
	height: 30px; 
	width:60px; 
}
#depression-toc-interactive .questions-wrap li.two span { 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-inactive-step-2.png) no-repeat center center; 
	display:block; 
	height: 30px; 
	width:60px; 
}

#depression-toc-interactive .questions-wrap li.three.active span { 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-active-step-3.png) no-repeat center center; 
	display:block; 
	height: 30px; 
	width:60px; 
}
#depression-toc-interactive .questions-wrap li.three span { 
	background: url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-inactive-step-3.png) no-repeat center center; 
	display:block; 
	height: 30px; 
	width:60px; 
}

/* Depression TOC Interactive question sections */

#depression-toc-interactive .questions .section { background: transparent url(../../../consumer_assets/site_images/modules/hc_redesign_2011/depression-toc-interactive/depression-int-questions-bg.png) no-repeat;margin: 0 3px 2px 0px; height:210px; overflow: hidden; padding: 15px; width: 275px; position: relative; left: 0px;}
#depression-toc-interactive .questions .section.inactive {display:none;}
#depression-toc-interactive .questions .section.last {margin-right: 0;}
#depression-toc-interactive .questions .section .inset{ margin: 0; padding: 0; overflow: visible; position: relative; min-height:210px; }
#depression-toc-interactive .questions .section h4 {color: #323232; font-size: 1.8em; font-weight: normal; line-height: 1.15em; margin: 0 9px; padding: 0;}
#depression-toc-interactive .questions .section ul {display: inline-block; list-style-type: none; margin: 0 0px 0 7px; overflow: hidden; padding: 5px 0 0px; width: 275px;}
#depression-toc-interactive .questions .section ul li {display: inline-block; margin: 0; overflow: hidden; padding: 0;}
#depression-toc-interactive .questions .section ul li label {color: #323232; display: inline-block; font-size: 1.2em; line-height: 15px; margin: 0; overflow: hidden; padding: 0; vertical-align: top;}
#depression-toc-interactive .questions .section ul li label span {display: inline-block; float: left; width:250px; line-height: inherit; padding-bottom: 5px;}
#depression-toc-interactive .questions .section ul li label input {display: inline-block; float: left; height: 12px; line-height: inherit; margin: 0 4px 0 0; overflow: hidden; padding: 0; vertical-align: middle; width: 12px;}

/* Depression TOC Interactive button styling */


#depression-toc-interactive a.nav.next,
#depression-toc-interactive a.nav.previous,
#depression-toc-interactive a.nav.recognize,
#depression-toc-interactive a.nav.resources,
#depression-toc-interactive a.nav.start,
#depression-toc-interactive a.nav.submit {
    color: #3789B9;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.25em;
    padding: 0 7px;
}
#depression-toc-interactive a.nav.previous{
	left: 6px;
	bottom: 0px;
    position: absolute;
}
#depression-toc-interactive a.nav.next,
#depression-toc-interactive a.nav.submit {
    bottom: 0px;
    position: absolute;
    right: 6px;
}
#depression-toc-interactive a.nav.recognize {
    background: none;
    padding: 0 0 0 5px;
}
#depression-toc-interactive a.nav.start {
    background-position: left center;
    margin-top: 10px;
}
#depression-toc-interactive a.nav.seamless {
    background: transparent url(../../../consumer_assets/site_images/layout/buttons/sprite-webmd-buttons-orange-full.gif) -68px top no-repeat;
    background-position: -68px top;
    color: #fff !important;
    display: block;
    font-size: 1.2em;
    height: 27px;
    line-height: 27px;
    margin-top: 12px;
    text-align: center;
    width: 72px;
}
#depression-toc-interactive a.nav.inactive {color: #bbb !important; cursor:default;}
#depression-toc-interactive a.nav.inactive:hover { text-decoration: none;}
#depression-toc-interactive a.nav.next.active, #depression-toc-interactive a.nav.submit.active  { display:none;}




/* Miscellaneous
----------------------------------------*/


.article_snippet_rdr {clear:both;}


#ContentPane11 #rightAd_fmt{
    float: right;
    margin-top: 18px;
   
}


.cw_btm_300x250_rdr {
    float: left;
    width: 300px;
}