body {
  padding-top: 20px;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Main marketing message and sign up button */
.jumbotron-left {
  text-align: left;
  background-color: transparent;
}
.jumbotron-left .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #337AB7;
  border: 1px solid #00539b;
  border-radius: 5px;
  box-shadow: 3px 3px 5px #4E4E4E; /* Shadow? y/n */
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #337AB7; /* ;Old browsers */
  /* no 3D effect on navbar : */
  #background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  #background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  #background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  #background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  #background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #00539b;
}

.nav-justified > li:hover a{
	background-color: #319df9;
}


.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #319df9;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #319df9;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

/** Supercyp TABLES **/
table.sample {
        border-width: 1px 1px 1px 1px;
        border-spacing: 2px;
        border-style: groove groove groove groove;
        border-color: gray gray gray gray;
        border-collapse: separate;
        background-color: #eeeeee;
}
table.sample th {
        border-width: 1px 1px 1px 1px;
        padding: 1px 1px 1px 1px;
        border-style: none none none none;
        border-color: gray gray gray gray;
        background-color: #eeeeee;
        -moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
        border-width: 1px 1px 1px 1px;
        padding: 1px 1px 1px 1px;
        border-style: none none none none;
        border-color: gray gray gray gray;
        background-color: #eeeeee;
        -moz-border-radius: 0px 0px 0px 0px;
}


/* Transformer / SuperCYP CSS*/

table.results { font:0.9em Arial, Helvetica, sans-serif; background-color:#F2F2F2; empty-cells:show; }
table.results caption { background-color:#337AB7; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:1.2em; border:1px solid #000; }
table.results thead th { background-color:#337AB7; color:#724809; padding:2px; text-transform:uppercase; border-top:1px solid #F4D39E; border-left:1px solid #F4D39E; border-bottom:1px solid #B76E00; border-right:1px solid #B76E00; }
table.results tfoot th { background-color:#F29601; color:#724809; padding:2px; text-transform:uppercase; font-size:1.2em;}
table.results tfoot td { background-color:#FC0; color:#724809; font-weight:bold; text-transform:uppercase; font-size:1.2em; padding:0px 5px;}
.odd {  }
table.results tbody td { font:12px Arial, Helvetica, sans-serif; background-color:#FFF; color:#5A666E; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
table.results tbody th { font:12px; background-color:#337AB7; color:#D7DBDD; padding:2px; text-align:center; border-top:1px solid #93A1AA; border-left:1px solid #93A1AA; border-bottom:1px solid #2F3B42; border-right:1px solid #2F3B42; }
table.results tbody td a {  color:#200000; text-decoration:none; font-weight:bold; }
/*table.results tbody td a:hover {background-color:#F5B348; color:#FFF; }*/
table.results tbody th a { color:#FFF; text-decoration:none; font-weight:bold; }
table.results tbody th a:hover { color:#FC0; text-decoration:underline; }


table.detail_sub_table {
        background-color:#FFFFFF;
}
table.results tbody td { background-color:#FFF; color:#5A666E; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }

table.legend { font:0.7em Arial, Helvetica, sans-serif; background-color:#F2F2F2; empty-cells:show; }
table.legend tbody td { background-color:#FFF; color:#5A666E; padding:2px; text-align:left; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }


a.screen_left, a.screen_left:visited {
        position: relative;
        z-index: 1;

}
a.screen_left b {
        position: absolute;
        visibility:hidden; /* hide the image */
        background-color: white;
        padding: 5px;
        border: 1px dashed gray;
        color: black;
        text-decoration: none;
        top: 0;
        left: 30px; /*position where enlarged image should offset horizontally */

}

a.screen_left:hover {
        background-color: white;
        z-index: 50;
}

a.screen_left:hover b {
        visibility: visible;
        cursor:text; /* for IE */
}

a.screen_left:hover b img {
        border:0; /* remove the link border */