/*
http://www.notesfor.net/post/NotesForLightBox.aspx

01.///    <param name="settings" type="Options">    
02.///        1: overlayBgColor - (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.    
03.///        2: overlayOpacity - (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9.    
04.///        3: fixedNavigation - (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.    
05.///        4: imageLoading - (string) Path and the name of the loading icon image    
06.///        5: imageBtnPrev - (string) Path and the name of the prev button image    
07.///        6: imageBtnNext - (string) Path and the name of the next button image    
08.///        7: imageBtnClose - (string) Path and the name of the close button image    
09.///        8: imageBlank - (string) Path and the name of a blank image (one pixel)    
10.///        9: imageBtnBottomPrev - (string) Path and the name of the bottom prev button image    
11.///        10: imageBtnBottomNext - (string) (string) Path and the name of the bottom next button image    
12.///        11: imageBtnPlay - (string) Path and the name of the close button image    
13.///        12: imageBtnStop - (string) Path and the name of the play button image    
14.///        13: containerBorderSize - (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value    
15.///        14: containerResizeSpeed - (integer) Specify the resize duration of container image. These number are miliseconds. 500 is default.    
16.///        15: txtImage - (string) Specify text "Image"    
17.///        16: txtOf - (string) Specify text "of"    
18.///        17: txtPrev - (string) Specify text "previous"    
19.///        18: keyToNext - (string) Specify text "next"    
20.///        19: keyToClose - (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.    
21.///        20: keyToPrev - (string) (p = previous) Letter to show the previous image.    
22.///        21: keyToNext - (string) (n = next) Letter to show the next image.    
23.///        22: slideShowTimer - (integer) number of milliseconds to change image by default 5000.    
24.///    </param>

*/
#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box-top
{
	width: 100%;
}
#lightbox-container-image-box-top-left
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: inline;
	text-align: left;
}
#lightbox-container-image-box-top-middle
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #F00;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	height: 100%;
	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: 32px;
	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;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	display: inline;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{
	display: inline;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}