table, tr, td, th, tbody, thead, img, input, select {
  padding: 0px;
  margin: 0px;
}
table, tr, td, th, tbody, thead, img {
  border-width: 0px;
  font-size: 12px;
  border-width: 0px;
}
body { 
  background-color: #FFFFFF;
  padding: 0px;
  margin: 5px;
  font-family: arial;
  font-size: 12px;
}
a {
  text-decoration: none;  
}

frame {
  border-width: 0px;
}

table {
  width: 100%;
  border: #840E14 solid 2px;
  padding: 0px;
  border-spacing: 0px 0px;
  empty-cells: show;
}

table th {
  background-color: #840E14;
  color: white;
  font-weight: bold;
  width: 200px;
  text-align: right;
  vertical-align: top;
  padding: 3px;
}

table td {
  background-color: white;
  margin: 0px;
  padding: 3px;
}
.page {
background:#D8D8D8 none repeat scroll 0 0;
display:block;
font-size:8pt;
margin:2pt;
overflow:hidden;
padding:0.7ex 0 1ex;
text-align:center;
width:40pt;
}
.pagel {
background:#A0A0A0 none repeat scroll 0 0;
border-right:2pt solid white;
display:block;
font-size:8pt;
font-weight:bold;
margin:2pt 0;
overflow:hidden;
padding:0.7ex 0 1ex;
text-align:center;
width:22pt;
}
.pager {
background:#A0A0A0 none repeat scroll 0 0;
border-left:2pt solid white;
display:block;
font-size:8pt;
font-weight:bold;
margin:2pt 0;
overflow:hidden;
padding:0.7ex 0 1ex;
text-align:center;
width:22pt;
}
.pagecur {
background:#800000 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:8pt;
margin:2pt;
overflow:hidden;
padding:0.7ex 0 1ex;
text-align:center;
width:22pt;
}
#nrows {
float:right;
padding-right:8px;
width:150pt;
}
#pageselector {
clear:right;
float:right;
margin-bottom:3pt;
padding-right:10px;
width:40%;
}
#pages {
height:35pt;
overflow-x:scroll;
overflow-y:hidden;
width:100%;
}
a.pager:link, a.pagel:link {
text-decoration:none;
}
a.pager:visited, a.pagel:visited {
color: #6c6c6c;
text-decoration:none;
}
a.page:visited {
background-color:#EEC0C0;
text-decoration:none;
}
a.pager:hover, a.pagel:hover {
text-decoration:none;
}
a.pager:active, a.pagel:active {
text-decoration:none;
}
a.page:hover {
background-color:#EEC0C0;
}
/* Report title */
div.reportTitle {
  border-style: solid;
  border-width: 5px;
  color: white;
  font-weight: bold;
  padding: 5px;
  margin: 5px 0px 10px 0px;
  background-color: #808080;
}

table.reportTitle {
  border-width: 0px;
}

span.locusDescription {
  font-size: 12px;
  font-weight: normal;
}


.reportTitle th {
  vertical-align: middle;
  text-align: center;
  font-size: 12pt;
  color: white;
  font-weight: bold;
  background-color: #840E14;
  padding: 4px;
}
.reportTitle td {
  border-top: #840E14 solid 4px;
  border-right: #840E14 solid 4px;
  border-bottom: #840E14 solid 4px;
}
td.locusTypeBar {
  width: 25px; 
  margin: -4px;
  padding: -4px;
  border-width: 0px;
}

/* Data section */
/* Section title */
.sectionTitle {
  background-color: #840E14;
  color: white;
  font-weight: bold;
  padding: 3px 10px 0px 10px;
  height: 23px;
  vertical-align: middle;
  margin-bottom: 0px;
  font-family: arial;
}

.locusReportSection .sectionTitle a {
  color: white;
  font-weight: normal;
}

.locusReportSection {
  margin: 5px 0px 5px 0px ;
}
.locusReportSection table {
  margin-top: 0px;
}
.locusReportSection table th{
  border-right: #840E14 solid 2px;
  color: #4D4D4D;
  background-color: #EAEAEA;
}

.locusReportSection a {
  color: #840E14;
}
.locusReportSection td table {
  border-width: 0px;
  width: 100%;
  margin: 0px;
}
.column {
  width: 100px;
}
.column3x {
  width: 312px;
}         

.header {
  background-color: #C0C0C0;
  border-top: #840E14 solid 2px;
  border-bottom: #840E14 solid 2px;
  text-align: center;
  font-weight: bold;
}

div.header {
  margin: -5px -3px -3px -3px;
}

/* Data selection tab bar */
div.isoformBar {
  border: #840E14 solid 2px;
  background-color: #EAEAEA;
  color: #840E14;
  font-weight: bold;
  padding: 3px;
  margin-top: 1em;
}

.isoformBar a {
  color: #808080;
}
div.isoformBar a.active {
  color: #000000;
}

/* References section */
.references {
  list-style-type: none;
  padding: 0px;
  display: block;
}
.references li {
  margin: 0px 0px 1em 0px;
}

/* Report footer */
.footer {
  margin-top: 1em;
  text-align: center;
}
.footer input {
  text-align: center;
  vertical-align: middle;  
}

.copyright {
  font-size: 0.8em;
  padding: 0.5em;
  margin-top: 1em;
}

.jumpToSection {
  border-width: 0px;
}

.jumpToSection td {
  background-color: #C0C0C0;
}

.quickSearchField #searchValue {
  width: 100%; 
}

.quickSearchSubmit, .quickSearchSubmit input {
  width: 100px;
}

td.quickSearchLabel {
  background-color: #840E14;
  color: white;
  padding: 3px 2em 3px 2em;
  font-size: 16px;
  width: 100px;
}
.locusReportMenu td {
  font-size: 12pt;
  font-weight: bold;
}
.locusReportMenu {
  margin: 5px 0px 10px 0px;
  border: #840E14 solid 2px;
  background-color: #C0C0C0;
  padding: 3px;
}

div.locusReportMenu a {
  color: black;
}
.locusReportMenu a.activeMenuItem {
  color: #800000;
  text-decoration: none;  
}


td.control {
  background-color: #840E14;
  color: white;
  font-weight: bold;
  padding: 3px 10px 0px 10px;
  height: 23px;
  vertical-align: top;
  margin-bottom: 0px;
}
td.control a {
  color: white;
}
.wrapper {
        width: 1px;
        height: 1px;
        clear: both;
        border-width: 0px;
        background-color: transparent;
        visibility: hidden;
        margin: 0px;
        padding: 0px;
        display: block;
}
select {
  width: 100%;
  background-color: #FFFFFF;
}

/* Non-locus reports */
.biobaseLogo {
  float: left;
  margin: -5px -5px 5px -5px;
}

.proteomeLogo {
  float: right;
  margin: -5px -5px 5px -5px;
}
.userBox {
  font-size: 12px;
  color: #FFFFFF;
  text-align: right;
}
.userBox a{
  font-size: 12px;
  color: #000000;
}
   
.hierarchyorthogene, .hierarchyorthofamily, .hierarchyorthobasic, .hierarchyorthogroup {
  font-style: italic;
}
.hierarchyCurrentItem {
  font-weight: bold;
}
.navigatorPane {
  height: 100px;
  overflow: scroll;
  overflow: auto;
  margin: -3px;
}

experimentDetails {
  display: none;
}

#matrixtable 
{
width: 400px;
}

.locusReportLink td {
   font-size: 12pt;
   font-weight: bold;
}
.locusReportLink {
   margin: 0px 0px 0px 0px;
   border: #840E14 solid 0px;
   background-color: #C0C0C0;
   padding: 3px;
}
 	 
div.locusReportLink a {
   color: black;
}
.locusReportLink a.activeMenuItem {
	color: #800000;
 	text-decoration: none;  
}	
.legendModified {
 	   width: 200px;
 	   margin: 0px auto 1em auto;
 	   border-top: 1px solid black;
 }
 	 
.modifiedForm {
 	   font-size: 1em;
 	   font-weight: normal;
}
 	 
.verticaltext {
 	 writing-mode: tb-rl;
 	 filter: flipV flipH;
 	 text-align: right;
 	 font-size: 0.65em;
 	 position: relative;  
 	 vertical-align: middle;
}
 	 
table.modFormtable {
 	 border-collapse:collapse;
 	 border-spacing:0pt;
 	 font-size:small;
 	 margin:1em 0pt;
 	 text-align:left;
}
table.modFormtable {
 	 margin:1em 0pt 1em -8.5em;
}
table.modFormtable td, table.modFormtable th {
 	 border-color:grey;
 	 border-style:dotted none dotted dotted;
 	 border-width:0.1em;
 	 padding:0.4em;
	 vertical-align:top;
}
table.modFormtable th:first-child, table.modFormtable td:first-child {
 	 border-left-style:none;
 	 border-right-style:none;
 	 vertical-align:top;
}

#grseq table 
{

	width: 600px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;

}

#grseq table tr
{
	padding: 0px;
	margin: 0px;
}
#grseq table tr td
{
	padding: 0px;
	margin: 0px;
}
#grseq table tr td img
{
	padding: 0px;
	margin: 0px;
}

#overlap
{
	position: relative;
	width: 660px;
}

table.dottedline {
	border-collapse:collapse;
	border-spacing:0pt;
	font-size:small;
	margin:1em 0pt;
	text-align:left;
}
table.dottedline {
	margin:1em 0pt 1em -8.5em;
}
table.dottedline td, table.dottedline th {
	border-color:grey;
	border-style:none none dotted none;
	border-width:0.1em;
	padding:0.4em;
	vertical-align:top;
}
table.dottedline th:first-child, table.dottedline td:first-child {
	border-left-style:none;
	border-right-style:none;
	vertical-align:top;
}

/* Annotation section */

/* Section title */
.sectionTitle {
  background-color: #840E14;
  color: white;
  font-weight: bold;
  padding: 3px 10px 0px 10px;
  height: 23px;
  vertical-align: middle;
  margin-bottom: 0px;
  font-family: arial;
}

.sectionAnnot {
  background-color: #840E14;
  color: white;
  font-weight: bold;
  padding: 3px 10px 0px 10px;
  vertical-align: middle;
  margin-bottom: 0px;
  font-family: arial;
}

.sectionAnnot a:link { color:#FFFFFF}
.sectionAnnot a:visited{ color:#FFFFFF}
.sectionAnnot a:active { color:#FFFFFF}
 
.sectionAnnot a{
  color: white;
  font-weight: normal;
}

#tdleft {vertical-align: top;}