/* 
 * CSS for the Xper2 export 
 *
 * Author: Guillaume DUBUS
 * Copyright 2007
 *
 */

* {
font-family: Helvetica, Arial;
font-size: 11pt;
border-color: black;
color: black;
}

/*
 * Info bulles
 *
 */
#info {
position: absolute;	
visibility : hidden;
padding: 10px;
margin: 5px;
font-size: 10pt;
color: #666;
max-width: 250px;
z-index: 25;
width: 160px;
text-align: justify;
border: 1px solid #000;
background-color: #CCC;
}


.thumbnails {
clear: both;
}

.thumbnail {
float: left;
width: 130px;
height: 160px;
padding: 4px;
margin: 5px;
border: 2px solid black;
background-color: #666;
text-align: center;
color: #CCC;
}


.image img {
border: 1px solid white;
}

.image img.focus {
border: 1px solid #9A151C;
}


.legend {
background-color: #666;
text-align: center;
color: #CCC;
}


a:hover {
color: #9A151C;
}

.more {
border: 1px solid #006633;
text-decoration: none;
padding: 1px 4px 1px 4px;
margin-left: 20px;
font-size: 10pt;
color: #006633;
}

.more:hover {
border: 1px solid #9A151C;
color: #9A151C;
}

.morePictures {
_border: 1px solid #006633;
text-decoration: none;
padding: 1px 4px 1px 4px;
margin-left: 20px;
font-size: 10pt;
color: #006633;
}

.morePictures:hover {
_border: 1px solid #9A151C;
color: #9A151C;
}

.date {
font-weight: normal;
font-size: 9pt;
color: #9B9C9E;
}

.license {
font-weight: normal;
color: #9B9C9E;
font-size: 9pt;
}

.definition {
}

.baseTitle {
font-family: Arial, Helvetica;
font-size: 18pt;
color: tomato;
}

.baseImage {
}

.links {
list-style: none;
padding-left: 0px;
}

.link {
}

.authors {
list-style: none;
padding-left: 0px;
}

.auhtor {
}

.properties {
margin-left: -5px;
}

.property {
margin: 3px;
font-size: 11pt;
}

.unknown {
font-weight: bold;
color: #006633;
}

.empty {
font-weight: bold;
color: #006633;
}

.inapplicable {
font-weight: bold;
color: #9A151C;
}

.mistake {
font-weight: bold;
color: #9A151C;
}

.normal {
font-weight: normal;
text-decoration: none;
color: black;
}

.baseTable {
border: 2px solid black;
color: black;
}

.matrixTable {
border: 1px solid black;
}

.table {
border: 1px solid black;
color: white;
}

.tableHeader {
border: 1px solid black;
padding: 5px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: white;
background-color: #003A4C;
}

.tableHeader td {
text-decoration: none;
font-weight: bold;
color: white;
background-color: #003A4C;
}

.tableHeader a {
text-decoration: none;
font-weight: bold;
color: white;
background-color: #003A4C;
}

.tableHeader a:hover {
color: #9A151C;
}

td.taxaHeader {
border: 1px solid black;
font-weight: normal;
font-style: italic;
font-size: 9pt;
text-align: center;
color: white;
background-color: #003A4C;
}

.taxaHeader a {
color: white;
background-color: #003A4C;
}

.taxaHeader a:hover {
color: #9A151C;
}

td.descriptorsHeader {
border: 1px solid black;
font-weight: normal;
font-style: normal;
font-size: 9pt;
text-align: center;
color: white;
background-color: #003A4C;
}

.descriptorsHeader a {
color: white;
background-color: #003A4C;
}

.descriptorsHeader a:hover {
color: #9A151C;
}

.pair {
font-weight: normal;
font-style: normal;
font-size: 9pt;
border-top: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
background-color: #DFDFDF;
}

.impair {
font-weight: normal;
font-style: normal;
font-size: 9pt;
border-top: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
background-color: #CECECE;
}

.complete {
font-weight: normal;
color: #003A4C;
}

.notComplete {
font-weight: bold;
color: #9A151C;
}

.taxonName {
font-weight: normal;
font-style: italic;
color: black;
}

.sort {
text-decoration: none;
}

.exceptionValue {
text-decoration: none;
font-style: italic;
color: #9A151C;
}

#divGroupsDetails {
clear: both;
display: none;
margin-top: -15px;
}

#divDescriptorsDetails {
clear: both;
display: none;
margin-top: -15px;
}

#divStatesDetails {
clear: both;
display: none;
margin-top: -15px;
}

#divTaxaDetails {
clear: both;
display: none;
margin-top: -15px;
}

#divCompleteTable {
display: none;
}

#divUnknownTable {
display: none;
}

#divEmptyTable {
display: none;
}

#header {
clear: both;
}

#footer {
clear: both;
text-align: center;
font-size: 10pt;
}

#navigation {
clear: both;
color: #9B9C9E;
}

.state {
clear: both;
}

#states {
clear: both;
}

#groups {
clear: both;
}

hr {
clear: both;
}

a.note {
text-decoration: underline;
}

a.none {
text-decoration: none;
}