/* CSS Document */
html, body{
background: #60000c;
color: white;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
margin-left: -20px;
padding: 0;
padding-top: 10px;
height: 100%;
width: 100%;

}

#containter{
width:800px;
height: 500px;
margin: auto;
}

#containter2{
width: 820px;
height: 84px;
margin: auto;
position:relative;
}

.floatr{
float:left;
position:relative;
}

.summery{
overflow:visible;
position:absolute;
padding: 10px;
padding-top:25px;
width:770px;
margin: auto;
z-index: 18;
color:black; 
background: white;
text-align: center;
font-size: 16px;
font-weight:normal;
}

.left{
position: relative;
float:left;
background:url(corners.gif) no-repeat;
width:25px;
height: 84px;
}

.right{
position: relative;
z-index: 17;
float:left;
background:url(corners.gif) no-repeat;
background-position: right;
width:25px;
height: 84px;
}

.middle{
position: relative;
z-index: 17;
float:left;
background:white;
width:770px;
height: 80px;
margin-top:2px;
}


#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#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.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
#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%;
}