/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:9990;
	width:100%;
	height:500px;
}

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

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:49%;
	height:100%;
	zoom:1;
	display:block;
}

#lightbox-nav-btnPrev { 
	left:0; 
	float:left;
}

#lightbox-nav-btnNext { 
	right:0; 
	float:right;
}

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

#lightbox-container-image-data {
	padding:0 10px; 
	color:#666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width:70%; 
	float:left; 
	text-align:left; 
}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display:block; 
	clear:left; 
	padding-bottom:1.0em;	
}			

#lightbox-secNav-btnClose {
	width:66px; 
	float:right;
	padding-bottom:0.7em;	
}

/* Make Lightbox responsive */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#lightbox-container-image-box {
		width:720px !important;
		height:auto !important;
	}
	
	#lightbox-container-image img {
		width:700px !important;
		height:auto !important;
	}
	
	#lightbox-container-image-data-box {
		width:700px !important;
		z-index:100 !important;
	}
	
	#lightbox-nav {
		padding-bottom:150px;
	}
	
	#lightbox-nav-btnNext {
		height:inherit !important;
	}
	
	#lightbox-nav-btnPrev {
		height:inherit !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#lightbox-container-image-box {
		width:420px !important;
		height:auto !important;
	}
	
	#lightbox-container-image img {
		width:400px !important;
		height:auto !important;
	}
	
	#lightbox-container-image-data-box {
		width:400px !important;
		z-index:100 !important;
	}
	
	#lightbox-nav {
		padding-bottom:150px;
	}
	
	#lightbox-nav-btnNext {
		height:inherit !important;
	}
	
	#lightbox-nav-btnPrev {
		height:inherit !important;
	}

}

@media (max-width: 480px) {
	#lightbox-container-image-box {
		width:100% !important;
		height:auto !important;
	}
	
	#lightbox-container-image img {
		width:96% !important;
		height:auto !important;
	}
	
	#lightbox-container-image-data-box {
		width:98% !important;
		z-index:100 !important;
	}
	
	#lightbox-nav {
		padding-bottom:150px;
	}
	
	#lightbox-nav-btnNext {
		height:inherit !important;
	}
	
	#lightbox-nav-btnPrev {
		height:inherit !important;
	}
	


}