@import url(Grids/tree-grid.css);

h1#topLogo {
	background: url(/Images/Layout/Tree.png) no-repeat;
	height:130px;
	width:98px;
	position:absolute;
	top:-20px;
	left:-10px;
}

div#menuContainer { background-image: url(/Images/Layout/menuBgTrees.jpg); }

div#infoContainer table { border-spacing: 1pt; }
div#infoContainer th, div#infoContainer td { background-color:#DCEFD1; }
.boxes .box {background-image:url(/images/layout/TreesBoxBackground.jpg);}

#additionalObservations .taxonSelector {
	background-color:transparent;
	cursor:hand;
	cursor:pointer;	
}

#additionalObservations .taxonSelector a 
{
    text-decoration:none;
}

#additionalObservations .taxonSelector a img
{
    vertical-align:middle;
}


#additionalObservations .hover { background-color:#D3E8BE; }
#additionalObservations .taxonResult .containerToToggle {
	overflow:auto;
	background-color:#E8F5E1;
    border:1px solid #A7BF8F;
	padding:5px;
}

#additionalObservations .taxonResult .toggleContainerLink span { background-color:#333; color:#fff; }
#additionalObservations .notRediscovered { color:#FF713F; }
#additionalObservations .imgNotRediscovered { background-color:#FF713F; }
#additionalObservations .notFound { color:#BF0000; }
#additionalObservations .imgNotFound { background-color:#BF0000; }
#additionalObservations .viewItem span { display:block; }
#additionalObservations .viewItems { overflow:auto; }
#additionalObservations .viewItem { float:left; width: 270px; }

div.greenBox 
{
    background-color: #E8F5E1;
    border-radius:10px;
    border: 1px solid #D0DAE2;
    padding:5px 10px;
}