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

#lightbox a img { border: none; }

#outerImageContainer{ 
	position: relative; 
	background-color: #dddddd; 
	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;
	
	border: solid 0px #000000;
}


#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: transparent url(http://project.dreamnet.fi/sys/images/blank.gif) no-repeat; 
	/* Trick IE into showing hover */
	display: block;
}


#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(http://project.dreamnet.fi/sys/images/arrow_left_blue_graybg.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(http://project.dreamnet.fi/sys/images/arrow_right_blue_graybg.gif) right 15% no-repeat; }

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

#columnLeft {
	border: solid 0px #770000; 
	width: 49%; 
	overflow:hidden;
	text-align: left;
}

#imageData {
	padding:0 5px; 
	color: #666;
	border: solid 0px #f00000; 
	overflow: hidden; 
}

#columnLeft { float: left; }	

#imageData { font-weight: bold; }

#captionDisplay {font-weight:normal;}
#imageData { display: block; clear: left; padding-bottom: 1.0em;}			



#newNav {border: solid 0px #00ff00;HEIGHT:24px;width:110px;padding-top:5px;}
#newNav a{ outline: none;}


#prevNavLink,#nextNavLink {
	width:18px;
	height:18px;
	/*background: url(http://project.dreamnet.fi/sys/images/blank.gif) no-repeat;*/
	/* Trick IE into showing hover */
	
	border: solid 0px #000000;
	display: block;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;

}


#prevNavlink { float:left;padding-left:3px; }
#nextNavlink { float:right; }
#numberDisplay {border: solid 0px #000000;text-align:center;height:20px;width:70px;padding-top:1px;display: block;float:left;}


#prevNavLink, #prevNavLink:visited { background: url(http://project.dreamnet.fi/sys/images/icons/application/16x16/arrow_left_blue.png) right 5% no-repeat; }

#nextNavLink, #nextNavLink:visited { background: url(http://project.dreamnet.fi/sys/images/icons/application/16x16/arrow_right_blue.png) left 5% no-repeat; }


#columnRight {border: solid 0px #0000ff; width: 49%; overflow:hidden; float:right; }

#copyDisplay {border: solid 0px #000000; width:99%; text-align:right;float:right;font-weight:normal;color:#aaaaaa;}

#bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;padding-top: 15px;padding-right:5px;border: solid 0px #000000;text-align:right;}

#overlay {
 position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff;
}