#left_graphic {
background-image:url(../wildlife/graphic_left_surveys.jpg);
}


#alltables {
position:relative;
top:-10px;
font-family: Arial, Helvetica, sans-serif;
float:left;
margin:0 20px 0 0;
padding:0;
width:396px;
height:619px;
background-image:url(../wildlife/clipboard.jpg);
background-repeat:no-repeat;
background-position: top center;

/* Clipboard sold by http://www.beecrafty.net/ */


}

#table-top {
position:relative;
top:130px;
left:23px;
width:353px;
z-index: 99;
color:#EEE;
margin:0;
padding: 5px 0 0 0;
text-align:center;
font-weight:bold;
text-transform:uppercase;
background-color:#839500;


}

#table-contents {
position:relative;
top:131px;
left:23px;
width:353px;
height:430px;
margin:0;
padding:0;
cursor: help;
overflow: hidden;
}

table.datatable {
font-size:0.7em;
background-color:#FFFBEA;
color: #222;
width:353px;
border-collapse:collapse;

}



.datatable td,  .datatable th {
border: 1px dotted #839500;
text-align:left;
padding: 1px 2px 1px 2px;
}

.datatable tr:hover {
background-color:#FFFDF2; }


.datatable tr a {
display:block;
width:100%;
background-color:#FFF; }


/* Scroller ############################################################ */


.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  margin:0;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 67px; left: 29px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 68px; left: 50px;
}

/* ###################################################################### */

#moresurveys {
position:absolute;
top:-6px;
left:317px;
width:27px;
height:23px;
margin:0;
padding:0;

}

#moresurveys img {
border:none;
margin:0;
padding:0; }

.cliplink img {border:0; 
margin:0 0 -2px 3px;

}

.cliplink {
list-style:none;
margin:0;
padding:0;
}
 
.cliplink li {
float:left;
position:relative;



}


.cliplink li ul {
	position: absolute;
	left:0;
	top:22px;
	margin:0;
	padding:0;
	display: none;
	}
	


.cliplink li:hover ul { 
display:block;


}




.cliplink a {
	color: #EEE;
	display:block;
	width:353px;
	height:20px;
	margin: 0;
	padding:0 0 2px 0;
	background-color:#839501;
	text-decoration:none;
	

}

.cliplink a:hover {
color:#FFF;
padding:0 0 2px 0;
background-color:#859801;

}

.cliplink .lastsurvey {
border-bottom: 1px solid #677601; }

.help {font-size:60%;
font-weight:bold;
margin: 137px 0 1px 50px }

#watkins {
clear:both;
overflow:hidden;
background-image:url(/wildlife/chequers_bg.jpg);
background-position: 0px 0px;
background-repeat:repeat;
padding:0 0 10px 0;
margin: 55px 5px 0 10px;
border: 1px solid #666;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;

}

#watkins p {
margin:0 0 5px 0;
padding: 0; }

#toggle  {
display:block;
float:right;
font-size:90%;
height:21px;

}





img.mainimg {
margin-top:10px; }

#one, #two, #three, #toggle {
margin:0;
padding:10px 10px 0 10px; }

/* Explorer 6 hacks -------------------------------- */

#explorer6sucks {
position: relative; 
background-color:#839500;
width:354px; 
left:23px;
top:125px; 
padding:2px 0; 
text-transform:uppercase;
text-align:center;
font-size:0.73em; 
color: #FFF;
 }
 
#explorer6sucks a {
color: #FFF;
padding: 0 3px; } 

#explorer6sucks a:hover {
color: #990000;
background-color: #FFFBEA; 
text-decoration:none;}
   
*html #table-top {display:none;}
*html #table-contents {top:120px;}
*html .datatable td,  .datatable th {
border: 1px solid #DDD; }