body{
  margin: 0px;
  color: #333;
  font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
  background: url(/dna/images/headerBack.gif) repeat-x top
}
form {margin:0; padding: 0}
p{margin-top: .5em;}
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a{
  margin: 0px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  line-height: normal;
  font-weight: normal;
  text-decoration: none;
  color: #707D26;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{text-decoration: underline;}
h3, h4{
  margin-top: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
}
h1{font-size: 30px;}h2{font-size: 20px;}h3{font-size: 16px;}h4{font-size: 14px;}
a{color: #920;}
table {
  border-collapse:collapse;
  border-spacing:0;
}
td {
  vertical-align: top;
  padding:3px;
}
label {font-weight: bold;}
tr.allelesHdr td {
  font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 6px solid #555;
  text-align: center;
  width: 2%;
  font-weight: bold;
}
tr.allelesYSHdr td {
  font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  width: 2%;
  font-weight: bold;
}

.A {
  color: green;
}
.C {
  color: blue;
}
.G {
  color: black;
}
.T {
  color: red;
}
.O {
  color: magenta;
}
.- {
	color: black;
}

tr.cuttoff td {
  font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  border-top: 3px solid #555;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  width: 2%;
}
tr.alleles td {
  font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  text-align: center;
  width: 2%;
}
td div.loci {
  height: 50px;
  position: relative;
  width: 12px;
}
div.loci img {
  position: absolute;
  left: 5px;
  bottom: 0px;
  cursor: pointer;
}
td div.indivloci {
  height: 50px;
  position: relative;
}
div.indivloci img {
  position: absolute;
  left: 5px;
  bottom: 0px;
}
th.sorted a, th.sortable a {
  background-position: right;
  display: block;
  width: 100%;
}
#page{
  margin: 10px;
  width: 980px;
  position: relative;
}
#menu{
  font: 18px/24px "Times New Roman", Times, serif;
  border-bottom: 1px dashed #999;
  float: left;
  text-align: right;
}
#menu ul {
  margin: auto;
  padding: 0px;
  list-style: none;
  width: 750px
}
#menu li{float: left}
#menu a{
  display: block;
  text-decoration: none;
  padding: 0 14px;
}
#menu li.current {
  float: left;
  background: url(/dna/images/frontTabRightRed.gif) no-repeat right top;
}
#menu li.current a {
  background: url(/dna/images/frontTabLeftRed.gif) no-repeat left top;
  display: block;
  float: left;
  text-decoration: none;
  padding: 1px 10px 1px;
  color: #FFF;
}
#menu a:hover{text-decoration: underline;}
#navigation, #navFrame {
  position: absolute;
  top: 110px;
  left: -250px;
  height: 410px;
  clip: rect(auto,auto,auto,250px);
}
#navFrame {
  z-index: 100;
  width: 260px;
}
#navigation {
  color: #920;
  font-size: 11px;
  line-height: normal;
  background: url(/dna/images/navigation.gif) no-repeat top right;
  z-index: 101;
  width: 270px;
  cursor: pointer;
}
#navigation td {padding:0px}
#navigation a {text-decoration: none}
#navigation .mover a, #navigation .t0io a, #navigation .t1ic a {text-decoration: underline;}
#navHolder {
  overflow: auto;
  padding: 5px 0 5px 5px;
  width: 235px;
  height: 400px;
  cursor: default;
}
#body {
  margin: 10px 0px 10px 0;
}
#subnav {
  font: bold 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  height: 26px;
  margin-top: 10px;
}
#page > #subnav {margin-top: 40px;}
#subnav ul {
  background: url(/dna/images/tabBack.gif) repeat-x bottom;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}
#subnav li {
  float: left;
  background: url(/dna/images/frontTabRight.gif) no-repeat right top;
}
#subnav li a {
  background: url(/dna/images/frontTabLeft.gif) no-repeat left top;
  display: block;
  float: left;
  color: #333;
  text-decoration: none;
  padding: 3px 10px 2px;
}
#subnav li a:hover {color: #000;}
#subnav span {
  background: url(/dna/images/frontTabLeft.gif) no-repeat left top;
  display: block;
  text-decoration: none;
  padding: 3px 10px 2px;
  cursor: default;
}
#subnav .current {background-image: url(/dna/images/backTabRight.gif);}
#subnav .current a {
  background-image: url(/dna/images/backTabLeft.gif);
  padding-bottom: 4px;
  color: #000;
  text-decoration: none; font-size: 12pt; color:black;
  font-weight: bold;
}
#footer{
  border-top: 1px solid #666;
  text-align: center;
  margin-top: 10px;
  clear: both;
  padding: 10px;
  font-size: 11px;
  font-style: italic;
  line-height: normal;
  font-weight: bold;
  width: 736px;
  float: left;
}
#footer a{
  color: #333;
  text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
.invisible{display: none;}
.visible{display: block;}
.textbox input, select, textarea{
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  border-top: 1px solid #999;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #999;
}
.textbox input, select {
  width: 180px;
  font-size: 11px;
}
.displayTable{
  font-size: 11px;
  background: #E7E9D6;
  line-height: normal;
  border: 1px solid #707D26;
}

.displayTableJr{
	font-size: 10px;
	border: 1px solid #707D26;
	background: #FFFFFF;
	color: #000;
	line-height: normal;
}

.displayTableMtdna{
  font-size: 11px;
  line-height: normal;
  border: 1px solid #707D26;
}

.rowHeaderJr{
  background: #E7E9D6;
}

.rowHeader{
  color: #FFF;
  font-weight: bold;
  background: #859234;
}
.rgHeader{
  color: #FFF;
  font-weight: bold;
  background: #859234;
}
.gtHeader{
  color: #FFF;
  font-weight: bold;
  background: #369;
}
.sgHeader{
  color: #FFF;
  font-weight: bold;
  background: #EFA823;
}
.errorHeader{
  color: #FFF;
  font-weight: bold;
  background: #920;
}
.rowHeader a {color: #FFF;}
.rowHeader a.button {
  font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  padding: 1px 5px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  border-left: 2px solid #ccc;
}
.row1{background: #E8EAD7;}
.row2{background: #FFF;}
.rowHighlight{background: #F5F7EE;cursor: default;}
.highlightText{
  color: #600;
  font-weight: bold;
}
.copyrightText{
  color: #666;
  font-size: 10px;
  line-height: normal;
}
.error{
  font-weight: bold;
  color: #F00;
  font-size: 12px;
  line-height: normal;
}
.error h3{
  color: #F00;
  font-size: 14px;
  line-height: normal;
  text-decoration: underline;
}
.error ul{
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  color: #333;
}
.error input, .error radio, .error textarea, .error select{
  background: #FF9;
  color: #333;
  border-top: 1px solid #C00;
  border-left: 1px solid #C00;
}
.tiny{font-size: 9px;}
.xx-small{font-size: 10px;}
.x-small{font-size: 11px;}
.small{font-size: 12px;}
.medium{font-size: 14px;}
.large{font-size: 16px;}
.x-large{font-size: 18px;}
.xx-large{font-size: 20px;}
.humongous{font-size: 30px;}
.tooltip{
  position: relative;
  text-decoration: none;
  vertical-align: top;
  font: 10px/normal Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  text-align: left;
}
.tooltip span{
  position: absolute;
  display: none;
  width: 20em;
  bottom: 24px;
  left: 0px;
  background: #FFC;
  padding: 2px;
  border-top: 1px solid #333;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #333;
}
.tooltip:hover span, .tooltip span.over{display:block;}
.firstletter{
  color: #FFF;
  height: 38px;
  width: 38px;
  float: left;
  text-align: center;
  text-transform: uppercase;
  line-height: 34px;
  margin-right: 2px;
  margin-top: 6px;
  text-decoration: none;
  font-size: 42px;
  background: #B8C08A;
}
.firstletterCenter{
  color: #FFF;
  height: 38px;
  width: 38px;
  text-align: center;
  text-transform: uppercase;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 44px;
  margin-right: 2px;
  margin-top: -6px;
  text-decoration: none;
  font-size: 38px;
  background: #B8C08A;
}
.odd {background-color: #E8EAD7;}
.even{background-color: #FFF;}
.order1{
	background-image: url(/dna/images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
.order2{
	background-image: url(/dna/images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
.rg{color: #707D26;font-weight: bold;}
.lociMatch{background: #C1C794}
.loginHeaderText{
	font: 11px/18px sans-serif, Arial, Verdana, Helvetica;
	position: absolute;
	right: 94px;
	color:#FFF;
}
.alert {
    background: url("/dna/images/bubble.gif") no-repeat center;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.alert a{
    color: red;
}

.hvr1 {background: #FFFFFF;
	border-top: 1px solid #000;
  	border-right: 1px solid #000;
  	border-bottom: 1px solid #000;
  	border-left: 1px solid #000;
  	margin-left: 3px;
}
.hvr2 {background: #BFE4FF;
	border-top: 1px solid #000;
  	border-right: 1px solid #000;
  	border-bottom: 1px solid #000;
  	border-left: 1px solid #000;
  	margin-left: 3px;
}
.hvr3 {background: #FFFFBF;
	border-top: 1px solid #000;
  	border-right: 1px solid #000;
  	border-bottom: 1px solid #000;
  	border-left: 1px solid #000;
  	margin-left: 3px;
}