html,body { margin:0; padding:0; height:100%; }
#lightbox,#lightbox-overlay { position:absolute; top:0; left:0; bottom:auto; right:auto; z-index:999; width:100%; height:auto; text-align:center; color:#333333; 
/* stop stupid conflicts */
margin:0; padding:0; border:none; outline:none; line-height:0; 
/* general conflict stopper */
text-decoration:none; background:none; word-spacing:normal; letter-spacing:normal; float:none; clear:none; display:block; }
#lightbox a,#lightbox a:link,#lightbox a:visited,#lightbox a:hover { text-decoration:underline; color:#999999; }
#lightbox-overlay { z-index:995; background-color:#000000; height:100%; position:fixed; }
#lightbox-overlay-text { text-align:right; margin-right:20px; margin-top:20px; color:white; font-size:12px; cursor:default; line-height:normal; }
#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link { color:white; }
#lightbox-overlay-text span { padding-left:5px; padding-right:5px; }
#lightbox img,#lightbox a img,#lightbox a { border:none; outline:none; }
#lightbox-imageBox { position:relative; border:1px solid black; background-color:white; width:400px; height:400px; margin:0 auto; }
#lightbox-imageContainer { padding:1px; }
#lightbox-loading { position:absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }

/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/
#lightbox-nav-btnPrev,#lightbox-nav-btnNext { display:block; width:49%; height:100%; background:transparent url(../image/blank.gif) no-repeat; 
/* Trick IE into showing hover */

/* cursor:pointer; */
zoom:1; 
/* who knows why? */
padding:0; margin:0; }
#lightbox-nav-btnPrev { left:0; right:auto; float:left; }
#lightbox-nav-btnNext { left:auto; right:0; float:right; }
.preload_largeLink,#prevLink:hover,#prevLink:visited:hover { background:url(../image/prev.gif) left 45% no-repeat; }
.preload_nextLink,#nextLink:hover,#nextLink:visited:hover { background:url(../image/next.gif) right 45% no-repeat; }
#lightbox-infoBox { font:14px Georgia, serif; background-color:#FFFFFF; margin:0 auto; padding:0; 
/* width: 100%;
	padding: 0 10px 0; */
}
#lightbox-infoContainer { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#666; line-height:normal; 
/* height:30px; */
}
#lightbox-infoHeader { width:100%; text-align:center; }
#lightbox-caption { text-align:justify; }
#lightbox-caption-title { font-weight:bold; }
#lightbox-caption-description { font-weight:normal; }
#lightbox-infoFooter { margin-top:3px; color:#999999; }
#lightbox-currentNumber { display:block; width:49%; float:left; text-align:left; }
#lightbox-close { display:block; width:45%; float:right; text-align:right; }
#lightbox-close-button { padding-left:30%; }
#lightbox-close-button:hover { color:#666666; }
#lightbox-infoContainer-clear { clear:both; visibility:hidden; }