#lightbox { 
	position: fixed;
	_position: absolute; 
	top: 2em; 
	left: 2em; 
	right: 2em; 
	bottom: 2em; 
	padding: 36px 18px 18px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	*background: #ccc; 
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px; 
	border-radius: 18px; 
	display: none; 
	z-index:10000; 
}

.jquery-lightbox-tutorial #overlay { 
	position: fixed; 
	_position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: rgba(0,0,0,0.8); 
	*background: #000; 
	*filter: alpha(opacity=80); 
	display: none; 
	z-index:9999; 
}
		
.jquery-lightbox-tutorial #lightbox { 
	top: 50%; 
	left: 50%; 
	right: auto;
	bottom: auto; 
	width: 600px; 
	height: 400px; 
	margin: -200px 0 0 -300px; 
	padding: 10px; 
	background: #fff; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0; 
}

.jquery-lightbox-tutorial #lightbox.loading { background: #fff url('/images/loading-lightbox-demo.gif') no-repeat 50% 50%; }
#lightbox #lightbox-target { background: #fff url('/images/loading.gif') no-repeat 50% 50%; width: 100%; height: 100%; }
#lightbox iframe { border: none; height: 100%; width: 100%; margin: 0; }
#lightbox div.title { 
	color: #fff !important; 
	position: absolute; 
	top: 0; 
	left: 0; 
	display: block; 
	height: 36px; 
	line-height: 36px; 
	font-family: Helvetica, Arial, clean, sans-serif; 
	font-size: 12px; 
	text-shadow: #000 0px -1px 1px; 
	width: 100%; 
	text-align: center; 
}
						
#lightbox a.close { 
	color: #fff !important; 
	position: absolute; 
	top: 0; 
	right: 18px; 
	display: block; 
	height: 36px; 
	line-height: 36px; 
	font-family: Helvetica, Arial, clean, sans-serif; 
	text-transform: uppercase; 
	font-size: 10px; 
	z-index: 5; }
			
.jquery-lightbox-tutorial #lightbox a.close { 
	color: #111 !important; 
	background: #fff; 
	height: auto; 
	right: 10px; top: 10px; 
	padding: 10px; 
	line-height: 1; }
			
#lightbox a.prev, #lightbox a.next { 
	position: absolute; 
	top: 50%; 
	left: 0; 
	padding: 5px; 
	background: #fff; 
	margin-top: -0.5em; 
	width: 6em; 
	text-align: center; 
	opacity: 0.5; 
}
			
#lightbox a.next { left: auto; right: 0; }
#lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; }


