/* Lightbox */
   #lightbox {
      position: absolute;
      top: 40px;
      left: 0;
      width: 100%;
      /*z-index: 100;*/
      z-index: 990;
      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;*/
      z-index: 970;
   }
   #imageContainer>#hoverNav { left: 0;}
   #hoverNav a { outline: none;}
   #prevLink, #nextLink {
      width: 49%;
      height: 100%;
      background: transparent url(../upload/jt/images/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(../upload/jt/images/prevlabel.gif) left 15% no-repeat; }
   #nextLink:hover, #nextLink:visited:hover { background: url(../upload/jt/images/nextlabel.gif) right 15% no-repeat; }
   #imageDataContainer {
      font: 10px Verdana, Helvetica, sans-serif;
      background-color: #fff;
      margin: 0 auto;
      line-height: 1.4em;
   }
   #imageData {
      padding:0 10px;
   }
   #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.7em;   }   
   #overlay {
      position: absolute;
      top: 0;
      left: 0;
      /*z-index: 90;*/
      z-index: 980;
      width: 100%;
      height: 500px;
      background-color: #000;
      filter:alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
   }
   .clearfix:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
   }
   * html>body .clearfix {
      display: inline-block; 
      width: 100%;
   }
   * html .clearfix {
      /* Hides from IE-mac \*/
      height: 1%;
      /* End hide from IE-mac */
   }
/* << */
