﻿body {
    font-family: ClearSans !important;
}

@font-face {
    font-family: ClearSans;
    src: url( 'font/ClearSans-Light.ttf' ); /* EOT file for IE */
    src: url( 'font/ClearSans-Light.woff' ) format( 'woff' ); /*src: url(             'font/atlanta.eot' ) format(                'embedded-opentype' ), url(                'font/atlanta.woff' ) format(                'woff' );*/
}

.divHead {
    background-color: rgba(238, 75, 12, 0.79);
    height: 36px;
    padding: 6px;
    color: #ffffff;
}

.divSignForm {
}

.tblLogin {
}

.divContent {
    margin: 0 auto;
}

.clsSlide {
    background: #E0E0E0;
    width: 80%;
    padding: 5px;
    color: #000;
    text-align: left;
    border: 4px double #FFF;
}


.divhead {
    border-bottom: 4px double #ddd;
    text-align: center;
    width: 348px;
    height: 50px;
    margin-top: -47px;
    background: rgb(226, 98, 49);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px 0;
    margin-left: 25px;
}

.divLogIn {
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    width: 430px;
    height: 430px;
    background: rgba(255, 255, 255, 0.59);
    padding: 47px 40px 6px 20px;
    overflow: hidden;
}

.txtbox {
    padding: 5px;
    margin: 5px;
    width: 100%;
    border: 1px solid #c5c5c5;
    border: none;
}


.btnSend {
    background: rgba(238, 75, 12, 0.79);
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 5px 15px;
    display: block;
    width: 90%;
    padding: 10px;
    border-radius: 20px;
    margin: 0 27px;
    outline: none;
}

.divbottom {
    height: 36px;
    padding: 6px;
    color: #ffffff;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #6F6F6F;
}




.alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 36px;
    margin: 10px;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }

.error {
    background: #ffecec url( '../images/error.png' ) no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9 url( '../images/success.png' ) no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url( '../images/warning.png' ) no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url( '../images/notice.png' ) no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}



.txtRound {
    padding: 7px 0px;
    text-align: center;
    font-weight: bold;
    margin-top: 68px;
}

.divMainRnd {
    width: 500px;
    height: 500px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    padding: 37px 37px;
}

.txtUserName {
    height: 53px;
    border-radius: 39px 39px 0 0;
    width: 385px;
    padding: 5px 41px;
    background: url(../images/user.png) #fff no-repeat;
    background-position: 18px 12px;
}

.txtpass {
    height: 53px;
    border-radius: 0px 0px 47px 47px;
    width: 385px;
    padding: 5px 41px;
    background: url(../images/lock.png) #fff no-repeat;
    background-position: 18px 12px;
        margin-top: 6px;
}

.txtbox:focus {
    outline:none;
}