@media screen,projection{
#lightbox,#loading,#hoverNav,#overlay{position:absolute; top:0; left:0;}
#lightbox{width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}

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

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

#prevLink,#nextLink{display:block; width:49%; height:100%; background:transparent url(../img/lightbox/blank.gif) no-repeat;}
#prevLink{left:0; float:left;}
#nextLink{right:0; float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../img/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(../img/lightbox/nextlabel.gif) right 15% no-repeat;}

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

#imageData{color:#666666; padding:0 10px;}
#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{width:100%; height:500px; background-color:black; z-index:90;}
}