#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 : #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;
	border : 3px solid #dd6e00;
	border-bottom : none;
	margin : -3px;
	margin-bottom : 0;
}
#imageContainer>#hoverNav { left : 0;}
#hoverNav a { outline : none;}

#prevLink, #nextLink {
	width : 49%;
	height : 100%;
	background : transparent url(../pics/imgpop/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(../pics/imgpop/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background : url(../pics/imgpop/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer {
	font : 10px Verdana, Helvetica, sans-serif;
	background-color : #e4e4e4;
	margin : 0 auto;
	line-height : 1.4em;
	overflow : auto;
	width : 100%;
	border : 3px solid #dd6e00;
	border-top : 1px solid #dd6e00;
	padding-top : 5px;
}

#imageData{	padding :0 10px; color : #333; }
#imageData #imageDetails{ width : 70%; float : left; text-align : left; }	
#imageData #caption{ font-weight : bold;	}
#imageData #numberDisplay{ display : block; clear : left; padding-bottom : 1.0em;	}			
#imageData #bottomNavClose{ width : 66px; float : right;  padding-bottom : 0.7em;	}	
		
#overlay {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 90;
	width : 100%;
	height : 500px;
	background-color : #000;
}