/*
//-----------------------------------------------------------------------------------------------
// Program								: lightbox 2 css file
// Modified by            : Petro Tamas
// Last mod.  						: 2009.02.19
// Author									: http://www.lokeshdhakar.com/projects/lightbox2/#overview
//-----------------------------------------------------------------------------------------------
*/

#lightbox
{	
	position		: absolute;
	left				: 0;
	width				: 100%;
	z-index			: 100;
	text-align	: center;
	line-height	: 0;
}

#lightbox img
{ 
	width : auto;
	height: auto;
}

#lightbox a img
{ 
	border: none;
}

#outerImageContainer
{ 
	position				: relative; 
	background-color: #FAEFCF;/*#590B09; */
	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; 
}

#imageContainer>#hoverNav
{ 
	left: 0;
}

#hoverNav a
{ 
	outline: none;
}

#prevLink, #nextLink
{ 
	width 					: 49%; 
	height					: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display					: block;
}

#prevLink 
{ 
	left: 0; 
	float: left;
}

#nextLink 
{ 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover 
{ 
	background: url(../images/prevlabel.gif) left 50% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover 
{ 
	background: url(../images/nextlabel.gif) right 50% no-repeat; 
}

#imageDataContainer
{ 
	font						: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin					: 0 auto; 
	line-height			: 1.4em; 
	overflow				: auto; 
	width						: 100%; 
}

#imageData
{	
	padding : 0 10px; 
	color   : #666; 
}

#imageData #imageDetails
{ 
	width     : 70%; 
	float     : left; 
	text-align: left; 
}	

#imageData #caption
{ 
	font-weight: bold;	
}

#imageData #numberDisplay
{ 
	display				: block; 
	clear  				: left; 
	padding-top   : 0.1em;
}			

#imageData #bottomNavClose
{ 
	width					: 66px; 
	float					: right;  
	padding-top		: 0.7em;
	padding-bottom: 0.7em;
	outline				: none;
}	 	

#overlay
{ 
	position				: absolute; 
	top     				: 0; 
	left    				: 0; 
	z-index 				: 90; 
	width   				: 100%; 
	height  				: 500px; 
	background-color: #000; 
}