﻿body {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif,tahoma;
    margin: 0px;
    padding: 0px;
    background: #BFBFBF;
}

#loginMain {
    height: 600px;
    width: 1060px;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 4% auto 0 auto;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    overflow: hidden;
    border: none;
}

#login-left {
    height: 600px;
    width: 388px;
    border: 1px solid #BFBFBF;
    background-color: #003058;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    float: left;
    border: none;
}

#login-welcome {
    width: 265px;
    color: #FFFFFF;
    font-size: 33px;
    font-weight: 600;
    line-height: 45px;
    margin: 150px auto 0 auto;
}

#surgere-login-logo {
    background: url('../Images/SurgereLogo.png') no-repeat;
    width: 256px;
    height: 25px;
    margin-top: 15px;
}

.loginDiv {
    height: 356px;
    width: 429px;
}

#login-left .line {
    margin: 35px 0;
    box-sizing: border-box;
    height: 1px;
    width: 129px;
    border: 3px solid #7BADD3;
    border-radius: 3px;
}

#login-submsg {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
}

#login-box {
    float: right;
    width: 300px;
    margin: 0 190px 0 0;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

.surgere-cos-blue {
    background: url('../Images/theme/SURGERE_YM_Blue.png') no-repeat;
    width: 358px;
    height: 80px;
}

.login-160margin {
    margin: 130px 160px 0 0;
    float: right;
}

#loginMain .cred label {
    display: block;
    margin: 22px 0 5px 0;
}

#loginMain input[type=text], #loginMain input[type=password] {
    box-sizing: border-box;
    height: 32px;
    width: 300px;
    border: 1px solid #A8B7C7;
    border-radius: 4px;
    background-color: #FFFFFF;
}

#lnkforgotpassword {
    margin: 10px 0 15px 0;
    color: #295781;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    display: block;
}

#chkRemember, #login-box label[for=chkRemember] {
    font-size: 12px;
    line-height: 18px;
    display: block;
    float: left;
    height: 18px;
}

#loginMain input[type=submit] {
    height: 40px;
    width: 136px;
    border-radius: 5px;
    background-color: #7BADD3;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    line-height: 20px;
    border: none;
    display: block;
}

#button_login {
    margin: 30px auto 0 auto;
}

#errorbox {
    color: #F00;
    font-size: 14px;
    margin: 7px;
    padding: 2px 0 0 28px;
    height: 27px;
    background: url('../Images/error_outline-24px.png') no-repeat;
}

#forgot-password-box {
    box-sizing: border-box;
    height: 505px;
    width: 485px;
    padding: 15px 62px;
    border: 1px solid #979797;
    border-radius: 8px;
    margin: 45px auto;
}

#emailMsg {
    width: 300px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
}

#forgot-password-box input[type=submit] {
    float: left;
    margin: 20px 10px 0 0;
}

#forgot-box-content {
    width: 315px;
    margin: 12px auto 0 auto;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

input[type=submit].linkBtn {
    background: none !important;
    border: none !important;
    color: #295781 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    width: auto !important;
    margin: 32px 0 0 0 !important;
    letter-spacing: 0 !important;
    height: auto !important;
    float: right !important;
    cursor: pointer;
}

#txtPasswordQ {
    font-weight: bold;
}
