/*todo:............ loginFormWrap ............              */
#loginFormWrap {
outline:0px dashed blue;
width:370px;
height:336px;
margin:49px auto 0;
position:relative;
}
/*todo:  |......... warningMsg ..........              */
#warningMsg {
position:relative;
}
#warningMsg div {
width:19px;
height:20px;
background:#ff0000;
position:absolute;left:15px;
color:white;
text-align:center;
font-weight:bold;
font-size:16px;
line-height:18px;
}
#warningMsg img {
width:19px;
height:20px;
position:absolute;left:15px;
}
#warningMsg p {
outline:0px dashed red;
height:20px;
margin-left:47px;
/* background:url(../img/login/warning.gif) 15px top no-repeat; */
color:#ff0000;
}
/*todo:  |......... loginForm ..........              */
#loginForm {
outline:0px dashed red;
width:373px;
height:296px;
background:#406f89 url(../img/login/loginFormBg.png) no-repeat;
position:absolute;bottom:0;
}
#loginForm p {
outline:0px dashed cyan;
margin-top:9px;
margin-left:65px;
float:left;
color:#fff;
}
/*todo:    |....... loginFormContent ........              */
#loginFormContent {
outline:0px dashed white;
width:355px;
height:249px;
margin-top:37px;
margin-left:7px;
position:relative;
/* background:#fff url(../img/login/loginFormContentFull.gif); */
}
#loginFormContentTop, #loginFormContentBottom {
padding-left:23px;
padding-right:25px;
}
/*todo:      |..... loginFormContentTop ......              */
#loginFormContentTop {
outline:0px dashed white;
width:307px;
height:187px;
background:#fff url(../img/login/loginFormContentTop.png) no-repeat;
}
#logoForm {
outline:0px dashed red;
width:137px;
height:23px;
margin-left:3px;
margin-top:19px;
position:absolute;
background:url(../img/login/logoForm.gif) no-repeat;
}
/*todo:      |..... loginFormContentBottom ......              */
#loginFormContentBottom {
outline:0px dashed yellow;
/* border-top:1px solid #d8e3e9; */
width:307px;
height:62px;
background:#f2f6f8 url(../img/login/loginFormContentBottom.png) no-repeat;
}
/*todo:      |..... form ......              */
#auth {
outline:0px dashed red;
position:absolute;top:18px;left:23px;right:25px;
}
#auth input#login, #auth input#password {
border:none;
width:308px;
height:42px;
padding-left:62px;
padding-right:10px;
line-height:40px;
font-size:18px;
color:#e3e9ec;

}
/*#auth input#login:focus, #auth input#password:focus {
color:#4E7E98;
}*/
#auth input#login {
background:#f1f6f8 url(../img/login/inputL.png) no-repeat;
}
#auth input#password {
margin-top:21px;
background:#f1f6f8 url(../img/login/inputPf.png) no-repeat;
}
#auth #submit {
outline:0px dashed red;
border:none;
width:113px;
height:33px;
padding-bottom:3px;
margin-top:-2px;
margin-left:100px;
background:#387CAF url(../img/login/logInButton.png) no-repeat;
color:#f2f6f8;
cursor:pointer;
}
#password_repeat {
margin-top:21px;
background:#f1f6f8 url(../img/login/inputPf2.png) no-repeat;
}
#password_repeat {
border:none;
padding-left:62px;
padding-right:10px;
line-height:40px;
font-size:18px;
color:#e3e9ec;
width:308px;
height:42px;
margin-bottom: 15px;
}

#remember{
    margin-top: 20px;
    margin-bottom: 5px;
}

.mainHeaderForLogin{
    height:61px;
}

.registration{
    float: left;
    margin-right: 80px;
    margin-bottom: 10px;
}

.foget_pass{
    float: left;
}