#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #fff;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}


	#lightwindow_loading img {
   		position: absolute;
			top: 50%;
			left: 50%;
   		margin: -23px 0 0 -23px;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/btn_prev.png) left 50% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/btn_next.png) right 50% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #009ddc;
		font-size: 1.5em;
		line-height: 1.4em;
		padding: 6px 0 0 0;
		text-align: left;
		z-index: 20;
		display: block;
		vertical-align: baseline;
	}


/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

#lightwindow_header_cl {
	background: url("../images/bg_lw_topleft.png") 0 0 no-repeat transparent; 
	height: 31px;
	padding: 0 0 0 45px;
}

	#lightwindow_header_cr {
		background: url("../images/bg_lw_topright.png") 100% 0 no-repeat transparent; 
		height: 31px;
		padding: 0 45px 0 0;
	}

		#lightwindow_header_inner {
			background: url("../images/bg_lw_top.png") 100% 0 repeat-x transparent; 
			height: 31px;
			margin-bottom: -3px;
			overflow: hidden;
		}

#lightwindow_contents_cl {
	background: url("../images/bg_lw_left.png") 0 0 repeat-y transparent; 
	padding: 0 0 0 0;
}

	#lightwindow_contents_cr {
		border: 0 none;
		padding: 0 0 0 0;
		background: url("../images/bg_lw_right.png") 100% 0 repeat-y transparent;
	}

		#lightwindow_contents {
			overflow: hidden;
			z-index: 0;
			position: relative;
			border-top: 0 none;
			border-bottom: 0 none;
			margin-left: 31px;
			margin-right: 31px;
		}
		
			#lightwindow_contents_inner {
				background-color: #fff;
			}

#lightwindow_footer_cl {
	background: url("../images/bg_lw_bottomleft.png") 0 100% no-repeat transparent; 
		padding: 0 0 0 45px;
}

	#lightwindow_footer_cr {
		background: url("../images/bg_lw_bottomright.png") 100% 100% no-repeat transparent; 
		padding: 0 44px 0 0;
	}

			#lightwindow_footer_inner {
				background: url("../images/bg_lw_bottom.png") 100% 100% repeat-x transparent; 
				padding: 0 0 19px 0;
			}
	
	
a#lightwindow_title_bar_close_link,	
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
	background: url("../images/btn_close.png") 0 -57px no-repeat transparent; 
	height: 0;
	width: 0;
	cursor: pointer;
	line-height: 2em;
	padding: 58px 59px 0 0;
	overflow: hidden;
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 20;
}

a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
	background-position: 0 0px;
}

#lightwindow_overlay_close {
	color: #fff;
	top: 0px;
	right: 5px;
	position: absolute;
	cursor: pointer;
}