/* ------------------------------------------------------------ */
/* 

	Original lightbox project by Lokesh Dhakar

	Creative Commons Attribution 3.0 Unported (CC)
	http://creativecommons.org/licenses/by/3.0/   

*/
/* ------------------------------------------------------------ */

	#lightbox{

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

	}

	#lightbox a img{ border: none; }

	#outerImageContainer{

		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		
		border: 1px solid #d9d9d9;

	}

	#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: transparent url(../images/blank.gif) no-repeat; /* 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 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


	#imageDataContainer{

		font: 11px Verdana, Helvetica, sans-serif;
		
		margin: 0 auto;
		padding: 0px 0 0 0;
		
		line-height: 1.4em;
		overflow: auto;
		width: 524px;	
		height: 40px;
		
		background-image: url(images/lightbox/shadow-base.jpg);
		background-repeat: repeat-x;
		
		background-color: #ffffff;

	}

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

		width: 70%; 
		float: left; 
		text-align: left; 
		padding-top: 1.0em;

	}	

	#imageData #caption{ 
	
		padding-top: 1.0em;
		font-weight: bold; 
		
	}

	#imageData #numberDisplay{ 

		display: block; 
		clear: left; 


	}			

	#imageData #bottomNavClose{ 

		width: 66px; 
		float: right;  
		
		padding-top: 1.0em;

	}	

	#overlay{

		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;

		background-color: #004771;

	}