﻿#formpage {box-sizing:border-box;padding-left:20px;}

form > div {clear: both; overflow: hidden; padding: 1px; margin: 0 0 10px 0; -webkit-appearance: none; font-family:'Roboto Condensed', sans-serif;font-weight:400;}

label {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;}

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:400; 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 #3777bf;}

select {-webkit-appearance: none;-moz-appearance:none;appearance:none;width:75%;float:right;padding:8px 10px;}
	
input.button, input.button:focus, div.button, div.button:focus {width:75%;float:right;padding:7px 0;font-weight:700;background:#3777bf;border:1px solid #333;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 #333;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;}

@media screen and (max-width: 1024px){
	form > div > label {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 #3777bf;}
    
    select {width: 100%; float: none;}
}

@media screen and (max-width: 684px){
    #formpage {padding-left:0;}
}