/* INPUT STYLES ************************************/


input[type="text"], input[type="password"], select, textarea {
    border-radius: 5px;
    border: thin solid #cccccc;
    padding:2% 4px;
    color: #555555;
}

.myMaskedTextBoxWrapper {
    border-radius: 5px;
    border: thin solid #cccccc;
    padding:4% 4px !important;
    color: #555555;
}

.btnGray {
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    background-color: #2b2726;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    border-radius: 20px;
}

    .btnGray:hover, .btnGray:active {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        transition: 0.3s;
        background-color: #7c7574;
    }







.btnWhite {
    border: 0;
    cursor: pointer;
    background-color: #fff;
    color: #2b2726;
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
}

    .btnWhite:hover, .btnWhite:active {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        transition: 0.3s;
        background-color: #afa3a0;
    }

.btnWhite2 {
    border: 0;
    cursor: pointer;
    background-color: #fff;
    color: #2b2726;
    padding: 6px 10px 6px 10px;
    border-radius: 25px;
}

    .btnWhite2:hover, .btnWhite2:active {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        transition: 0.3s;
        background-color: #afa3a0;
    }

/* FORM STYLES *************************************/

.divFormOneCol {
    padding: 20px;
}

.divFormOneCol input[type="text"], .divFormOneCol input[type="password"], .divFormOneCol textarea {
    width: calc(100% - 10px);
    max-width: 450px;
}

.divStackedCell {
    display: inline-block;
    width: Calc(100% - 20px);
    text-align: left;
    padding: 5px 20px 5px 0;
    max-width: 450px;
}

.spanFormText {
    font-size: 1em;
    font-weight: bold;
}

.spanRequired {
    color: Red;
    font-size: 1em;
}

.spanOK {
    color: #007249;
    font-size: 1em;
    font-weight: bold;
}

.spanFormNote {
    font-size: .7em;
    color: #777777;
    font-weight: normal;
}