/* Lightbox.css
	CSS file for creating a lightbox
	by Brad Talton
	
	I hereby release this work into the public domain. Anyone is free to reuse, copy, modify, or distribute this file for
	any purpose, commercial or otherwise, without public attribution. This software comes with no warranty whatsoever. Use at
	your own risk.
	
	
	
	HTML:
	<div id='mylightbox' class='lightbox'>
		<div class='lightbox-bg'>&nbsp;</div>
		<div class='lightbox-inner'>
			<div class='lightbox-content'>
				<p>CONTENT HERE</p>
				<p>Click Anywhere to close</p>
			</div>
		</div>
	</div>
	
	JQUERY:
	$(document).ready( function() {
	
		function someFunction(){
			$('#mylightbox').fadeIn(fadespeed); // show lightbox
		}
		$('#mylightbox').click( function(){ // click anywhere to close
			$('#mylightbox').fadeOut(fadespeed);
		});
	});
*/

.lightbox {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100098;
	top: 0px;
	left: 0px;
}

.lightbox-bg {
	background-color: black;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 100099;
	top: 0px;
	left: 0px;
	opacity: 0.8;
	filter:alpha(opacity=80); /* IE's opacity*/
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;

}

.lightbox-inner {
	position: absolute;
	top:0;
	left:0;
	z-index: 1000100;
	width: 100%;
	height: 100%;
	margin-left:0;
	margin-right: auto;
}
.lightbox-content {
	position: relative;
	z-index: 1000100;
	width: 480px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

#error {
	font-size: large;
	color: red;
	font-weight: bold;
}