﻿#overlay{    
	clear:both;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
 
/*IE6 needs the height explicitly set for some reason*/
* html #overlay{height:2000px;}

.lightbox{
	clear:both;
	position: absolute;
	top: 5%;
	left: 10%;
	width: 808px;
	border: 1px solid #CCC;
	/*background-color: white;*/
	background-color:#21558F;
	z-index:1002;
	overflow: hidden;
}

.lightbox .lightboxTitle{font-size:22px;background-color:#21558F;padding:4px 4px 4px 10px;margin-bottom:0px;border-bottom:1px solid #DDD;}
.lightbox .lightboxTitle .buttons{font-size:16px;}
.lightbox .lightboxTitle button{border-width:1px;border-color:#f0f0f0;background:#f0f0f0}
.lightbox .lightboxTitle button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}


.lightbox .lightboxContent
{
	padding:15px 15px 15px 0px;
        text-align: center
	clear:both;
}

a.lightboxOff{display:block;float:right;margin:5px 5px 0 0;padding:2px 2px 2px 2px;}
