.fonthead{
font-family : 'Times New Roman',verdana,helvetica,sans-serif;
font-size   : 15px;
font-style  : normal;
font-weight : bold;
color       : #686868;
text-decoration: none;
}
.fontcontent{
font-family : 'Times New Roman',verdana,helvetica,sans-serif;
font-size   : 12px;
font-style  : normal;
color       : #686868;
text-decoration: none;
}
.texthead{
width:250px;
text-align:center;
}
.textcontent{
width:250px;
}
.imgwidth{
width:100px;
}
.speciesheight{
overflow:auto;
height:350px;
}
/*from observations.php*/
#searchdiv {
DISPLAY: block;
VISIBILITY: visible;
WIDTH: 800px;
POSITION: relative;
BACKGROUND-COLOR: #F6EFE7;
margin-left: 50px;
margin-right: 50px;
text-align: center;

}
#obsleftmenu {
DISPLAY: block;
VISIBILITY: visible;
WIDTH: 220px;
POSITION: relative;
BACKGROUND-COLOR: #D8D8D8;
border: 1px solid black;
text-align: left;
padding-left:20px;
left: 50px;


}

.sortdiv {
DISPLAY: inline;
VISIBILITY: visible;
WIDTH: 250px;
Height: 100px;
POSITION: relative;
BACKGROUND-COLOR: #F6EFE7;
text-align: center;
margin-left: auto;
margin-right: auto;

}
.favoritediv {
DISPLAY: inline;
VISIBILITY: visible;
WIDTH: 250px;
Height: 100px;
POSITION: relative;
background-color:#FBFAF6;
text-align: center;
margin-left: auto;
margin-right: auto;

}
#obssearchcriteriadiv{
DISPLAY: block;
VISIBILITY: visible;
WIDTH: 800px;
POSITION: relative;
background-color:#FBFAF6;
margin-left: 50px;
margin-right:50px;
text-align: left;



}

#obsrecordcriterias{
VISIBILITY: visible;
POSITION: relative;
BACKGROUND-COLOR: #500000   ;
border: 1px solid black;
text-align: center;
WIDTH: 850px;
margin-left: 25px;
margin-right:25px;
}
#obsrecordtable{
VISIBILITY: visible;
WIDTH: 850px;
POSITION: relative;
BACKGROUND-COLOR: #500000;
margin-left: 25px;
margin-right:25px;
text-align: center;

}
.sortorderObs{
DISPLAY: block;
VISIBILITY: visible;
POSITION: relative;
margin-left: 40px;
}



.obsshowlocalitycell{
width: 100px;
text-align: center;
table-layout:fixed;
white-space: normal;
/*
border: 1px solid black;
*/
}

.tableObsCell{
border: 1px solid black;
border-left:0px;
border-top:0px;
text-align:center;
width: 15px;
}
.dateinterval{
border: 1px solid black;
BACKGROUND-COLOR: #C8C8C8;
}


/*testing popup box*/
.popupbackground{
display: none;
position: absolute;
top: 0;
left: 0;
background-color: black;
z-index:100;
-moz-opacity: 0.8;
opacity:0.60;
filter:alpha(opacity=60);
}

.addpopupcontent {
display: none;
position: absolute;
padding: 16px;
border: 16px solid #900;
background-color: white;
z-index:101;
}
.obslistpopupcontent {
display: none;
padding: 10px;
border: 0px solid #686868;
}
#picture{
display:block;
position:relative;
width:100%;
text-align:center;
}
#text{
display:block;
position:relative;
text-align:center;
}
















