/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.center-text {
  text-align: center;
}
.frameshift {
  color: #f00;
  font-style: italic;
}
.term {
  text-decoration: line-through;
  font-style: italic;
  color: #888;
/*
  font-style: oblique;
  background: red;
  width: 100%;
*/
}
/*
.muted {
  color: black;
}
*/
.mark {
  color: red;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /* height: 60px; */
  background-color: #f5f5f5;
}

body > .midsection {
  padding: 60px 0px 0px 0px;
}

#success {
 width: 300px;
 height: 300px;
 position: absolute;
 left: 50%;
 top: 50%; 
 margin-left: -150px;
 margin-top: -150px;
}

.sequence-textarea {
width: 487px;
height: 220px;
}

.snv-textarea {
width: 300px;
height: 220px;
}

.tabletoolsclass {
float: right;
}

.choiceRow {
background-color: rgba(117, 121, 74, 0.14);
border-top: 1px solid white;
}
#consRow {
background-color: rgba(117, 121, 74, 0.27);
border-top: 1px solid #e5e5e5;
}
#myModal {
width: 1100px;
left: 36%;
}


#chopbar-container {
background-color: #333;
height: 50px
}
#chopbar {
margin: 0 auto;
max-width: 1000px;
position: relative
}
#chopbar a {
background: url("/images/topbar_sprite.gif") no-repeat;
display: block;
text-indent: -9998px;
overflow: hidden
}
#chopbar a.cbmi {
height: 30px;
width: 300px;
background-position: 0px 0px;
position: absolute;
top: 9px;
left: 5px
}
#chopbar a.cbmi:hover {
background-position: 0px -39px
}
#chopbar a.chop-research {
height: 26px;
width: 464px;
background-position: 0px -78px;
position: absolute;
top: 11px;
right: 5px
}
#chopbar a.chop-research:hover {
background-position: 0px -114px
}

.verbose_haplogroup {
    color: gray;
    font-size: smaller;
}