input[type=submit] {
    cursor: pointer;
    border: none;
}

a img {
    float: left;
    border: none;
}

a {
    text-decoration: none;
    font-family: 'Calibri';
}

body {
    background: url(../images/body_bg.jpg) repeat left top;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.clear {
    clear: both;
    width: 100%;
}

#wrapper {
    width: 474px;
    margin: auto;
}

#container {
    width: 474px;
    float: left;
    border: solid 1px #cfcfcf;
    background: #e3e3e3;
    margin-top: 65px;
    padding: 23px;
}

#wrapper #login_container {
    width: 471px;
    float: left;
}

    #wrapper #login_container #top {
        background: url(../images/login_conainer_top.jpg) left top no-repeat;
        float: left;
        width: 471px;
        height: 12px;
    }

    #wrapper #login_container #mid {
        background: url(../images/login_conainer_mid.jpg) left top repeat-y;
        float: left;
        width: 430px;
        min-height: 50px;
        padding: 10px 0px 25px 40px;
    }

    #wrapper #login_container #bottom {
        background: url(../images/login_conainer_bottom.jpg) left top no-repeat;
        float: left;
        width: 471px;
        height: 12px;
    }

#login_container #mid #logo {
    width: 471px;
}

#login_container #mid h1 {
    float: left;
    font-size: 22px;
    margin: 0px;
    padding: 0px 0px 11px;
    text-transform: capitalize;
    color: #204ab1;
    width: 360px;
}

#login_container #mid p {
    float: left;
    font-size: 13px;
    margin: 0px;
    padding: 11px 0 3px 0;
    width: 385px;
}

.txbx {
    float: left;
    height: 33px;
    padding: 0px 58px 0px 5px;
    vertical-align: middle;
    width: 320px;
    border: 1px solid #c0c0c0;
    color: #8f8f8f;
    font-size: 13px;
}

.logo_Comp {
    max-width: 400px;
    max-height: 100px;
}

.reset_password {
    background: url(../images/submit_buttons.png) left -1px no-repeat;
    height: 30px;
    width: 170px;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
}
.login-btn {float: left; margin-right: 8px; margin-top: 10px; padding: 1em 1.8125em; border-radius: 4px;
    font-weight: 700; font-size: 1em; line-height: 1.133;
    transition: 150ms ease; transition-property: background-color, border-color, box-shadow, color;
    text-align: center; -webkit-user-select: none; user-select: none;
    -webkit-appearance: none; appearance: none;
    cursor: pointer; box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%);
    background-color: #1280B6 !important; color: #ffffff;
    border-width: 1px; border-style: solid; border-color: transparent;}
.login-btn:hover, .login-btn.active {text-decoration: none; background-color: #2da5e4 !important;}

.reset_password:hover, .reset_password.active {
    background-position: left top;
}


#compTitle {
    display: none;
}

#wrapper #footer {
    float: right;
    height: 47px;
    vertical-align: middle;
    color: #454646;
    font-size: 12px;
    font-family: Calibri;
}

    #wrapper #footer a {
        color: #2049af;
        font-family: Calibri;
    }

    #wrapper #footer img {
        float: right;
    }

/*  RGB - Accept Invitation classes - Start */

#login_container #mid .acpt_inv {
    width: 95%;
}

    #login_container #mid .acpt_inv h1 {
        float: none !important;
        font-size: 22px;
        margin: 0px;
        padding: 0px 0px 11px;
        text-transform: capitalize;
        color: #204ab1;
        width: 100% !important;
    }

    #login_container #mid .acpt_inv p {
        float: none !important;
        font-size: 13px;
        margin: 0px;
        padding: 11px 0 3px 0;
        width: 100% !important;
    }

    #login_container #mid .acpt_inv label {
        margin: 5px 0;
        font-size: 10pt;
        display: block;
    }

    #login_container #mid .acpt_inv input[type="text"], #login_container #mid .acpt_inv input[type="password"] {
        background-color: #FFFFFF;
        padding: 7px 5px;
        border: 1px solid #C0C0C0;
        width: 100%;
        color: #8f8f8f;
        vertical-align: middle;
        font-size: 10pt;
    }

    #login_container #mid .acpt_inv .left {
        width: 50%;
        display: inline-block;
        float:left;
    }

    #login_container #mid .acpt_inv .right {
        display: inline-block;
        float: right;
    }

    #login_container #mid .acpt_inv .acpt_footer {
        display: inline-block;
        float: none;
   }

    #login_container #mid .acpt_inv .acpt_footer span {
        margin: 5px 0;
        font-size: 10pt;
        display: inline-block;
    }

/*  RGB - Accept Invitation classes - Stop */

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media only screen and (max-device-width: 480px) {

    body {
        -webkit-text-size-adjust: none;
        background: none;
        background-color:white;
        padding: 0px;
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    #container {
        border: none;
        background: none;
        margin-top: 0px;
        background-color: white;
    }

    #wrapper #login_container #top, #wrapper #login_container #mid, #wrapper #login_container #bottom {
        background: none;
        background-color: white;
    }

    #wrapper #login_container #mid {
        padding: 10px 0px 25px 10px;
        width: 320px;
    }

    #compTitle {
        display: block;
    }

    .logo_Comp, #footer {
        display: none;
    }

    center {
        text-align: -webkit-left;
    }

    #login_container #mid p{
        width: 320px;
    }
}