.login-box {
    float: left;
    width: 30%;
    min-height: 140px;
    margin: 10% 0 10px 30%;
    padding: 20px 20px 20px 20px;
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
    -moz-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
    box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
}


.border-box {
    float: left;
    min-height: 100px;
    margin: 10% 0 10px 30%;
    padding: 20px 40px 20px 40px;
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
    -moz-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
    box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
}


.lgn-cnt-itm {
    float: left;
    width: 100%;
    padding: 5px 10px 0 10px;
}

.vld-result {
    float: left;
    margin: 5px 0 0 10px;
    color: #CC0000;
}

.txt-usrname {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.txt-pass {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.btn-lng {
    float: right;
    width: 100%;
    background-color: #376154;
    border: none;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 30px;
    background: linear-gradient(180deg, rgba(103,140,140,1) 14%, rgba(66,90,99,1) 100%);
    border-radius: 3px;
}


.lbl-reg-now {
    margin: 10px 0 0 0;
    font-size: 13px;
    text-align: center;
}

.lgn-tittle {
    float: left;
    width: 100%;
}



/*---- REGISTER -------*/


.txt-reg-fname {
    float: left;
    width: 44%;
    margin: 0 1% 1% 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.txt-reg-lname {
    float: left;
    width: 44%;
    margin: 0 1% 1% 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.txt-reg-username {
    width: 68%;
    margin: 0 1% 0 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.txt-reg-pass {
    width: 41%;
    margin: 0 1% 0 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.txt-reg-rep-pass {
    width: 45%;
    margin: 0 1% 0 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}

.txt-reg-email {
    width: 68%;
    margin: 0 1% 0 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
}


.btn-register {
    float: left;
    width: 80%;
    background-color: #376154;
    border: none;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 7px 10px;
    margin: 0 0 0 10px;
    background: linear-gradient(180deg, rgba(103,140,140,1) 14%, rgba(66,90,99,1) 100%);
    border-radius: 3px;
}


/*-----REGISTER--------*/
@media screen and (max-width: 900px) {
    .login-box {
        float: left;
        width: 60%;
        min-height: 140px;
        margin: 10% 0 10px 20%;
        padding: 20px 20px 20px 20px;
        background-color: #f1f1f1;
        border-radius: 3px;
    }
}



@media screen and (max-width: 500px) {
    .login-box {
        float: left;
        width: 80%;
        min-height: 140px;
        margin: 10% 0 10px 10%;
        padding: 20px 20px 20px 20px;
        background-color: #f1f1f1;
        border-radius: 3px;
    }
}



.register-box {
    float: left;
    width: 50%;
    min-height: 350px;
    background-color: #eaeaea;
    margin: 5% 0 0 25%;
    padding: 20px 20px 30px 20px;
    border-radius: 3px;
    -webkit-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
    -moz-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
    box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.75);
}





@media only screen (max-width:600px) {
    .login-box {
        float: left;
        width: 90%;
        min-height: 140px;
        margin: 10% 0 10px 5%;
        padding: 20px 20px 20px 20px;
        background-color: #ededed;
        border-radius: 3px;
    }


    .register-box {
        float: left;
        width: 90%;
        min-height: 140px;
        margin: 10% 0 10px 5%;
        padding: 20px 20px 20px 20px;
        background-color: #ededed;
        border-radius: 3px;
    }
}






.my-acct-hdr-back1 {
    float: left;
    width: 97%;
    min-height: 42px;
    line-height: 42px;
    margin: 5px 0 0 0;
    border-radius: 2px;
}

.my-acct-hdr-back2 {
    float: left;
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin: 5px 0 0 0;
    border-radius: 2px;
}

.my-acct-mn-title {
    float: left;
    color: #FFFFFF;
    font-size: 17px;
    margin: 0 0 0 10px;
}






.my-acct-cnt-item {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}


.acct-left-col {
    float: left;
    width: 60%;
    padding: 0 10px 10px 10px;
}

.acct-right-col {
    float: left;
    width: 40%;
    padding: 10px 10px 10px 0px;
}







.my-acct-cnt-item .item-ttl {
    float: left;
    width: 100%;
    font-weight: bold;
    margin: 7px 0 0 0;
}

.itm-fname {
    width: 49%;
    margin: 0 1% 1% 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
    padding: 4px;
    border-radius: 3px;
}

.itm-lname {
    width: 49%;
    margin: 0 1% 1% 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
    padding: 4px;
    border-radius: 3px;
}

.itm-uname {
    width: 40%;
    margin: 0 1% 0 0;
    background-color: #dedede;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
    padding: 4px;
    border-radius: 3px;
}

.itm-email {
    width: 40%;
    margin: 0 1% 0 0;
    background-color: #dedede;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
    padding: 4px;
    border-radius: 3px;
}

.itm-member {
    width: 40%;
    margin: 0 1% 0 0;
    background-color: #dedede;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 4px 0 4px;
    border: 1px solid #989898;
    padding: 4px;
    border-radius: 3px;
}





.acct-save-btn {
    float: left;
    min-width: 120px;
    height: 34px;
    border: 1px solid #05a214;
    border-radius: 3px;
    padding: 2px 45px 2px 45px;
    margin: 13px 0 0 0;
    color: #FFFFFF;
    padding: 4px 40px;
    background: linear-gradient(180deg, rgba(103,140,140,1) 14%, rgba(66,90,99,1) 100%);
}


.acct-validation-summ {
    float: left;
    width: 100%;
    color: #CC0000;
}