/************************************************************
/* genebrowser.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
/*************************************************************/

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

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

td.user
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 9pt;
	color: gray;
	padding-left: 10px;
	padding-top: 10px;
}

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

td.nav
{
	background-color: #789;
	padding: 5px;
}

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

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

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

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

/*Styles for genomelist*/
table.genomelist
{
	border-spacing: 0;
}

th.genomelist
{
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 20px;
	font-size: 10px;
	text-align: left;
}

td.genomelist
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 20px;
	font-size: 8pt;
	text-align: left;
}

/*Styles for browsegene*/
table.gene_detail
{
	border-spacing: 0;
	padding: 0px;
/*	width: 100%;*/
}

td.gene_detail
{
	font-size: 9px;
	padding-bottom: 11px;
}  

th.gene_detail_cat
{
	font-family: Arial;
	background-color: #CCCCCC;
	padding: 3px;
	font-size: 11px;
}

td.gene_detail_field
{
	text-align: left;
	vertical-align: top;
	color: black;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 3px;
	font-weight: bold;
	font-size: 8pt;
	width: 100px;
}

td.gene_detail_value
{
	text-align: left;
	background-color: white;
	padding: 3px;
	font-size: 8pt;
}

td.external_annotation
{
	text-align: center;
	background-color: white;
	padding: 3px;
	font-size: 8pt;
}

td.sequence_field
{
	text-align: left;
	vertical-align: top;
	color: black;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 3px;
	font-weight: bold;
	font-size: 8pt;
	width: 200px;
}

/*styles for search input*/
table.search
{
	width: 800px;
	border-bottom: 1px solid lightgray;
	background-color: whitesmoke;
	padding: 5px;
}
th.search
{
	color: darkblue;
	text-align: left;
	width: 200px;
}
table.search_fields
{
	background-color: whitesmoke;
	padding: 3px;
	text-align: left;
}
th.search_fields
{
	color: gray;
	font-style: italic;
}

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

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 
{
	color: #000000;
	padding: 2px;
	padding-right: 10px;
	background-color: white;
	font-size: 8pt;
}


td.report-content2
{
	color: #000000;
	padding: 2px;
	padding-right: 10px;
	background-color: whitesmoke;
	font-size: 8pt;
}

/*styles for web tools*/
table.webtool
{
	color: #999999;
	padding: 5px;
	background-color: whitesmoke;
	width: 100%;
	text-align: left;
}
td.webtool
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
b.webtool
{
	color: #999999;
	font-style: italic;
}

/*styles for functional characteristics tables*/
table.functional
{
	padding: 0px;
	border-spacing: 0px;
}

th.functional
{
	text-align: left;
	font-weight: normal;
	font-style: italic;
	font-size: 8pt;
	border-bottom: 2px solid lightgray;
	padding: 4px;
}

td.functional
{
	padding: 2px;
	font-size:8pt;
}

/*styles for display options*/

table.displayoptions
{
	background-color: whitesmoke;
	padding: 4px;
	border-spacing: 0px;
}

th.displayoptions
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-style: italic;  
	font-size: 11px;
}

td.displayfield
{
	color: #999999;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	font-size: 10px;
}

td.displayvalue
{
	color: #999999;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	font-size: 10px;
}

/*styles for unique elements on the genebrowse page*/
.genetitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #20488C;
}

.genedate
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-style: italic;  
	font-size: 9pt;
	font-weight: normal;
}

.activesearch
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999933;
	font-size: 9pt;
	font-weight: bold;
}

/*styles for experimental data such as proteome data*/

.datatable td.color1, td.color2, th.color1, th.color2, thead th, thead th.center
{
  font-size: 12px;
  font-family: arial,helvetica,san-serif;
}

.datatable caption
{
  border-top: 2px solid #D6DDE6;
  border-left: 1px solid #D6DDE6;
  border-right: 1px solid #D6DDE6;
/*  border: 1px solid #828282; */
  background-color: #BCBCBC;
/*  background-color: #B0C4DE; */
  font: bold 12px arial,helvetica,san-serif;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 14px;
  padding-right: 14px;
  text-align: left; 
}

.datatable
{
  border: 1px solid #D6DDE6; 
  border-collapse: collapse;
}


.datatable td.color1
{
  background-color: #FFFFFF;
}
.datatable th.color1
{
background-color: #FFFFFF;
}

.datatable th.color2
{
  background-color: #FFFFCC;
}
.datatable td.color2
{
  background-color: #F0FFFF;
  color: #000000;
}
.datatable td.spacer
{
  font-size: 2px;
  font-family: arial,helvetica,san-serif;
  background-color: #D6DDE6;
  padding: 0px;
}

.datatable td
{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
}

.noWrap
{
  white-space: nowrap;
}

.datatable th
{
  border: 1px solid #D6DDE6;
  background-color: #BCBCBC; 
 /* background-color: #CCCCCC;*/
  vertical-align: top;
  padding: 4px;
  text-align: center;
}


.datatable thead th
{
  border-top: 2px solid #D6DDE6;
  border-bottom: 1px solid #D6DDE6;
  border-left: 1px solid #D6DDE6;
  border-right: 1px solid #D6DDE6;
/*  background-color: #BCBCBC; */
  background-color: #CCCCCC;
  text-align: center;
  vertical-align: middle;
  padding: 4px;

/*  font-weight: bold; */
}

.datatable thead th.center
{
  text-align: center;
}

.datatable tbody tr:hover
{
  background-color:#DFE7F2;
  color: #000000;
}

.notice
{
  color: #999999;
}

th.user_field
{
	text-align: right;
	padding-right: 10px;
}

.error
{
        color: red;
}

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