#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;
}
#imageContainer>#hoverNav{
 left:0;
}
#hoverNav a{
 outline:none;
}
#prevLink, #nextLink{
 width:49%;
 height:100%;
 background:transparent url(../11images/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(../11images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover{
 background:url(../11images/nextlabel.gif) right 15% 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: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;
}