#overlay{
  position: absolute;
  top: 40;
  left: 0;
  z-index: 90;
  width: 100%;
  height: auto;
  background-color: #151410;
}

#lightbox{
	position: absolute;
	top: 40 !important;
	left: 0;
	right: 0;
	margin: 0 auto 0 auto;
	width: 75% !important;
	z-index: 100;
	text-align: center;
	color: #151410;
	line-height: 0;
}

#lightbox a, #lightbox a:hover {
  border-bottom:none;
  color:#151410;
  text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
  width:auto;
  height:auto; /* without this line error in IE8 detected */
  margin: 15rem auto 0 auto;
  position:relative;
}

#lightboxImage{
  width:100%;
  height:100%;
}

#imageContainerMain{
  margin:0 auto;
  overflow:visible;
  position:relative;
  font-size:0;/* ie fix - big info bar*/
}

#imageContainer{
  width: 90% !important;
  height: 90% !important;
  margin: 5% auto 0 auto;
  overflow: hidden;
  background-color: #FFF;
  position: relative;
  font-size: 0;/* ie fix - big info bar*/
}

#loading{
  position:absolute;
  top:40%;
  left:0%;
  height:25%;
  width:100%;
  text-align:center;
  font-size:10px;
  z-index:1;
}
#loadingLink {
  display:block;
  margin:0 auto;
  padding:0;
  width:32px;
  height:32px;
  background:url(../images/loading.gif) center center no-repeat;
  text-indent:-9999px;
}
#hoverNav{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#prevLinkImg, #nextLinkImg{
  top:0px;
  width:93px;
  height:100%;
  position:absolute;
  z-index:20;
  outline-style:none;
  background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
  display:block;
  text-indent:-9999px;
  float:left;
  }

#prevLinkImg { 
	left: 0;
  background:url(../images/prev.gif) left 16% no-repeat;
}

#nextLinkImg { 
	right: 0; 
  background:url(../images/next.gif) right 16% no-repeat;
}

#prevLinkImg:hover,#prevLinkImg.hover, #prevLinkImg:visited:hover {
  background:url(../images/prev.gif) left 16% no-repeat;
}

#nextLinkImg:hover,#nextLinkImg.hover, #nextLinkImg:visited:hover {
  background:url(../images/next.gif) right 16% no-repeat;
}


#imageDataContainer{
  font:10px Verdana, Helvetica, sans-serif;
  background-color:#fff;
  width:100%  ;
}

#imageData{
  overflow:hidden;
  width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left;   padding:10px 10px 0 10px;}
#caption{ font-weight:bold; display:block;}
#numberDisplay{ display:block; float:left; padding-right:10px; margin-top:3px;}
#detailsNav{display:block; float:left;   padding:0; }  
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; width:16px;height:16px; background:url(../images/prevlabel.gif) left center;}
#nextLinkDetails { margin:3px; width:16px;height:16px; background:url(../images/nextlabel.gif) right center;}

#slideShowControl.started{
  background-image:url(../images/pause.gif);
}

#slideShowControl{
  display:block;
  width:16px;
  height:16px;
  float:left;
  margin:3px;
  background:url(../images/start.gif);
  background-position:center center;
  background-repeat:no-repeat;
  }

#close{
  padding:10px 10px 0 0;
  float:right;
}
#closeLink {
  display:block; outline-style:none; margin:0; padding:0; text-decoration:none;
  width:66px;
  height:32px;
  background:url(../images/close.gif) no-repeat;
}  
    
  
.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 */
}  
  

#outerImageFrame{
  border:solid 1px red;
  height:100%;
  width:100%;
  position:absolute;
}


#outerImageContainer{
  overflow:visible;
}
#outerImageContainer td{
  text-align:center;
  padding:0;
}

#lightboxFrameBody{
  background-color:#fff;
  border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
  font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
  height:10px;
  width:10px;
}

#outerImageContainer td.tl{
  background-image:url(../images/borderCorners.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
  background-image:url(../images/borderHoriz.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderHoriz.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
  background-image:url(../images/borderVert.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderVert.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
  background-image:url(../images/borderVert.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderVert.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
  background-image:url(../images/borderHoriz.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderHoriz.png', sizingMethod='scale');
}


#outerImageContainer td.tr{
  background-image:url(../images/borderCorners.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
  background-image:url(../images/borderCorners.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.br{
  background-image:url(../images/borderCorners.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
