#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(./lb_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(./lb_prevlabel.gif) left 15% no-repeat;

}



#nextLink:hover, #nextLink:visited:hover

{

   background: url(./lb_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;

}