/* CSS Document */
#compareTribes,
#compareGenera,
#compareSpecies {
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 35px;
    color:#953A1B;
    margin-left: 1em;
}

#mainText #compareTable {
    width: 20em;
	 margin: 0 auto;
	 padding:0;
}

table#partTable {margin-top:-8px;}
/*===Compare Page===*/
td#image1 {width:200px; height:215px; padding:0; margin:0; border:none; }
td#image1 .contentImage {margin-bottom:0; position:relative; top:0; border-bottom:1px solid #663; border-right:1px solid #663; border-left:1px solid #663;}
/*need to separate genus and species images so the genus can have a white separator */
td#image1 .speciesContentImage {margin-bottom:0; position:relative; top:0; border-bottom:1px solid #663; border-right:1px solid #663;}

td#image2 {width:200px; height:215px; padding:0; margin:0; border:0;}
td#image2 .contentImage {border-bottom:1px solid #663; border-right:1px solid #663; margin-bottom:0; position:relative; top:0;}
/*need to separate genus and species images but are just being consistant here, it's the same as the .contentImage class */
td#image2 .speciesContentImage {border-bottom:1px solid #663; margin-bottom:0; position:relative; top:0;}

#returnToTaxon {color:#786312; font:bold 14px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 15px; padding:0 20px 0 0; background:transparent url(../layout_images/submenu.gif) 100% 65% no-repeat; position:absolute; top:52px; left:0;}
#returnToTaxon:hover {color:#5A4800;}

.taxonLink {display:block; color:#786312; text-decoration:none; background:#D1CDB0 url(../layout_images/submenuR.gif) 98% 65% no-repeat;}
.taxonLink:hover {background-color:#FFEA99;}
.left { border:1px solid #663;}
.right { border:1px solid #663; border-left:none;}


table th { color:#4D3D00}
table th#info {font-size:20px; padding-bottom:8px;}
table tr#firstRow td .changePart{border-top:1px solid #663;}
td .changePart {display:block; background-color:#D1CDB0; color:#786312; text-decoration:none;  border-bottom:1px solid #663; border-left:1px solid #663; font-size:14px; white-space:nowrap;}
td .changePart:hover {background-color:#FFEA99;}
td#lastPart {border-right:1px solid #663;}
li .changeTaxon { display:block; background-color:transparent; color:#786312; text-decoration:none; font-style:italic; }
li .changeTaxon:hover {background-color:#FFEA99;}

td#taxon1 ul {list-style:none; border-top:1px solid #663; }
td#taxon1 li { border-bottom:1px solid #663; }
td#taxon1 { border-left:1px solid #663; border-right:1px solid #663;} 
td#taxon2 ul { list-style:none; border-top:1px solid #663;}
td#taxon2 li { border-bottom:1px solid #663;}
td#taxon2 { border-right:1px solid #663;} 

table ul {padding:0; margin:0;}
td#caption {color:#930; border-left:1px solid #663; border-right:1px solid #663;}
table#compareTable th { background-color:#C5C09E;}
table#compareTable {width:90%; margin:20px 0 0 5%; background-color:#D1CDB0; font-size:14px;}
table#compareTable .taxonTitle {background-color:#C5C09E; vertical-align:bottom; }
li.selected .changeTaxon {
    color:#A49869;
}
li.selected .changeTaxon:hover {
    background-color:transparent;
}

td.partOn .changePart {color:#A49869;}
td.partOn .changePart:hover {background-color:#D1CDB0;}

li.hideMe {display:none;}
/*---End Compare Page---*/