/* CSS Document */
html, body{
	margin:0; 
	padding:0;
	}
html{overflow-y:scroll;}
body{ 
	font-size:62.5%; 
	background-color:#f3f5de;
	background-image:url(/images/atopic-dermatitis/graphics/body-bk.gif);
	color:#666;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	line-height:1.4;
	}
/*a{text-decoration:none; color:#51779b;}*/

a{text-decoration:none; color:#3a7bb6;}
img{border:none}

a:hover{text-decoration:underline}

.callout{
	background:#dfbdd7;
	width: auto;
	text-align:justify;
	padding:4px;
	margin:10px 0;
	}
#mbody .img-title{margin-bottom:0; font-weight:normal; color:#205687; padding-bottom:0; }
#wrapper{
	max-width:1000px; 
	min-width:870px;
	margin:0 auto; 
	background:#f7f7f7;
	border-left:#e9e2c7 solid 10px ;
	border-right:#e9e2c7 solid 10px ;
	z-index:1;
	}
* html #wrapper{width:960px;}
#exta-wrapper{border-left:#8da0b5 solid 1px; border-right:#8da0b5 solid 1px;}
#header{
	background:#3680bc url(/images/atopic-dermatitis/graphics/head-bk.jpg);
	background-position:top right;
	height:148px; 
	position:relative;
	/*border-top:#402508 solid 3px;*/
	border-top:#666 solid 3px;
	border-bottom:#768294 solid 2px;
	z-index:2;
	}
#header #head-txt{
	position:absolute;
	z-index:10;
	text-align:left;
	width:750px;
	height:97px;
	margin: 35px 0 0 40px;
	font-family:"Times New Roman", Times, serif;
	}
#header #head-right{/*search*/
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	margin:0;
	padding:0 10px 0 0;	
	background-image:url(/images/atopic-dermatitis/graphics/head-right-bk.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:149px;
	width:168px;
	}
#head-right p{font-size:1.4em; margin:0; padding:3px 0 0 0; color:#FFFFFF; text-align:right;}
#head-right form{margin:10px 0 10px 0; padding:0;}
#head-right form input{margin:0; }
#head-right a{color:#ffffff;}

/*end search*/
#header #head-txt h1{
	color:#ffffff;
	margin:0;
	padding:0;
	font-size:4.9em;
	line-height:1.1em;
	font-weight:normal;
	}
	/*END header STYLES */
	/*TOP NAV STYLES */
#topnav{
	position:relative;
	height:34px;
	z-index:3;
	margin:-38px 0 0 0;
	background: transparent;
	padding:0;
	font-size:1em;
	 }
#topnav ul{
	display:block;
	list-style:none; 
	margin:1px 0 0 206px;
	padding:0; 
	min-width:680px;
	text-align:left;
	float:left;
	z-index:200;
		}
* html #topnav ul {margin-left:0; float:none; padding-left:205px} 	
#topnav ul li{
	display:block;
	float:left;
	height:28px;  
	
	
	margin:2px 0 0 0;
	padding:0;  
	height:28px;  
	font-size:1.1em;
	background-color:transparent;
	}		
#topnav ul li.lastnav{border-right:solid 2px #ffffff;}
#topnav ul li a{
	display:block; 
	height:26px; 
	padding:4px 6px 2px 6px;
	margin:0 10px 0 0; 
	/*color:#402508;*/
	color:#333;
	font-weight:normal;
	font-size:1.4em;
	text-decoration:none; 
	text-align:center;
	float:left;
	/*border-left:solid 2px #52789d;*/
	border-right:#52789d solid 2px;
	border-bottom:none;
	background-color:#97b2ce;
	font-family:Arial, Helvetica, sans-serif;
		/*border-top:solid 3px transparent;*/
		}
* html #topnav ul li a{border-top:none; /*padding-top:2px; height:26px;*/ }
#topnav ul li a:hover{
	
	background-color:#adbdce;
	
	}
#topnav ul li a.amhere{
	border-bottom:solid 3px #ffffff;
	background-color:#ffffff;
	
	}
* html #topnav ul li a.amhere{padding-top:1px; }
/*END TOP NAV*/
	/*BODY STYLES*/
#mbody{
	display:block;
	position:relative;
	padding:10px 45px 20px 30px;
	font-size:1.3em; 
	margin-left:205px; 
	min-height:520px;
	background-color:#ffffff;
	border-left:#cccccc solid 1px;
			}
* html #mbody{height:570px; overflow: visible}
/*-- home page styles -- */

/*-- End home page styles -- */

#mbody h1{
	margin:10px 0 5px 0; 
	padding:0; 
	font-size:2.5em;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	line-height:1;
			}
#mbody h2{
	font-size:2em;
	padding:0 0 10px 0;
	margin:0 0 0 0;
	color:#5a729e;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	line-height:1;
	
		}
#mbody h3{
	font-size:1.1em;
	margin:0;
	padding:0;
	font-weight:bold
	font-family:"Times New Roman", Times, serif;
}
#mbody h4{
	font-size:1em; 
	font-weight:bold; 
	margin-bottom:0; 
	padding-bottom:0;
	}
#mbody p{
	margin-top:0;
	text-align:justify;
	
	}
em{font-style:italic;}
#mbody img{border:none;}
#mbody p.imgtitle{font-weight:bold; margin-bottom:0;}
#mbody p.imgfoot{font-size:0.8em; color:#999999; margin-top:0; padding-top:0}
#mbody small{font-size:0.8em; color:#999999; border-top:#999999 solid 1px; display:block; text-align:left}
#mbody ul.sitemap{margin-top:5px;}
#mbody ul.sitemap li{color:#999; list-style:circle; line-height:1.3em}
* html #mbody small{height:1px;}
#mbody table.bkcolor{
	border-collapse:collapse; 
	width:auto;
	font-size:1em;
	line-height:1.2em;
	background-color:#e6f3f7;
	margin-bottom:10px;
	border:none;
	border:#c2d6e0 solid 3px;
	
		}
#mbody table.bkcolor caption{
	text-align:left; 
	font-weight:bold; 
	padding:3px 0px 5px 0px;
	/*color:#205789;*/
				}
#mbody table.bkcolor th{
	border-bottom:#c2d6e0 solid 2px;
	border:#c2d6e0 solid 2px;
	background-color:#205789;
	color:#ffffff;
	padding:3px 8px 5px 8px;
	font-weight:bold;
	text-align:left;
			 }
#mbody table.bkcolor th.glos{background-color:#e6f3f7; color:#333333; font-weight:bold;}
.difcolor{background-color:#dfb9d5;}
#mbody table.bkcolor td{
	border:#c2d6e0 solid 2px ; 
	padding:5px 10px 5px 10px;
	vertical-align:top;
	font-size:0.9em;
		}
/*col.c1, td.c1, caption.c1{background-color:#a2d1dd;}
col.c2, td.c2{background-color:#dbecf0;}
col.c3, td.c3{background-color:#bcd1ed;}
td.c4{background-color:#f9d0bf;}
*/
.center{text-align:center;}
.left{text-align:left;}
table.bkcolor td ul{padding-top:0; margin-top:0; padding-bottom:10px; margin-bottom:10px; margin-left:0; padding-left:15px}
li.redcircle{list-style-type: circle; color:#e31b23; font-size:1em; margin:0; padding:0;}
.norm{ color:#333333;}
#mbody p.sml{font-size:0.8em; line-height:0.8em; color:#666666;}
#mbody ul.ref li{margin-bottom:5px; border-bottom: 1px solid #E1E1E1; padding-bottom:1px}		
#mbody table.nocolor{
	border:#000000 solid 2px ; 
	border-collapse:collapse; 
	width:auto;
		}
#mbody table.nocolor caption{
	text-align:left; 
	font-weight:bold; 
	padding:3px 1px 3px 5px;

				}
#mbody table.nocolor th{
	border:#000000 solid 2px ;
	border-left:#000000 solid 1px ;
	border-right:#000000 solid 1px ;
	padding:3px 3px 3px 5px;
	text-align:left;
			 }

#mbody table.nocolor td{
	border:#000000 solid 1px ; 
	padding:3px 3px 3px 5px;
	}

#mbody table.nocolor td.sm{font-size:0.8em;}
#mbody div.case{border:solid 3px #c2d6e0; background-color:#e6f3f7; padding:10px; color:#205789; width:90%}
#mbody div.case p{color:#205789;}
/*
#mbody form{margin-top:20px;}
#mbody form label{font-weight:bold}
#mbody form div{margin-bottom:10px;}

*/

/* -- // CONTACT FORM // -- */
form#contact_form{
	
	margin:20px 0 20px 0; 
	padding:0;
	display:block;
	width:90%;
	border: 1px solid #C4ECFF; 
	background-color:#ffffff;
	z-index:1;
	}
form#contact_form div{
	position:relative;
	clear: both;
	margin:0 0 2px 0; 
	padding:0; 
	padding-top:10px; 
	background-color:#EAF4FF;
	border-bottom: 1px solid #C4ECFF; 
	z-index:1;
	}
.active{background-color:red;}	
	
form#contact_form label{
	display:inline; 
	width:6em; 
	font-weight:bold;
	margin:2px; 
	padding:3px 0 0 5px;
	float:left; 
	}
form#contact_form label.error {
	position: absolute;
	/*width:200px;*/
	width:auto;
	clear:both;
	padding: 3px;
	color: #da3939;
	font-size: 0.9em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
	background-color:#ffe9ed;
}
* html form#contact_form label.error {
	top:-10px; 
	left:40px; 
	font-size:0.8em; 
	padding:2px; 
	text-align:left; 
	background-color:transparent;
	}
form#contact_form input, form#contact_form select{margin-bottom:10px;}

/*END BODY STYLES*/
/*LEFT NAV STYLES*/
#lnav{
	position:absolute; 
	font-size:1.3em; 
	margin-top:30px;
	width:205px;
	padding-top:0;
	}
#lnav ul{
	margin:0 0 0 0px;
	padding:0 0 0 5px;
	list-style:none;
			}
#lnav ul li{
	margin:0;
	padding-left:9px;
	background:transparent url(/images/atopic-dermatitis/graphics/lnav-bk2.jpg) no-repeat; 
	background-position:0 9px;
				}
#lnav ul li a{
	display:block; 
	padding:3px 10px 2px 7px;  
	text-decoration:none;
	color:#5a729e;
	border-bottom:#c7c6c6 1px solid;
	margin:0 0 0 0px;
	height:auto;
	font-weight:normal;
	background:transparent;
			}
#lnav ul li a:hover{
		background:#ffffff;
	}

#lnav ul li a.here{
	background:#ebebeb;
	font-weight:bold;
	}
* html #lnav ul li a{background-image:none; width:100%}
/*sub */
#lnav ul ul li{background-position:0 7px;}
#lnav ul ul li a{padding-left:5px; color:#5a729e; font-weight:normal;}

#lnav ul ul li a.here{font-weight:normal;}
#wrapper #lnav #search{
	position:relative; 
	margin:30px 0 0 0; 
	padding:0 0 0 13px;
	height:inherit;
	border-top:#cccccc dotted 1px; 
	border-bottom:#cccccc dotted 1px;
	background-color:#f5f5f5; 
	}
/*SEARCH STYles*/
/** html #wrapper #lnav #search{background-position:17.2em}*/
#wrapper #lnav #search h4{
	 font-size:1.1em; margin:10px 0 0 0px; padding:10px 0 0 0;
	}
/*#wrapper #lnav #search a{color:#1d4c78}*/
#wrapper #lnav #search p{margin:5px 0 0 10px; padding:0;}
#wrapper #lnav #search form{margin:10px 0 10px 0; padding:0;}
#wrapper #lnav #search form input{margin:0 0 5px 0;}
/*FOOTER STYLES*/
#footer{
font-size:1.1em;
	background:#3b7ebb;
	width:100%; 
	color:#ffffff;
	border-top:solid 2px#768294;
	border-bottom:#768294 solid 2px;
	font-family:Arial, Helvetica, sans-serif;

	}	
#footer p{padding:5px 10px 5px 20px; margin:0;}
#footer a{color:#ffffff;}
#mbody div.disbox{
		background-color:#efdeeb; 
		border:#dfb9d5 solid 3px; 
		min-height:180px; 
		width:330px; 
		padding:5px 7px 7px 20px;
		margin-bottom:10px;
		}
* html #mbody div.disbox{height:180px;}	
#mbody div.disbox h3{
		color:#864f68; 
		font-size:1.5em; 
		margin:0 0 5px 0; 
		padding:0;
		}
#mbody div.disbox ul, #mbody div.disbox ul li{margin:0; padding:0;}
#mbody div.disbox ul li{padding:0 0 0 0; margin:0 0 10px 10px;}
#mbody div.disbox ul ul li{padding:0 0 0 0; margin:0 0 0px 15px;}
#mbody div.disbox li h4{color:#864f68; font-size:1.1em; margin:0; padding:0; }

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:2px solid #cccccc;
	background:#DFDFDF;	
	margin:.5em 0;
	overflow:auto;
	width:50px;
}

#tooltip{
	position:absolute;
	border:1px solid #cccccc;
	background:#EAF4FF;
	padding:1px 3px 1px 3px;
	color:#666;
	display:none;
	max-width:200px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}	
a.tooltip{border-bottom:dashed 1px #cccccc; color:#666}
a:hover.tooltip{text-decoration:none;}
* html #tooltip{width:200px;}