/*----------close button----------*/
a.lbAction {
	/*padding: 0 3px;
	text-decoration: none;
	float: right;
	position: absolute;
	top: -20px;
	right: -20px;
	color: #000000;
	border: 4.5px solid #000000;
	background: #CCCCCC;
	z-index: 102;*/
	
}
a.lbAction:hover {
	/*background: #FFFFFF;*/
}
a.lbAction:active {
	background: #999999;
}


/*----------popup div styling----------*/
div.leightbox {
	color: #333;
	display: none; /* toggle display to show/hide the popups when designing & previewing */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -200px;
	width: 400px;
	/*height: 500px;*/
	height: 245px;
	padding: 0;
	border: 1em solid #000000;
	background: #FFFFFF;
	z-index: 103;
	overflow: none;	
}
div.scrollbox {
	margin: 0 auto;
	width: 90%;
	padding: 0 5% 0 5%;
	height: 100%;
	text-align: left;
	overflow: auto;	
}
div#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 102;
	background-color:#000000;
	-moz-opacity: 0.80;
	opacity: .80;
	filter: alpha(opacity=80);
}

div.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
div#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

#OkButton
{
    position: relative;
    float: left;
    padding: 5px;
    background-color: #CCCCCC;
    border: 1px Solid Black;
    margin: 20px 0 0 0;
}
#NoButton
{
    position: relative;
    float: left;
    padding: 5px;
    background-color: #CCCCCC;
    border: 1px Solid Black;
    margin: 20px 0 0 10px;
}
#OkButton a, #NoButton a
{
    text-decoration: none;  
    color: Black; 
}
#LightBoxLogo
{
    margin: 10px 0 0 0;   
}
h1
{
    color: #FF6500;
}