﻿body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-color:#2a2929;
}

.loginframe {
    width: 300px;
    height: 400px;
    position: absolute;
    background-color: #ffffff;
    /*border: solid 1px whitesmoke;*/
    border-radius: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.framelogo {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*background-color: #00a8e0;*/
    background-color: #55acee;
    /*border:solid 1px whitesmoke;*/
    height: 60px;
    text-align:center;
    padding-top:15px;
}

.essframelogo {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*background-color: #00a8e0;*/
    background-color: #01A7E5;
    /*border:solid 1px whitesmoke;*/
    height: 60px;
    text-align: center;
    padding-top: 0px;
}

.formtitle {
    font-size: 1.85em;
    font-weight: 800;
    padding: 0px;
    font-family:'Eras ITC';
}

.tbFrame {
    margin-top:30px;
    padding-top:3px;
    width:93%;
    height:35px;
    border: solid 1px #808080;
    border-radius: 5px;
}


#loginForm{margin-top:50px;}

#loginForm ul {
    list-style: none;
    display: block;
    padding-left: 20px;
}

    #loginForm ul li {
        font-size: .90em;
        font-weight: 600;
        text-align: left;
        padding: 0;
    }

#loginForm .validation-error {
    display: block;
    margin-left: 15px;
    text-decoration-color: red;
}

#loginForm .validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

#loginForm .validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

#loginForm input {
    width: 90%;
    height: 22px;
    outline:none;
    font-size:1em;
}

.tb{
    width: 80%;
    border:none;
    outline: none;
    font-size: 1em;
}

#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
    width: auto;
    height: 30px;
    background-color: #c0d8ee;
    border: solid 1px silver;
    border-radius: 6px;
    background: linear-gradient(top, #63B8EE, #468CCF);
    background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.20em;
    font-weight: 700;
}

#loginForm a {
    font-size: .90em;
    text-decoration: none;
}
