#seriesList {
    margin-top:32px;
}

table.seriesImages {
  border:1px solid #ddd;
  margin-left:auto;
  margin-right:auto;
}

table.seriesImages td {
  width:25%;
  border:1px solid #ddd;
  text-align:center;
  padding:6px;
  padding-bottom:0px;
  vertical-align:bottom;
}


.contentBlock {
   padding:0px;
}


div.expressionBarC {
    width:24px;
    border-right:0px;
}
div.expressionBarT {
    width:39px;
}
div.expressionBarL {
    width:18px;
}
div.expressionBarS {
    width:12px;
    clear:right;
}

#imageSet {
    margin-left:auto;
    margin-right:auto;
}

table.geneListTable {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
	border:1px solid #c3c3c3;
	border-collapse:collapse;
}

table.geneListTable tr {
	border-collapse:collapse;
}

table.geneListTable tr.odd {
	background-color:#f3f3f3;
}

table.geneListTable tr.even {
	background-color:#ffffff;
}

table.geneListTable tr.failedQC {
	background-color:#dbb;
}


table.geneListTable th {
	padding:3px;
	background-color:#ffffff;/*#c3c3c3;*/
	font-weight:bold;
	text-align:left;
}

table.geneListTable td {
	border:0px solid #000000;
	border-spacing: 0px;
	padding:2px;
	margin:0px;
}

table.geneListTable td.avgGraphCell {
	height:100%;
	padding:0px;
}

table.geneListTable td.seriesCount {
	text-align:center;
}

div.tableNav {
	text-align:right;
	margin-top:4px;
	margin-bottom:4px;
	display:block;
}

div.pageLink {
	display:inline;
	margin-left:2px;
}

div.pageNumberLink {
	display:inline;
	margin-left:0px;
	margin-right:0px;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	padding-left:3px;
	padding-right:3px;
	_margin-left:2px;
	_margin-right:2px;
}

div.pageOneNumberLink {
	display:inline;
	margin-left:3px;
	margin-right:3px;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	padding-left:3px;
	padding-right:3px;
	color:#696969;
}

div.pageOneNumberLink a {
	color:#696969;
}

div.pageOneNumberLink a:visited {
	color:#696969;
}

div.pageNumberCurrent {
	display:inline;
	margin-left:0px;
	font-weight:bold;
	border:1px solid #c3c3c3;
	background-color:#c3c3c3;
	color:#ffffff;
	padding-left:3px;
	padding-right:3px;
}


div.pageOneNumberCurrent {
	display:inline;
	margin-right:3px;
	font-weight:bold;
	border:1px solid #c3c3c3;
	background-color:#c3c3c3;
	color:#ffffff;
	padding-left:3px;
	padding-right:3px;
}

div.pageNumberLink a {
	color:#696969;
}

a.navArrow {
	margin-bottom:-4px;
	#margin-bottom:0px;
}

a.navArrow img {
	border:none;
}

div.pageNums {
	float:left;
	margin-right:12px;
}

#magnifier {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    border:1px solid #666;
    padding:4px;
    background-color:#ddd;
    z-index:100;
}

#magnifiedImage {
    border:1px solid #aaf;
}

table.contactSheet {
    border:1px solid #ddd;
    padding:3px;
    margin:2px;
    width:100%;
}

table.contactSheet td {
    border:1px solid #ddd;
    text-align:center;
    background-color:#eee;
}

.seriesInfo {
    width:84px;
    font-size:1em;
    text-align:left;
    padding:2px;
}

table.seriesDetail td {
    text-align:left;
    border:none;
}

.failed_series {
    background-color:#dbb !important;
}

div.failed_notice {
    font-weight:bold;
    text-align:center;
    background-color:#dbb !important;
}

td.infoLabel {
    font-weight:bold;
}

.seriesInfoCell {
    background-color:#fff;
    width:80px;
}


.imgLabel {
  border:1px solid #ddd;
  margin-top:0px;
  height:1.1em;
  background-color:#eee;
  font-size:1em;
  color:#666;
}

span.structureLabel {
}

.failedQC {
    padding:2px;
    width:98%;
    height:98%;
    color:#666;
}

span.selectedStructureLabel {
    color:#000;
    font-weight:bold;
}

td.imgCell {
    width:6.25%;
}

img.imgThumb {
    border:1px solid #ccc;
    vertical-align:middle;    
    cursor: pointer;/*url("/images/mag3.cur"), pointer; */
}

img.nisslThumb {
    border:1px solid #ccc;
    vertical-align:middle;    
    cursor: pointer;/*url("/images/mag3.cur"), pointer; */
}

a.headerLink {
    text-decoration:underline;
    color:#fff;
}

a.headerLink:hover  {
    color:#fff;
}

a.headerLink:visited  {
    color:#fff;
}


div.sectionExp {
    float:left;
    width:25%;
    #width:24.99999%;
    height:100%;
    display:inline;
}

div.chartlet {
    height:14px;
    width:130px;
    border:0px solid #000;
    padding-top:2px;
    padding-bottom:2px;
}

div.big-chartlet {
    height:38px;
    border:1px solid #000;
    padding-top:2px;
    padding-bottom:2px;
}

div.big-chartlet span {
    float:left;
    height:94%;
    border:1px solid #000;
    margin-left:3px;
}

div.chartletLabel {
    height:1em;
    border:1px solid #f00;
}
div.chartlet span {
    float:left;
    height:94%;
    border:1px solid #000;
    margin-left:3px;
}

span.regionContainerC {
    width:21%;
    #width:20%;
}

span.regionContainerT {
    width:36%;
    #width:35%;
}

span.regionContainerL {
    width:17%;
    #width:16%;
}

span.regionContainerS {
    width:10%;
    #width:10%;
}



span.big-regionContainerC {
    width:23%;
}

span.big-regionContainerT {
    width:38%;
}

span.big-regionContainerL {
    width:18%;
}

span.big-regionContainerS {
    width:12%;
}
span.big-regionContainerCo {
    width:6%;
}

input.compareButton {
    margin-top:4px;
    color: #FFF;
    background-color: #639A3C;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

td.notAvailable {
    text-align:center;
    border:1px solid #000;
}

div.chartletContainer {
    width:100%;
    height:64px;
}


div.chartletContainerSmall {
    width:140px;
    height:24px;
    margin-left:4px;
}

div.categoryChartletContainerSmall {
    width:100px;
    height:24px;
    margin-left:4px;
}

table.chartlet {
    width:100%;
    height:100%;
    border-left:1px solid #000;
}
table.chartlet td {
    border:1px solid #000;
    border-left:0px;
    height:100%;
    vertical-align:bottom;
    width:60px;
    padding:0px;
}

table.chartlet td.labelRow {
    height:1em !important;
}

table.chartlet div {
    width:6.25%;
    float:left;
    font-size:0.1em;
}

table.chartlet div.missingSection {
    width:100%;
    background-color:#000;
    height:100% !important;
}
table.chartlet div.sectionB {
    width:100%;
    background-color:#639a3d;
}
table.chartlet div.sectionC {
    width:100%;
    background-color:#014F7D;
}
table.chartlet div.sectionLabel {
    width:100%;
    font-size:1em;
    color:#000;
    border-top:0px;
}

div.expressionFootNote {
    font-size:0.9em;
    font-style:italic;
    width:100%;
    border:0px solid #f00;
    #height:3em;
    #padding-top:1.5em;
    _height:auto;
    _padding:0px;
}

div.sequenceData {
    min-width:50px;
    _width:50px;
    margin-left:auto;
    margin-right:auto;
}

div.sortBox {
    border:1px solid #666;
    margin-left:2px;
    width:26px;
    float:left;
    background-color:#639A3C;
    color:#fff;
}

div.sortBoxLast {
    border:1px solid #666;
    margin-left:2px;
    width:26px;
    float:left;
    text-align:right;
    background-color:#639A3C;
    color:#fff;
}

th.sortableHeader {
}

img.orderImg {
    float:left;
}

div.sortBoxContainer {
    display:inline;
    width:150px;
}

/******************
The idea with these two elements is to produce a bar chart out of an 
expanding/contracting inner <img> and an outer <div> with a fixed height/width.  
The trick is to get it to appear the same on multiple browsers.
*******************/
div.expBarContainer {   
    display:inline;
    border:1px solid #666;
    margin-left:6px;
    overflow:hidden;
    font-size:1.35em;
    _float:left;
    height:20px;
}

img.expressionBar {
    vertical-align:bottom;
    #margin-bottom:-1px;
}

td.expressionBox {
    height:20px;
}