@charset "UTF-8";
/*  CSS Document
	NHLBI Global Styles

    Last Updated 9/23/2014
	By Raouf Osman */

body	{	border:0;
			height:100%;
			margin:0 auto;
			position:relative;
			padding:0;
			width:1002px !important;}
			 
			
/* ---------------------------------------------------- */
/* HEADER
/* ---------------------------------------------------- */	
#Header	{	border:0;
			width:1002px;
			padding:0;
			margin:0 auto;
			font-family: Verdana, Geneva, sans-serif;
			font-size:10px;	}
/* Utilities */			
#banner	{	background: url(/images/header/banner-bckgn.png) no-repeat left top;
			border:0;
			margin:0 0 8px 0;
			width:1002px;
			height:30px;
			top:0;
			left:0;
			position:relative;} 
#banner a:visited {	color: #333333 !important;
						text-decoration: none !important; }
#banner a:hover {	color: #104b7d !important;
					text-decoration: underline !important; }			
#banner ul#institutes {	list-style-image: none !important;
						position:absolute;
						top:5px;
						padding:0;
						margin:0;
						left:6px;
						width:720px;
						float:left;}  
#banner ul#institutes li {	display:inline;
							padding:0 145px 0 0;
							background:none;
							margin:0;
							font:1.12em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#banner ul#institutes li.last {	padding-right: 0;}
#banner ul#utilities {	position: absolute;
						top: 10px;
						right:-30px;	
						padding: 0;
						margin: 0;
						width:320px;
						float:left;
						list-style-type: none;}
#banner ul#utilities li {	display: inline;
							font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
							padding: 0 10px 0 6px;
							margin: 0;
							background: none;
							border-right: 1px solid #ccc;}
#banner ul#utilities li.last {	padding-right: 0;
								border-right: none;}


/* ---------------------------------------------------- */
/* LOGOS
/* ---------------------------------------------------- */					
.Logo	{	width: 410px;
			height:70px;
			margin:0;
			padding:0;
			border:0;
			position:relative;
			float:left;}
.NIHSeal	{	width: 108px;
				height:78px;
				margin:0;
				padding:0 60px 0 0;
				border:0;
				position:relative;
				float:left;
				background-image:url('/images/header/banner-nihlogo.gif');
				background-repeat:no-repeat;
				background-position:center; }			
.trans-divider {	background-image:url('/images/header/trans-hdiv.gif');
					background-repeat:no-repeat;
					background-position:center;
					width:998px;
					height:14px;
					padding:8px 0 8px 0;
					margin:0;
					position:relative;
					float:left; }					
				
/* ---------------------------------------------------- */
/* SEARCH
/* ---------------------------------------------------- */		
/* Normal Search */
.topsearch	{	width:auto; 
				position:relative;
				float:left;
				clear:right;
				top:0;
				margin:0;
				padding:0;}



/* Filtered Search */
#srchbox_thin_box	{	position:absolute;
						left: 575px;
						top:40px;
						width:410px;
						float:right;
						height:50px;
						border:1px solid #DDD;
						padding:8px;
						margin:0;
						z-index:1100;}					
.accessiblesrch {	font-family:Verdana, Geneva, sans-serif;
					font-size:11px !important;
					width:400px;
					height:13px;
					float:left;
					padding:0;
					margin:0 0 10px 0; }
/* Input Box */				
.sb_input{	position:absolute;
				top:32px;
				left:5px;
				border:1px solid #cccccc;
				background: #ffffff; 
				font-size:12px;
				color:#000000;
				font-family:Verdana, Geneva, sans-serif;
				outline:none;
				padding:3px 1px 3px 3px;
				text-shadow:1px 1px 1px #fff;
				width:335px !important;
				height:16px;
				float:left;
				margin:0 7px 0 0;
				z-index:4;}
/* Btn */
input.sb_search{	position:absolute;
					left:350px;
					top: 30px;
					background: url(/images/header/search-btn.gif) no-repeat left top;
					height:26px;
					width:68px;
					padding:0;
					cursor:pointer;}
input.sb_search:hover{	background-color:#fff;}


/* for email subscribe*/
input.subscribe{
	position:absolute;
	left:498px;
	top: 572px;
	background: url(/images/header/subscribe.gif) no-repeat left top;
	height:26px;
	width:100px;
	padding:0;
	cursor:pointer;
}
input.subscribe:hover{	background-color:#fff;}



/* Dropdown Filter */
.dropdown dt { 	margin:0px; 
				padding:0px;
				position:absolute;
				top:35px; 
				left:181px;
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px !important;
				z-index:20;}
.dropdown dd  ul{ 	margin:0px; 
					padding:5px; 
					position:absolute; 
					top:54px; 
					left:181px; 
					display:block; 
					z-index:20;}
.dropdown a, .dropdown a:visited {	color:#816c5b;
									font-family:Verdana, Geneva, sans-serif;
									font-size:.9em; 
									text-decoration:none; 
									outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #ddd;}
.dropdown dt a {   background:#ddd url(/images/header/arrow.png) no-repeat scroll right center; 
					display:block; 
					padding-left:5px;
					padding-top:1px; 
					padding-right:20px;  
					border:1px solid #ddd; 
					width:135px; 
					height:15px; 
					z-index:20; 
					text-decoration: none !important;}
.dropdown dt a span {	cursor:pointer; 
						display:block; 
						padding-top:2 px;  
						padding-right:0;  }
.dropdown dd ul { 	background:#efefef none repeat scroll 0 0; 
					border:1px solid #ddd; 
					color:#C5C0B0; 
					display:none;  
					width:auto; 
					min-width:170px; 
					-moz-border-radius:0px 0px 10px 10px;
					-webkit-border-bottom-right-radius:10px;
					-webkit-border-bottom-left-radius:10px;
					border-bottom-right-radius:10px;
					border-bottom-left-radius:10px;}
.dropdown dd ul li { 	list-style:none !important; 
						list-style-image:none !important;
						list-style-type:none !important;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { 	padding:5px; 
						display:block; 
						text-decoration: none !important; 
						list-style:none !important; 
						list-style-image:none !important;
						list-style-type:none !important;}
.dropdown dd ul li a:hover { background-color:#ddd;}
.dropdown img.flag { 	border:none; 
						vertical-align:middle; 
						margin-left:10px; }
       
/* Global Navigation */				
.TopNav	{	width: 1002px;
			margin:8px 0 2px 0;
			padding:0;
			border:0;
			position:relative;
			float:left;
			clear:left;}					

			
/* ---------------------------------------------------- */
/* WEBPAGE ELEMENTS
/* ---------------------------------------------------- */				
#Breadcrumbs	{	border:0;
					color: #333333;
					float:left;
					font-family: Verdana, Arial, san-serif; 
					font-size: .6em !important;
					font-weight:normal;
					height:14px;
					margin: 0;
					margin-right: 5px;
					text-decoration: none;
					top:0;
					width:780px;
					z-index:10;}
					
#Breadcrumbs a {	color: #104b7d !important;
			text-decoration:none !important; }					
#Breadcrumbs a:visited {	color: #104b7d !important;
							text-decoration: none !important; }
#Breadcrumbs a:hover {	color: #104b7d !important;
						text-decoration: underline !important; }
/* Automated Date */
#Date	{	color: #333333;
			font-family: Verdana, Arial, sans-serif;
			font-size: .6em;
			float:right;
			height:14px;
			margin:0 5px 0 0;
			padding:0;
			text-align:right;
			width:190px;}
/*Graphic Banner Container */
.Banner	{	border:0;
			margin:0;
			width:800px;
			padding:0;
			z-index:-20;}	
/* Global Grey Box */
#box_thin_grey { 	width:98%;
					border:1px solid #cccccc;
					padding:10px;}
			


/* ---------------------------------------------------- */
/* SOCIAL MEDIA BAR - FOOTER
/* ---------------------------------------------------- */	
#SMBar	{
	border: 0px;
	background-image: url(/images/socialmedia-backbar.gif);
	background-repeat: no-repeat;
	width: 1002px;
	height: 38px;
	margin: 0 auto;
	position: relative;
	clear: both;
	text-align: center;

}
a.socialbar, .socialbar {	color: #104b7d;
   							font: 11px Verdana, Arial, sans-serif; 
  							text-decoration: none;
  							padding: 0 5px 0 15px; }
a.socialbar:hover {	color: #333366;
					text-align:center;	
					text-decoration: underline;
					}
a.socialbar:visited {	color: #333366;	}


/* ---------------------------------------------------- */
/* GLOBAL FOOTER
/* ---------------------------------------------------- */	
#Footer	{	border:0px;
			width:1002px;
			margin:0 auto;
			position:relative;
			clear:both;
			text-align:center;	}
#Footer a	{	color: #104b7d;
   				font : 9px Verdana, Arial, sans-serif; 
  				text-decoration : none;
  				padding:0 5px; }
#Footer a:hover	{	color: #333366;
   					text-decoration : underline;	}
#Footer a:visited {	color: #333366;
					font : 9px Verdana, Arial, sans-serif; 
					text-decoration : none;	}
#Footer img	{	 Vertical-align:middle;	}
a.footernav, .footernav {	color: #104b7d;
   							font : 9px Verdana, Arial, sans-serif; 
  							text-decoration : none;
							text-align:center;	}
a.footernav:hover {	color: #333366;
   					text-decoration : underline;
					text-align:center;	}
a.footernav:visited {	color: #333366;
						font : 9px Verdana, Arial, sans-serif; 
						text-decoration : none;
						text-align:center;	}
						
					
					


									