/*
	Based on the jQuery lightBox plugin
	@example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about the original jQuery plugin
	
	We wanted to style it for our own use, so here it is
	Styled by J Hogue at Highchair designhaus, October 2008
 
*/

#hcdligbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	z-index: 150;
	display: none;
	/* Opacity and color is set in the JS */
}
#hcdligbox-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 175;
	text-align: center;
	line-height: 0;
}
/* #hcdligbox-lightbox a img { border: none; } */
#hcdligbox-container-image-box {
	position: relative;
	background-color: #000; /* The color of the viewer itself */
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#hcdligbox-container-image { padding: 16px; /* If changing, also change in the JS, as it is needed for width and height calculations. will also need to change in a few places below... */ }
#hcdligbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hcdligbox-nav {
	color: #8a9;
	z-index: 10;
	height: 14px; 
	padding: 18px 16px 0 16px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: right; 
}
	#hcdligbox-nav a { 
		color: #8a9; 
		border: none; 
		outline: none; 
		text-decoration: none; 
	}
		#hcdligbox-nav a:hover { color: #fff; }
	#hcdligbox-image-details-control {
		text-align: center;
		margin: 0 60px;
	}
	#hcdligbox-nav-btnPrev, #lightbox-nav-btnNext, #lightbox-secNav-btnClose {
		font-weight: normal; 
	}
	#hcdligbox-nav-btnPrev { }
	#hcdligbox-secNav-btnClose { }
	#hcdligbox-nav-btnNext { }
	#hcdligbox-image-details-currentNumber { float: left; }	
	#hcdligbox-image-details-close { float: right; }	
#hcdligbox-container-image-data-box {
	width: 100%;
	margin: 0 auto; 
	overflow: auto; 
	/* Customize to match the style of each website */
	font: normal 12px/18px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif;
	background-color: #000;
	color: #8a9; 
	padding: 8px 16px 16px 16px;
}
#hcdligbox-container-image-data { padding: 0 16px; }
#hcdligbox-container-image-data #lightbox-image-details { text-align: left; }	
#hcdligbox-image-details-caption {  }