/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

* html, * html body {
	height: 100%;
}

/* overlay
==============================================================================*/
#overlay{
	display: none;
	z-index: 5000;
	position:absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #000;
	
	/* set the opacity */
	-moz-opacity: 0.8;
	opacity: 0.80;
	filter: alpha(opacity=80);
	}
	#overlay[id]{
		position: fixed;
	}

/* lightbox
==============================================================================*/
#lightbox{
	display: none;
	z-index: 9999;
	position: absolute;
	
	/* default position */
	top: 50%; left: 50%;
	width: 500px; height: 400px;
	margin: -220px 0 0 -250px;
	
	border: 2px solid #222;
	background-color: #fff;
	}
	#lightbox[id]{
		position: fixed;
	}

#lightbox.loading #lbContent { display: none; }
#lightbox.loading #lbLoadMessage {
	display: block; height: 100%;
	background: url(../images/loading.gif) no-repeat 50% 50%;
}
#lightbox.loaded #lbContent { display: block; }
#lightbox.loaded #lbLoadMessage { display: none; }

#lightbox.loaded img {
	width:100%;
	height:100%;
}