﻿
#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:auto;
	background-color:black;
}

#lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:9999999999999999999999;
	text-align:center;
	color:#707070;
	line-height:0;
}

#lightbox a, #lightbox a:hover{
	border-bottom:none;
	color:#707070;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin: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:50px;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	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:60%;
	height:32px;
	background:url(../OtherImages/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:0;
	width:48px;
	height:100%;
	position:absolute;
	z-index:20;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	}
* html #prevLinkImg,* html #nextLinkImg{
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
}
#prevLinkImg { left: 0; }
#nextLinkImg { right: 0; }
#prevLinkImg:hover,#prevLinkImg.hover, #prevLinkImg:visited:hover { 
	background:url(../OtherImages/prev.png) 5% center no-repeat; 
	_background-image:url(../OtherImages/prev.gif)
}
#nextLinkImg:hover,#nextLinkImg.hover, #nextLinkImg:visited:hover { 
	background:url(../OtherImages/next.png) 97% center no-repeat; 
	_background-image:url(../OtherImages/next.gif)
}


#imageDataContainer{
    font: 12px/1.231 Trebuchet MS, "Lucida Grande", Arial;
	width:100%;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 0;}
#caption{ display:block;}
#numberDisplay{ display:block; float:left; padding:2px 10px 0 0; color:#339EFF;}
#detailsNav{display:block; float:left;   padding:0; }
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails{
	margin:2px; width:18px;height:18px; background-position:left 100%;
	background-image:url(../OtherImages/navigation.gif);
}
#prevLinkDetails:hover{
	background-position:0 0;
}

#nextLinkDetails{
	margin:2px; width:18px;height:18px; background-position:right 100%;
	background-image:url(../OtherImages/navigation.gif);
}
#nextLinkDetails:hover{
	background-position:100% 0;
}
#slideShowControl{
	display:block;
	width:18px; 
	height:18px; 
	float:left;
	margin:2px; 
	background-image:url(../OtherImages/navigation.gif);
	background-position:-18px 100%;
	background-repeat:no-repeat;
}
#slideShowControl:hover{
	background-position:-18px 0;
}
#slideShowControl.started{
	background-position:-36px 100%;
}
#slideShowControl.started:hover{
	background-position:-36px 0;
}

#close{
	padding:16px 0 0;
	float:right;
}
#closeLink{
	display:block; 
	outline-style:none; 
	margin:0; 
	padding:0; 
	text-decoration:none; 
	width:32px;
	height:32px;
	background:url(../OtherImages/close.gif) no-repeat 0 100%;
}
#closeLink:hover{
	background-position:0 0;
}

.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{
	height:100%;
	width:100%;
	position:absolute;
	padding:20px;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background:white;
}

#outerImageContainer td, #outerImageContainer tr{
	font-size:0;
	border:0 none;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:50px;
	width:50px;
}

#outerImageContainer td.tl{
	background:url(../OtherImages/back_corvers.png) 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_lt.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background:url(../OtherImages/back_tb.png) 50% 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_ct.png', sizingMethod='scale');
}
#outerImageContainer td.tr{
	background:url(../OtherImages/back_corvers.png) 100% 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_rt.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background:url(../OtherImages/back_lr.png) 0 50%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_lc.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background:url(../OtherImages/back_lr.png) 100% 50%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_rc.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background:url(../OtherImages/back_corvers.png) 0 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_lb.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background:url(../OtherImages/back_tb.png) 50% 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../OtherImages/back_cb.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background:url(../OtherImages/back_corvers.png) 100% 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../ImaOtherImagesges/back_rb.png', sizingMethod='scale');
}

#vlightbox1 {width:100%;zoom:1;}
#vlightbox1 .vlightbox1 {display:-moz-inline-stack;display:inline-block;zoom:1;font-size:11px;font-weight:normal;text-decoration:none;
	*display:inline;position:relative;vertical-align:top;margin:10px 10px 10px 0;width:255px;opacity:0.87;
	background:url(../Images/thumbback.png) repeat-x center top;height:215px;padding-top:10px; color:#065673;float:left;
	border-top-left-radius:10px;border-top-right-radius:10px;}
#vlightbox1 .vlightbox1 a{margin:0;}
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover{ color:#922393;opacity:1;}
#vlightbox1 .vlightbox1 img{display:block;border:none;width:234px;height:170px;margin-bottom:5px;}



/*Gallery 2*/
#vlightbox2 {width:100%;zoom:1;}
#vlightbox2 .vlightbox2 {display:-moz-inline-stack;display:inline-block;zoom:1;font-size:11px;font-weight:normal;text-decoration:none;
	*display:inline;position:relative;vertical-align:top;margin:10px 10px 10px 0;width:255px;opacity:0.87;
	background: url(../Images/thumbback2.png) no-repeat center top;height:215px;padding-top:10px;color:#4b4131;float:left;}
#vlightbox2 .vlightbox2 a{margin:0;}
#vlightbox2 .vlightbox2:hover, #vlightbox2 .vlightbox2 a:hover{ color:#06a3d0;opacity:1;}
#vlightbox2 .vlightbox2 img{display:block;border:none;width:234px;height:170px;margin-bottom:5px;background:white;}


/*Gallery 3*/
#vlightbox3 {width:100%;zoom:1;}
#vlightbox3 .vlightbox3 {display:-moz-inline-stack;display:inline-block;zoom:1;font-size:11px;font-weight:normal;text-decoration:none;
	*display:inline;position:relative;vertical-align:top;margin:10px 10px 10px 0;width:255px;opacity:0.87;
	background:#ededed url(../Images/thumbback3.png) no-repeat center center;height:215px;padding-top:10px;color:#065673;float:left;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
             -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
             -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
             box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);}
#vlightbox3 .vlightbox3 a{margin:0;}
#vlightbox3 .vlightbox3:hover, #vlightbox3 .vlightbox3 a:hover{ color:#922393;opacity:1;}
#vlightbox3 .vlightbox3 img{display:block;border:none;width:234px;height:170px;margin-bottom:5px;}


/*Gallery 4*/
#vlightbox4 {width:100%;zoom:1;}
#vlightbox4 .vlightbox4 {display:-moz-inline-stack;display:inline-block;zoom:1;font-size:11px;font-weight:normal;text-decoration:none;
	*display:inline;position:relative;vertical-align:top;margin:10px 3px 10px 0;width:262px;opacity:0.87;
	background:url(../Images/thumbback4.png) no-repeat center center;height:200px;padding-top:10px;color:#4b4131;float:left;}
#vlightbox4 .vlightbox4 a{margin:0;}
#vlightbox4 .vlightbox4:hover, #vlightbox4 .vlightbox4 a:hover{ color:#06a3d0;opacity:1;}
#vlightbox4 .vlightbox4 img{display:block;border:none;width:240px;height:170px;margin-bottom:5px;background:white;}