﻿body {
    background: #f8faff url(../Image/bg.png) no-repeat top !important;
}


.title * {
    color: #003E7E !important;
}

.login {
    /*background:url(../Image/login.png);*/
    /*height:404px;*/
    background: #fff url(../Image/light-gradient.png) repeat-x bottom;
}

    .login h2 {
        text-align: center;
        margin: 0;
        padding: 0;
        padding: 10px 0;
        background: url(../Image/light-gradient.png) repeat-x bottom;
        border-bottom: #e1e1e1 1px solid;
    }

    .login h3 {
        padding: 20px;
        margin: 0;
        background: url(../Image/light-gradient.png) repeat-x bottom;
        border-bottom: #e1e1e1 1px solid;
        color: #909090;
    }

.login-elements {
    width: 400px;
    /*border-left:#ccc 1px solid;*/
    /*height:146px;*/
    /*background: url(../Image/login.png) no-repeat top right;*/
    /*float:right;*/
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.login-elements {
}



    .login-elements .element {
        padding: 9px;
        /*background: url(../Image/login-element.png) no-repeat right 6px;*/
        /*background-position:40px right;*/
    }

    .login-elements #uyruk {
        width: 188px;
        border: 1px solid #b8b8b8;
        outline: none;
        height: 25px;
        background: #fafafa;
        margin-left: 25px;
        border-radius: 3px;
        box-shadow: 0 0 5px #ccc;
    }

    .login-elements .securitycode input {
        background: none !important;
        width: 100px;
        padding-left: 85px;
    }

    .login-elements .securitycode img {
        width: 83px !important;
        height: 24px;
        background: #ccc;
        display: inline-block;
        vertical-align: middle;
        margin-left: 25px;
        position: absolute;
    }



    /*.login-elements .securitycode input {
            background: none !important;
        }*/




    .login-elements .command {
        text-align: right;
        margin-top: 15px;
        padding-right: 13px;
    }

    .login-elements .element label {
        /*width:160px;
    display:inline-block;
    background:url(../Image/login-label-bg.png) no-repeat left;
    padding:5px;
    font-size:14px;
    color:#45311f;
    /*border:#ccc 1px solid;*/
        width: 129px;
        display: inline-block;
        /*background:url(../Image/login-label-bg.png) no-repeat left;*/
        /*background-size: 135px;*/
        background-color: #e7f1f5;
        padding: 5px;
        font-size: 12px;
        color: #45311f;
        /*border:#ccc 1px solid;*/
    }

    .login-elements .element input {
        /*border:none;
    background:none;
    padding:4px;
    width:190px;*/
        border: none;
        padding: 4px;
        width: 150px;
        box-shadow: 0 0 5px #ccc;
        line-height: 16px;
        margin-left: 25px;
        padding-left: 35px;
        color:#525e63 !important;
        background: url(../Image/login-element_2.png) no-repeat -2px -4px;
    }

        .login-elements .element input:focus {
            /*border-bottom:#666 1px solid;*/
        }

    .login-elements .phonenumber {
        margin-top: 2px;
    }

    .login-elements .securitycode {
        margin-top: 0px;
        position: relative;
    }

    .login-elements #securitycode {
        padding-left: 85px;
        width: 105px;
    }


    .login-elements .securitycode img {
        width: 73px !important;
        /*height:24px;*/
        max-height: 24px;
        background: #ccc;
        display: inline-block;
        margin-right: 32px;
        vertical-align: middle;
    }

    .login-elements .securitycode #oku {
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
        background: url("../Image/volume.png");
        position: absolute;
        top: 16px;
        left: 116px;
    }

.important {
    background: #fff6e1 url(../Image/warning.png) no-repeat top left;
    padding: 10px 20px 20px 55px;
    background-position: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 25px;
    font-size: 12px;
    font-family: Arial;
    line-height: normal;
    border: #ecdfc1 1px solid;
}
