/*
	Site-wide CSS definitions.
*/
body {
		background-image: url("../icons/lgrey064.jpg");

}

a {
	color: #246C6C;
	text-decoration: none;
} 

td#tdstartlink {
	width:10%;
}
td#tdtitle {
	width:80%;
}
td#tdiGOreturnk {
	width:10%;
}


div#header {
	height: 120px;
	background-image: url("../icons/blue029green.jpg");
}

table#headertable{
		width: 100%;
		text-align: center;
}

a#startlink {
	font-family : sans-serif;
	text-align : center;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;
	width : 100%;
}

.title {
	font-family : sans-serif;
	text-align : center;
	padding-top: 20px;
	color: #ffffff;
	width : 100%;
}

.subtitle {
	font-family : sans-serif;
	text-align : center;
	color: #ffffff;
	width: 100%;
}
	
.error {
	font-family : sans-serif;
	font-weight: bold;
	background-color: #ffdddd;
	width : 100%
}

div#footer {
	height: 50px;
	background-image: url("../icons/img18.gif");
	color: #dddddd;
}

div#copyright {
	padding-top : 10px;
	text-align : center;
	font-family : sans-serif;
	font-size: small;
}

.toggletitle {
	font-family : sans-serif;
	font-weight: bold;
	text-align: left;
	padding-top : 10px;
}

a.togglelink {
	font-family : sans-serif;
	font-variant: small-caps;
	font-size: smaller;
}
/*
	Site-wide Search form.
*/

div#searchformtable {
	width : 100%;
}

table#searchformtable {
	width : 100%;
	font-family: sans-serif;
	font-size: smaller;
	border: thin;
	border-style: solid;
}

td#genesearchform {
	text-align : left;	
}

td#positionsearchform {
	text-align: center;
}

td#clustersearchform {
	text-align: right;
}

div.autocompleter {
	position: absolute;
 	background-color: white;
 	border: 1px solid #888;
 	margin: 0px;
 	padding: 0px;
	
}


div.autocompleter ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}
 
div.autocompleter ul li.selected {
    background-color: #ffb;
}
 
div.autocompleter ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/*
	Definitions for pages displaying genome sections.
*/
div#navigation {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align : center;
	width : 100%;
}

span#prevsection {
	width: 64px;
	text-align : left;
}

img#image {
	text-align: center;
}

span#nextsection {
	width: 64px;
	text-align: right;
}

span.scalename {
	font-variant: small-caps;
	font-size: small;
	font-family: sans-serif;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}


/*
	Table with gene information on index page.
*/
div#detailinfo {
	padding-top : 12px;
	text-align: center;
	/*width: 100%;*/
}

table#detailinfotable {
	border: thick;
	border-style: inset;
	text-align: center;
	width: 100%;
}

td.detailinfoheader  {
	font-family: sans-serif;
	font-weight: bold;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left: thin;
	
	
}

td.locustag   {
	
}

td.detailname {
	
}

td.detaillocation {
	font-family: monospace;
}

td.geneproduct {
	text-align: left;
}

/*
 Defnitions for gene information page elements.
 */
dl.qualifierlist {
	text-align: left;
}

dt.qualifiername {
	font-style: italic;
}

/*
	Definitions for region related elements.
*/ 

div.regiondetails {
	width: 100%;
}

div.detailpanel {
	width: 100%;
}

div.datatable {
	text-align: center;
	width: 100%;
}

table.datatable {
	text-align : center;
	border-style: solid;
	border-width: medium;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	border-collapse: collapse;
	table-layout: fixed;
	word-break:break-all;
}

table.datatable caption {
	font-weight: bold;
	font-family: sans-serif;
}

table.datatable td {
	border-style: solid;
	border-width: thin;
}

div.plotpanel, div.mappanel {
	width: 100%;
	text-align: center;
	margin: 10px;
}

div.header {
  padding: 4px;
  background: white;
  color: #4040A0;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  background-color: #E0E0E0;
}

/* Added for supplementary_data.html
 */
div.menu {
  float: left;
  color: #4040A0;
  margin: 0;
  margin-top: 8px;
  padding: 0;
  width: 15em;
  font-weight: bold;
}

div.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
  font-size: 10pt
}

div.menu li{
  padding-left: 15px;
  line-height: 22px;
}

div.menu li{
  padding: 5px;
  border: 1px solid #4040A0;
  text-decoration: none;
  margin-bottom: 2px;
  margin-right: 2px;
}

div.menu li:hover{
  border: 1px solid orange;
}

li.menu a {
  text-decoration: none;
  color: #4040A0;
}

li.menulvl2{
   padding: 5px;
   padding-left: 10px;
   border: 1px solid;
   text-decoration: none;
   margin-left: 1em;
   margin-bottom: 2px;
   margin-right: 2px;
}

li.menulvl2:hover{
  border: 1px solid orange;
}

li.menulvl2 a{
   text-decoration: none;
   color: #4040A0;
}

div.content {
  margin-left: 14.0em;
  margin-top: 8px;
  padding-top:  1ex;
  padding-left: 2em;
  padding-right: 2em;
  min-height: 30em;
  /* border: 1px solid #4040A0; */
}

div.footer {
  margin-top: 4px;
  font-size: 8pt;
  text-align: right;
}

div.footer {
  margin-top: 4px;
  font-size: 10pt;
	text-align: right;
	background-color: #E0E0E0;
}

div.verbat{
  font-family: monospace;
  font-style: normal;
  font-weight: normal;
  white-space: pre;
}


div.content table{
  border-spacing: 0;
  border-width: 0;
  border-bottom: solid thin;
  padding: 0; 
  margin: 0;
}


div.content td{
  border-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-width: 0;
  padding: 4px;
}  

div.content th{
  /*margin-left, margin-right: 0;*/
  /* border-left, border light: none; */
  border-left-width: 0;
  border-right-width: 0;
  border-top: solid thin;
  border-bottom: solid thin;
  padding: 4px;
}

div.content table.index{
  border: none;
  border-bottom: none;
  border-top: none;
}

p.credit{
	font-size: 10pt;
}

div.header {
	color: #246C6C;
}