@charset "utf-8";

#overlay            { position:fixed; visibility:hidden; left:-10000px; top:-10000px; width:100%; height:100%; z-index:90; background-color:black; opacity:0.8; }
#lightbox           { position:fixed; visibility:hidden; left:-10000px; top:-10000px; width:100%; height:100%; z-index:99; text-align:center; }
#lightboxCenter     { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#ffffff00; color:white; }
#lightboxContainer  { position:absolute; left:0px; top:0px; }
#lightboxDesc       { position:absolute; left:0px; text-align:left; padding:0px; box-sizing:border-box; } /* background-color:orange; */
#lightboxClose      { position:absolute; width:30px; }                   /* background-color:salmon; */

#lightboxPrev       { display:block; position:absolute; top:0px; left:0px;  background-image:url(../img/spacer.gif); outline:none; } /* background-color:red;  */
#lightboxNext       { display:block; position:absolute; top:0px; right:0px; background-image:url(../img/spacer.gif); outline:none; } /* background-color:blue; */

#lightboxPrev:hover { background-image:url(../client/dds/img/lightbox/prev.svg); background-repeat:no-repeat; background-position:left center;  } /* background-color:yellow; */
#lightboxNext:hover { background-image:url(../client/dds/img/lightbox/next.svg); background-repeat:no-repeat; background-position:right center; } /* background-color:orange; */

#lightboxPrev       { left:-100px;  }
#lightboxNext       { right:-100px; }