﻿/* Подтверждение адреса электронной почты */
.cs-confirm-email-form-wrapper { width: 490px; }
.cs-confirm-email-form-wrapper .form-error-msg { text-align: center; padding: 5px; border: 2px solid #DD0000; color: #880000; background-color: #FFB6C1; margin-top: 5px; font-family: Verdana; font-size: 11px; }
.cs-confirm-email-form { font-family: Verdana; font-size: 11px; }
.cs-confirm-email-form .form-title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.cs-confirm-email-form .form-layout { border-collapse: collapse; width: 490px; }
.cs-confirm-email-form .form-layout td { height: 32px; vertical-align: middle; }
.cs-confirm-email-form .form-layout .field-title { color: Black; width: 130px; text-align: left; padding-right: 5px; }
.cs-confirm-email-form .form-layout .field { width: 250px; padding: 2px 0 2px 0; }
.cs-confirm-email-form .form-layout .field-require { vertical-align: top; font-size: 10px; color: Red; }
.cs-confirm-email-form .form-layout .field .cs-text { border: 1px solid #000000; width: 250px; }
.cs-confirm-email-form .form-layout .field .cs-text:hover,
.cs-confirm-email-form .form-layout .field .cs-text:focus { border: 1px solid #4D90FE; }
.cs-confirm-email-form .button-layout { text-align: right; }
.cs-confirm-email-form .validation-error { text-align: left; color: Red; }

.cs-confirm-email-response { font-family: Verdana; font-size: 11px; width: 470px; border: 2px solid gray; padding: 15px; margin: 0 auto; }
.cs-confirm-email-response .title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center; }
.cs-confirm-email-response .message { margin-bottom: 10px; }
.cs-confirm-email-response .link { text-align: center; }
/* .Подтверждение адреса электронной почты */


/* Восстановление пароля */
.cs-restore-password-link { margin: 10px 0; display: inline-block; }
.cs-restore-password-area { display: none; position: relative; }

/* Форма запроса на восстановление пароля */
.cs-restore-password-form-wrapper { font-family: Verdana; width: 300px; border: 1px solid #C0C0C0; padding: 15px; }
.cs-restore-password-form .form-error-message { color:#ff0000; font-weight:bold; text-align: center; }
.cs-restore-password-form { font-family: Verdana; font-size: 11px; margin-left: 5px }
.cs-restore-password-form .form-title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.cs-restore-password-form .form-success-message { color:#3d941e; margin-bottom:10px; font-weight:bold; }
.cs-restore-password-form .form-layout { border-collapse: collapse; width: 100%; }
.cs-restore-password-form .form-layout .field { vertical-align: middle; }
.cs-restore-password-form .form-layout .field-title { vertical-align: middle; color: Black; padding-right: 15px; padding-top: 10px; font-weight: bold; }
.cs-restore-password-form .form-layout .field-help { vertical-align: top; padding: 5px 0 5px 15px; color: gray; }
.cs-restore-password-form .form-layout .field-require { vertical-align: top; font-size: 10px; color: Red; }
.cs-restore-password-form .form-layout .field,
.cs-restore-password-form .form-layout .field-help { min-height: 32px; padding-top: 5px; padding-bottom: 5px;}
.cs-restore-password-form .cs-text { border: 1px solid #000000; width: 280px; font-size: 16px; padding: 3px 0 3px 5px; }
.cs-restore-password-form .cs-text:hover,
.cs-restore-password-form .cs-text:focus { border: 1px solid #4D90FE; }
.cs-restore-password-form .buttons-layout { width: 100%; border: none; padding-top: 10px; }
.cs-restore-password-form .validation-error { text-align: left; color: Red; }

/* Форма изменения пароля при его восстановлении */
.cs-restore-change-password-form-wrapper { margin: 0 auto; font-family: Verdana; width: 300px; border: 1px solid #C0C0C0; padding: 15px; }
.cs-restore-change-password-form .form-error-message { color:#ff0000; font-weight:bold; text-align: center; }
.cs-restore-change-password-form { font-family: Verdana; font-size: 11px; margin-left: 5px }
.cs-restore-change-password-form .form-title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.cs-restore-change-password-form .form-layout { border-collapse: collapse; width: 100%; }
.cs-restore-change-password-form .form-layout .field-title { vertical-align: middle; color: Black; padding-right: 15px; padding-top: 10px; font-weight: bold; }
.cs-restore-change-password-form .form-layout .field { vertical-align: middle; min-height: 32px; padding-top: 5px; padding-bottom: 5px;}
.cs-restore-change-password-form .cs-text { border: 1px solid #000000; width: 280px; font-size: 16px; padding: 3px 0 3px 5px; }
.cs-restore-change-password-form .cs-text:hover,
.cs-restore-change-password-form .cs-text:focus { border: 1px solid #4D90FE; }
.cs-restore-change-password-form .buttons-layout { width: 100%; border: none; padding-top: 10px; }

.cs-restore-password-response { margin: 0 auto; font-family: Verdana; width: 300px; border: 1px solid #C0C0C0; padding: 15px; }
.cs-restore-password-response .title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center; }
.cs-restore-password-response .message { margin-bottom: 10px; }
.cs-restore-password-response .link { text-align: center; }
/* .Восстановление пароля */


/* Форма входа */
.cs-login-form-wrapper { font-family: Verdana; width: 300px; border: 1px solid #C0C0C0; padding: 15px; }
.cs-login-form { font-family: Verdana; font-size: 11px; margin-left: 5px; }
.cs-login-form .form-title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.cs-login-form .form-error-message { color:#ff0000; margin-bottom:5px; font-weight:bold; text-align:center; }
.cs-login-form .form-success-message { color:#3d941e; margin-bottom:10px; font-weight:bold; }
.cs-login-form .form-layout { border-collapse: collapse; width: 100%; }
.cs-login-form .form-layout .field { vertical-align: middle; width: 210px; }
.cs-login-form .form-layout .field-title { vertical-align: middle; color: Black; padding-right: 15px; font-weight: bold; }
.cs-login-form .form-layout .field-help { vertical-align: top; padding: 5px 0 5px 15px; color: gray; }
.cs-login-form .form-layout .field-require { vertical-align: top; font-size: 10px; color: Red; }
.cs-login-form .form-layout .field,
.cs-login-form .form-layout .field-help { min-height: 32px; padding-top: 5px; padding-bottom: 5px;}
.cs-login-form .cs-text { border: 1px solid #000000; width: 280px; font-size: 16px; padding: 3px 0 3px 5px; }
.cs-login-form .cs-text:hover,
.cs-login-form .cs-text:focus { border: 1px solid #4D90FE; }
.cs-login-form .buttons-layout { width: 100%; border: none; padding-top: 10px; }
.cs-login-form .validation-error { text-align: left; color: Red; }
/* .Форма входа */


/* Форма регистрации */
.cs-register-form-wrapper { font-family: Verdana; width: 300px; border: 1px solid #C0C0C0; padding: 15px; }
.cs-register-form { font-family: Verdana; font-size: 11px; margin-left: 5px; }
.cs-register-form .form-title { color: #6A6E71; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.cs-register-form .form-error-message { color:#ff0000; margin-bottom:5px; font-weight:bold; text-align:center; }
.cs-register-form .form-success-message { color:#3d941e; margin-bottom:10px; font-weight:bold; }
.cs-register-form .form-layout { border-collapse: collapse; width: 100%; }
.cs-register-form .form-layout .field { vertical-align: middle; width: 210px; }
.cs-register-form .form-layout .field-title { vertical-align: middle; color: Black; padding-right: 15px; font-weight: bold; }
.cs-register-form .form-layout .field-help { vertical-align: top; padding: 5px 0 5px 15px; color: gray; }
.cs-register-form .form-layout .field-require { vertical-align: top; font-size: 10px; color: Red; }
.cs-register-form .form-layout .field,
.cs-register-form .form-layout .field-help { min-height: 32px; padding-top: 5px; padding-bottom: 5px;}
.cs-register-form .cs-text { border: 1px solid #000000; width: 280px; font-size: 16px; padding: 3px 0 3px 5px; }
.cs-register-form .cs-text:hover,
.cs-register-form .cs-text:focus { border: 1px solid #4D90FE; }
.cs-register-form .buttons-layout { width: 100%; border: none; padding-top: 10px; }
.cs-register-form .validation-error { text-align: left; color: Red; }

.cs-register-form-profile-type {padding-bottom:10px;}
.cs-register-form-profile-type-title {font-weight:bold;padding-bottom:3px;}
.cs-register-form-profile-type-sel {border: 1px solid #000000; font-size: 16px;  width:288px; padding: 0px; height:26px; vertical-align:baseline; line-height:16;}
/* .Форма регистрации */

.login-message-title-to-complete{
    text-align:center;
    font-size:16px;   
    margin-bottom:5px;
    font-weight:bold;
    width:750px;
    margin-left:auto;
    margin-right:auto;
        
}


.login-message-text-to-complete{
    margin-left:auto;
    margin-right:auto;
    width:750px;
    margin-bottom:20px;
    text-align:center;
}

.login-cancel-auth{
    margin-top:70px;
    width:750px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border-top:1px solid #C0C0C0;
    padding-top:20px;
    padding-left:10px;
}

.login-register-control-wrapper{
    margin-top:20px;
}



/* login-register-control */
.cs-login-register-layout { margin: 0 auto; width: 765px; }
.cs-login-register-layout tr td { vertical-align:top; }
.cs-login-register-layout tr td.login { width: 320px; padding-right: 50px; border-right: 1px dashed #000000; }
.cs-login-form-wrapper:hover .form-title { color:#000000; }
.cs-login-form-wrapper:hover .cs-login-form .buttons-layout input { color: #ffffff; background: #F75100;
    background: -moz-linear-gradient(center top , #FFA868 1%, #F75100 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #FFA868), color-stop(100%, #F75100));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA868', endColorstr='#F75100', GradientType=0); }
.cs-login-register-layout tr td.register { padding-left: 50px;  }
.cs-restore-password-form-wrapper :hover .form-title { color:#000000; }
/* .login-register-control */

/* select-active-profile */
.sel-act-profile { }
.sel-act-profile h1 { text-align:center; border-bottom:1px dotted #000000; width:500px; margin:0px auto; margin-bottom:40px; }
.sel-act-profile .profile-list { width:500px; margin:0px auto; }
.sel-act-profile .profile-list .item { padding-bottom:20px; }
.sel-act-profile .profile-list .item .image { width:120px; height:120px; border:1px solid #C0C0C0; float:left; }
.sel-act-profile .profile-list .item .profile { margin-left: 132px; }
.sel-act-profile .profile-list .item .profile .name { font-weight: bold; margin-bottom: 5px; }
.sel-act-profile .profile-list .item .profile .name .type { color: #4A4A4A; font-weight: normal; }
/* .select-active-profile */