html, body {
    background-color: #f0f5ff;
    font-size: 13px;
}
#login_box {
    padding: 30px;
    margin: 100px auto;
    background: #ffffff;
    border-radius: 15px;
    -moz-box-shadow: 0 0 8px #dfe4ec;
    -webkit-box-shadow: 0 0 8px #dfe4ec;
    box-shadow: 0 0 8px #dfe4ec;
    border: 1px #dfe4ec solid;
    width: 400px;
}
#logo_login {
    text-align: center;
    background: url("../images/logo.png") no-repeat;
    height: 80px;
    margin: 0 auto 0 auto;
}
#logo_login:hover {
    cursor: pointer;
}
#title {
    text-align: center;
    font-size: 22px;
    color: #808080;
    margin: 15px 0 25px 0;
}
#login_container {
    display: block;
    margin: 0 auto;
    width: auto;
    text-align: center;
}
#userid, #password, #forgot_group {
    font-size: 0;
}
#background_user, #background_password {
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;
    border-color: #d8d8d8;
    border-style: solid;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
#background_user {
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 15px;
    background-color: none;
    background-image: url("../images/icon_user.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#background_password {
    border-left-width: 1px;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-left-radius: 15px;
    background-color: none;
    background-image: url("../images/icon_lock.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#background_user_input, #background_password_input {
    border-color: #d8d8d8;
    border-style: solid;
    background-color: #ffffff;
    width: auto;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
#background_user_input {
    border-left-width: 0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-right-radius: 15px;
}
#background_password_input {
    border-left-width: 0;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-right-radius: 15px;
}
#txtUserID, #txtPassword, #user_id, #email {
    font-size: 15px;
    line-height: 21px;
    width: 180px;
    margin: 8px 10px 12px 15px;
    padding: 0;
    color: #404040 !important;
    background-color: #ffffff !important;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}
#button_group, #forgot_group {
    text-align: center;
    white-space: nowrap;
}
#button_group input {
    border: none;
    color: #fff;
    background-color: #408cfb;
    padding: 4px 16px !important;
    margin: 20px 0 25px 0 !important;
    font-size: 20px !important;
    -webkit-box-shadow: 2px 2px 0px 0px #4D7ABB;
    -moz-box-shadow: 2px 2px 0px 0px #4D7ABB;
    box-shadow: 2px 2px 0px 0px #4D7ABB;
    border-radius: 4px;
}
#button_group input:hover {
    cursor: pointer;
    background-color: #1BA15A;
    -webkit-box-shadow: 2px 2px 0px 0px #128448;
    -moz-box-shadow: 2px 2px 0px 0px #128448;
    box-shadow: 2px 2px 0px 0px #128448;
}
#forgot_group a {
    font-size: 12px;
    color: #408cfb !important;
    text-decoration: none !important;
}
#forgot_password {
    margin-right:30px;
}
::-webkit-input-placeholder {
    color:#999999 !important;
}

::-moz-placeholder {
    color:#999999 !important;
}

::-ms-placeholder {
    color:#999999 !important;
}

::placeholder {
    color:#999999 !important;
}

/* begin styles for Password Reset and Forgot User Id */
#forgot_instructions {
    text-align: center;
    margin-bottom: 20px;
}
#background_user_forgot_password, #background_email_forgot_user {
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;
    border-color: #d8d8d8;
    border-style: solid;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
#background_user_forgot_password {
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: none;
    background-image: url("../images/icon_user.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#background_email_forgot_user {
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: none;
    background-image: url("../images/icon_email.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#background_user_forgot_password_input, #background_email_forgot_user_input {
    border-color: #d8d8d8;
    border-style: solid;
    background-color: #ffffff;
    width: auto;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
#background_user_forgot_password_input, #background_email_forgot_user_input {
    border-left-width: 0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
#email {
    width: 220px;
}
/* end styles for Password Reset and Forgot User Id */