/* Z-index of mask must lower than boxes .window */  
#mask {  
   position:absolute;  
   z-index:9000;  
   background-color:#333;  
   display:none;
   top: 0;
   left: 0;
}  
     
.window {  
   position:absolute;  
   width:440px;  
   height:200px;  
   display:none;  
   z-index:9999;  
   padding:20px;  
 }  
 
 .wide-window { width: 580px; }
   
   
 /* Customize your modal window here, you can add background image too */  
 #dialog {  
   width:600px;   
   height: auto;
   background: #fff;
   border: 1px solid #cc0000;
 } 
 
 #dialog h1 { 
 	margin-bottom: 15px; 
	color: #80b636;
	font-size: 18px;
	font-weight:bold;
 }
 
 #dialog h2 {
	color: #333;
	font-size: 16px;
	font-weight:normal;
 }
 
 #dialog img { margin: 15px auto; }
 
 #dialog div.form-row {margin: 15px auto;}
 
 #newsletter-signup-form {
	 display: block;
	 margin: 0 auto;
	 padding: 30px auto;
	 text-align: center;
	 width: auto;
	 color: #7db234;
	 font-weight: bold;
 }
 
 #newsletter-signup-form label {
 	 color: #7db234;
	 font-weight: bold;
	 font-size: 16px;
	 line-height:24px;
	 margin-bottom: 15px;
 }
 
#newsletter-signup-form input.addy {
	border: 1px solid #80b636;
	padding: 4px;
	font-size: 16px;
	font-weight:normal;
	color: #333;
	line-height: 24px;
}
#newsletter-signup-form input#signup-newsletter-btn {
	font-size: 18px;
	font-weight: bold;
	border: 5px solid #cc0000;
}

#exit-message { font-size: 16px; font-weight:normal; }

#exit-message h1 {
	color: #ED008C;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin: 15px auto;
}
#exit-message h1.small-black { font-size: 22px; color:#000; font-weight: bold; margin-bottom: 30px; }


#exit-message h2 {
	color: #00;
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	margin: 15px auto;
	margin-top: 0;
}

#exit-message h2 span {
	display:block;
	line-height: 24px;
	color: #80b636;
	font-size: 18px;
}

#exit-message p {
	margin: 15px 40px;
	font-size:16px;
}

#exit-message img#poster {
	float: left;
	margin: 0 15px;
}