@charset "utf-8";
/* CSS Document */

body { 
			background-color: #e3e3e3;
			margin: 0; 
			padding: 0;
			margin-top:15px;
			 background-image:url(http://www.humanevents.com/t/img/bg.png);
			}




.body-copy {
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	padding-right:15px;
	line-height:1.4;

				
	           
}


.thankyou-headline {
			color:#be141b;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			font-size:55px; 
			text-align: center
				
	           
}

.headline {
			color:#be141b;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			font-size:35px; 
			text-align: center
				
	           
}




.mainbox {
	border:1px solid #CCCCCC;
	background-color:#ebebeb;
	-moz-border-radius: 15px;
        border-radius: 15px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.emailbox {
	border:1px solid #CCCCCC;
	background-color:#ebebeb;
	-webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 15px;
        margin-left:auto;
        margin-right:auto;
        width:90%;
        height:140px;
	

}


.shadow {
               -moz-box-shadow: 3px 3px 4px #CCC;
		-webkit-box-shadow: 3px 3px 4px #CCC;
		box-shadow: 3px 3px 4px #CCC;
}


.emailbox-headline {
			color:#333333;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px; 
			text-align: center
	           
}

.emailbox-footer {
			color:#888;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px; 
			
				
	           
}
	
	

.footer {
			color:#333;
			font-family: Arial, Helvetica, sans-serif;
			font-size:11px; 
			text-align: center
				
	           
}



.rollover input{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;


}

#submit-button input{
   height: 49px; /*This height is the visible portion of the button only*/
   width: 183px; /*Put your image width here*/
   background: url('http://c15161591.r91.cf2.rackcdn.com/ea/polls/begin-survey-button.png') no-repeat left top;
   color: transparent;
   float: left;
   
}

#submit-button input:hover{
   background-position: left -49px; /*This negative value should match the height above*/
   color: transparent;
   float: left;

}