#formpage {border: 1px solid #ccc; padding: 20px; box-sizing:border-box;}

form > div {clear: both; overflow: hidden; padding: 1px; margin: 0 0 10px 0; -webkit-appearance: none; font-family:'Roboto Condensed', sans-serif;font-weight:300;}
form > div > fieldset > div > div {margin: 0 0 5px 0;}
form > div > label, legend {width: 25%; float: left; box-sizing: border-box;}
form > div > div, form > div > fieldset > div {width: 75%; float: right; box-sizing: border-box;}
form > div > fieldset label {font-size: 90%; font-weight:900;}
fieldset {border: 0;padding: 0;}
input[type=text], input[type=email], input[type=url], input[type=password], textarea, select {width: 75%; border: 1px solid #afafaf; padding: 8px 10px;; box-sizing: border-box; font-weight: 300; font-family:'Roboto Condensed', sans-serif;}
input[type=text], input[type=email], input[type=url], input[type=password], textarea, select {width: 75%;}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus {outline: 0; border: 1px solid #317d3c;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 75%; float: right; padding: 5px;font-size:18px;line-height:30px;}
	
input.button, input.button:focus, div.button, div.button:focus {width: 75%; float: right; padding: 7px 0; font-weight: 800;background: #317d3c; border: 1px solid #000; text-align: center; color: #fff;-webkit-appearance: none; box-sizing: border-box;}
input.button:hover, div.button:hover {color: #fff; background: #555; border: 1px solid #000; cursor: pointer; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; box-sizing: border-box;}

/* control the Captcha */
.CaptchaPanel {margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; text-align: center; line-height: normal !important;}
.CaptchaPanel img {margin: 0 auto;}
.CaptchaImagePanel {margin: 0 0 0 0; padding: 0 0 0 0;}
.CaptchaMessagePanel {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
.CaptchaAnswerPanel {margin: 0 0 0 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height: 0; margin: 0 0 0 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color: #000;}
.CaptchaWhatsThisPanel a:hover {text-decoration: none;}

.formwrap {border:1px solid #ccc;padding:20px;box-sizing:border-box;}

@media screen and (max-width: 1024px){
	form > div > label, legend {width: 100%; float: none;}
	form > div > div, form > div > fieldset > div {width: 100%; float: none;}
	input.button, input.button:focus, div.button, div.button:focus {width: 100%; float: none;}
	.CaptchaPanel {width: 100%;}
    input[type=text], input[type=email], input[type=url], input[type=password], textarea, select {width: 100%;}
    input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus {outline: 0; border: 1px solid #ed3338;}
    select {width: 100%; float: none;}
}