html, body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 min-height: 100%;
}

body {
 position: relative;
 /*font: 100% Arial, sans-serif;
 background: #fff;*/
 color: #333;
}

#overlay {
 width: 100%;
 height: 100%;
 min-height: 100%;
 background: #666;
 position: absolute;
 top: 0;
 left: 0;
}

#lightbox {
 width: 900px; /*1024px;*/
 height: 700px; /*768px;*/
 position: absolute;
 top: 50%;
 left: 50%;
 /*margin: -231px 0 0 -255px; 
 margin: -384px 0 0 -512px;*/
 margin: -350px 0 0 -450px;
 background: #fff;
 border: 5px solid #999;
 /*overflow: scroll;*/
}

#lightbox #close {
 width: 30px;
 height: 30px;
 display: block;
 position: absolute;
 top: -15px;
 right: 0;
 text-indent: -1000em;
 background: url(/images/close.png) no-repeat;
}

#lightbox #prev {
 width: 60px;
 height: 60px;
 display: block;
 position: absolute;
 top: 50%;
 left: -15px;
 text-indent: -1000em;
 background: url(/images/prev.gif) no-repeat;
}

#lightbox #next {
 width: 60px;
 height: 60px;
 display: block;
 position: absolute;
 top: 50%;
 left: 855px; /*x = width - 60 + 15 979px;*/
 text-indent: -1000em;
 background: url(/images/next.gif) no-repeat;
}

#lightbox img {
 width: 90%;
 margin: 0 auto;
 display: block;
 height: 90%; /*400px;*/
 padding: 20px 0 0 0;
}

#lightbox p {
 width: 80%;
 margin: 0 auto;
 padding: 5px 0;
 font-style: italic;
 text-align: center;
}

#filelist {
  width: 100%;
  height: 350px;
  border: 1px solid #158315;
  overflow: scroll;
  
}