﻿#body .subBox {
    font-family: 'Myriad Pro',Arial,Helvetica;
    background: white none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0;    
    box-shadow: 0 0 4px #666666;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    width:570px;
}

#body .subBox .form p, #body .subBox .form p a {
    color: #666666;
    font-size: 16px;
    line-height: 18px;
    margin: 13px 0;
    text-align:center;
}

#body .subBox .form .small {
    font-size: 12px;
    font-weight:normal;
    letter-spacing:0px;
    clear:both;
    margin-bottom:0;
}

#body .subBox .form .big {
    font-size: 32px;
    font-weight:bold;
    letter-spacing:0px;
    line-height: 36px;
    margin-top:5px;
    color:#A4CB4C;
}

#body .subBox .form .field {
    float: left;
    width:320px;
}
#body .subBox .form .field label {
    color:#A4CB4C;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    width: 60px;
    font-weight:bold;
}
#body .subBox .form .field .text {
    height: 30px;
 	border: 2px solid  #A4CB4C;
    margin: 0 -13px 10px 0;
    width: 225px;
	-webkit-border-radius: 4px;
	border-radius: 4px;    
}
#body .subBox .form .button {
background: rgb(164,203,76);
background: -moz-radial-gradient(center, ellipse cover,  rgba(164,203,76,1) 0%, rgba(113,152,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(164,203,76,1)), color-stop(100%,rgba(113,152,25,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(164,203,76,1) 0%,rgba(113,152,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(164,203,76,1) 0%,rgba(113,152,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(164,203,76,1) 0%,rgba(113,152,25,1) 100%);
background: radial-gradient(ellipse at center,  rgba(164,203,76,1) 0%,rgba(113,152,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cb4c', endColorstr='#719819',GradientType=1 );
 	border: 2px solid #A4CB4C;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 24px;
    letter-spacing:-1px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
	-webkit-border-radius: 4px;
	border-radius: 4px;    
    float: right;
    clear:none;
    margin-right:10px;
    width: 220px;
    text-align:center;
    height:80px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 100%;
    position: relative;
   	margin-top:-46px; 
}

#body .subBox .form .button:hover {
background: rgb(113,152,25);
background: -moz-radial-gradient(center, ellipse cover,  rgba(113,152,25,1) 0%, rgba(164,203,76,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(113,152,25,1)), color-stop(100%,rgba(164,203,76,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(113,152,25,1) 0%,rgba(164,203,76,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(113,152,25,1) 0%,rgba(164,203,76,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(113,152,25,1) 0%,rgba(164,203,76,1) 100%);
background: radial-gradient(ellipse at center,  rgba(113,152,25,1) 0%,rgba(164,203,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719819', endColorstr='#a4cb4c',GradientType=1 );
}

#body .subBox .form .small_btn {
    height:39px;
   	margin-top:-2px; 
}
@media screen and (max-width: 750px) {
	#body .subBox {
    	padding-left: 5px !important;
   		padding-right: 5px !important;
    	width:470px !important;
	}
	#body .subBox .form .field {
   	 	float: none;
   		 width:400px;
	}

	#body .subBox .form .field label {
		width:100px;
	}
	#body .subBox .form .field .text {
		width:280px;	
	}	
	#body .subBox .form .button {
		float:none;
		clear:both;
		margin:0 auto;
	}
}

@media screen and (max-width: 460px) {
	#body .subBox {
    	padding-left: 10px !important;
   		padding-right: 10px !important;
    	width:300px !important;
	}
	#body .subBox .form .big {
    	font-size: 24px;
	    line-height: 26px;
	}
	
	#body .subBox .form .field label {
		float:left;
		text-align:left;
		padding-left:18px;
		padding-bottom:2px;
	}
	#body .subBox .form .field .text {
		margin-left:15px;
		width:66%;	
	}	
}

@media screen and (max-width: 300px) {
	#body .subBox {
    	width:220px !important;
	}
	#body .subBox .form .field label {
		clear:left;
		float:left;	
		padding-left:5px;
	}
	#body .subBox .form .field .text {
		clear:left;
		float:left;
		margin-left:1px;
		width:210px;	
	}	
	
	.bodyBox img.logo {
		margin-left:-30px !important;
	}
}