/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 28, 2017, 2:11:02 AM
    Author     : Doug
*/
@media only screen and (max-width: 400px) {
    #main_box {
        width: 100%;
        background: whitesmoke;
    }
}

@media only screen and (min-width: 400px) {
    #main_box {
        width: 400px;
        background-color: rgba(220, 220, 220, 0.7);
    }
}

#main_box {
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    border: saddlebrown 1px solid;

}

span.validate {
    padding-left: 3em;
    color: red;
    font-weight: bold;
}

span.password_specs {
    font-size: 75%;
    color: gray;
}

div.spacer {
    min-width: 3em;
}

div.submit_button_div {
    margin-top: 1em;
    width: 100%;
    text-align: center;
}