/* ::::::::::::::: begin global styles :::::::::::::::: */
* {
/*	font-size: .97em;  *//* very sensitive font size change. Putting here works for select boxes also though. */
		}
body {	
	font-family: sans-serif; 
	}

legend {
	font-weight: bold;
	font-style: italic;
	color: black; 
	}
fieldset {
	padding: 3px 10px 10px 10px;
	
	background-color: #e5f2f4;
	}

fieldset .colored {
	background-color: #e5f2f4;
	}

fieldset .plain {
	background-color: white;
	}
	
ol { /* used to make the Display All Studies table rows single-spaced in Firefox */
	margin-top: 0;
	margin-bottom: 0;
}
a { 
	font-weight: bold; 
	text-decoration: none;
	}
		
a:link { 
	color: #0061a9; 
	}
a:link 	{
	color: #069;
	font-weight: bold; 
	text-decoration: none;
	}	
a:visited {
	color: #069;
	font-weight: bold; 
	text-decoration: none;
	}
a:hover {
	color: #930;
	text-decoration: underline;
/*	border-bottom: 1px dotted #0923AE;  Makes the NIEHS LOGO GROW, SO I DELETED IT */
	}		
a:active {
	font-weight: bold; 
	text-decoration: none;
	} 	
.filetype {
  	color: #555;
	font-size: 11px;
	font-weight: bold;
	}	
	
.pagetitle {
	border: 1px solid #555;
	background-color: #e5f2f4; 
	font-weight: bold; 
	padding: 2px 2px 2px 4px; 
	font-size: 1.1em; 
	font-style: italic;
	color: #555;
	}
	
.homepagetitle {
	text-align: center; 
	font-weight: bold; 
	font-size: 1.1em; 
	border: 1px solid #555;
	background-color: #e5f2f4; 
	color: #555;
	padding: 4px;
	}	

.subtitle {
 	color: black;
 	font-size:0.9;
 	font-weight: bold;
}

.largeHeading {
 	color: black;
 	font-size:1.1em;
 	font-weight: bold;
}

.mediumHeading {
 	color: black;
 	font-size:1.0em;
 	font-weight: bold;
}

.indent1 {
	padding-left: 10px;
	}
	
.indent2 {
	padding-left: 20px;
	}
	
.photoborder {
	border: 1px solid #aaa;
	margin: 5px 8px;
	}
	
.footnote {
	border: 1px dashed #555;
	background-color: #eee;
	font-size: .8em;
	padding: 4px;
	margin-top: 3px;
	clear: both;
	margin-right: 35px;
	margin-left: 35px;
	}
	
.agenda td {
	font-size: .85em;
	vertical-align: top;
	}

.agenda th {
	background-color: #ccc;
	font-style: italic;
	font-size: 1.1em;
	border: 1px solid #000;
	}
	
.agendasessionheader {
	background-color: #eee;
	font-weight: bold;
	}
	
.agendaphoto {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	}
	
.agendachairs {
	clear: both;
	font-size: .8em;
	margin-bottom: 15px;
	} 
	
.registerphoto {
	float: right;
	clear: both;
	margin-bottom: 10px;
	}
	
.small {
	font-size: .8em;
	}
	
#currentpage {
	background-color: #e5f2f4;
	display: block;
	padding: 4px 3px 4px 6px;
	width: 170px;
	border-bottom: 1px solid #999;
	font-size: .8em;
	font-weight: bold;
	color: #777;
	font-style: italic;
	}
	
.highlightbox {
	border: 1px solid #999;
	background-color: #eee;
	padding: 5px;
	margin-bottom: 20px;
	}
	
#nihsimg {
	text-align: center; 
	font-size: .8em;
	color: #555;
	}
	
#nihsimg a {
	padding: 0;
	margin: 0;
	}

/* security/admin pages error and warning messages */
#errormessage {
	color: red;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}
	
/* security/admin pages required data entry fileds on forms */
.required {
	color: red;
	font-weight: bold;
	}
	
/* security/admin chunks of text providing ref notes */
#notes {
	font-style: italic;
	color: black; 
	}
	
/* security/admin highlighted text for emphasis */
.standout {
	color: black;
	font-weight: bold;
}

.subtablehead {
	color: black;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}

	

/* ::::::::::::::: end global styles ::::::::::::::: */		
	
/* ::::::::::::::: Styles for the table holding the content and navigation. ::::::::::::::: */	
 #layout	{ 
 	background-color: #e5f2f4;
	border: 2px solid #999;	/* set border around entire web site layout area */
	} /* set bgcolor in 4 containers: navsite,contact,infosite,lastmodified */ 
/*  end base container style for web site layout */	

/* begin base style for web site title section */ 
#titlesite {	
	color: #eee;
	background-color: #00818f;
	letter-spacing: .08em;
	font-weight: bold;
	font-size: 1.4em;
	font-family: serif;
	font-style: italic;
	padding: 3px 0 3px 10px;
	text-align: center;	}
/*  end base style for "web site title" section  */			

	
/* begin base style for breadcrumbs section */
#breadcrumbs {
	color: #000; 
	background-color: #b2d9dd;
	/*background-color: #99c0dd;*/ 
	border-top: 1px solid #000; /* sets required top border */
	border-bottom: 1px solid #000; /* sets required bottom border */
	font-size: 11px;   /* sets appropriate font size for breadcrumbs area */
	padding: 2px 0 2px 6px; /* sets necessary white space */
	text-align: left; } /* text in breadcrumbs area should be left aligned */
/*  end base style for breadcrumbs section   */		

#hideMenu{
	font-size: 11px;   /* sets appropriate font size for breadcrumbs area */
	text-align: right; } /* text in breadcrumbs area should be left aligned */
#showMenu {
	font-size: 11px;   /* sets appropriate font size for breadcrumbs area */
	}
	
/****  begin left column with site navigation ****/
	/* base container style for left column */
	#navsite-contain {}

/* 02.02 Display Studies abbreviation colors */
.maColor {
	background-color: #A8000B;
	color: white;
}
.prColor {
	background-color: #0061A9;
	color: white;
}
.crColor {
	background-color: #FAB835;
	color: white;
}
.paColor {
	background-color: #00818F;
	color: white;
}
.obColor {
	background-color: black;
	color: white;
}

/* 02.05 Timeline colors */
.tColor {
	background-color: #A8000B;
	color: white;
}
.dColor {
	background-color: #0061A9;
	color: white;
}
.cColor {
	background-color: #FAB835;
	color: white;
}
.sColor {
	background-color: #00818F;
	color: white;
}
.oColor {
	background-color: black;
	color: white;
}


#printClose{
	font-size: 11px;   /* sets appropriate font size for breadcrumbs area */
}

/* Used to make the timeline scroll horizontally */
div.scrollLabels {
	overflow: visible;
	border-bottom:1px solid cccccc;
}

div.scroll {
	width: 800px;
	overflow: auto;
	border-bottom:1px solid cccccc;
}

.smallFont {
	font-size: .7em;
	}


/* ####################################################################################### */
#navcontainer { width: 170px; vertical-align: top;}

/*Top of left menu */
.titlebar {
	margin: 1px;
/*	background-color: #00818f; */
	text-align: right;
}
		
#navcontainer ul
{
margin-top: 0px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: sans-serif;
}

#navcontainer a
{
display: block;
padding: 4px 3px 4px 6px;
width: 170px;
background-color: #cce6e9;
/*background-color: #ccdfee;*/
border-bottom: 1px solid #999;
font-size: .8em;
}

#navcontainer a:link, #navlist a:visited
{
color: #555;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #00818F;
color: #FFF;
} 
#navcontainer p {
	padding: 8px;
	border-top: 1px solid #aaa;
	width: 163px;
	}	
/* ####################################################################################### */	
	
	
	
		/* base style for content in left column */
		/*#navsite {  style and width of navsite can be modified 	
			width: 140px;
			min-width: 140px;
			max-width: 140px;}*/	
							
	/* base container style for contact style */		
	#contact-contain {vertical-align: bottom;}	
	
		/* base style for content in contact area */	
		#contact {	
			border-top: 1px solid #bbb; /* sets required top border */
			font-size: .8em; /* sets appropriate font size for contact area */
			padding: 2px 0; /* sets necessary white space */
			text-align: center;	} /* text in contact area should be centered */
			
#nihsimg a, #nihsimg a:link, #nihsimg a:hover {
	
	 color: #0061a9;
	 font-size: 1em; 
	 background-color: #e5f2f4; 
	 paddng: 0; 
	 margin: 0;
	 border: 0;
	 border-bottom: 0;
	 }
/**** end left column ****/				

/****  begin middle column - must contain site title and content  ****/			
	/* base container style for middle column */
	#content-contain { 
		background:#fff;  /* sets middle column background to white */
		border-left: 1px solid #555; /* sets left border color for middle column */
		border-right: 1px solid #555; /* sets right border color for middle column */
		padding-top: 8px; /* sets necessary whitespace at top of content  */
		width: 100%;  /* sets required width  */
		vertical-align: top; }
		
		/* base style for content/text in middle column */
		#content {
			margin: 10px 10px 10px 10px; /* sets necessary white space around content area */
			vertical-align: top; 
			line-height: 1.3em;}

	

	
#titlepage {background-color: #cce6e9;
		border-top: 1px solid #00818f;
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 4px;
		padding: 2px 4px 2px 4px;}


/**** end middle column ****/				

/**** begin right column - contains site news, events, other links  ****/
	/* base container style for right column */
	#infosite-contain {	vertical-align: top;
	 }
	 
	 
	
			/* base style for content in right colulmn */		
			#infosite { /* style and width of infosite can be modified */
			 	margin: 0px 0px 3px 5px;
				width: 180px;
				min-width: 180px; 
				font-size: .9em;}
				
			#infosite div {
	 			border-bottom: 1px solid #999; 
				padding: 0px 3px 5px 3px;
				font-size: .9em;
				text-align: center;
				}
		/* base container style for last modified area */	
		#lastmodified-contain {vertical-align: bottom; }
			
			/* base style for content in last modified area */
			#lastmodified {
				border-top: 1px solid #bbb; /* sets required top border */
				font-size: 11px; /* sets appropriate font size for lastmodified area */
				padding: 2px 0; /* sets necessary white space */
				text-align: center;	} /* text should be centered */	
				
		#icemlogo {
			text-align: center;
			color: #555;
			border-bottom: 1px solid #999;
			padding: 3px 3px 5px 3px;
			}
/****  end right column   ****/		




/************** end PART ONE stylesheet **********************/	




/*********************************** *******************************/



	
	
/******************************* ********************************/	
/*****************  begin PART TWO ****************************/	
/************** DO NOT MODIFY STYLES BELOW  *****************/
/**************************** *****************************/	



/*  begin required body style - DO NOT MODIFY  */		
body {
	background-color: #fff;	
	margin: 0px;
	padding: 0px; }
/* end required body style */	

/*  begin required skip nav style */	
#skipnav {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; }		
/*  end required skip nav style */	


/*  begin required niehs branding -   */
#brandniehs-contain {
	background-color: #000000;
	border-bottom: 1px solid #888;
	width: 100%; }
	
	/* removes border from around images */
	#brandniehs-contain img { border: 0px;	}	
	
	/*  required niehs left logo section */		
	#brandniehslogo { 
		background-color: #000000; 
		margin-top: 0; }	
	
	/*  required niehs left logo section */		
	#brandniehslogo2 { 
		background-color: #000000;
		margin: 0;
		text-align: right; }		
	/*  required search section - DO NOT MODIFY */
	#brandniehssearch	{ 
		background-color: #000000;
		color: #fff;
		font-size: 78%;
		font-family: geneva, arial, helvetical, sans-serif;
		text-align: center;
		width: 188px;
		min-width: 188px;}
		form#brandniehssearch2 {
			margin: 0;
			padding: 0; 
			white-space: nowrap;}	
		.brandniehssearchtxt {
			font-size: 99%;
			text-align: center;}	
/*********  end required niehs branding *********/		

/* begin required website table layout */	
 #layout	{ margin: 15px; }  /* required 15px white space around website area */	
/* end required website table layout */	


/*********  begin required NIEHS Footer style - DO NOT MODIFY  *********/		
#footerniehs-contain {
	width: 100%;  
	color: #000;
	background-color: #eee;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	text-align: center;
	padding: 3px 0 1px 0;}		

	#footerniehs a:link, #footerniehs a:visited, #footerniehs a:hover, #footerniehs a:active {
		font-size: 84%;
		font-family: geneva, arial, helvetica, sans-serif; 
		font-weight: normal;
		padding: 0 8px;}
			
	#footerniehsicons {
		width: 100%;
		background-color: #eee;
		text-align: center;
		padding-top: 3px;
		margin: auto; }	
	
	#footerniehsicons  img {border: 0px; }	
		.footerniehsicons2 {display: none;}
		
/*********  end required NIEHS Footer style  *********/	

.instructionTable {
/*	border: 1px solid #666; */
	background-color: #E5F2F4;
	margin: 20px 0 20px 0;
	font-size: .75em;
}

/** a nameValueTable shows the names of the item in the first column 
and the values of that item in the second column */

.nameValueTable {
	border-collapse: separate;
	padding: 0px;
	border-spacing: 0px;
	border:1px solid;
	margin: 20px 0 20px 0;
	font-size: .8em;
}
.nameValueTable .col1{
	background-color: #cce6e9;
	border-style: solid;
	border-color: grey;
	font-style: italic;
	font-weight: bold;
	color: black;
	padding: 3px 10px 3px 10px;
	border:1px solid;
}
.nameValueTable thead {
	text-align: center;
	font-style: italic;
	color: black;
	background-color: #b2d9dd;
	border:1px solid;
}

.nameValueTable .col2 {
	background-color: white;
	padding: 3px 10px 3px 10px;
	border:1px solid;
}
/** a bodyTable is a typical table with a header and multiple data rows beneath */

.bodyTable {
/*	border: 1px solid #666; */
	margin: 20px 0 20px 0;
	font-size: .8em;
}
.fixedBodyTable { /* for Display Results page */
/*	border: 1px solid #666; */
	table-layout:fixed; 
	margin: 20px 0 20px 0;
	font-size: .8em;
}	
.newBodyTable {
	border: 1px solid;
	border-collapse: collapse;
	border-color: grey;
	margin: 20px 0 20px 0;
	font-size: .8em;
}
.newBodyTable th { /* puts a border around table headers */
	border: solid grey 2px;
}
.bodyCell {
	text-align: left;
	background-color: white;
	padding: 0 10px 0 10px;
	border-style: solid;
	border-top: thin;
	border-color: grey;
}

.fixedwidth {
/*	border: 1px solid #666; */
	font-family: "lucida console", lucida, monospace;
}

thead {
	text-align: center;
	font-style: italic;
	color: black;
	background-color: #b2d9dd;
	}
th { /* puts a border around table headers */
			border-top: solid slategray 2px;
	border-bottom: solid 2px slategray;
}
.tableheader {
	border-top: 1px solid #00818f;
	}
.expTableFooter {
	font-size: 0.75em;
	text-align: center;
	background: PowerBlue;
	}

.odd{
	background-color: #fff
	}
	
.even{
	background-color: #e5f2f4
}

.evenbold{
	background-color: #e5f2f4;
	font-size: 0.9em;
	font-weight: bold;            
}
.splitrow{
	background-color: #cce6e9
}

.subHead{
	background-color: #b2d9dd
}

.subHeadSmallText{
	background-color: #b2d9dd;
    font-size: 0.6em;
	font-weight: bold;
}

.newSubHead{
	text-align: left;
	padding: 0 10px 0 10px;
	border-style: solid;
	border-top: thin;
	
	border: thin;
	background-color: #b2d9dd
}

.tblHead{
	background-color: #E6E8FA
}
.tblHeadName{
	width: 20%
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	color: black; 
}

.tblHeadValue{
	font-size: 0.9em;
	color: black; 
}
div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: -10px 0 10px 0;
	width: 79%;
}
span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(images/ico_file_excel.png);
	background-repeat:no-repeat;
}
span.csv {
	background-image: url(images/ico_file_csv.png);
	background-repeat:no-repeat;
}
span.xml {
	background-image: url(images/ico_file_xml.png);
	background-repeat:no-repeat;
}
.url {
	display:none;
	}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
font-size: 0.6em;
font-weight: bold;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}