
.login_div
    {
    }

    .message 
        {
        margin-bottom: 15px;
        }
    .message.err   {color: #ff0000; }
    .message.ok    {color: #00922F; }


    .tabs > div
        {
        display: inline-block;
        background: #fff;
        padding: 10px 30px;
        font-size: 24px;
        text-transform: uppercase;
        border-top: 1px #c9c9c9 solid;
        border-left: 1px #c9c9c9 solid;
        border-right: 1px #c9c9c9 solid;
        border-bottom: 1px #c9c9c9 solid;
        cursor: pointer;
        }
    .tabs > div.a
        {
        background: #ececec;
        border-bottom: 1px #ececec solid;
        }


    .tab
        {
        background: #ececec;
        border-left: 1px #c9c9c9 solid;
        border-right: 1px #c9c9c9 solid;
        border-bottom: 1px #c9c9c9 solid;
        padding: 10px 20px;
        display: none;
        }
    .tab.a
        {
        display: block;
        }
    .tab  .c
        {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        }
    .tab.login > .c.button
        {
        padding-top: 17px;
        }
    .tab.login .soc_login
        {
        padding: 0 0 0 40px;
        }
    
    .tab.login input
        {
        margin-bottom: 20px;
        }
     .tab .round
         {
         color: #cd0000;
         }

    
    label.m
        {
        font: bold 14px Tahoma;
        }
    .tab  a
        {
        text-decoration: none;
        line-height: 30px;
        color: #cd0000;
        }
        .tab a:hover
            {
            color: #A40202;
            border-bottom: #cd0000 dashed 1px;
            }

    .tab.register .r input[type=text], .tab.register .r input[type=password]
        {
        width: 100%;
        margin-bottom: 15px;
        
        }
    .tab.register  .si
        {
        margin-bottom: 15px;
        }
    .tab.register > .flag
        {
        margin: 0 0 0 10px;
        width: 400px;
        }
        .tab.register > .flag h2
            {
            margin: 0 0 15px 0;
            }

    .txt_captcha
        {
        width: 210px !important;
        }
        img.captcha
            {
            border: 1px #bcbcbc solid;
            vertical-align: -7px;
            margin-left: 20px;
            }
    .tab.register .round
         {
         margin: 20px 0;
         }


    .logout_link
        {
        cursor: pointer;
        }
    .user_name
        {
        display: inline-block;
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: -2px;
        margin-right: 10px;
        }
    .reminder_mail
        {
        margin: 20px 0;
        }
    input.err
        {
        border: 1px #C50D0D solid;
        box-shadow: 0 0 2px rgba(255,0,0,0.5);
        }

/* User cabinet */
.user_cabinet_wrap
    {
    }


.user_cabinet
    {
    margin: 20px 10px;
    }
    .user_cabinet h3, .user_cabinet .cabinet_sub
        {
        margin: 20px 0;
        }
    .user_cabinet label
        {
        display: inline-block;
        text-align: right;
        width: 150px;
        margin: 5px 0;
        }
    .user_cabinet input[type="text"], .user_cabinet input[type="password"], .cabinet_email
        {
        width: 300px;
        }
    .cabinet_email
        {
        box-sizing: border-box;
        padding: 3px 5px;
        display: inline-block;
        }
.cabinet_block
    {
    margin: 10px 0 30px 0px;
    }
    .cabinet_block  .cabinet_block_content
        {
        display: none;
        }
    .cabinet_block.a  .cabinet_block_content
        {
        display: block;
        }
        .cabinet_block h1
            {
            color: #F7B2E2 !important;
            border-bottom: 1px #F7B2E2 solid;
            position: relative;
            cursor: pointer;
            }
        .cabinet_block.a h1
            {
            color: #d10090 !important;
            border-bottom: 1px #d10090 solid;
            }
            .cabinet_block h1 .arr
                {
                position: absolute;
                bottom: 2px;
                right: 0;
                width: 16px;
                height: 16px;
                background: url(/img/cab_arr.png) 0 0 no-repeat;
                opacity: 0.4;
                }
            .cabinet_block.a h1 .arr
                {
                background: url(/img/cab_arr.png) 0 -16px no-repeat;
                opacity: 1;
                }
    .cabinet_block .sub_butt
        {
        text-align: right;
        }

    .cabinet_block .art_line
        {
        border-top: 1px dashed #e3e3e3;
        padding: 5px 0 0 10px;
        margin: 10px 0 0 0;
        }
        .cabinet_block .art_line a
            {
            font-size: 20px;
            text-decoration: none;
            color: #D075C4;
            }
        .cabinet_block .art_line a:hover
            {
            color: #d10090;   
            }


.art_field  
    {
    padding: 10px;
    margin-bottom: 10px;
    background: #e3e3e3;
    }
    .art_title
        {
        width: 100%;
        }
.cabinet_status_title
    {
    font-size: 16px;
    }
    .cabinet_status_title span
        {
        font-weight: bold;
        text-transform: uppercase;
        }
.ok, .err    
    {
    font-weight: bold;
    }
.ok     
    {
    color: green;
    }
.err    
    {
    color: red;
    }
.common
    {
    font-size: 14px;
    text-transform: uppercase;
    }
