html, body {
    position: relative;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    min-height: 350px;
    min-width: 270px;
    font: 12px/16px 'Arial';
    color: #818181;
    background: url(/.s/img/uidlogin/bg.gif);
}

#wnd-wrap {
    height: auto !important;
    height: 100%;
    min-height:100%;
}

#spacer {
    height: 52px;
}

.fldDesc, .fldEr, .fldLd, .fldOk {
    top: 0;
    margin-top: 0;
}
.fldDesc {
    line-height: 12px;
}

.autosize {
    width: auto !important;
    height: auto !important;
}

input, textarea {
    resize: none;
    outline: none;
}

:root input[hidden] {
    display: none\9;
}

input, select, textarea {
    vertical-align: middle;
}

label, input[type=checkbox], input[type=radio] {
    cursor: pointer;
    line-height: 18px;
}

.u-window {
    font: 12px/16px 'Arial';
    color: #818181;
}
.u-window a {
    color: #2f7298;
    text-decoration: underline;
}
.u-window a:hover {
    text-decoration: none;
}

.window-auth, .window-remind, .window-reg-success, .window-login-impossible, .window-seccode {
    min-height: 298px;
}

.window-register {
    padding: 15px 0 0 0;
}
#centered {
    position: absolute;
}
.window-register .wnd-content {
    width: 500px;
    margin: auto;
}

.wnd-title {
    margin: 0 0 10px 0;
    font: 25px/37px 'Arial';
    color: #2f7298;
    text-align: center;
}

.wnd-title span {
    display: inline-block;
    padding: 0 0 0 45px;
    background: url(/.s/img/uidlogin/ulogo.png) no-repeat;
}

.window-register .wnd-title {
    text-align: left;
    margin-left: 118px;
}

.wnd-separator {
    margin: 20px 0 0 0;
    height: 1px;
    background: #fff;
    border-top: 1px solid #b7b7b7;
}

.wnd-separator2 {
    margin: 20px 0 0 0;
    height: 1px;
    border-top: 1px dotted #818181;
}

.auth-info {
    width: 270px;
    margin: 0 0 10px 0;
    text-align: center;
}

.auth-error {
    font: 14px/18px 'Arial';
    color: #de001f;
    text-align: center;
	margin: 0 0 10px 0;
}

.auth-success {
    font: 14px/18px 'Arial';
    color: #052efc;
    text-align: center;
}

/*--------INPUTS-styles----------*/

.uform-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.uform-ul li {
    margin: 0 0 10px 0;
}

li span.ui-name {
    display: inline-block;
    width: 150px;
    padding: 0 10px 0 0;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #818181;
}
li span.ui-input {
    display: inline-block;
    width: 300px;
}
li span.ui-check {
    width: 20px;
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
}

.input-div {
    margin: 0 0 10px 0;
    overflow: hidden;
}
.input-div img {
    margin: 0 5px;
    vertical-align: middle;
}

div.checkboxes {
    position: relative;
    padding: 0 0 0 5px;
}

.secmode-div {
    float: left;
    padding: 5px 0;
}
.secmode-div select {
    margin: 5px 0;
	max-width: 175px;
	margin-right: 5px;
}

.submit-div {
    text-align: right;
}

.window-register .submit-div {
    padding-top: 5px;
}

.input-title {
    float: left;
    height: 30px;
    width: 75px;
    cursor: default;
    text-align: center;
    font: bold 13px/30px 'Arial';
    color: #fff;
    text-shadow: 0 1px 0 #245d7e;
    background: #7bacc8 url(/.s/img/uidlogin/input-title.gif) repeat-x;
    border: 1px solid #5b8aa5;
    border-radius: 5px 0 0 5px;
}

input.input-text {
    height: 30px;
    font: 14px/30px 'Arial';
    padding: 0 7px;
    color: #818181;
    border: 1px solid #c1c1c1;
    background: #fff;
    border-radius: 5px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.17);
}

.window-auth input.input-text, .window-remind input.input-text {
    float: left;
    width: 178px;
    border-left: 0;
    border-radius: 0 5px 5px 0;
}

.window-register input.input-text {
    width: 284px;
}

.input-label {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 0 0 0;
}

input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin: -2px 5px 0 0;
    background: url(/.s/img/uidlogin/checkbox.png) no-repeat;
}

input[type="checkbox"] + label:hover::before {
    background-position: 0 -18px;
}

input[type="checkbox"]:checked + label::before {
    background-position: 0 -36px;
}

input[type="checkbox"]:checked + label:hover::before {
    background-position: 0 -54px;
}

input[type="checkbox"]:disabled + label {
    cursor: default;
}

input[type="checkbox"]:disabled + label::before {
    background-position: 0 0;
}

input[type="checkbox"]:checked:disabled + label::before {
    background-position: 0 -36px;
}

input.input-btn, input[type=reset], input[type=submit], button {
    margin: 5px 0;
    padding: 0 22px;
    cursor: pointer;
    font: bold 14px/29px 'Arial';
    height: 31px;
    color: #fff;
    text-shadow: 0 1px 0 #245d7e;
    background: #4f82a9 url(/.s/img/uidlogin/button.gif) repeat-x;
    border: 1px solid #5b8aa5;
    border-radius: 5px;
}

input.input-btn:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
    background-color: #63a3d2;
    background-position: 0 -29px;
    border: 1px solid #54a5d4;
}

/*--------INPUTS-styles-end------*/

/*----------Login-links----------*/
.login-links {
    position: relative;
    min-width: 270px;
    height: 52px;
    margin-top: -52px;
    text-align: center;
    line-height: 50px;
}
.wnd-reg-links {
    min-width: 500px;
}
.login-links a {
    display: inline-block;
    margin: 0 10px;
    padding: 0 0 0 23px;
    background: no-repeat 0 18px;
    color: #2f7298;
    text-decoration: underline;
}
.login-links a:hover {
    text-decoration: none;
}

a.link-remind {background-image: url(/.s/img/uidlogin/ll-remind.png);}
a.link-register {background-image: url(/.s/img/uidlogin/ll-register.png);}
a.link-login {background-image: url(/.s/img/uidlogin/ll-login.png);}

.login-links .wnd-separator {
    position: relative;
    margin: 0;
}
/*----------Login-links-end------*/

.ulogin-btn {text-align: center !important;padding: 10px 0;}
.ulogin-btn a, .ulogin-btn a span {display: inline-block !important;font: 12px/38px 'Arial' !important;cursor: pointer !important;}
.ulogin-btn span.ulb-left {padding-left: 40px !important;background: url(/.s/img/uidlogin/ulb-left.png) no-repeat !important;}
.ulogin-btn span.ulb-right {padding-right: 20px !important;background: url(/.s/img/uidlogin/ulb-right.png) no-repeat right top !important;}
.ulogin-btn span.ulb-mid {padding: 0 0 0 6px !important;background: url(/.s/img/uidlogin/ulb-mid.png) repeat-x !important;}