@charset "utf-8";
/* CSS Document */

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    height: 100%;
    background-size: cover;
    background-image: url(../Images/default/LoginImage.jpg);
}


* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

body {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*-------------login page----------------*/
/*.aligncenter {
    text-align: center;
}*/

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.loginctrl {
    width: 400px;        
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: white;
    border: solid 1px #a9a9a9;
    box-shadow: 2px 2px 8px 5px rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.2);
}

    .loginctrl label {
        color: black;
        font-size: 12px;                
    }

    .loginctrl .controls {
        text-align: left;
        margin: 20px 40px 20px 55px;
    }

.loginlogo {        
    text-align:center;
    margin: 20px;    
}

    .loginlogo img {        
    }

.logoutform {
    padding-top: 60px;
}

.loginform input {
    color: #555;
}

.loginform p, .logoutform p, .errortxt p {
    margin: 4px 40px 4px 55px;
    color: black;
    font-size: 11px;
    padding: 7px 30px 0 0;
}

.loginform h3, .logoutform h3, .errorlogo h3 {
    color: black;
    font-size: 20px;
    font-weight: 500;
    padding: 18px 0 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
}

p.forgot {
    padding: 0;
}

.forgot a {
    text-decoration: underline;
    color: #5e5e5e;
}

    .forgot a:hover {
        color: #c2050a;
    }

.copyright {
    clear: both;
    text-align: center;
    color: rgba(0, 0, 0, 0.58);
    font-size: 11px;
    margin-bottom: 10px;
}

    .copyright p {
        padding: 5px 40px;
    }

    .copyright a {
        color: black;
    }

.loginform .textbox {
    width: 280px;
    height: 28px;
    margin-bottom: 10px;
    margin: 2px 0 10px 0;
    display: block;
}

.loginform .textboxmargin {
    margin-bottom: 15px !important;
}

.loginform select {
    font-size: 12px;
    height: 28px;
    width: 280px;
    margin: 2px 0 10px 0;
    display: block;
    border: 1px solid #c7c7c7 !important;
}

.loginform .selectboxmargin {
    margin-bottom: 15px;
}

.loginfailure {
    color: #c12026;
}

.loginbtn {
    float: none;
    margin: 0 0 0 55px;
    padding-top: 0;
}

.loginmessage {
    color: darkred;
    padding: 0;
    margin: 25px 0 5px 0;
    clear: both;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 28px;
}

    .loginmessage span {
        vertical-align: middle;
    }

input.button {
    background-color: rgb(191, 191, 191);
    border: 1px rgba(255,255,255,0.22);
    color: black;
    padding: 0 10px 0 10px;    
    margin-right: 40px;
    text-align: center;
    float: left;
    width: 120px;
}


    input.button:active {
        background-color: rgba(255,255,255,0.22);
        border: inset 1px rgba(255,255,255,0.22);
        color: black;
    }

    input.button:focus {
        border: solid 1px black;
    }

    input.button.login {
        background-color: #f2c812;
    }

        input.button.login:active {
            background-color: #c7a50f;
        }



/*--------------error page-------------------*/

.errorscreen {
    height: 370px;
    width: 780px;
    margin: 150px auto;
}

.errorbg {
    background: url(../images/default/errorbg.gif) no-repeat top;
    height: 368px;
}

.errorlogo {
    text-align: center;
    padding: 30px 0 0;
    width: 150px;
    margin: 0 auto;
}

.errortxt {
    padding: 10px 50px;
    text-align: left;    
    clear: both;
}

    .errortxt p {
        font-size: 11px;
    }

    .errortxt a {
        color: #5e5e5e;
        text-decoration: underline;
    }

.errorlogo h3 {
    text-align: center;
    float: none !important;
    color: #717272;
}

.WarningLabel{
    width: 500px;        
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    text-align: center;
    background: white;
    border: solid 1px #a9a9a9;
    box-shadow: 2px 2px 8px 5px rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.2);
}

/* jQuery Ajax Spinner*/
.modal {
    background: rgba(255, 255, 255, .8) url('/images/default/loader.gif') 50% 50% no-repeat;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}