#twirly {
  position:absolute;
  display:none;
  width:32px;
  height:32px;
  margin:0px;
  border:1px solid black;
  padding:5px;
  background:white;
}

.hidden {
  display:none;
}

a.letter {
  font-size:80%;
}
a.group, a.index {
  font-size:80%;
}
a.letter, a.group, a.index, a.prev, a.next {
  font-weight:bold;
  text-decoration:none;
  border:1px outset #CCC;
  padding:1px 5px 1px 5px;
  background:#FFD;
}
a.letter:active, a.group:active, a.index:active, a.prev:active, a.next:active {
  border:1px inset #CCC;
}
a.letter:hover, a.group:hover, a.index:hover, a.prev:hover, a.next:hover {
  background:#FF8;
}

div.group {
  margin-bottom:20px;
}

.header {
  margin:1.0em 0.0em 1.0em 0.0em;
  font-size:150%;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#660;
}

p.letter, p.size, p.group, p.phylum, p.subphylum, p.class, p.subclass, p.order, p.suborder, p.family {
  font-weight:bold;
}

p.size, p.phylum {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:120%;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#660;
}
p.subphylum {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:120%;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#750;
}
p.class {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:120%;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#700;
}
p.subclass {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:120%;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#703;
}
p.group, p.order {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:108%;
  color:#505;
}
p.suborder {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:98%;
  color:#305;
}
p.family {
  margin:0.5em 0.0em 0.0em 0.0em;
  font-size:88%;
  color:#006;
}
p.genus {
  font-size:80%;
  font-weight:bold;
  margin:0px;
}

span.uncertain {
  font-size:14pt;
  font-weight:normal;
  font-style:italic;
  text-transform:none;
  letter-spacing:0px;
}

p.group_head {
  font-size:130%;
  margin-bottom:0px;
}
p.group_subhead {
  font-size:85%;
  margin-top:0px;
}

span.synonyms {
  font-size:80%;
  margin:0px;
  padding:0px;
}

a.name {
  /* text-decoration:none; */
  font-weight:bold;
  color:black;
}
a.name:hover {
  color:red;
}

div.prev_link { float:left }
div.next_link { float:right }
div.prev_link, div.next_link {
  padding:2px 5px 2px 5px;
  font-size:80%;
}

div.taxon {
  margin:5px;
  padding:2px 5px 2px 5px;
  background:#FFD;
  border:1px solid #CCC;
  overflow:hidden;
}
table.caption {
  background:#FFD;
  font-size: 80%;
}

table.images {
  margin:0px;
  border:0px;
  padding:0px;
}
table.images tr {
  margin:0px;
  border:0px;
  padding:0px;
}
table.images td {
  vertical-align:middle;
  margin:0px;
  border:0px;
  padding:0px;
}
table.images img {
  margin:1px;
  border:1px solid black;
  padding:0px
}

div#gray_mask {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  background:#777;
  z-index:10;
}

div#caption_popup {
  position:absolute;
  display:none;
  margin:0px;
  border:1px solid black;
  padding:10px;
  background:#CCC;
  z-index:11;
  font-size:80%;
  white-space:normal;
}

div#image_popup {
  position:absolute;
  display:none;
  margin:0px;
  border:1px solid black;
  padding:10px;
  background:#999;
  z-index:12;
  white-space:normal;
}
div#image_popup img {
  margin:10px;
  border:1px solid black;
  padding:0px;
  background:#999;
}
div.popup_caption {
  text-align:left;
  margin:10px 0px 0px 0px;
  font-size:80%;
  background:#999;
}
div.popup_button {
  text-align:center;
  margin:10px 0px 10px 0px;
  font-size:80%;
  background:#999;
}

div.down {
  float:left;
  background:url('/images/down-triangle.png') center no-repeat;
  margin:4px 1px 0px 0px;
  border:0px;
  padding:0px;
  width:14px;
  height:14px;
}

table.stats {
  padding-left:40px;
  padding-right:40px;
}
table.stats table {
  margin-left:20px;
  margin-right:20px;
  border:1px solid #CCC;
  padding:5px 10px 5px 10px;
  background:#FFD;
}
table.stats table td {
  padding:2px 5px 2px 5px;
  border:none;
  background:#FFD;
}
table.stats td.spacer {
  width:40px;
  background:none;
  border:none;
}
table.stats td.spacer2 {
  width:20px;
  background:#FFD;
}

div.text a:focus {
  background:white;
}