@charset "UTF-8";
/* CSS Document */
/*_____________________________________________
	gneral
	------------------------------------------*/
	
body {
	background:#ebf6fc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#323232;
	}
	
#wrapper{

	margin:0 auto;
	position:relative;
	width:980px;
	padding-bottom:40px;
	
	}
	
h1{
	margin-top:-4000px;
	float:left;
	text-indent:-9999px;
	
	}
	
.clear{
	clear:both;
	height:10px;
	}



/*_____________________________________________
	LEFT COLUMN
	------------------------------------------*/

	
#col1{
	float:left;
	padding:0 0 20px 15px;
	width:205px;
	
	}
	
/*_____________________________________________
	main navigation
	------------------------------------------*/
#main_nav {
	background:url(../patient-images/common/nav_bg.gif) no-repeat bottom left transparent;
	margin:0;
	padding:10px 10px 0px 18px;
	position:relative;
	width:180px;
	height:340px;
	}	
	
#main_nav ul{
	list-style-type:none;
	display:block;
	margin:0;
	width:150px;
	}
	
#main_nav ul li{
	border-top:1px solid #fff;
	display:block;
	list-style-type:none;
	margin:5px 0px;
	padding:6px 0px 0px 0px;
	}
	
#main_nav ul li a{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	
	}
	
#main_nav ul li ul li{
	border-top:1px dotted #fff;
	margin-left:10px;
	padding-bottom:1px;
	}
	
#main_nav ul li ul li a{
	color:#93d2ee;
	text-transform:none;

	}
	

#main_nav ul li.hom{
	border-top:0px solid #fff;
	}
	
#main_nav ul li a:hover{
	background:url(../patient-images/common/nav_arrow.gif) no-repeat top right;
	color:#ffd200;
	}
	


/*_____________________________________________
	RIGHT COLUMN
	------------------------------------------*/
#col2{
	float:left;
	padding:23px 0 130px 0;
	width:760px;
	}
	
	
	/*_____________________________________________
	top navigation and search
	------------------------------------------*/
#nav_search{
	position:relative;
	height:25px;
	}
	
#nav_search ul{
	display:block;
	width:320px;
	margin-top:5px;
	float:left;
	}

#nav_search ul li{
	display:inline;
	margin:2px 10px 0px 0px;
	}
	
#nav_search ul li a, #nav_search ul li{
	color:#62c3ed;
	font-size:11px;
	}
	
#nav_search ul li a:hover{
	color:#007dc3;
	}
	
#nav_search fieldset{
	display:block;
	float:right;
	}
	
#nav_search label{
	font-size:12px;
	margin-right:3px;
	color:#007dc3;
	
	}
	
#nav_search input#searchBox{
	width:171px;
	background:#f2f2f2;
	border:1px solid #dcddde;
	height:14px;
	margin:0px 0px 0px 0px;
	font-size:10px;
	}
	
#nav_search input#but {
	padding-top:0px;
	
	}
	
#nav_search input#but{
	border:none;
	background:transparent;
	}
	


	
/*_____________________________________________
	wrap for main content area
	------------------------------------------*/
	
#content_wrap{
	margin:40px 0 0 0;
	position:relative;
	width:760px;
	
	}
	
/*_____________________________________________
	main content
	------------------------------------------*/
	
#main_content{
	margin-top:3px;
	float:left;
	width:540px;
}
	
#main_content h2{
	font-size:16px;
	color:#0072cf;
	margin:20px 0px 4px 0px;
	}
	
		
#main_content p{
	margin:15px 65px 10px 0;
	font-size:12px;
	color:#323232;
	line-height:20px;
	}
		
#main_content p.nextline{
	margin-top:0px;
	}
	
p a.chart, ul li a.chart, ul li ul li a.chart{
	color:#323232 !important;
	
	}
	
p a.chart:hover, ul li a.chart:hover, ul li ul li a.chart:hover{
	color:#888787 !important;
	}

			
#main_content p a, #main_content ul li a, #main_content ul li ul li a{
	color:#0072cf;
	text-decoration:underline;}
	
#main_content p a:hover, #main_content ul li a:hover, #main_content ul li ul li a:hover{
	color:#6cbae8;
	}
	
#main_content p strong{
	font-weight:bold;
	color:#323232;
	}
	
	
#main_content p.click-for-more{
	display:block;
	padding:10px 0px 0 0px;
	margin:10px 55px 0 0;
	}
	
body#disease #main_content p.click-for-more{
	display:block;
	padding:10px 0px 0 20px;
	margin:10px 55px 0 0;
	}
		
#main_content p.click-for-more a{
	background:url(../patient-images/common/blue_arrow.gif) no-repeat top right;
	padding-right:20px;
	color:#0072cf;
	text-decoration:none;
	}
	
#main_content p.click-for-more a:hover{
	background:url(../patient-images/common/yellow_arrow.gif) no-repeat top right;
	color:#48b8e8;
	text-decoration:none;
	}
	
#main_content p.quote-image{
	margin:40px 0px 20px -10px;
	
	}
	
#main_content ul.bulleted_list
	{display:block;
	margin:10px 0px 0px 20px;
	}
	
#main_content ul.bulleted_list li{
	background:url(../patient-images/common/blue_bullet.gif) no-repeat top left;
	display:block;
	padding:0px 0px 0px 12px;
	margin:5px 0px;
	line-height:20px;
	}
#main_content ul.bulleted_list ul li
	{background:url(../patient-images/common/blue_dash.gif) no-repeat top left;
	}
	
img.topspace{
	margin-top:20px;
	}
	
	.left{margin-left:-10px;}	
#main_content input, #content_sidebar input, #signUpContent input{
	background:#f2f2f2;
	border:1px solid #dcddde;
	color:#808285;
	
	}
	
#main_content #tab_box{

	}
	
#main_content #poll fieldset.poll_input{
	background:transparent;
	border:0px solid #ccc;
	margin-left:20px;
	}


#main_content #image-container{
	margin-top:20px;


	}
	
#main_content #image-container div.bronchial-images{
	float:left;
	width:42%;
	text-align:center;
	font-size:12px;
	color:#323232;
	}
	
#main_content #image-container div.bronchial-images p{
	margin-left:35px;
	margin-right:35px;
	}
	
hr{
	border:0;
	color: #0072CF;
	background-color: #0072CF;
	height: 1px;
	width: 92%;
}
.glossaryBlue{
	color:#0072cf;
	font-weight:bold;
	}	


/*_____________________________________________
	content sidebar
	------------------------------------------*/
	
#content_sidebar{
	
	float:left;
	width:195px;
	padding:0 0 0 25px;
	}
	

/*_____________________________________________
	footer
	------------------------------------------*/		
#footer{
	clear:both;
	width:980px;
	margin-top:40px;
	position:relative;
	text-align:center;

	}
	
#footer ul li{
	display:inline;
	margin:0 10px;
	}
	
#footer ul li a, #footer ul li{
	color:#808285;
	font-size:11px;
	}
	
#footer ul li a:hover{
	color:#000;
	}


/*_____________________________________________
	active states for main nav
	------------------------------------------*/
	
body#pat_index li.phom a, body#overview a.ove, body#survey a.sur, body#impact a.asi, body#education a.edu, body#disease a.dis, body#causes a.cau, body#symptoms a.sym, body#symptoms a.sym, body#management a.pman, body#flare a.fla, body#glossary a.glo, body#pat-resources a.pres{
	background:url(../patient-images/common/nav_arrow.gif) no-repeat top right;
	color:#ffd200;
	}
	
/*_____________________________________________
	active states for top nav
	------------------------------------------*/
body#pat_index li.pat a, body#overview li.pat a, body#survey li.pat a, body#impact li.pat a, body#education li.pat a, body#disease li.pat a, body#causes li.pat a, body#symptoms li.pat a, body#management li.pat a, body#flare li.pat a, body#glossary li.pat a, body#pat-resources li.pat a{
	color:#007dc3;
	}

/*_____________________________________________
	Modules
	------------------------------------------*/
#signup{
	background:url(../patient-images/common/signup.gif) no-repeat top left;
	height:130px;
	margin:0px 0px 0px 0px;
	padding:30px 25px 0 0;
	text-align:center;
	}
	
#signup p{
	font-size:12px;
	line-height:18px;
	color:#007dc3;
	margin:10px 10px 5px 10px;}
	
#signup input{

	}
	
#signup input#signUpSubmitBtn{
	margin-top:11px;
	background:transparent;
	border:none;
	height:15px;
	overflow:hidden;
	}
	
#poll{
	background:url(../patient-images/common/quickpoll_top.gif) no-repeat top left;
	height:220px;
	margin:10px 0 0 0;
	padding-top:45px;
	}

#pollbody{
	background:url(../patient-images/common/quickpoll_bg.gif) repeat-y top left;
	}
	
	
#poll p{
	margin:0px 20px 10px 10px;
	padding:10px 0px;
	border-top:1px dashed #007dc3;
	border-bottom:1px dashed #007dc3;
	color:#007dc3;
	font-size:15px;
	line-height:19px;
	background:#d1edf9;
}


#poll fieldset{
	margin:5px 15px;
	color:#007dc3;
	font-size:12px;
	text-transform:uppercase;
	background:#d1edf9;
	}
	
#poll fieldset input{
	background:transparent;
	border:0px solid #ccc;
	}
	
#poll fieldset.poll_input{
	margin:10px 15px 0px 0px;
	}
	
#poll fieldset.poll_input input.but{
	margin-top:5px;
	float:left;
	}
	
#poll fieldset.poll_input label.poll{
	font-size:10px;
	color:#48b7e9;
	text-transform:none;
	margin:10px 0 0 5px;
	display:block;
	float:left;
	}
	
#poll fieldset.poll_input input{
	background:transparent;
	border:0px solid #ccc;
	margin-left:10px;
	}
	
#pollbottom{
	background:url(../patient-images/common/quickpoll_bot.gif) no-repeat top left;
	height:20px;
	}

#pollContent table.poll_table{
	text-align:center;
	margin:10px 0px 0px 10px;
	background:transparent;
	width:120px;
	}	
#pollContent p.results{
	font-size:14px;
	border-top:0px dashed #007dc3;
	border-bottom:0px dashed #007dc3;
	margin:0px 0px 0px 20px;
	padding:5px 0px;
	background:transparent;
	
	}
	
#pollContent p.results_percent{
	font-size:24px;
	font-weight:bold;
	color:#007dc3;
	float:right;
	border-top:0px dashed #007dc3;
	border-bottom:0px dashed #007dc3;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	background:transparent;

	}
	
	
#aim_results{
	background:url(../patient-images/common/results_bg.gif) no-repeat bottom left;
	margin:10px 0px;
	padding:0px 0px 10px 0px;
	border-top:5px solid #fff;
	}
	
#aim_results h2{
	color:#fcd20b;
	font-size:18px;
	font-weight:bold;
	margin:10px 20px 0px 10px;
	line-height:20px;
	padding:0px;
	}	
	
#aim_results p{
	color:#fff;
	font-size:13px;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	margin:0px 25px 10px 10px;
	background:transparent;
	font-weight:normal;
	line-height:18px;
	padding:0px;
	}
	

/*_____________________________________________
	Resources page
	------------------------------------------*/

#resourceGray .resourceBox{
	position:relative;
	margin:0px 0px 20px 0px;
	}
	
#resourceGray p.gray {
   	background: #EDEDED;
	padding:10px;
	margin:0px;
	width:490px;
	
}
#resourceGray .resourceBox div.res_submit{
	background:url(../patient-images/resources/gray-box-sign-up.gif) no-repeat 0 0;
	width:510px;
	height:50px;
	margin:0;
	padding:0;

	}
	
#resourceGray .resourceBox fieldset{
	float:right;
	padding:0;
	margin:16px 20px 0px 0px;
	width:200px;
	}
#resourceGray .resourceBox fieldset input{
	width:200px;
	}		
#resourceGray .resourceBox a.res_signup{
	float:right;
	width:80px;
	margin:9px 10px 0px 0px;
	padding:0 10px 0 0;	
}
/*_____________________________________________
	flash
	------------------------------------------*/
.flash{
	margin:20px 0px 0px 0px;
	}