/**
 *	The “.modal-overlay” class is the layer that covers the current view and serves 
 *	as a backdrop for the modal window. “.modal-window” is obviously the window itself.
 *	In this case, the modal-window class is very generic since we will rely on the 
 *	styling in the transparent iFrame for design. Lastly, I chose to implement a close 
 *	graphic which is displayed using the “.close-window” class. Again, this is very basic.
 **/
.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	z-index:101;
}
.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}
.close-window
{
	position:absolute;
	width:26px;
	height:25px;
	right:25px;
	top:0px;
	background: transparent url('../../../../../../global/gfx/buttons/close_popup.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:auto;
	cursor:pointer;
	/*
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	*/
}
.close-window:hover
{
	/*
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	*/
}