
/*modal*/


#modal_content {


	display: none;


	position: fixed;


	left: 50%;


	padding: 0 0 0 0;


	top: 10%;


	-webkit-box-shadow: 0px 0px 8px #111;


	background: #FFF;


	width: 671px;


	margin-left: -335px;


	text-align: center;


	border: 2px solid darkred;


	background-color: #f5ffff;


	line-height: 180%;


	font-family: Verdana;


	font-size: 10pt;


	padding-bottom: 25px;


}





body.ie #modal_content {


	padding-top: -10px;


	padding-bottom: 35px;


}





#modal_content small{font-size:77%;}


#modal_content .modal_close {


	display: block;


	color: red;


	float:right;


	cursor:pointer;


	font-weight: bold;


	background-color: #ffdddd;


	height: 20px;


	width: 20px;


}





#modal_content h3 {


	font-size: 200pt;


}





#modal_content .modal_close p {
	position: relative;
	top: -16px;
	left: 0px;	
}

body.ie #modal_content .modal_close p {
	top: 0px;
}

body.op #modal_content .modal_close p {
	top: 0px;
}



#modal_content h3{font-size:116%;}


#modal_overlay {  }





#modal_overlay { 


	width: 100%; 


	height: 500%; 


	position: absolute !important; 	 


	top: 0px !important;


	margin: 0px;	


	filter: alpha(opacity=60); 


}





/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */





* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;


	width: expression(this.parentNode.offsetWidth+'px');


	height: expression(this.parentNode.offsetHeight+'px');


}





/* Fixed posistioning emulation for IE6


     Star selector used to hide definition from browsers other than IE6


     For valid CSS, use a conditional include instead */


* html #modal_content {


     position: absolute;


     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');


}





