/* ===================================================================== 
                                LIGHTBOX
===================================================================== */

#lightbox                       { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox img                   { width:auto; height:auto; }
#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-image:url(data:image/png;base64,AAAA); /*Trick IE into showing hover */ display:block; }
#prevLink                       { float:left; background:url(../img/lightbox/prevlabel_1.png) left 95% no-repeat; }
#nextLink                       { float:right; background:url(../img/lightbox/nextlabel_1.png) right 95% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background:url(../img/lightbox/prevlabel_2.png) left 95% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../img/lightbox/nextlabel_2.png) right 95% no-repeat; }

#imageDataContainer             { width:100%; /*background-color:#fff;*/ margin:0 auto; font:12px Arial, Tahoma, Verdana, sans-serif; line-height:17px; overflow:auto; }

#imageData                      { padding:0 20px 0px 20px; }
#imageData #imageDetails        { float:left; width:75%; padding:0px 0px 10px 0px; text-align:left; }	
#imageData #numberDisplay       { float:left; width:34%; display:block; }			
#imageData #caption             { display:none; float:right; width:64%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; font-weight:bold; color:#222;}

#imageData #bottomNavClose      { float:right; width:23%; padding:0px 0px 10px 0px; text-align:right; outline:none; }	 	

#overlay                        { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }