#ConstructDetailContainer
{
	background-color: #336699;
	color: White;
	width:800px;
	display:none;
	visibility:hidden;
	min-height:210px;
}
#constructDetailPanel
{
	padding:5px 5px 5px 5px;
}
.constructDetailMenu
{
	float:left;
	background-color: #336699;
	color:White;
	text-align:left;
	width: 120px;
	font-size: 14px;
	line-height:16px;
}

.constructDetailMenu > div > div:hover {
    color: #C6D2E1 !important;
}
.constructDetailMenuSelected
{
	clear:both;
	cursor: pointer;
}
.constructDetailMenuSelected .tabLabel
{
	float:left;
	background-color: #efefef;
	width: 100%;
	color: #336699;
	overflow:hidden;
	font-size: 1.2em;
	text-decoration: bold;
	line-height: 1.8em;
}
.constructDetailMenuSelected .l
{
    display: none;
}
.constructDetailMenuSelected .r
{
    display: none;
}

.constructDetailMenuUnselected
{
	clear:both;
	cursor: pointer;	
}
.constructDetailMenuUnselected .tabLabel
{
	float:left;
}
.constructDetailMenuUnselected .l
{
	float:left;
	width:5px;
}
.constructDetailMenuUnselected .r
{
	float:right;
	width:5px;
}


.constructDetailInfo
{
	overflow: auto;
	background-color: #efefef;
	width:665px;
	min-height:185px;
/*	max-height:450px; */
}
#constructDetailInfo
{
	margin:4px 4px 4px 4px;
}
#constructDetailInfo > p > b {
    color: #000000 !important;
    text-decoration: bold;
}
.alignmentBar {
	float:left;
	line-height:1px;
	font-size:0px;
	height:10px;
	margin: 2px 0px 2px 0px;
}
.alignmentOuter {
	border: 1px black solid;
	height:26px;
	padding:1px 1px 1px 1px;
}
.StandardTable
{
	font-size:12px;
	font-family: Arial;
}

.StandardTable TH
{
	background-color: #001f62;
	color: #FFFFFF;
	border-right: solid 1px white;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.StandardTable TR
{
	text-align: left;
}

.StandardTable TD
{
	padding: 1px 5px 1px 5px;
	color:Black;
	word-wrap:break-word;
}

.StandardTable TD.StandardTablePanel
{
	white-space: nowrap;
	font-weight: bold;
	background-color: #efefef;
	color: #FFFFFF;
	vertical-align: top;
	width: 150px;
}

.sequenceInfoLabel
{
	font-size:10px;
	color:#001f62;
}
.sequenceLabel
{
	font-size: 12px;
	color: Black;
	border: solid 1px black;
	font-family: 'Courier New';
	background-color: silver;
	display:block;
	width:95%;
	clear:both;
	padding:1px 1px 1px 1px;
	margin:2px 2px 2px 2px;
}

/* Sequence Detail Panel hairpin coloring */
.VectorSequenceLegend
{
    float:right;
    text-align:right;
    padding-right:20%;
    color:black;
    font-size:10px;
}
.VectorSequenceMir30Context
{
	color: Black;
}

.VectorSequenceLoop
{
	color: Green;
}

.VectorSequenceSense
{
	color: Red;
}
.VectorSequenceAntisense
{
	color: Blue;
}
/* End Sequence Detail Panel hairpin coloring */
