@CHARSET "ISO-8859-1";
#submenu_histone
{
	clear:both;
	
}
#note_legend
	{
	position: relative;
	margin:  15px 0px;
	}
#legend_div
{
position: absolute;
top: -5px;
right:0px;

display:inline-block;
}
#note
{
font-size: 11pt;
font-weight:bold;

text-align:center;
clear:both;
width:80%;

}
#note img
	{
	vertical-align:bottom;
	}

#note_each_histone
{
font-size: 10pt;
margin:  15px 0px;
clear:both;

}
#note_each_histone h2
{
	text-align:left;
	font-family:arial,helvetica;
	margin-top:0px;
	padding-top:0px;
	font-size: 12pt;
}

#div_H3
{

	width:633px;
	float:left;
}
#div_H4
{
width:358px;
position: absolute;
right:0px;
bottom:0px;
}
#div_H2A_x
	{
position: absolute;
bottom: 250px;
right:0px;
width:360px;

text-align:center;
	}

#container
{
vertical-align: bottom;
position: relative;
display:block;
width:100%;
padding-top: 40px;
overflow:hidden;

}
.title_fig
{
display:block;
text-align:center;
font-size:13pt;
font-weight:bold;
color:#DC8030;
margin-bottom:5px;
}
/****************H3 **************/
#H3container
	{
	
		overflow:hidden;
	}
#left
	{
	overflow: hidden;
	float: left;
	width:770px;
	}
 #right
	{
	overflow: hidden;
	width:220px;
	float:right;
	}
	#viewoptions
	{
	
	
	}
 #right h2
	{
	text-align: center;
	margin:0px;
	padding:0px;
	}
form
{
	/*border:1px solid red; */
	font-size: 1.1em;
}

FIELDSET
	{
	margin:10px 0px;
	border:1px solid #DC8033;
	display: none;
	clear:both;
	overflow:hidden;
	}
FIELDSET#targetList
	{
	display: none;
	
	}
LEGEND
	{
	font-weight:bold;
	text-align: center;
	margin:0px 20px;
	/*color:#DC8033; */
	font-size:1.1em;
	color:black;
	}

div.familyoption span, div.targetOption span
	{
	display: block;
	margin:3px;
	}

div.familyoption, div.targetOption
{

display: block;
width:49%;
}
div.familyoption_left, .targetOption_left
{
	float:left;
	clear:left;
}
div.familyoption_right, .targetOption_right
{
	
	float:right;
}

#checkUnCheck
	{
	clear:both;
	margin:5px;
	padding-top:5px;
	text-align: center;
	}
#checkUnCheck a
	{
	padding:0px 10px;
	cursor: pointer;
	}
	
/******************/
#submit
	{
	
	margin-top:20px;
	text-align:center;
	
	}	
#submit_button
	{
	border: 1px solid green;
	background-color: #DBF1F0;
	color:#DC8033;
	font-size: 1.4em;
	font-weight: bold;
	padding:3px 10px;
	display: none;
	}
/****************loading ********************/
#generateProteinInteract
	{
	position: relative;
	overflow:hidden;
	}
#generateProteinInteract #loading
	{
	text-align: center;
	margin-top:40px;
	}
#underline
{
position: absolute;
display:none;
}
/****************/
#choosetarget
{
text-align: center;
color:red;
position: relative;
margin-bottom:5px;
}

#notedownload
{
text-align: left;
}
.notice
{
color:red;
font-weight:bold;
font-size:12pt;
}
.odd
{
background-color:white;
overflow:hidden;
display:none;
}
.even
{
background-color:#ECE9D8;
overflow:hidden;
display:none;

}
.family_title
{
text-align:left;
padding-top:2px;
padding-left:2px;
font-weight:bold;
font-size:10pt;
color:#DC8033;   
}
.targetbox
{
overflow:hidden;
}
/*******how to use *****/
#howtouse 
{
margin-top:20px;
text-align:center;
}
#howtouse h3
	{
	font-weight:12pt;
	color:#000000;
	margin: 10px 20px;
	}
#choosetarget  span
{
	position: absolute;
	top:-2px;
	left:0px;
	font-size:11pt;
	
}
/**********************/
#instructions ol
	{
	margin-top:0px;
	padding-top:0px;
	
	}
#instructions_pdf
	{
	font-size:12pt;
	}
#instructions_pdf img
{
	vertical-align:bottom;
}
#overallImg
{
position: relative;
}
#overallImg #legendH
{
position: absolute;
top:1px;
}
