#containerss #zero_step {
    display: block;
}

#containerss .form {
    padding: 0em 1em;
    margin-bottom: 2em;
}

#containerss h1, #containerss h2 {
    text-align: center;
    font-size: 24px;
}

    #containerss h1 span {
        color: #a90329;
    }

#containerss h2 {
    color: #888;
    font-size: 20px;
    text-align: left;
}

#containerss table {
    margin: 20px 40px;
    font-size: 14px;
    font-weight: bold;
}

    #containerss table td {
        padding: 5px 10px;
    }

        #containerss table td:nth-child(2) {
            color: #a90329;
        }


p.footer-paragraph {
    display: none;
}

#containerss input[type="radio"] {
    color: #888;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 15px;
    height: 35px;
    padding: 0 25px;
    margin: 20px 0;
    display: inline-block;
}

#containerss input[type="text"], #containerss input[type="checkbox"], #containerss input[type="password"], #containerss select {
    color: #888;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 15px;
    width: 300px;
    height: 35px;
    padding: 0 25px;
    margin: 10px 0;
    display: inline-block;
    width: 70%;
    display: inline-block;
}


@media (max-width: 786px) {
    #containerss input[type="text"], #containerss input[type="password"], #containerss select {
        width: 90% !important;
        display: block !important;
    }

    .form > span {
        display: block !important;
        width: 100% !important;
    }

    span#BodyPlaceHolder_rblPost_AddressType label {
        width: 35% !important;
    }

    span#BodyPlaceHolder_rblGender label {
        top: -35px !important;
        left: -25px !important;
    }

    #containerss input[type="radio"] {
        width: 15% !important;
        display: inline-block;
    }

    #containerss input[type="checkbox"] {
        width: 20% !important;
        display: block !important;
    }
}

input#BodyPlaceHolder_cbAccept {
    width: 35px !important;
    position: relative;
    top: 5px;
}

#containerss input.submit {
    background: url('../images/button.png') no-repeat;
    border: none;
    cursor: pointer;
    width: 85px;
    height: 38px;
    position: relative;
    bottom: 2px;
    left: 655px;
}

    #containerss input.submit:focus {
        border: none;
    }

#containerss input.send {
    background: url('../images/send.png') no-repeat;
}

#containerss input.error {
    border: 1px solid red;
}

#containerss input.valid {
    border: 1px solid #1FFF00;
    background-color: rgba(255, 255, 255, 0.1);
}

#containerss input:focus, #containerss select:focus {
    border: 1px solid #a90329;
    color: #a90329;
}

#containerss select {
    padding: 5px 0 5px 25px;
}

#containerss option {
    padding: 0 15px;
}

#containerss label {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    display: block;
    /* float: right; */
    /*margin: 0px 10px;*/
    /* width: 270px; */
}


#progress_bar {
    background: url('../images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: 0 auto;
    position: relative;
}

#progress {
    background: url('../images/progress.png') repeat-x;
    width: 0px;
    height: 23px;
}

#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    left: 0;
}


.form > span {
    display: inline-block;
    width: 25%;
}

#containerss input[type="checkbox"] {
    width: 3% !important;
    display: inline-block !important;
}

.inline label {
    display: inline-block !important;
    width: 15%;
    position: relative;
    top: -10px;
    left: 3px;
    left: -1%;
    position: relative;
}

#containerss input + label {
    display: inline-block !important;
    width: 94%;
    position: relative;
    top: -10px;
    left: 3px;
}


@media (max-width: 991px) {

    #containerss {
        width: 100%;
    }

        #containerss .form {
            margin: 0px;
        }

    #header .header-nav-bar .primary-nav > li > a {
    }
}


.form, .redJoin {
    font-size: 15px !important;
}

#containerss input[type="search"] {
    color: #888;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 15px;
    width: 300px;
    height: 35px;
    padding: 0 25px;
    margin: 10px 0;
    display: inline-block;
    width: 70%;
    display: inline-block;
}

div#BodyPlaceHolder_pnlSuccess span {
    line-height: 1.5em;
}

div#BodyPlaceHolder_pnlSuccess, div#BodyPlaceHolder_pnlFailure, #BodyPlaceHolder_pln2FA, #BodyPlaceHolder_pln2FALogin {
    display: none;
}

    div#BodyPlaceHolder_pnlSuccess h4 {
        font-size: 27px;
    }

    div#BodyPlaceHolder_pnlSuccess a {
        text-decoration: underline;
    }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-weight: 100;
    position: relative;
    top: 3px;
}

.redJoin {
    padding: 0.5em 0em;
    display: block;
    color: #cc0000;
}

html, body, p, span, a, h2, h3, h4, h1 {
    font-family: 'Open Sans', sans-serif !important;
}

    span#BodyPlaceHolder_rblGender, span#BodyPlaceHolder_userProf,
    span#BodyPlaceHolder_rblPost_AddressType,
    span#BodyPlaceHolder_rbCouncilStaff,
    span#BodyPlaceHolder_rblNoticeDelivery {
        width: 70%;
    }

        span#BodyPlaceHolder_rblGender input, span#BodyPlaceHolder_userProf input,
        span#BodyPlaceHolder_rblPost_AddressType input,
        span#BodyPlaceHolder_rbCouncilStaff input,
        span#BodyPlaceHolder_rblNoticeDelivery input {
            width: 5%;
        }

        span#BodyPlaceHolder_rblGender label {
            width: 11% !important;
        }

        span#BodyPlaceHolder_rblPost_AddressType label, span#BodyPlaceHolder_userProf label {
            width: 17% !important;
        }

        span#BodyPlaceHolder_rblNoticeDelivery label,
        span#BodyPlaceHolder_rbCouncilStaff label {
            width: 17% !important;
        }

div#BodyPlaceHolder_pnlSuccess span {
    display: inline !important;
}

.form > div > span {
    display: inline-block;
    width: 25%;
}

.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

.valid {
    border: 1px solid #1FFF00;
    background-color: rgba(255, 255, 255, 0.1);
}

input#BodyPlaceHolder_tbPassphrase {
    width: 50%;
    display: inline-block;
}

input#BodyPlaceHolder_bSubmit2FA {
    display: inline-block;
}


.for2FA {
    height: 35px;
    padding: 0 25px !important;
    display: inline-block !important;
    width: 24.5% !important;
}

span#BodyPlaceHolder_lbl2FALoginError, #BodyPlaceHolder_lbl2FAError {
    width: 80%;
}

input#BodyPlaceHolder_tb2Bar, input#BodyPlaceHolder_tb2Mail {
    font-weight: bold;
    background: #eee;
}