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

}

a {
	color: #246C6C;
} 

td#tdstartlink {
	width:15%;
}
td#tdtitle {
	width:70%;
}
td#tdiGOreturnk {
	width:15%;
}


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%;
        font-size: 140%;
}

a#suplink {
        font-family : sans-serif;
        text-align : center;
        font-style: italic;
        font-variant: small-caps;
        color: #ffffff;
        width : 100%;
        font-size: 80%;
}

.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#geneextendedsearchform {
        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;
}