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

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

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

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

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #5c3e22;
	background-color:#211408;
	color: #efefef;
	text-align:left;
}

#inner {
 height: 375px;
 overflow: auto;
 width: 500px;
}

#inner h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

#inner h2 {
 color: #5c3e22;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 margin: 16px 0px 0px 0px;
 padding: 7px 15px 0px 7px;
 text-align: right;
}

#inner .item {
 background-color:#422b15;
 border: 1px solid #5c3e22;
 margin: 7px 15px 7px 15px;
 padding: 10px;
}

#inner .item .name {
 border-right: 1px dotted #5c3e22;
 color: #e1b776;
 display: inline-block;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding-right: 5px;
 width: 355px;
}

#inner .item .price {
 color: #efefef;
 display: inline-block;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 line-height: 11px;
 text-align: right;
 width: 70px;
}

.close_lb {
 background-color: #5c3e22;
 height: 25px;
}

.close_lb a {
 display: block;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 height: 25px;
 line-height: 25px;
 text-align: center;
}

#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;
}

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