#overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 500px; z-index: 90; background-color: #003366;
	filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
  }
  
  #lightbox {
	position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; color: #333333; line-height: 0;
  } /* era color: #141510; */
  
  #lightbox a, #lightbox a:hover { border-bottom: none; color: #333333; text-decoration: underline; } /* era color: #141510; */
  
  #lightbox a img { border: none; }
  
  #outerImageContainer {
    position: relative; width: 250px; height: 250px; /* without this line error in IE8 detected */ margin: 0 auto;
  }
  
  #imageContainer { 
    width: 100%; background-color: #FFFFFF; position: relative;
    /*	border-style: solid; border-color: #fff; border-width: 1px; */
	font-size: 0; /* ie fix - big info bar */
  }
  
  #loading {
    position: absolute; top: 40%; left: 0%; width: 100%; height: 25%; text-align: center; line-height: 0; 
  }
  
  #loadingLink {
	display: block; width: 32px; height: 32px; margin: 0 auto; padding: 0;
	background: url("../images/loading.gif") center center no-repeat; 
	text-indent: -9999px;
  }
  
  #hoverNav{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;
  }
  
  #imageContainer>#hoverNav { left: 0; }
  #hoverNav a { outline: none; }
  
  #prevLinkImg, #nextLinkImg {
    width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block; 
	text-indent:-9999px;
  }
  
  #prevLinkImg { left: 0; float: left; }
  #nextLinkImg { right: 0; float: right; }
  
  #prevLinkImg:hover, #prevLinkImg:visited:hover {
    background: url("../images/prev.png") 5% center no-repeat; 
	_background-image:url("../images/prev_ie6.gif")
  }
  #nextLinkImg:hover, #nextLinkImg:visited:hover { 
    background: url("../images/next.png") 97% center no-repeat; 
	_background-image:url("../images/next_ie6.gif")
  }
  
  #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; }
  #detailsNav { display: block; float: left; padding: 0; }
  #prevLinkDetails { 
    margin: 3px; margin-top: 1px; display: block; width: 16px; height: 16px; 
	background: url("../images/prevlabel.gif") left center no-repeat; float: left;
  }
  #nextLinkDetails { 
    margin: 3px; margin-top: 1px; display: block; width: 16px; height: 16px; 
	background: url("../images/nextlabel.gif") right center no-repeat; float: left;
  }
  
  #slideShowControl.started { background-image: url("../images/pause.gif"); }
  
  #slideShowControl {
    display: block; width: 17px; height: 17px; float: left;
	background: url("../images/start.gif"); background-position: center center; background-repeat: no-repeat;
  }
  
  #close { padding: 10px 10px 0 0; float: right; }
  
  #closeLink {
	display: block; margin: 0; padding: 0px; text-decoration: none; width: 32px; 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 { position: absolute; width: 100%; height: 100%; border: solid 1px red; }
  
  #outerImageContainer { overflow: visible; }
  
  #outerImageContainer td { text-align: center; padding: 0; }
  
  #lightboxFrameBody { 
    background-color: #FFFFFF; border:solid 1px #FFFFFF; /* hack for opera table small cell width */
	_vertical-align: top;
	_height:90%;
	// vertical-align: top;
	// height:90%;
  }
  
  #outerImageContainer td{ font-size:0; }
  
  /* frame style */
  #outerImageContainer td.tl, #outerImageContainer td.br { width: 15px; height: 15px; }
  
  #outerImageContainer td.tl{
	background-image: url(../images/borderTopLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-real/engine/images/borderTopLeft.png', sizingMethod='scale');
  }
  #outerImageContainer td.tc {
    background-image: url(../images/borderTopCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-real/engine/images/borderTopCenter.png', sizingMethod='scale');
  }
  #outerImageContainer td.ml {
	background-image: url(../images/borderMiddleLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-real/engine/images/borderMiddleLeft.png', sizingMethod='scale');
  }
  #outerImageContainer td.mr {
	background-image: url(../images/borderMiddleRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-real/engine/images/borderMiddleRight.png', sizingMethod='scale');
  }
  #outerImageContainer td.bc{
	background-image: url(../images/borderBottomCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-real/engine/images/borderBottomCenter.png', sizingMethod='scale');
  }
  #outerImageContainer td.tr{
	background-image: url(../images/borderTopRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-engine/images/borderTopRight.png', sizingMethod='scale');
  }
  #outerImageContainer td.bl{
	background-image: url(../images/borderBottomLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-engine/images/borderBottomLeft.png', sizingMethod='scale');
  }
  #outerImageContainer td.br{
	background-image: url(../images/borderBottomRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='VLB-engine/images/borderBottomRight.png', sizingMethod='scale'); 
  }