@charset "utf-8";
/* CSS Document */

h1{
	padding: 15px 0px 15px 30px;
	font-size: 150%;
	display: block;
	height: 30px;
	z-index: 0;
}

h2{
	color: #3d3e3e;
	font-size: 87.5%;
	text-transform: uppercase;
	margin: 8px 0px 8px 0px;
	height: 26px;
	line-height: 26px;
}

#calcPage h2{
	height: 52px;
	line-height: 22px;
}

h2 span{
	padding-bottom: 5px;
	background: url(../graphics/shared/h2_bg.gif) repeat-x top left;
	height: 26px;
	line-height: 26px;
	float: left;
}

h2 a{
	text-decoration: none;
}

h3{
	color: #5c5c7c;
	font-size: 75%;
	margin: 15px 0px 8px 0px;
	text-transform: uppercase;
}

h3 a{
	color: #5c5c7c;
	margin: 15px 0px 8px 0px;
	text-transform: uppercase;
}

#stories h3{
	margin-top: 30px;
}

h4{
	color: #000;
	font-size: 75%;
	text-align: center;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}
#stories h4{
	text-align: left;
	text-transform: none;
}

p{
	padding: 8px 0px;
}

a{
	text-decoration: underline;
}

a:hover{
	color: #aeadad;
}

#leftCol{
	width: 175px;
	float: left;
}

#submenu{
	padding-left: 20px;
	list-style-type: none;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-right: 10px;
}

#submenu li{
	padding-top: 20px;
}

#submenu ul li{
	padding-top: 3px;
}

#submenu ul{
	list-style-type: none;
	padding-left: 15px;
}

#submenu a{
	font-size: 10pt;
	font-weight: bold;
	color: #5c5c7c;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-decoration: none;
	
}

#submenu a:hover{
	text-decoration: underline;
}

#submenu a.on{
	color: #0d8862;
}

#submenu ul a{
	font-size: 75%;
	color: #FFF;
}








#bothColumns{
	position: relative;
	width: 100%;
	clear: both;
	z-index: 0;

}

#rightCol{
	float: right;
	width: 823px;
	position: relative;
	background: transparent;
}

#content{
	padding: 0px 20px 20px 35px;
}

#content p{
	line-height: 12pt;
	font-size: 75%;
}

#content ul, #content ol{
	margin: .5em 2em;
}

#content ul li, #content ol li{
	padding: 2px 0px;
	font-size: 75%;
}

#content li li {
	font-size: 100%;
}

/* for new patient profiles pages tertiary menu */
#content ul#thirdlevelmenu li {
	background-color: #FFFFFF;
	height: 30px;
	float:left;
	font-size:11px; /* fixed font size keeps the li width constant across all browsers and the white background stretching all the way over*/
	padding:0px 7px 0px 7px;
	
	
	white-space: nowrap;
}

#content ul#thirdlevelmenu li.ppfirst{
	padding-left: 0px;	
}
#content ul#thirdlevelmenu li a {
	background: transparent url(../graphics/shared/subnavhead-off.gif) no-repeat top center scroll;
	color:#a6a6a6;
	float:left;
	font-weight:600;
	height: 30px;
	margin: 0;
	padding-top: 13px;
	text-align:center;
	text-decoration:none;
	white-space: nowrap;
}
#content ul#thirdlevelmenu li a.on, #content ul#thirdlevelmenu li a:hover {
	background: #transparent url(../graphics/shared/subnavhead-on.gif) no-repeat top center scroll;
	color:#5c5c7c;
	float:left;
	font-weight:600;
	height: 30px;
	margin: 0;
	padding-top: 13px;
	text-align:center;
	text-decoration:none;
	white-space: nowrap;
}
#content ul#thirdlevelmenu {
	background-color: transparent;
	display:block;
	height: 30px;
	list-style-type:none;
	margin:0;
	padding:0;	
	text-align: right;
	width: 100%;
	/*_width: 546px;  for IE 6 */
	_white-space: nowrap;
}


h3.patientTop{
	padding: 15px 0px 0px 0px !important;
	border-top: 15px solid #FFF;
	margin: 0px 0px 8px 228px !important;
	
}

/* for new patient profiles pages content */
#patientcontent {
	background: #e1e7ec url(../graphics/sub/row/studies/woman_large.jpg) no-repeat top left scroll;
	min-height:360px; /* for firefox etc. */
	_height: 360px; /* for IE6 */
	padding-bottom: 10px;
	
}

#patientcontent p, #patientcontent h3, #patientcontent h4, #patientcontent img, #patientcontent dl {
	padding: 4px 20px 8px 228px;
}


#patientcontent dl {
	font-size:75%;
	margin-bottom: 5px;
}
#patientcontent p span{
	font-weight:bold;
	color: #5c5c7c;
}
/* for new patient profiles pages content WOMAN 2*/

#patientcontent2 {
	background: #e1e7ec url(../graphics/sub/row/studies/woman_large2.jpg) no-repeat top left scroll;
	min-height:360px; /* for firefox etc. */
	_height: 360px; /* for IE6 */
	padding-bottom: 10px;
}

#patientcontent2 p, #patientcontent2 h3, #patientcontent2 h4, #patientcontent2 img, #patientcontent2 dl {
	padding: 4px 20px 8px 228px;
}
#patientcontent2 dl {
	font-size:75%;
	margin-bottom: 5px;
}
#patientcontent2 p span{
	font-weight:bold;
	color: #5c5c7c;
}
/* END new patient profiles pages content WOMAN 2*/


/* for new patient profiles pages content WOMAN 3*/

#patientcontent3 {
	background: #e1e7ec url(../graphics/sub/row/studies/woman_large3.jpg) no-repeat top left scroll;
	min-height:360px; /* for firefox etc. */
	_height: 360px; /* for IE6 */
	padding-bottom: 10px;
}

#patientcontent3 p, #patientcontent3 h3, #patientcontent3 h4, #patientcontent3 img, #patientcontent3 dl {
	padding: 4px 20px 8px 228px;
}
#patientcontent3 dl {
	font-size:75%;
	margin-bottom: 5px;
}
#patientcontent3 p span{
	font-weight:bold;
	color: #5c5c7c;
}
/* END new patient profiles pages content WOMAN 3*/

/* for new patient profiles pages content WOMAN 4*/

#patientcontent4 {
	background: #e1e7ec url(../graphics/sub/row/studies/woman_large4.jpg) no-repeat top left scroll;
	min-height:360px; /* for firefox etc. */
	_height: 360px; /* for IE6 */
	padding-bottom: 10px;
}

#patientcontent4 p, #patientcontent4 h3, #patientcontent4 h4, #patientcontent4 img, #patientcontent4 dl {
	padding: 4px 20px 8px 228px;
}
#patientcontent4 dl {
	font-size:75%;
	margin-bottom: 5px;
}
#patientcontent4 p span{
	font-weight:bold;
	color: #5c5c7c;
}

/* END new patient profiles pages content WOMAN 4*/

#casequestionsform dt {
	float:left;
	width:40%;
}
#casequestionsform dd {
	margin-bottom: 10px;
}
#casequestionsform input {
	vertical-align: middle;
}
#casequestionsform label {
	padding: 0px 10px 0px 4px;
}
#stories #content #patientcontent img {
	float:none;
}
img#profresponses {
	border: none;
	height: 130px;
	width: 480px;
}
#patientcontent h3 {
	font-size: 75%;
	margin-top: 14px;
}


/* for new patient profiles pages back and next */
#backnext {
	background-color: #8ea792;
	color: #FFFFFF;
	padding: 10px 0px 10px 228px;
	margin: 0px 0px 0px 0px;
	height: 19px;
}
#backnext a {
	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 3px 5px 3px;
	text-transform: uppercase;
	text-decoration: none;
}
#backnext a:hover {
	text-decoration: underline;
}
.backnextarrows {
	font-weight: bold;
	font-size: 120%;
}

#backnextnav{float: left; height: 19px; width: 200px;}
.seemore {
	float: right;
	padding-right: 10px;
	position: relative;
	top: 0;
	height: 19px;
	width: 250px;
	text-align: right;
}

#stories  #content img{
	float: left;
	margin: 0px 10px 10px 0px;
}

#breadcrumbs{
	height: 30px;
	text-align: right;
	font-size: 10px;
	color: #c4c4d0;
	padding-right: 30px;
}

#breadcrumbs a{
	color: #c4c4d0;
}

#breadcrumbs p{
	padding-top: 15px;
	padding-bottom: 0px;
}

#topWoman, #topWoman2, #topWoman3{
	position: absolute;
	z-index: 30;
}

.antitable {
	border:1px solid #5C5B7B;
	border-collapse:collapse;
	margin:15px 10px;
}
.antitable td {
	border:1px solid #5C5B7B;
	padding:3px 10px;
	vertical-align:middle;
	font-size: 75%;
}
.antitable th {
	background-color:#DDEDEA;
	border:1px solid #5C5B7B;
	color:#0d8862;
	font-weight:bold;
	padding:3px 10px;
	text-align:center;
	white-space:nowrap;
	font-size: 75%;
}

.disclosure{
	text-align: center;
	
	text-transform: uppercase;
	margin-top: 15px;
	font-weight: bold;
}

.disclosure a{
	padding: 0px 15px;
	font-size: 140%;
}

.mini-callout, .callout{
	width: 231px;
	height: 211px;
	float: right;
	margin: 10px 0px 20px 20px;
}

.callout h4, .mini-callout h4{
	margin: 0px;
	padding: 0px;
	height: 83px;
	width: 231px;
	text-indent: -9999px;
}

.callout p strong{
	font-size: 105%;
	color: #4B4B77;
}

.callout h5{
	color: #4e4d4d;
	font-size: 75%;
	text-align: center;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;

}

.mini-callout p, .callout p{
	text-align: center;
	color: #8080A7;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.poll{
	width: 231px;
	min-height: 211px;
	float: right;
	margin: 10px 0px 20px 20px;
	padding-bottom: 20px;
	color: #666666;
}

.pollBG{
	min-height: 211px;
}

* html .poll{
	height: 211px;	
}


.poll h4{
	margin: 0px;
	padding: 0px;
	height: 83px;
	width: 231px;
	text-indent: -9999px;
}



.poll h5{
	color: #4e4d4d;
	font-size: 75%;
	text-align: center;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;

}

.poll p{
	text-align: left !important;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
}

.poll p strong, .poll p.pollques{
	font-size: 105%;
	font-weight: bold;
}

.poll .option, .poll form{
	padding: 0px 30px;
}

.poll .option{
	margin-bottom: 10px;
}

.poll .option p, .poll form p{
	padding-left: 0;
	padding-right: 0;
}

.poll .barholder{
	width: 125px;
	float: left;
	height: 9px;
	background-color: #e4e2e2;
	line-height: 9px;
	display: inline;
}

* html .poll barholder {height: 5px;}

.poll .perholder{
	float: right;
	width: 35px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
}

#pollcontainer{padding-top: 20px;}

.poll label{ display: inline-block; float :left; text-align: left; font-size: 12px; width: 150px;}
.poll .pollradio{width: 20px; height: 24px; vertical-align:top;display: inline-block; float: left; margin-top: -4px;}

.poll p.small{font-size: 11px; padding-left: 30px;}
.poll .optholder{padding: 10px 0px;}

* poll .optholder{padding-bottom: 0px;}

.poll p.link{padding-top: 50px; font-size: 11px !important;}

.videoDiv{
	padding: 15px 0;
	clear: both;
	height: 73px;
}

.videoDiv img{
	margin-right: 15px;
	float: left;
	width: 118px;
	height: 73px;
}

.videoDiv a{
	font-weight: bold;
}

.videoDiv span{
	color: #979797;
	font-weight: bold;
}

.vdcallout{
	float: left; 
	clear: left; 
	width: 500px
}

p.moremargin{
	padding: 20px 0px;	
}

p.topmargin{
	padding-top: 40px;	
}

img.pdfimg{
	vertical-align: middle;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
}

img.extrabot{
	margin-bottom: 20px;	
}

span.results{
	color: #5c5c7c;
	font-style: italic;
	font-weight: bold;
}

.invisible{display: none;}
#patientcontent h4, #patientcontent2 h4, #patientcontent3 h4, #patientcontent4 h4{font-size: 12px; color: #0d8862; padding-top: 15px; padding-bottom: 15px;}

#patientcontent .user, #patientcontent2 .user, #patientcontent3 .user, #patientcontent4 .user{
	height: 15px;
	width: 250px;
	font-size: 11px;
	padding: 5px 0px 0px 5px;
}

div#graphContainer{
	margin: 0px 15px 10px 228px;
	height: 255px;
}

div#graphContainer.larger{
	
	height: 275px;
}

div.graph{
	width: 250px;
	height: 255px;
	background: #e4e9ed;
	border: 2px solid #bad6d2;
}

.graphHeader{background: #bad6d2; height: 40px; font-weight: bold; text-align: center; font-size: 12px; padding-top: 5px; margin-bottom: 30px;}

#myGraph, #myGraph2{height: 140px; margin: 5px; }
#myGraph.shorter, #myGraph2.shorter{height: 125px;}

.left{float: left;}
.right{float: right;}
.center{text-align: center !important;}

div.graph .axis-label{font-size: 11px; text-align: center; padding-top: 5px;}
div.graph .bar-label{font-size: 11px; text-align: center; color: #5c5c7c; padding-bottom: 5px;}

.patientBtn{
	padding-top: 20px !important;	
	margin-left: 25px !important;
}

#questionWarning{
	font-weight: bold !important;
	color: #DD0000 !important;
	margin-top: 10px;
}