@charset "UTF-8";

@media all
{
    fieldset {
        margin: 1em 0;
        padding: 1em;
        border: 1px solid #fff;
        background: #f8f8f8
    }
    
    legend {
        font-weight: bold;
        background: #21385a;
        color: #fff;
        padding: 0 0.2em
    }
    
    label {
        float:left;
        width: 8em 
    }
    
    .required label:after {
        content: '*'
    }
    
    /*
    div .input {
        height: 2em
    }
    */
    
    input {
        margin: 0.2em 0;
        width: 200px;
        height: 1.3em;        
        font-size: 110%;        
    }
    
    textarea, input {
        border: 1px solid #21385a;       
    }
    
    #LoginResend {
        width: 20px;
        margin-top: 1em
    }
    
    #label {
        width: 180px;        
    }
    
    #flashMessage {
        font-size: 1.3em;
        color: red
    }
    
    input:focus {
        background: #ffc
    }
    
    .required {
        position: relative;
        font-weight: bold
    }
    
    .error-message {
        position: absolute;        
        margin-left: 11em;
        top: 0;
        left: 200px;
        font-weight:bold;
        color: #760000; 
        padding-left: 18px;
        background: url(/img/error.gif) no-repeat left top;
    }
    
    .submit input {
        border: 1px solid #21385a;
        background: #fff;
        width: 300px;
        height: 30px;
        color: #21385a;
        font-size: 120%;
        font-weight: bold;
        line-height: 30px;
        cursor:pointer
    }
    
    .submit input:hover {
        background: #21385a;
        color: #fff;
    }

}