body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 12px;
}

img {
  border: none;
   margin-left: auto;
   margin-right: auto;
}


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

mark {
    font-style: italic;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #CC0000;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #FFFFFF;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333333;
  height: 18px;
  width: 0%;
}

.about {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size:   14px;
    line-height: 18px;
    font-size: 100%;
    font-style:  normal;
    margin-left: 20%;
    margin-right: 20%;
     }


h1, h2, h3, h4 {
    font-weight: normal;
    color: #360;
    border-bottom: thin black;
    text-align: center;
    }
    
h1 {
    font-size: 180%;
    }
        
h2 {
    font-size: 130%;
    }
     
h3 {
    font-size: 100%;
    }

h4 {
    font-size: 80%;
    }



.sitetitle {
    font-size: 200%;
    font-style:  normal;
    font-weight: bold;
    color:  #336600;
    }


.headersubmessage {
    font-style: italic;
    color: #336600;
    text-align: center;
    }

.note {
    font-size: 90%;
    font-style: italic;
    color: #336600;
    text-align: center;
    }


    
.ordercommonnametitle {
    font-size: 100%;
    font-style:  normal;
    color:  #336600;
    }
    

table {
   margin-left: auto;
   margin-right: auto;
   border: thin solid black;
   caption-side: top;
   border-collapse: collapse;
   font-size:   12px;
   line-height: 12px;
   }
   
table.header {
   margin-left: auto;
   margin-right: auto;
   font-size:   12px;
   line-height: 12px;
   }
   
table.alltaxa {
   margin-left: auto;
   margin-right: auto;
  font-size:   10px;
  line-height: 10px;
   }

table.collections {
   margin-left: auto;
   margin-right: auto;
  font-size:   10px;
  line-height: 10px;
   }


table.statetable {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size:   10px;
   line-height: 10px;
   }

table.showlinks {
   margin-left: auto;
   margin-right: auto;
   font-size:   10px;
   line-height: 12px;
   }
   
   
table.editlinks {
   margin-left: auto;
   margin-right: auto;
   font-size: 70%;
   }

table.home {
   margin-left: auto;
   margin-right: auto;
  font-size:   16px;
  line-height: 16px;
   }

table.home2 {
   margin-left: auto;
   margin-right: auto;
  font-size:   20px;
  line-height: 20px;
   }

table.homemobilesafari {
   margin-left: auto;
   margin-right: auto;
  font-size:   30px;
  line-height: 30px;
   }

table.homemobilesafari2 {
   margin-left: auto;
   margin-right: auto;
  font-size:   36px;
  line-height: 36px;
   }

.table.center {
  text-align: center;
  }
  

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
    }

.message {
    margin-left: auto;
    margin-right: auto
    text-align: center;
    }

   
td, th {
  border: thin solid gray;
  padding: 5px;
  }
     
.cellcolor {
  background-color: #66CC33;
  }
  
.caption {
  font-style: italic;
  padding-top: 8px;
  text-align: center;
  }

.subgroupcaption {
  text-align: center;
  }
  
/* Tables */


.kingdomtable {
    font-size: 100%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.phylumtable {
    font-size: 100%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.bioclasstable {
    font-size: 90%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.ordertable {
    font-size: 90%;
    font-style:  normal;
    border: thin solid black;
    font-weight: normal;
    color:  black;
  }
 
.familytable {
    font-size: 90%;
    font-style:  normal;
    border: thin solid black;
    font-weight: normal;
    line-height: 18px;
    color:  black;
  }

.speciestable {
    font-size: 90%;
    font-style:  normal;
    border: thin solid black;
    font-weight: normal;
    line-height: 18px;
    color:  black;
  }
  
.collectiontable {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    line-height: 16px;
    color:  black;
  }

.referencetable {
    border-style: hidden;
    border-color: #FFFFFF;
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    line-height: 16px;
    color:  black;
  }

.linkstable {
   margin-left: auto;
   margin-right: auto;
   border: thin solid black;
   font-size:   10px;
   line-height: 10px;
   text-align: center;
   }



/* Title Elements */

.state_legend {
    font-size: 90%;
    font-style:  normal;
    text-align: center;
    color:  black;
  }


.legend_unexpected {
    font-size: 100%;
    font-style:  normal;
    text-align: center;
    color:  black;
  }

.legend_unknown {
    font-size: 100%;
    font-style:  normal;
    text-align: center;
    color:  orange;
  }

.legend_expected {
    font-size: 100%;
    font-style:  normal;
    text-align: center;
    color:  green;
  }

.resumetitle {
    font-size: 200%;
    font-style:  normal;
    color:  black;
    text-align: center;
  }


.locationtitle {
    font-size: 80%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
    text-align: center;
  }

.kingdomtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }


.phylumtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.classtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
  
.subclasstitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.infraclasstitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.superordertitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
 
 
.ordertitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.subordertitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
  
.infraordertitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

  
.superfamilytitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.familytitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.subfamilytitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }


.speciespagetitle {
    font-size: 180%;
    font-style:  italic;
    color:  #360;
  }

.synonym {
    font-size: 80%;
    font-style:  italic;
    color:  #360;
    }

  
.speciescommonnametitle {
    font-size: 90%;
    font-style:  normal;
    color:  #360;
  }


.scinametitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.aytitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
  
.cnametitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
  
.gallerytitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
  
.ubiotitle {
    font-size: 100%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.ncbititle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.pubmedtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.linktitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.itistitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }
  
.gbiftitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.eoltitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.wisfloratitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.usdatitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }


.antwebtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.biolibtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.bugguidetitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.insectimagestitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }


.wikptitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.wikstitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

  
.toltitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.treebasetitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.insectimagestitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.morphbanktitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.adwebtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.biolibtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.tbltitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.wititle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.statetitle {
    font-size: 70%;
    font-style:  normal;
    color:  black;
  }



.nsdbtitle {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.gtitle {
    font-size: 80%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

/* Taxon Elements */

.taxonname {
    font-size: 80%;
    font-style:  normal;
    color:  black;
  }

.kingdomname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.kingdomcname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }


.phylumname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.subphylumname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.classname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.subclassname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.infraclassname {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.superordername {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }
  
.subordername {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }
  
.infraordername {
    font-size: 80%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }

.ordername {
    font-size: 100%;
    font-style:  normal;
    color:  black;
  }

.superfamilyname {
    font-size: 90%;
    font-style:  normal;
    font-weight: normal;
    color:  black;
  }
  
.subfamilyname {
    font-size: 90%;
    font-style:  normal;
    font-weight: bold;
    color:  black;
  }

.familyname {
    font-size: 100%;
    font-style:  normal;
  }

.sciname {
    font-size: 100%;
    font-style:  italic;
  }
  
.authoryear {
	font-size: 90%;
    font-style:  normal;
  }
  
.comname {
    font-size: 90%;
    font-style:  normal;
    color:  black;
  }


.gallery {
    font-size: 90%;
    font-style:  normal;
    text-align: center;
  }

.gscholar {
    font-size: 80%;
    text-align: center;
  }

.gbooks {
    font-size: 80%;
    text-align: center;
  }

.gtext {
    font-size: 80%;
    text-align: center;
  }
  
.gimage {
    font-size: 80%;
    text-align: center;
  }
  
.gmap {
    font-size: 90%;
    text-align: center;
  }


.ncbi  {
    font-size: 90%;
    text-align: center;
  }

.pubmed  {
    font-size: 90%;
    text-align: center;
  }

  
.itis  {
    font-size: 90%;
    text-align: center;
  }

.gbif  {
    font-size: 90%;
    text-align: center;
  }

.eol  {
    font-size: 90%;
    text-align: center;
  }

.wisflora  {
    font-size: 90%;
    text-align: center;
  }


.biolib  {
    font-size: 90%;
    text-align: center;
  }

.bugguide  {
    font-size: 90%;
    text-align: center;
  }

.insectimages  {
    font-size: 90%;
    text-align: center;
  }

.lsid {
    font-size: 90%;
    text-align: center;
  }
  
.ubio {
    font-size: 90%;
    text-align: center;
  }

.wikp {
    font-size: 90%;
    text-align: center;
  }

.wiks {
    font-size: 90%;
    text-align: center;
  }


.state {
    margin-left: auto;
    margin-right: auto;
    font-size: 90%;
    text-align: center;
  }

.tol {
    font-size: 90%;
    text-align: center;
  }
  
.treebase {
    font-size: 90%;
    text-align: center;
  }

.antweb {
    font-size: 90%;
    text-align: center;
  }

.loc{
    font-size: 90%;
    text-align: center;
  }


.wi {
    font-size: 90%;
    text-align: center;
  }
  
.nsdb  {
    font-size: 90%;
    text-align: center;
  }
  
.timeline  {
    font-size: 90%;
  }
  
.specimennotes {
    font-size: 90%;
    text-align: center;
  }

.uwherbarium {
    font-size: 90%;
    text-align: center;
  }

.wisflora {
    font-size: 90%;
    text-align: center;
  }

.usda {
    font-size: 90%;
    text-align: center;
  }


.speciesrelations {
    font-size: 90%;
    text-align: center;
  }

.imagecentered {
    text-align: center;

  }

.photosection {
    font-size: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

.intro {
    font-size: 100%;
    text-align: left;
    margin-left: 18%;
    margin-right: 18%;
  }

.adult_diag {
    font-size: 100%;
    text-align: left;
    margin-left: 18%;
    margin-right: 18%;
  }

.immature_diag {
    font-size: 100%;
    text-align: left;
    margin-left: 18%;
    margin-right: 18%;
  }

.ecology {
    font-size: 100%;
    text-align: left;
    margin-left: 18%;
    margin-right: 18%;
  }

.authors {
    font-size: 100%;
    text-align: left;
    margin-left: 18%;
    margin-right: 18%;
  }



/* List Elements */

#specs-list .list-title {
	color:        #224444;
	font-size:    80%;
}

#specs-list .list-image {
  width:        60px;
  height:       70px;
}

#specs-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#specs-list .list-line-even {
  background:   #FFFFFF;
  background-color: #FFFFFF;
}

#specs-list .list-line-odd {
  background:   #CCFFCC;
  background-color: #CCFFCC;
}


#specs-list .list-title {
	color:        #224444;
	font-weight:  bold;
	font-size:    larger;
}

#specs-list .list-image {
  width:        60px;
  height:       70px;
}


#families-list .list-title {
	color:        #224444;
	font-size:    80%;
}

#families-list .list-image {
  width:        60px;
  height:       70px;
}


#families-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#families-list .list-line-even {
  background:   #FFFFFF;
  background-color: #FFFFFF;
}

#families-list .list-line-odd {
  background:   #CCFFCC;
  background-color: #CCFFCC;
}


#orders-list .list-title {
	color:        #224444;
	font-size:    80%;
}

#orders-list .list-image {
  width:        60px;
  height:       70px;
}


#orders-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#orders-list .list-line-even {
  background:   #FFFFFF;
  background-color: #FFFFFF;
}

#orders-list .list-line-odd {
  background:   #CCFFCC;
  background-color: #CCFFCC;
}


#collections-list .list-title {
	color:        #224444;
	font-size:    75%;
}

#collections-list .list-image {
  width:        60px;
  height:       60px;
}

#collections-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#collections-list .list-line-even {
  background:   #FFFFFF;
}

#collections-list .list-line-odd {
  background:   #CCFFCC;
}



#irc-list .list-actions {
  background-color: #CC0000;
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#irc-list .list-line-even {
  background:   #FFFFFF;
}

#irc-list .list-line-odd {
  background:   #CCFFCC;
}




/* Tag Elements */

.ordertags {
    font-size: 80%;
    text-align: right;
  }

.familytags {
    font-size: 80%;
    text-align: right;
  }


.speciestags {
    font-size: 80%;
    text-align: right;
  }

/* SpeciesPage Elements */

.maparea {
    font-size: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

.associations {
    font-size: 80%;
    text-align: center;
  }


.seasonality {
    font-size: 80%;
    text-align: center;
  }

/* Footer Elements */

.people {
    font-size: 90%;
    text-align: center;
  }


.photocredit {
    font-size: 80%;
    text-align: center;
  }


.resources {
    font-size: 75%;
    text-align: center;
  }


.references {
    font-size: 75%;
    text-align: center;
  }

.url {
  font-size: 90%;
}
  
.footer {
  font-size: 80%;
  text-align: center;
}

.copyrightnotice {
   font-size: 75%;
   text-align: center;
}

.copyrightnoticesmall {
   font-size: 50%;
   text-align: center;
}



.updateblock {
    font-size: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.showback {
    font-size: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}