/* =================== lightbox css =================== */
.zoom
 { font-size:8pt; padding:2px;
   font-weight:normal; background-color:#caffff;
 }
#lightbox
 { position: absolute;
   left: 0;
   width: 100%;
   z-index: 255;
   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(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(prevlabel.gif) left 15% no-repeat;
 }
#nextLink:hover, #nextLink:visited:hover
 { background: url(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.75em;
 }
#overlay
 { position: absolute;
   top: 0; left: 0; z-index: 90;
   width: 100%; height: 500px;
   background-color: #000;
 }
/* =================== lightbox css end =================== */