/* refined selectors */
body {
background:url(images/bg.jpg);
background-color:#FFFFFF;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
text-align: center;
min-width: 900px;
} /* background colour or image */

a {color: #000000; text-decoration: none;} /* text colour and decoration of links */

a:hover {color: #990000; text-decoration: bold, underline;} /* text colour and decoration on links on mouseover */

legend {font-family: veranda, sans-serif;
       font-size: 8pt; color: #000000;} /* text size and colour of form titles */

a img {border:0;}
       
/* classes */
.results{font-family: veranda, sans-serif; font-size: 8pt; color: #000000;} /* text size and colour of the menu items  */
.menu {font-family: veranda, sans-serif; font-size: 8pt; color: #333333;} /* text size and colour of the menu items  */
 
.error {font-family: veranda, sans-serif;/* font, */
       font-size: 8pt; color: #ff0000; } /* text size and colour of error messages  */

.success {font-family: veranda, sans-serif;/* font, */
       font-size: 8pt; color: #000000; } /* text size and colour of error messages  */
       
.input {font-family: veranda, sans-serif; font-size: 8pt; /* font, text size, */
       color: #333333; vertical-align: top;}  /* colour and alignment of form labels */
       
.submit {text-align:center;} /* alignment of submit buttons */

.confirm {font-family: veranda, sans-serif; font-size: 8pt; /* font, text size, */
       color: #333333; font-weight: bold; /* colour, weight, */
       text-align: center;} /* and alignment of delete conformation text */
.title{font-family: veranda, sans-serif; font-size: 8pt; color: #000000; text-decoration: bold;}
.content{font-family: veranda, sans-serif; font-size: 8pt; color: #000000;} 
.details{font-family: veranda, sans-serif; font-size: 8pt; color: #000000;} 
.main{
margin:0 auto;
/* background:url(images/pagebg2.jpg);
background-repeat:repeat-x;  */
width:900px;
text-align:left;
}

.content{
background:#FFFFFF;
 position:relative;
 width:900px;
 left:30px;
 right:30px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:100;
}

.content <strong>{
 font-weight:300;
}

.footer{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:100;
}

.spacer{

height:5px;
}

.logo{
float:left;
width:200px;
}

.thumbnail{
	width:120;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:2px;
	border: 1px solid #ddd;
	/*float: left; */

	}
	
	.thumbnail2{
	width:120;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:5px;
	padding-top:2px;
	border: 1px solid #ddd;
	float: left; 

	}
	
	.thumbSpacer{
	width:10;
	float: left; 

	}
	
.regularContent{
	width:898;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border: 1px solid #ddd;
				font-size: 12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:100;
	/*float: left; */

	}	
	
	.photoView{
	width:150;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	border: 1px solid #ddd;
	background-color:#efefef;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	/*float: left; */

	}	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 100% no-repeat;}
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 100% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 100% no-repeat;}


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 10%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 89px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#imageData #sendNavClose{ width: 144px; float: right;  padding-bottom: 0.7em; outline: none;}	
#imageData #downloadBut{ width: 200px;  float: right; padding-bottom: 0.7em; outline: none;}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ffffff; }
#dataDiv{ position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 1px; background-color: #ffffff; }