@import url('topservice.css');

html
{
    background:url('../img/html_bg.png') center 0px no-repeat;
    height: 100%;
    width: 100%;
    text-align: center;
}

body { margin:0px; padding:0px; font-family:Arial; color:#595959; font-size:13px; height:100%; width:100%; text-align:center; overflow-x:hidden; }
h1.siteinfo {font: normal 20px Arial; color:#444; }
h5 { margin: 18px 0 18px 0!important; font: normal 16px Verdana; }
body * { margin: 0px; padding: 0px; }
.logo { width: 245px; }
.logo a { border:0; }
a {color:#2f78b8; text-decoration:underline;}

a:hover {color:#2f78b8; text-decoration:none;}
.scrol_Country a {text-decoration: none;}

img { border: none; vertical-align: top; }
table { border-collapse: collapse; }
.header { margin: 0; /* 0px 0px 26px 0px; */ }
.phone { font-size: 18px; line-height: 10px; color: #343434; }
.orange { color: #ffa20f !important; }
.blue { color: #2f78b8; }
.f11 { font-size: 11px; }

.main
{
    min-height: 100%;
    height: auto !important;
    margin: 0px auto;
    width: 1000px;
    text-align: left;
    padding: 26px 0 0;
}

.left { float: left; }
.right { float: right; }

.clear
{
    clear: both!important;
    font-size: 1px!important;
    height: 1px!important;
    margin: 0!important;
    padding: 0!important;
    background: none!important;
}
.empty { height: 290px; }

span.label
{
    color: #6D6D6D;
    display: block;
    font-size: .89em;
    margin: 0.64em 0 .2em    
}

.phone-elem
{
    font-size: 0.6rem;
    color: #B1B5B7;
    margin: 0 0 8px;
    margin-top:8px;
    text-align: right;
}

.phone-elem.skype
{
    color: #383838;
}

.menu .c_menu
{
    min-width: 106px;
    max-width: 150px;
    margin: 0 20px 0 0;
    float: left;
}
.menu .elem:first-child
{
    border: 0px;
}
.menu .elem
{
    border-top: 1px dotted #c8c8c8;
}
.menu .elem .ht
{
    padding: 4px 0px 4px 12px;
    display: block;
    background: url('../img/menu_arrow.png') 2px 9px no-repeat;
}

.menu .elem .ht.open
{
    background: url('../img/menu_arrow.png') 2px -36px no-repeat;
    font-weight: bold;
}

.menu .elem a
{
    color: #595959;
    text-decoration: none;
}

.m-elem
{
    margin: 0 0 0px;
    text-align: right;
    clear: both;
    width: 170px;
}

/* контейнер с логином и кнопкой выход */
div.account
{
    padding: 6px 2px 0 0;
}

    div.account .label
    {
        cursor: default;
        float: right;
        font: normal 11px Arial;
        color: #2f78b8;
        padding-top: 6px;
        border: 0;
        text-transform: uppercase;
    }

    div.account .label.dashed { cursor:pointer; border-bottom:1px dashed; }

    div.account .icon
    {
        cursor: default;
        float: right;
        background: url(../img/user_sprite.png) no-repeat;
        width: 20px;
        height: 21px;
        background-size: 40px;
        margin-left: 5px;
    }

    div.account .icon.nick { background-position: 0 1px; }

    div.account .icon.logout { cursor:pointer; height:23px; background-position: -18px 3px; }
/* /контейнер с логином и кнопкой выход/ */


a.cabinet {
    background: url(../img/kabinet.png) no-repeat;
    padding-left: 17px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
a.registration
{
    display: block;
    width: 166px;
    height: 35px;
    float: right;
    margin: 5px 0 10px;
    cursor:pointer;
}

a.refusedistribution,
a.phonecheck {
    text-decoration: none;
    /*font-weight: bold;*/
    cursor: pointer;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.on_this_page
{
    border-bottom: 1px dashed #2f78b8;
    text-decoration: none;
}

.footer
{
    height: 290px;
    background: url(../img/footer.png) 0 0 repeat-x;
    margin: -250px auto 0;
    text-align: left;
}

.footer a
{
    color: #616161;
    text-decoration: none;
    border-bottom: 1px solid;
    font-size: 12px;
}

.footer-inn
{
    width: 965px;
    margin: 0px auto;
    padding: 20px 0 0;
}

.footer table
{
    width: 100%;
    margin: 0 0 10px;
}

.footer table td
{
    vertical-align: top;
}
.footer ul
{
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding:0;
}
.footer ul li
{
    background: url('../img/footer_ul.png') 0px 8px no-repeat;
    padding: 0 0 3px 8px;
}

.footer-inn h3
{
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #505050;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.footer-inn h2
{
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    color: #353535;
    font-style: italic;
    margin: 0 0 14px 0;
}

.info_table
{
    border-top: 1px dotted #444444;
    margin: 0;
}

.info_table td { padding: 15px 0 0 0; }

.footer-inn table.middle_td td
{
    vertical-align: middle!important;
}

.footer img
{
    float: left;
    margin: 0 16px 0 0;
}

/* site buttons and links */
a.active-link
{
    color:#2f78b8;
    border-bottom:1px dotted;
    font:normal 12px Verdana;
    cursor:pointer;    
    text-decoration:none;
}

a.active-link_small
{
    color:#2f78b8;
    border-bottom:1px dotted;
    font:normal 11px Verdana;
    cursor:pointer;    
    text-decoration:none;
}

a.active-link, a.active-link_small:hover
{
    text-decoration:none;
}


.active-button
{
    color: #444;
    display: inline-block;
    cursor: pointer;
    min-width: 70px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    line-height: 23px;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
    background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: linear-gradient(top,whiteSmoke,#f1f1f1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.active-button:hover
{
    border: 1px solid #c6c6c6;
    color: #333;
    text-decoration: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#F1F1F1));
    background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: -moz-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: -ms-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.active-button.button-blue
{
    border: 1px solid #3079ed;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,.1);
    background-color: #4d90fe;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
}

.active-button.button-blue:hover
{
    border: 1px solid #2f5bb7;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,.3);
    background-color: #357ae8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
    background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
}


.active-button>span
{
    font: normal 13px Arial,Tahoma,sans-serif!important;
    margin:0 4px 0 4px;
}
/*end of "site buttons & links" */

/* стили для элементов форм */
input[type=checkbox]
{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    width: 14px;
    height: 14px;
    margin: 0;
    cursor: pointer;
    outline: none;

    background: #fff;
    border: 1px solid #C7C7C7;
    border-top: 1px solid #989898;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

    input[type=checkbox]:checked:after
    {
        content: url(../img/checkbox.png);
        display: block;
        position: relative;
        top: -2px;
        left: -4px
    }

input[type=text],
input[type=password],
textarea,
select
{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #C7C7C7;
    border-top-color: #989898;

    padding: 6px 8px;
    outline: none;
    resize: none;
    color:#2e2e2e;
    font-size: 14px;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;

    -webkit-transition: border-color ease-in .1s;
       -moz-transition: border-color ease-in .1s;
            transition: border-color ease-in .1s;
}

    input[type=text]:focus,
    input[type=checkbox]:focus,
    input[type=password]:focus,
    textarea:focus,
    select:focus
    {
        border-color: #4d90fe
    }


    input[type=text].invalid,
    input[type=password].invalid,
    textarea.invalid
    {
        border-color: #CC0A0A
    }

input[type=text].example
{
    color:#C5C5C5!important;
}

/* выбираем зону с тарифами */
.disabled { opacity: 0.4; cursor:default!important; }

/* Форма авторизации и регистрации */
div.impersonate_wrap
{
    padding: 8px;
    font-size:14px;    
    background: rgba(86, 133, 199, 0.74);

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px
}

    div.impersonate_wrap .impersonate
    {
        height: 100%;
        width:380px;
        background:#fff;
        border:0;
        text-align:left;

        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px
    }

    div.impersonate_wrap .impersonate .head
    {
        height: 42px;
        border-bottom: 1px solid #e8e8e8;
        margin:0;

        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px
    }
        
        div.impersonate_wrap .impersonate .head .title
        {            
            padding: 10px 0 0px 12px;
            font-size: 21px;
            color: #5685C7
        }

        div.impersonate_wrap .impersonate .head .jqmClose
        {
            height: 0;
            color: #A8A8A8;
            margin: 5px 10px 0 0;            
            font:normal 2.5em 'Times New Roman';

            -webkit-transition: color ease-in .3s;
               -moz-transition: color ease-in .3s;
                    transition: color ease-in .3s
        }

            div.impersonate_wrap .impersonate .head .jqmClose:hover { color: #bd1111 }

        div.impersonate_wrap .impersonate .content { padding: 0 12px }

            div.impersonate_wrap .impersonate .content input[type=text],
            div.impersonate_wrap .impersonate .content input[type=password]
            {
                padding: 6px 10px !important;
                font-size: 15px;
                width: 100%;

                box-sizing:border-box;
            }

            div.impersonate_wrap .impersonate .content .margin
            {
                margin: 15px 0 5px
            }

            div.impersonate_wrap .impersonate .content .error
            {                
                height: 1em;
                font-size: 1em;                
                margin: .47em 0 .67em;
                color: #BA1212 
            }

            div.impersonate_wrap .impersonate .content .rememberme,
            div.impersonate_wrap .impersonate .content .applyssl
            {                
                position: relative;
                margin-left: 6px;
                top: -1px
            }

            div.impersonate_wrap .impersonate .content .retrievelink
            {
                text-align: right; 
                padding-right:10px;
            }

                div.impersonate_wrap .impersonate .content .retrievelink span
                {
                    text-decoration: none;
                    border-bottom: 1px dashed;
                    font: italic 11px Arial;
                    cursor: pointer;
                    color: #2f78b8;
                }

            div.impersonate_wrap .impersonate .content .buttons            
            {
                border-top: 1px solid #e8e8e8;
                background: whitesmoke;
                padding: 12px 12px 6px;
                margin: 15px -12px 0
            }

                /* owerride */
                div.impersonate_wrap .impersonate .content .buttons .guestbutton
                {
                    float:left;
                    position: relative;
                    top: 2px;
                    margin:0 10px 0 10px;
                }

                    div.impersonate_wrap .impersonate .content .buttons .guestbutton div
                    {
                        padding: 3px 10px 3px 10px;
                        height: 22px;
                        font-size:11px
                    }

                    div.impersonate_wrap .impersonate .content .buttons .guestbutton span
                    {
                        text-shadow:0 -1px #B6B6B6
                    }

                div.impersonate_wrap .impersonate .content .buttons .lnkrestoreaccount
                {
                    margin:9px 0 4px
                }

div.impersonate .loading
{
    background: url(../img/loading.gif) no-repeat;
    background-position: center;
    width: 50px;
    height: 30px;
    display: none;
}

/* Форма восстановления пароля */
div.impersonate div.retrieve
{
    color:#fff;
    display: none;
    padding: 8px;
    position: absolute;
    width: 364px;
    height: 0;
    background: #8CBCED;
    background: -moz-linear-gradient(top,#8CBCED 0,#4F94DA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#8CBCED),color-stop(100%,#4F94DA));
    background: -o-linear-gradient(top,#8CBCED 0,#4F94DA 100%);
    background: -ms-linear-gradient(top,#8CBCED 0,#4F94DA 100%);
    background: linear-gradient(to bottom,#8CBCED 0,#4F94DA 100%);
    margin-bottom: 8px;

    z-index:1;

    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
}

div.impersonate span.treeforce
{
    font-size:12px;
    padding:0 0 0 5px;
    color:#2f78b8;
    cursor:pointer;
    border-bottom:0;
}

    div.retrieve div.content
    {
        height:auto!important;
    }

    div.retrieve div.content .field
    {
        margin: 0 0 2px;
        font-weight:bold;
        font-size:11px        
    }

    div.retrieve span.undoretrieve
    {
        border-bottom: 1px dotted;
        cursor:pointer
    }

    div.retrieve .hint
    {
        font-size: 11px;
        margin-top: 70px;
    }

/* пробуем новые кнопки */
.sitebutton
{
    position: relative;
    display: inline-block;
    height: 25px;
    padding: 4px 20px 0 20px;    
    font: normal 14px sans-serif;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,0.4);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
}

.sitebutton-blue
{
    color: white;
    background: #2F79E8 url(../img/button-bgr.png) 50% 50% repeat-x;
    border: 1px solid #005CEA;
    text-shadow: 0 -1px #0b318b;
}

.sitebutton-blue:hover
{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3),inset 0 1px rgba(255,255,255,0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 1px rgba(255, 255, 255, 0.4);
    border-bottom-color: #0042AA;
    background: #3D82EA url(../img/button-bgr.png) 50% 50% repeat-x;
    background-size: 100% 100%;
}


.sitebutton-yellow
{
    color:#2B2B2B;
    background: #2F79E8 url(../img/button-bgr2.png) 50% 50% repeat-x;
    border:1px solid #FFC705;
    text-shadow:0 1px 0 #ffff98;
}

.sitebutton-yellow:hover
{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3),inset 0 1px rgba(255,255,255,0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 1px rgba(255, 255, 255, 0.4);
    border-bottom-color: #D9AD00;
    background: #EDED3A url(../img/button-bgr2.png) 50% 50% repeat-x;
    background-size: 100% 100%;
}


.sitebutton-gray
{
    color: white;
    background: -o-linear-gradient(top, #CACACA 0%,#AAA 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1,#CACACA),color-stop(0,#AAA));
    background: -moz-linear-gradient(top,#CACACA,#AAA);
    background: linear-gradient(top,#CACACA,#AAA);
    border: 1px solid #7E7E7E;
    text-shadow: 0 -1px #818181;    
}

.sitebutton-gray:hover
{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3),inset 0 1px rgba(255,255,255,0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 1px rgba(255, 255, 255, 0.4);
    border-bottom-color: #757575;
    background-size: 100% 100%;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1,#ACACAC),color-stop(0,#A7A7A7));
}

div.loginoptioncontainer
{
    position: absolute;
    z-index: 9999;
    display: none;
    margin: 1px 0 0;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    -pie-background: linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    padding: 7px 5px 12px 3px;
    width:155px;
}

div.loginoptioncontainer li { list-style: none; }

div.loginoptioncontainer li span
{
    font: italic 16px Arial;
    border-bottom: dashed 1px;
    text-decoration: none;
    margin: 0 10px 15px 10px;
    clear: both;
    line-height: 22px;
    white-space: nowrap;
    color: #2F78B8;
    cursor: pointer;
}


/* стиль для выпадающего списка "ВОЙТИ КУДА" */
span.loginoptions
{
    border-bottom: 1px dashed;
    cursor: pointer;
}

/* ссылки на социальный сети */
div.socialbar 
{
    background: url(../img/social_sprite.png) no-repeat;
    width: 33px;
    height: 30px;
    cursor: pointer;    
    background-repeat: no-repeat;
    
    -webkit-transition: opacity 0.2s ease-in-out;
       -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
         -o-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;

    opacity: .85
}

    div.socialbar a
    {
        background: url(../img/social_sprite.png) no-repeat;    
        cursor: pointer;
        background-color: transparent;
        display:block;
        border:0;
        opacity:0;
        width: 33px;
        height: 30px;
    }

        div.socialbar.f  { background-position: -31px 0; }
        div.socialbar.f a { background-position: -31px -31px; }

        div.socialbar.tw 
        {
            background-position: -64px 0; 
            width: 32px;
            height: 30px;
        }

            div.socialbar.tw a { width: 32px; height: 30px; background-position: -64px -31px; }

        div.socialbar.vk        
        { 
            background-position:0 0;
            width:32px;
            height:30px;
        }

            div.socialbar.vk a { width: 32px; height: 30px; background-position: 0 -31px; }
             

        div.f a:hover,
        div.tw a:hover,        
        div.vk a:hover
        {
            -webkit-transition: opacity 0.3s ease-in-out;
               -moz-transition: opacity 0.3s ease-in-out;
                -ms-transition: opacity 0.3s ease-in-out;
                 -o-transition: opacity 0.3s ease-in-out;
                    transition: opacity 0.3s ease-in-out;

            opacity: 1
        }

/* блокировка определенного контейнера на сайте */
div.popupOverlay
{
    background:#242424;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    z-index:999998;
    position:fixed;
    opacity:0.45;
}

div.popup
{
    position:fixed;
    z-index:999999;
    width:350px;   
    padding:6px; 

    top:17%; 
    left:50%;
    margin-left:-175px;
    background:rgba(250, 155, 5, 0.75);
    padding:6px;
    
    border-radius:6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

    display:none;
}

    div.popup > div
    {
        /*width:338px;*/
        background:white;

        padding:6px;
       
        border-radius:4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        text-align:right;
    }

    div.popup > div table
    {
        width:100%;
        height:100%;
        font:normal 13px Verdana;
        color:#282727;
    }

        div.popup > div table td
        {
            text-align:left;
        }

        div.popup > div table td.ico
        {
            width: 18%;
            height: 35px;
            min-height: 35px;
            background: url(../img/apply.png) center no-repeat;
            background-size: 30px
        }

            div.popup > div table td.ico.failed
            {
                background: url(../img/failed.png) center no-repeat;
                background-size: 30px
            }

    div.popup > div div.closepopup
    {
        margin:10px 0 3px;
    }
        
        div.popup > div div.closepopup input
        {
            color:#FFFFFF;
            -webkit-border-radius: 4px;
            background: -webkit-linear-gradient(top, #FFDC56 0%, #EC8400 100%);
            border: none;
            padding: 3px 9px;
            font:normal 13px Verdana;
            outline:none;
            cursor:pointer;    
        }


/* форма для скачивания файлов (обычно это прикрепленная документация в сервисах отправки) */
div.docsholder
{   
    display: block;
    margin: 15px 0
}

    div.docsholder h3 { font-size: 14px; }

    div.docsholder div.docs
    {
        display: inline-block
    }

        div.docsholder div.docs .wrapper { cursor:pointer; }

        div.docsholder div.docs .wrapper:hover .fileinfo div:first-child { text-decoration:none; }

        div.docsholder div.docs .wrapper:hover .fileicon.word   { background-position:-32px 0; opacity: 0.85; }

        div.docsholder div.docs .wrapper:hover .fileicon.excel  { background-position:-64px 0; opacity: 0.85; }

        div.docsholder div.docs .wrapper:hover .fileicon.adobe  { background-position:-64px 0; opacity: 0.85; }

        div.docsholder div.docs .wrapper:hover .fileicon.onec   { background-position:-96px 0; opacity: 0.85; }
            
        div.docsholder div.docs .wrapper div.fileicon
        {
            float: left;
            background: url(/content/img/docssprite.png) center no-repeat;
            height: 32px;
            width: 32px;
            margin: 5px 10px 5px 0;        

            opacity:0.5;
            
            -webkit-transition: opacity 0.1s ease-in-out;
            -moz-transition: opacity 0.1s ease-in-out;
            -ms-transition: opacity 0.1s ease-in-out;
            -o-transition: opacity 0.1s ease-in-out;
            transition: opacity 0.1s ease-in-out;

            border-radius:6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -khtml-border-radius: 6px;
        }

            div.docsholder div.docs .wrapper .fileicon.word { background-position:-160px 0; }

            div.docsholder div.docs .wrapper .fileicon.excel    { background-position:-64px 0; }

            div.docsholder div.docs .wrapper .fileicon.adobe    { background-position:-192px 0; }

            div.docsholder div.docs .wrapper .fileicon.onec { background-position:-224px 0; }

        div.docsholder div.docs .wrapper div.fileinfo
        {
            float:left;
            margin-top:7px;
        }

            div.docsholder div.docs .wrapper div.fileinfo div:first-child
            {
                text-decoration:underline;
            }

            div.docsholder div.docs .wrapper div.fileinfo div:last-child
            {
                font-size: 11px;
                color: #B1B5B7;
                margin-top:1px;
            }            

/* скрытые спойлеры */
div.spoilerlink
{
    margin:15px 0;
}

    div.spoilerlink span
    {
        color: #2f78b8;
        border-bottom: 1px dashed;
        text-decoration: none;
        cursor: pointer;
    }


div.spoiler
{
    border: 2px dashed rgb(204, 204, 204);
    margin: 20px 0;
    background:#F7F7F7;

    overflow: hidden;
    display:none;
   
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

    div.spoiler > div
    {
        padding: 8px 10px
    }

    div.spoiler table
    {
        background: #fff;
        width: 90%;
        border: 1px solid #ccc;
        margin:15px 20px 25px;
    }

        div.spoiler table th
        {
            font-size: 15px;
            color: #4B4B4B;
            font-weight: normal;
            border-bottom: 1px solid #ddd;
            padding: 12px 5px;
            text-align: right;
            color:#727272;
        }

        div.spoiler table td
        {
            padding: 8px 5px;
            text-align: right;
            font-size: 13px;
            color:#727272;
            border-bottom: 1px solid whitesmoke;
        }

        div.spoiler table td.last
        {
            border-bottom: 1px solid #ddd;
        }

 
input[type=button].styled
{
    padding: 7px 25px;
    font: normal 18px Arial;
    cursor:pointer;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;

    border-radius: 4px;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */    
}

input[type=button].styled.yellow
{
    border: 0;
    outline:none;
    color: #FFFFFF;
    background: #FFEC6F;
    background: -moz-linear-gradient(top, #FFEC6F 0%, #FFC205 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEC6F), color-stop(100%,#FFC205));
    background: -webkit-linear-gradient(top,#FFDC56 0%,#EC8400 100%);
    background: -o-linear-gradient(top, #FFEC6F 0%,#FFC205 100%);
    background: -ms-linear-gradient(top, #FFEC6F 0%,#FFC205 100%);
    background: linear-gradient(top, #FFEC6F 0%,#FFC205 100%);
    background: -webkit-linear-gradient(top,#FFDC56 0%,#EC8400 100%);
}

input[type=button].styled.yellow:hover
{
    background: -webkit-linear-gradient(top,#fcdf70 0%,#ed9424 100%);
    background: -moz-linear-gradient(top, #fcdf70 0%, #ed9424 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdf70), color-stop(100%,#ed9424));
    background: -webkit-linear-gradient(top,#fcdf70 0%,#ed9424 100%);
    background: -o-linear-gradient(top, #fcdf70 0%,#ed9424 100%);
    background: -ms-linear-gradient(top, #fcdf70 0%,#ed9424 100%);
    background: linear-gradient(top, #fcdf70 0%,#ed9424 100%);
}

input[type=button].styled.yellow:active
{
    box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    -moz-box-shadow: 0px 0px 3px 0px #CCC;
}

div.custom-select
{
    overflow: hidden;
    background: url(../img/dropdown_icon.png) no-repeat whitesmoke;
    background-position: 82px 50%;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    display: inline;
    outline:none;
    padding:5px 0;
    margin:0 5px;
}

    div.custom-select select
    {
        background: transparent;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        outline:none;
        padding: 2px 15px 2px 5px;
    }

sup
{
    color: #E49A17;
    font: normal 11px Tahoma;
    position:relative;
    top: 5px;
}

div.sup
{
    border-top:1px solid whitesmoke;
    padding-top:10px;
    font-size:11px;
    font-style:italic;
    color:#949494;
    margin:25px 0 0;
}

div.sup sup { color:#949494; }

/* pyaments */
div.payments
{
    margin: 0 0 15px;
    height: 45px;
}
    div.payments a
    {
        background: url(/content/img/payments_sprite.png) no-repeat;
        cursor: pointer;
        background-color: transparent;
        display:block;
        border:0;
        opacity:0;

        -webkit-transition: opacity 0.1s ease-in-out;
        -moz-transition: opacity 0.1s ease-in-out;
        -ms-transition: opacity 0.1s ease-in-out;
        -o-transition: opacity 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out;
    }

    div.payments div
    {
        background: url(/content/img/payments_sprite.png) no-repeat;
        float:left;
        cursor:pointer;
        margin: 0 10px;
        opacity:0.85;     
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;

        margin-right: 20px;
    }


    div.payments .paypal 
    {        
         width:78px;
         height:35px;
         background-position:0 -44px;
         margin:0;
         margin-right:11px;
    }

    div.payments .paypal a
    { 
         width:78px;
         height:35px;
        background-position:0 0;
    }

    
    div.payments .sbrf
    {
        width: 60px;
        height: 40px;
        background-position: -80px -46px;
    }
    div.payments .sbrf a { 
        width: 60px;
        height: 40px;
        background-position:-80px -2px;

    }

    div.payments .master
    {
        height: 40px;
        width: 50px;
        background-position: -140px -47px;
    }
    div.payments .master a 
    {
         background-position:-140px -3px;
         height: 40px;
         width: 50px;
    }

    div.payments .visa
    {
        width: 65px;
        height: 39px;
        background-position: -192px -47px;
    }
    div.payments .visa a
    {
         background-position:-192px -3px; 
         width: 65px;
         height: 39px;
    }

    div.payments .hb
    {
        width: 98px;
        height: 42px;
        background-position: -259px -45px;
    }
    div.payments .hb a { 
        background-position:-259px -1px; 
        width: 98px;
        height: 42px;
    }

    div.payments .qiwi
    {
        width: 26px;
        height: 40px;
        background-position: -359px -45px;
    }
    div.payments .qiwi a {
         background-position:-359px -1px;
         width: 26px;
         height: 40px;
    }

    
    div.payments .wm
    {
        width: 90px;
        height: 35px;
        background-position: -386px -45px;
    }
    div.payments .wm a
{      background-position:-386px -1px;
       width: 90px;
       height: 35px;
    }

    div.payments .yd
    {
        width: 86px;
        height: 40px;
        background-position: -478px -45px;
    }
    div.payments .yd a
    {  background-position:-478px -1px;
       width: 86px;
       height: 40px;
    }


    div.payments .mobilpouch
    {
        width: 112px;
        height: 40px;
        background-position: -566px -45px;
    }
    div.payments .mobilpouch a
    {  background-position:-566px -1px; 
       width: 112px;
       height: 40px;
     }

    div.payments .robokassa
    {
        width: 101px;
        height: 40px;
        background-position: -680px -45px;
    }
    div.payments .robokassa a
     {  background-position:-680px -1px;
        width: 101px;
        height: 40px;
    }

        /* div.payments div:hover{opacity:0.9}*/
        div.paypal a:hover,
        div.master a:hover,
        div.visa a:hover,
        div.mobilpouch a:hover,
        div.sbrf a:hover,
        div.wm a:hover,
        div.qiwi a:hover,
        div.yd a:hover,
        div.robokassa a:hover,
        div.hb a:hover,
        div.moneymail a:hover {
            -webkit-transition: opacity 0.15s ease-in-out;
            -moz-transition: opacity 0.15s ease-in-out;
            -ms-transition: opacity 0.15s ease-in-out;
            -o-transition: opacity 0.15s ease-in-out;
            transition: opacity 0.15s ease-in-out;
            opacity: 1;
        }


/* стили для списка с методами отправки \ получения СМС */
div.item
{
    margin-bottom:20px;
}


div.itemsgroupheader
{
    margin:10px 0;
    height:45px;
}

    div.itemsgroupheader .spacer
    {
        float: left;
        background: url(../img/sms_send_block_bg.png) center repeat-x;
        width: 83px;
        height: 1px;
        padding: 8px 0;
        margin: 0 10px;
    }

    div.itemsgroupheader .group
    {
        float:left;
        font-weight:bold;
    }

div.page_header
{
    margin-bottom: 15px;
    border-bottom: 1px solid whitesmoke;
}

    div.page_header h1
    {
        font-weight:normal;
    }

    /* Статусы о выполнении операции (справа от тестового поля) */
div.registrationfield
{
    float: left;
}

div.reqstate
{
    position: absolute;
    visibility:hidden;        
    padding: 7px 0 6px 7px;    
    margin-left:15px;

            border-radius: 3px 0 0 3px;
     -khtml-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

div.reqstate.failed
{   
    background: rgba(255, 0, 0, 0.17);
    border-left: 4px solid #F00;    
    color: #A31313;
}

div.reqstate.success
{
    border: 1px solid #53AC55;
    background: rgba(125, 233, 116, 0.17);
}
    
    div.reqstate .descr
    {
        float: left;
        margin: 2px 5px;
        color: #53AC55;
    }

    div.reqstate.failed .descr { color: #AF0000; }

div.left_block_exclamation
{
    margin:10px 0;
}

    div.left_block_exclamation .icon
    {
        position: relative;
        top: -9px;
        left: -4px;
        width:22px;
        height:60px;
        font-size:7.5em;
        color:#FAA015;
    }

    div.left_block_exclamation .text
    {
        font-size: 14px;
        width:160px;
    }

/* blockUI overlay style */
div.blockui
{
    position:absolute;
    background:url(/Content/img/loading.gif) center no-repeat #fff;
    opacity:0;
}


div.aol__overlay
{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0;
}

    div.aol__overlay.loading { background: url(../img/loading_overlay.gif) center no-repeat #000 }


div.aol__form
{
    position: fixed;    

            transition: top ease-in .3s;
    -webkit-transition: top ease-in .3s;
}

/**/
.back2m__wrap
{
    margin: 0 auto -.487em
}

    .back2m__wrap .__content
    {
        background: #4975AD;
        border-bottom: .5em solid #FFAA30
    }

        .back2m__wrap .__content .__center
        {
            margin: 0 auto;
            width: 965px;
            padding: .67em 0 .333em;
            font-size: 1.2em;
            color: #fff
        }

            .back2m__wrap .__content .__center .__left
            {
                display: inline-block;
                background: url(../img/b2_mob_pda.png) center no-repeat;
                width: 4em;
                height: 4em;
                background-size: 3.626em;
                margin-right: 1em
            }
            
            .back2m__wrap .__content .__center .__right
            {
                display: inline-block;
                position: relative;
                top: -23px;
                border-bottom: 1px solid #fff;
                opacity: .89
            }