/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

Other modifications by Benjamin Dauer

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;

	width:700px;
	height:600px;
	margin:-300px 0 0 -350px;

	border:10px solid #000;
	background:#fff;
 	z-index:9999;
	text-align:left;
	overflow: auto;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage
{
	display: block;
	background: #000 url('/system/images/spinner.gif') no-repeat center center;
	opacity: 0.75;
	filter:alpha(opacity: 75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
}

/*
#lightbox.done img{
	width:100%;
	height:100%;
}
*/


#lightbox div.lightbox_header, #lightbox div.lightbox_footer
{
	position: relative;
	background-color: #eee;
	padding: 5px;
}

#lightbox div.lightbox_header
{
	border-bottom: 1px solid black;
	margin: 0px 0px 10px 0px;
	padding:12px;
}

#lightbox div.lightbox_footer
{
	border-top: 1px solid black;
	margin: 10px 0px 0px 0px;
}

#lightbox div.lightbox_close 
{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 5px;

}


#lightbox div.lightbox_header h3
{
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	
}

#lightbox div.lightbox_body
{
	padding: 5px;
}


#lightbox_close_div
{
	position:fixed; 
	top:50%;
	left:50%;
	width: 784px;
	height: 600px;
	margin:-300px 0 0 -384px;
 	z-index:9998;
}

#lightbox_close_button
{
	float:right;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../../system/images/close_win.png) no-repeat right top;
}

