@charset "UTF-8";
/* CSS Document */

div#strainList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 90%;
	position: absolute;
	top:100px;
	left:0px;
	height:420px;
	width:288px;
	/*overflow: hidden;*/
	background-color:#FFFFFF;
	text-align: right;
}

div#strainList a {
	text-decoration:none;
	color:#33CCCC;
}

div#strainList a:hover {
color: #336699;
}

div#title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#FFFFFF;
	background-color: #3399CC;
	padding: 6px 0 2px 14px;
	font-size: 12px;
	height: 90px;
}

div#strainList td {
	font-size: 10px;
	padding-top: 0px;
	 padding-right:8px;
	 color: #666666;
}

div#strainList td.label {
	font-size: 11px;
	border-bottom: white 1px solid;
	text-align: right;
	color:#000000;
}

tbody#strainListTableBody td.label#reference {
	background-color: #B9E0FF;
	font-size: 12px;
}
div#sequence {
	position: absolute;
	top:100px;
	left:290px;
	right:10px;
	display: block;
	overflow: auto;
	overflow-y: hidden;
	padding-right: 0px;
	letter-spacing: 1px;
}
div#chooserContainer {
	position: absolute;
	left: 15px;
	top: 27px;
	z-index: 5;
	width: 280px;
}
div#refineForm {
	position: absolute;
	left: 875px;
	top: 10px;	
}
div#chooser {
	margin-top: 6px;
	background-color: #3399CC;
	line-height: 2em;
	border:#CCEEFF 1px solid;
	display: none;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	margin-left: -8px;
}

.genomic {
	background-color:#E4FFE0;
	color: #9DCC9E;
}
.protein {
	background-color: #FFFFCC;
	color: #999966;
}

.genomic b, .protein b { color: #CC3300; background-color:#FFFFFF; font-weight:normal; }

.refgeno {
	background-color: #c0e3e7;
	color: #82b7bd; 	
}

.refprot {
	background-color: #e4e4a2;
	color: #888844;  	
}

td {
	height: 20px;
	border-top: dotted #999999 1px;
}

span.snp {
	background-color:#FFCC33;
	color:black;
}

tr.protein span.snp {
	background-color:#CC3300;
	color: white;
}

span.ref {
	background-color:#FFCC66;
	color : black;	
}

tr.protein span.ref {
	background-color:#CC6600;
	color : white;
}
tfoot#strainListTableFoot td {
	color:#666666;
	font-size:10px;
}
strainList.
tbody#sequenceTableBody tr.genomic td {
	color:#5A88B4;
	background-color: #B9E0FF;
}
div.pane{
	overflow:auto;
	clear:left;
	font-family: Courier, monospace;
}
	
div#displaySelector {
	position:absolute;
	top:-5px;
	left:280px;
	width: 240px;
	z-index: 6;
}
div#SNPpointer {
	position:absolute;
	top:74px;
	left:640px;
	width: 15px;
	height: 11px;
	background: url(../../images/arrow-down-yellow.png) no-repeat top;
	}
div#title a{ 
	color: #0033DD; 
	text-decoration: none; 
	}
	
div#title a:hover {	
	color: #B9E0FF; 
	text-decoration: underline; 
	}
div#sequence.pane td {
	white-space:nowrap;
	}	
div#buttonSpace {
	padding:2px;
	background-color: #CCEEFF;
	}
#buttonSpace img {
	padding:0 2px;
	}	
#buttonSpace input {
	float:left;
	margin-right: 20px;
	}	
div#listSpace {
	overflow:auto;
	max-height: 300px;
	}	
	
/********  GENE NEIGHBORHOOD  ************/
#container {
	position:absolute;
	left:527px;
	top:10px;
	width:600px;
	height:80px;
	z-index:100;
}
	
#neighborHood {
	background-image:url(../../images/nBp.gif);
	border-bottom:#33CCCC 1px solid;
	border-left:#33CCCC 1px solid;
	border-right:#6666CC 1px solid;
	border-top: #6666CC 1px solid;
	position:relative;
	top:6px;
	left:0px;
	width: 99%;
	height:55px;
	margin-bottom:12px;
	z-index:100;
}	
	
.gene  {
	color:#FFFFFF;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	height:50px;
	line-height:8px;
	position:absolute;
	text-align:center;
	top:5px;
	z-index:101;
	filter: alpha(opacity:75);
	KHTMLOpacity: 0.75;
	MozOpacity: 0.75;
	opacity: 0.75;
	}
	
div.gene a{ 
	color: #0033AA; 
	text-decoration: none; 
	}
	
div.gene a:hover {	
	color: #B9E0FF; 
	text-decoration: underline; 
	}
/*.front { z-index:102; border:#FF9900 dotted 2px; height:52px; top:1px; }	*/
.front { z-index:102; }
.ptR { background:url(../../images/genePtRt.gif) bottom right no-repeat;}
.ptL { background:url(../../images/genePtLt.gif) bottom left no-repeat;}
.domain {
	height:19px;
	position:absolute;
	text-align:center;
	top:23px;
	z-index:103;
}
.ptR > .domain { background:url(../../images/arrowR.gif) center right no-repeat; }
.ptL > .domain { background:url(../../images/arrowL.gif) center left no-repeat; }

.sMark {
	background-color:#33FF33; 
	height: 34px;
	position:absolute;
	top:21px;
	width:1px;
	z-index:105;
	/*cursor:pointer;*/
	}
	
a:hover > .sMark { border-left:1px solid #FF6600; border-right:1px solid #FF6600; margin-left:-1px; }

#indicator {
	background-color:#DDD;
	border: 3px white solid;
	height: 34px;
	position:absolute;
	top:18px;
	left:280px;
	width:11px;
	z-index:104;
	filter: alpha(opacity:50);
	KHTMLOpacity: 0.50;
	MozOpacity: 0.50;
	opacity: 0.50;
	}
div.iBall {
	position:absolute;
	background:url(../../images/detail.gif) top no-repeat;
	top:6px;
	width:14px;
	height:14px;
	z-index:111;
	}
#options {  }

#jalviewChooserContainer { float:left; width:300px; }	
	
#jumpToGene { width:330px; margin-left: 300px; }	

#jalViewNotes { width:400px; margin-left: 330px;   }

#jalViewLegend { float:left; width:300px; }

#jalViewLegend caption { text-align:left; padding-bottom:16px;  }