/************************************************************
/* synteny.css
/* University of Washington
/* WWAMI RCE
/*
/* EXTERNAL CSS STYLE SHEET providing styles for html tags to 
/* be used in the WWAMI RCE internal gene browser
/*************************************************************/

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

pre
{
	font-family: Courier;
	font-size: 9pt;
}

a:link, a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #A97760;
	font-style: normal;
	text-decoration: none;
}
a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	color: #666666;
	font-style: normal;
	text-decoration: underline;
}

h1
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #666666;	
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #305B3C;
	font-weight: bold;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #233A7A;
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #233A7A;
}

caption
{
	background-color: whitesmoke;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding: 5px;
}

th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

input
{
	font-family: Arial;
	font-size: 9pt;
}

select
{
	font-family: Arial;
	font-size: 9pt;
}

textarea
{
	font-family: Arial;
	font-size: 9pt;
}

/*styles for banner and title bar*/
table.banner
{
	border-spacing: 0px;
	width: 100%;
	padding: 5px;
}

td.title
{
	font-family: Verdana, Tahoma, Arial;
	background-color: #E2E5D9;
	border-spacing: 0px;
	padding: 0px;
}

td.user
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 9pt;
	background-color: #C7DAC8;
	text-align: right;
	color: gray;
	padding-right: 10px;
	padding-top: 10px;
}

h1.title
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #4C4C43;
	padding: 3px;
	font-style: italic;
}

td.nav
{
	background-color: #9EA29A;
	padding: 3px;
}

A:link.nav 
{  
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	text-decoration: none;
	color: black;
}

A:visited.nav 
{  
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	text-decoration: none;
	color: black;
}

A:hover.nav 
{ 
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	text-decoration: none;
	color: white;
}

.nav 
{  
	font-family: Helvetica, Arial, sans-serif; 
	color: black;
}

/*Styles for genomelist*/
table.genomelist
{
	border-spacing: 0;
	border: 1px solid #CCCCCC;
	padding: 0px;
}

th.genomelist
{
	background-color: #F8F9F2;
	padding: 5px;
	font-size: 10px;
	text-align: left;
	border: 1px solid #CCCCCC;
}

th.alignment
{
	background-color: whitesmoke;
	padding: 5px;
	font-size: 10px;
	text-align: left;
	border: 1px solid #CCCCCC;
}

th.synteny
{
	padding: 5px;
	font-size: 10px;
	text-align: left;
	border: 1px solid #CCCCCC;
}

td.genomelist
{
	padding: 5px;
	font-size: 8pt;
	background-color: white;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}

th.genomesA
{
	background-color: #F7EEEE;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

th.genomesB
{
	background-color: #F0F2F9;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

th.syntenyheading
{
	padding: 5px;
	font-size: 10px;
	text-align: left;
	background-color: #F8F9F2;
	border: 2px solid #CCCCCC;
}

th.queryGenome
{
	background-color: whitesmoke;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	text-align: left;
}

th.searchoption
{
	padding: 3px;
	font-size: 8pt;
	background-color: white;
	border: 0px solid #CCCCCC;
	text-align: right;
}

.num_genes
{
	font-style: italic;
	font-weight: normal;
}

td.reference
{
	padding: 5px;
	font-size: 8pt;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	background-color: #ECE7CB;
}

tr.reference
{
	background-color: #ECE7CB;
}

td.genehit
{
	padding: 5px;
	font-size: 8pt;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}

/*tr.genehit
{
	background-color: #ECE7CB;
}*/


tr
.normal { background-color: #ECE7CB }
.highlight { background-color: #F7F7CD; cursor: pointer }

td.homology
{
	padding: 5px;
	font-size: 8pt;
	background-color: white;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
	
td.alignment
{
	padding: 5px;
	font-size: 8pt;
	background-color: whitesmoke;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}

td.synteny
{
	padding: 5px;
	font-size: 8pt;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}

/*styles for search results*/
table.search_results
{
	border-spacing: 0;
	padding: 0px;
	width: 900;
}

td.search_results
{
	padding: 3px;
	border-right: 1px solid gray;
}  

th.search_results
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #DDE4E9;
	padding: 3px;
	font-size: 9pt;
	text-align: left;
}


td.report-content1
{
	padding: 2px;
	padding-left: 5px;
	padding-right: 10px;
	background-color: white;
	vertical-align: top;
}

td.report-content2
{
	padding: 2px;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #F2F2E5;
	vertical-align: top;
}

.note
{
	font-style: italic;
	font-weight: normal;
}

/*styles for components of the synteny graphic*/

.popup
{
	position:absolute;
	visibility:hidden;
	border:0px solid black;
	background-color:#D9DCDF;
	padding:4px;
	z-index: 2
}

.graphic
{
	height: 500px;
	overflow: auto;
}