/* 
 * Transparent grey fade behind the pop-up is an empty <div>, stretched 100% horizontally and vertically, 
 * with a z-index with a relative positioning to be on top of the site content.
 */


#fade {
/*
	background: #acacac;
	position: fixed;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=80);
	opacity: .57;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 Transparency
	left: 0;
	top: 0;
	z-index: 10;
*/	
}


/* 
 * Pop-Up Styles
 * Fixed position to center of window,
 * and layered on top of all other elements using z-index.
 */

#pu_embed,
#pu_email {
	position: relative; /* Was "absolute."  Must be "relative" or docked footer will not work properly */
	width: 100%;
	height: 100%;
	text-align: left;
}

.popup_block { /* Bordered area which holds the popup div */
	background: #ffffff;
	padding: 12px;
	border: 10px solid #7f7f7f;
	float: left;
	width: 480px;
	position: fixed;
	top: 40%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}

.popup_block .popup {
	float: left;
	width: 100%;
	background: #ffffff;
	padding: 0; /* FIX? */
}

/*  
 * PNG file for "close"/"X" button.
 */

.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}