body {	
  background-image:url("../images/bg.jpg");
  background-repeat:repeat-x;
  background-color:#ecf5ff;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}


form.button-to {
  text-align: center;
}

.valid{
  color: black;
}
.invalid{
  color: #FF0000;

}
.red{
  color: #960018;

}

div#content a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; 
  color:#2f80ae;
  font-weight:bold;
  text-decoration: none;
}

div#content a:hover {
  /*text-decoration:underline;*/
  color: #ffffef;
  background-color: #2f80ae;
} 

div#content p.btt { /* back to top */
  text-align: center;
  background-image: url(../images/back_to_top.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  padding-left: 16px;
  height: 16px;
  padding-top: 2px;
}

div#content p.btt a {   
  font-size: 0.85em;
}       

div#content h2 {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  margin-top: 30px;
}


div#main {	
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;	
  text-decoration:none;	
  margin-left:auto;
  margin-right:auto;
  width:900px; /* Must match image (main part) width */
  background-color: white;
  margin-top: 18px;
}

div#header {
  background-color: #4d8eae;
  border: solid 1px white;
  border-bottom: 0px
}

div#header img {
  vertical-align: bottom;
}
 
div#tabs {
  background-color:#9DC934;
  border-top:1px solid #46A31E;
  overflow:hidden;
  padding:4px 4px 0;
}

div#tabs ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

div#tabs ul li {
  float: left;
  margin-right: 5px;
  background: #4ab41e none repeat scroll 0 0;
  padding: 3px 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

div#tabs ul li:hover {
  /*background-color: #ffbf28;*/
  background-color: #db3a00;
}

div#tabs ul li a {
  text-decoration: none;
  color: white;
  font-size: 1.1em;
  font-weight: bold;
  font-variant: small-caps;
}

div#tabs ul li.selected {
  background-color: #ffffef;
}

div#tabs ul li.selected a {
  color: #4ab41e;
}

div#middle {
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

div#content {
  padding: 10px;
  background-color: #ffffef;
  font-size: 0.9em;
}

div#blanc_div{	
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;	
  text-decoration:none;	
}

table {	
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;	
  text-decoration:none;	
}

table#search {
  border: 1px solid #9dc934;
  border-collapse:collapse;
}

table#search tr {
  border: 1px solid #9dc934;
}

table#search_results {
  border-collapse: collapse;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

table#search_results td {
  padding: 7px 7px;
}

.odd {
  background-color: #dfefff;
}

.even {
  background-color: #ebf5ff;
}

table#search td {
  border: 1px solid #9dc934;
}

h1,h2 {
  color: #db3a00;
}

h2 {
  border-bottom: 1px dotted;
  text-align: center;
}

table.about_textual, table.about_links {
  font-size: 1em;
}

table.about_links {
  width: 100%;
}

table.about_links tr td:first-child, table.about_textual tr td:first-child {
  font-weight: bold;
}

table.about_textual tr td:first-child {
  width: 9%;
}

/* autocompletion (index page) */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  }
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

#species_details {
  background-color: #90ee90;
  border-collapse: collapse;
}

#genus_details, #family_details, #subfamily_details {
  background-color: #f5deb3;
  border-collapse: collapse;
}

#species_details td, #genus_details td, #family_details td, #subfamily_details td {
  border: 1px solid black;
  padding: 7px;
}

#species_distribution, #species_hp, #species_syn, #species_sub, #species_para, #countries_species, #plant_species, #parasitoid_species, #genus_species, #subfamily_genera, #genus_syn, #subfamily_syn, #family_syn, #family_genera, #family_subfamilies {
  border-collapse: collapse;
  background-color: #dfefff;
}

#species_distribution td, #species_hp td, #species_syn td, #species_sub td, #species_para td, #countries_species td, #plant_species td, #parasitoid_species td, #genus_species td, #subfamily_genera td, #genus_syn td, #subfamily_syn td, #family_syn td, #family_genera td, #family_subfamilies td {
  padding: 7px;
  border: 1px solid black;
}

p.info {
  border: 1px solid #db3a00;
  background-color: #ffb499;
  display: inline-block;
  background-image: url(../images/information.png);
  background-repeat: no-repeat;
  background-position: 1% 50%;
  padding: 3px 3px 3px 23px;
  margin-top: 30px;
}

div#results_div {
  width: 75%;
  margin: auto;
  text-align: center;
}

div#logos {
  float: right;
  margin-left: 20px;
}

div#logos img {
  border: 1px solid #c3b7b7; padding: 5px;

}

div#logos a:hover {
  background-color: transparent;
  color: transparent;
}

div#verti {
   margin-top: 5px;
}

div#footer p {
  text-align: center;
  background-color: #64a1c5;
  margin-top: 0;
  color: white;
  font-weight: bold;
  font-size: 0.8em;
  padding-bottom: 3px;
}

/* IE fix */
div#footer img {
  vertical-align: bottom;
}

div#footer a {
  color: #db3a00;
}

div#gallery {
  text-align: center;
}
/*
div#gallery #thumbnails_container {
  margin-bottom: 20px;
}

div#gallery #thumbnails_container img{
  border: 1px solid #ddd;
}

div#gallery #thumbnails_container img:hover{
  border: 1px solid black;
}*/

.sn {
  font-style: italic;
}

.indent {
  margin-left: 50px;
}

h2.publication {
  text-align: left;
  color: black;
  font-size: 12px;
  font-weight: bold;
  border-bottom: none;
}

table#museums_list {
  width: 100%;
  border-collapse: collapse;
}

table#museums_list tr, table#museums_list td {
  border: 1px solid;
}