/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 6-Feb-2014, 11:40:12 AM
    Author     : Denys Cherkasov <arp.denis@gmail.com>
*/

body{
    background-color: #373737;
}
#login-page{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);

}
#username {
    background-image: url("/wd/images/login_bk.png") !important;
    background-color: #373737;
    width: 308px;
    height: 40px;
    border: 0px;
    color: rgb(226, 212, 212);
    padding: 5px;
    font-family: inherit;
    font-size: 20px;
    margin-left: 70px;
}
#email-label{
    text-align: right;
    width: 80px;
    line-height: 31px;
    /* float: left; */
    margin-top: 6px;
    font-family: inherit;
    color: rgb(226, 212, 212);
    font-size: 16px;
    position: absolute;
    display: inline !important;
}
#login-form .info{
    color: rgb(226, 212, 212);
}
#login-form  #email{
    background-image: url("/wd/images/login_bk.png") !important;
    background-color: #373737;
    width: 260px;
    height: 40px;
    border: 0px;
    color: rgb(226, 212, 212);
    padding: 5px;
    font-family: inherit;
    font-size: 20px;
    margin-left: 70px;
    margin-top: 7px;
}
#username-label{
    text-align: right;
    width: 80px;
    line-height: 31px;
    /* float: left; */
    font-family: inherit;
    color: rgb(226, 212, 212);
    font-size: 16px;
    position: absolute;
}
#password-element{
    margin-top: 10px;
}
#forgot-element{
    color: graytext;
}
.pswd_error{
    color: red;
}
a.btn_submit{
    display: block;
    background-image: url("/wd/images/login_btn.png");
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 0px;
    position: relative;
    text-decoration: none;
    color: transparent;
    background-position-y: -2px;

}
a.btn_submit:hover{
    display: block;
    background-image: url("/wd/images/login_btn_hover.png");
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 0px;
    position: relative;
    text-decoration: none;
    color: transparent;
    background-position-y: 0px;
}
a.a_login, a.a_login:hover{
    top: -106px;
    left: 370px;
}

a.f_login, a.f_login:hover{
    top: -64px;
    left: 356px;
}

dd#login-element, dt#login-label {
    display: none;
}
#login-page #login-form #password{
    background-image: url("/wd/images/password-bk.png");
    background-color: #373737;
    width: 308px;
    height: 40px;
    border: 0px;
    color: rgb(226, 212, 212);
    padding: 5px;
    font-family: inherit;
    font-size: 20px;
    margin-left: 70px;
}

#login-page #login-form #password-label{
    text-align: right;
    width: 80px;
    line-height: 31px;
    /* float: left; */
    margin-top: 6px;
    font-family: inherit;
    color: rgb(226, 212, 212);
    font-size: 16px;
    position: absolute;
}

.errors {
    position: absolute;
    left: 75px;
    font-size: 10px;
    color: red;
    margin-top: -6px;
}
.errors li {
    font-size: 10px;
    color: red;
}

#username,
#password {
    outline: none;
    border-radius: 5px;
}

#username:focus{
    box-shadow: -2px -3px 5px -2px black;
    -webkit-box-shadow: -2px -3px 5px -2px black;
    -moz-box-shadow: -2px -3px 5px -2px black;
    -o-box-shadow: -2px -3px 5px -2px black;
}
#password:focus{
    box-shadow: -2px 3px 5px -2px black;
    -webkit-box-shadow: -2px 3px 5px -2px black;
    -moz-box-shadow: -2px 3px 5px -2px black;
    -o-box-shadow: -2px 3px 5px -2px black;
}

#login-form .error {
    position: absolute;
    left: 75px;
    font-size: 10px;
    color: red;
    margin-top: -6px;
    display: block;
    padding-left: 15px;
    pointer-events: none;
}

.map_popup {
    width: 100%;
    /*min-height: 480px;*/
    height: 100%;
    overflow: hidden;
}

.divModules{
    min-width: 300px;
    width: 100%;
    height: auto;
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;

}
.loadDiv{
    width: 300px;
    height: 200px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.pupTable{
    width: 100%;
    text-align: left;
    border: 1px solid  #00828b;
    margin-bottom: 2px;
}
.pupTable .pupData{
    background: #eceadf;
    border: 1px solid   #4390df;
}