﻿#FORM {width: 25%;margin:2em auto;border: 1px solid #555;border-radius: 5px;background-color: #222;padding: 20px;box-shadow: 0 0 5px #000;}
.TextBox {direction:ltr;width: 97%;margin:0 0 0.1em 0;padding: 0.5em 1%;font-size: 110%;background-color:whitesmoke;}
.Validator {font-size: 70%;color: #f4a302;text-align: right;margin: 0 0 0.4em 0;}
#Refresh {float: left;width: 30%;height: 43%;background-color: whitesmoke;margin: auto;overflow: hidden;}
.Refresh{display:block;height:35px;width:35px;margin:4px auto;}
#Captcha{height:43px;float:right;width:70%;background-color:whitesmoke;margin:auto;overflow:hidden;}
#Captcha img{display:block;height:43px;width:auto;margin:auto;}
.Submit {width: 50%;margin: .5em auto;display: block;padding: 3px 0;font-size: 110%;}

#Clear{clear:both;}
#CaptchaPanel {margin: 0.5em 0;}
#OtherForms{padding-top:1em;}
#OtherForms > a {display: block;font-size: 80%;color: #a7daf3;}
label {font-size: 80%;color: #a7daf3;}
@media only screen and (min-width:1px) and (max-width: 1023px) 
{
    #FORM {width: 80%;padding: 5%;}
}