a, a:link, a:link:visited
{
  color: #00f;
}

a:hover, a:link:hover, a:link:visited:hover
{
  color: #ccf;
}

a img
{
  width: 650px;
}

body
{
  background: #f4f4f4 url(bg.gif) top center repeat-y;
  color: #404040;
  font-family: Verdana;
  font-size: 10pt;
  margin: 0 auto;
  padding: 0;
  width: 780px;
}

div#content
{
  background: transparent url(aegean-logo-v1.0-128.png) 20px 10px no-repeat;
  background-size: 100px;
  padding: 100px 10px 5px 10px;
}

div.graphic
{
  margin-bottom: 25px;
  text-align: center;
}

h1
{
  border-bottom: 1px solid #ccc;
  font-family: Tahoma, Verdana;
}

h2
{
  margin: auto auto 0 25px;
}

h3 a
{
  font-size: 12px;
  text-decoration: none;
}

h3
{
  margin: auto auto 0 50px;
}

img
{
  border: 0;
}

p.footer
{
  margin: 50px auto 10px auto;
  text-align: center;
}

pre
{
  overflow: scroll;
  padding: 5px;
}

pre.command
{
  background-color: #eee;
  border: 1px solid #ccc;
  margin: auto 25px 25px 25px;
}

pre
{
  background-color: #eee;
  border: 1px solid #ccc;
  margin: auto 20px 25px 50px;
}

pre.refr
{
  background-color: #fee;
  border: 1px solid #fcc;
  max-height: 200px;
}

pre.pred
{
  background-color: #eef;
  border: 1px solid #ccf;
  max-height: 200px;
}

span.pred_vector
{
  color: #66f;
}

span.refr_vector
{
  color: #f66;
}

table
{
  background-color: #ffe;
  border-collapse: collapse;
  margin: auto auto 25px 50px;
}

td, th
{
  border-top: 1px solid #eee;
  padding: 2px 10px;
}

.bottomspace
{
  margin-bottom: 10px;
}

.cell_indent
{
  padding-left: 35px;
}

.cell_small
{
  color: #aaa;
  font-size: 8pt;
}

.compare-header
{
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline;
  font-size: 12pt;
  margin: auto auto -50px 50px;
  padding: 2px 8px;
}

.compare-wrapper
{
  border: 1px solid #ccc;
  margin: -10px 20px 25px 25px;
  padding: 25px 0;
}

.comparisons
{
  width: 450px;
}

.comparisons th
{
  text-align: left;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

.indent
{
  margin-left: 50px;
}

.left-align
{
  text-align: left;
}

.right-align
{
  text-align: right;
}

.table_normal
{
  width: 350px;
}

.table_wide
{
  width: 500px;
}

.table_extra_indent
{
  margin-left: 75px;
}

.tooltip_text a:hover, .tooltip_text a:link:hover, .tooltip_text a:link:visited:hover
{
  color: #fff;
}

span.tooltip
{
  color: #00f;
  font-size: 10pt;
  font-weight: normal;
}

span.tooltip span.tooltip_text
{
  background: #ccf;
  border: 1px dashed #00f;
  color: #006;
  cursor: default;
  display: none;
  margin-top: 0;
  opacity: .9;
  padding: 6px 10px;
  position: absolute;
  text-align: left;
  text-decoration: none;
  width: 400px;
}

span.tooltip:hover
{
  cursor: pointer;
}

span.tooltip:hover span.tooltip_text
{
  display: block;
}

.small_tooltip
{
  font-size: 8pt !important;
}

.no_utrs
{
  margin: 0 auto 30px 80px;
}

.left20
{
  margin-left: 20px;
}

.loci td, .loci th, #seqlist td
{
  text-align: center;
}

div#locus_table_wrapper, div#seqlist_wrapper
{
  margin: 25px;
}

tr.even
{
  background-color: #fffff9;
}

thead tr
{
  background-color: #eef;
  border-bottom: 1px solid #666;
}

table.dataTable
{
  margin-bottom: 0;
}

.pointer
{
  cursor: help;
}
