/* owerrides */
div.docsholder { margin-top:35px; }
table.price_table th
{
	text-align:center;
}

.table_price
{       
    width:auto!important;   
}

select
{
    font-size:13px!important;
    width:auto!important;
}

table.price_table th
{
    font-size: 12px!important;
    font-weight: normal!important;
    font-family: Tahoma;
    color: #3C3C3C;
    background: #F7F7F7;
    border-bottom: 1px solid #ddd!important;
    height: 38px;
}

    table.price_table th span.note
    {
        display:block;
        font-size:11px;
        color:#8e8e8e;
    }

table.price_table td.border { border: 1px solid whitesmoke; }
table.price_table td.border.l { border-left: 0; }
table.price_table td.border.r { border-right:0; }
table.price_table td.border.b { border-bottom:0; }

div.countries
{
    border: 1px solid whitesmoke;
    padding: 10px;
    margin: 15px;
}

    div.countries table
    {
        width:100%;
    }

    div.countries table td
    {
        width:33%;
        padding:5px 3px;    
    }

    div.countries table td:hover
    {
        background:#FFC;
    }

    div.countries table td span
    {
        color: #2f78b8;
        text-decoration: underline;
        cursor: pointer;
    }


div#operators
{
    display: none;
    border: 1px solid #ddd;
    padding: 8px;
    padding-top:0;
    position: absolute;
    background: white;
    
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.63);
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.63);
    -moz-box-shadow: 0 0 5px rgba(221, 221, 221, 0.63);

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    min-width:250px;
}

div#operators h4
{
    margin-top:0;
    position:relative;
    top:-10px;
    font-size:14px;
}

div#operators div
{
    position: relative;
    left: 93%;
    top: -3px;
    font: normal 20px verdana;
    color: #666;
    cursor: pointer;
}

div#operators .showall
{
    position: initial;
    left: 0;
    top: 0;
    text-decoration:underline;
    font:normal 11px Arial;
}
    

div#operators div:hover
{
    color: #cb3838;
}

div#operators table
{
    position: relative;
    top: -10px;
    font-size: 11px;    
}

/* тарифы, наценка за букву и цифровые имена отправителя */
div.pmargin
{
    float: left;
    position: relative;
    display: block;
    z-index:10;
    background:white;
}

    div.pmargin.advanced, div.pmargin.free
    {
        width:65%;
        z-index:0;
        left:-1px;
        display:none;
    }
/* /тарифы, наценка за букву и цифровые имена отправителя/ */

div.advanced
{
    font-size:12px;
    font-style:italic;
}

div.chooseway
{
    border:1px solid #ddd;
    background:#F7F7F7;   
    
    margin:8px 0px;

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

    div.chooseway .pricing
    {
        font-weight:bold;
        padding-left: 15px;
        display:inline-block
    }

    div.chooseway .information
    {
        border-top: 1px solid #E2E2E2;
        box-sizing:content-box;
        padding: 5px 20px 3px;
        margin-top: 5px        
    }

        div.chooseway .information > div 
        {
            display: none
        }

    div.chooseway input
    {
        display:inline;
        margin: 8px 0 8px 15px;
        font-family:Tahoma;
        border:none;
        background-color:#F7F7F7;
        border-bottom:1px dotted;
        color:#f49b14;
        font-size:13px;
        outline:none;
        cursor:pointer;
    }

        div.chooseway input.tiptarif
        {
            border:1px solid #f49b14;
            background:#F4A314;
            color:#fff;
            padding:5px;

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

div.remark{
    margin: 4px 2px;  
    }

div.operatorlogo
{
  width: 15px;
  height: 15px;  
  display: inline-block;
  margin-right: 4px;
  position:relative;
  top:3px;
}


/* payments css */
div.payments_m
{
    margin:15px 0;
}

div.elp_wrapper
{
    padding: 5px 8px;
    border: 1px solid #eae9e9;
    width: 105px;
    height: 40px;
    margin: 7px 4px;
    float:left;
    background:white;
}

a.elp_colored
{
    display: block;
    background: url(/content/img/payments_sprite.png) no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    -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: 0;
}

div.elp
{
    background: url(/content/img/payments_sprite.png) no-repeat;
    cursor: pointer;
    background-color: transparent;
}

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

    div.paypal a 
    {
        background-position: 0 0;
    }

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

    div.wm a { background-position: -386px -1px; }

div.qiwi
{
    width: 26px;
    height: 40px;
    background-position: -359px -45px;
    margin: 0 40px;
}

    div.qiwi a { background-position: -359px -1px; }

div.yd
{
    width: 86px;
    height: 40px;
    background-position: -478px -45px;
    margin: 0 3px;
}

    div.yd a { background-position: -478px -1px; }

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

    div.robokassa a {
        background-position: -680px -1px;
    }

div.handybank {
    width: 98px;
    height: 42px;
    background-position: -259px -45px;
}

    div.handybank a {
        background-position: -259px -1px;
    }

div.handybank {
    width: 98px;
    height: 42px;
    background-position: -259px -45px;
}

    div.handybank a {
        background-position: -259px -1px;
    }

div.moneymail {
    width: 80px;
    height: 42px;
    background-position: -785px -45px;
    margin: 1px 9px 0;
}

    div.moneymail a {
        background-position: -785px -1px;
    }

        div.paypal a:hover,
        div.wm a:hover,
        div.qiwi a:hover,
        div.yd a:hover,
        div.robokassa a:hover,
        div.handybank 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: 0.8;
        }

/*  */
div.spoiler__wrap
{
    margin: 5px 0 3px
}

    div.spoiler__wrap .wrap__link
    {
        margin:0 0 6px
    }

    div.spoiler__wrap .wrap__hidden
    {    
        background: #fff;        
        overflow: hidden;
        height: 0px;
        
        -webkit-transition: height ease-in 0.3s;
           -moz-transition: height ease-in 0.3s;
                transition: height ease-in 0.3s;
    }

        div.spoiler__wrap .wrap__hidden > div
        {            
            border-radius: 3px;
            padding: 10px 12px;
            height: 100%;
            box-sizing: border-box;
        }

            div.spoiler__wrap .wrap__hidden > div .table
            {                
                min-height:35px
            }

                div.spoiler__wrap .wrap__hidden > div .table.loading { background: url(../img/loading_overlay_fff.gif) center no-repeat }

                div.spoiler__wrap .wrap__hidden > div table
                {
                    width:100%;
                    border: 1px solid #ccc
                }

                    div.spoiler__wrap .wrap__hidden > div table th
                    {
                        background:whitesmoke;
                        padding: 6px 0 6px 4px;
                        border: 1px solid #ccc;
                        border-bottom: 0;
                        font-weight:normal;
                        font-size:15px
                    }

                    div.spoiler__wrap .wrap__hidden > div table td
                    {                        
                        padding: 4px 0 4px 7px;
                        border-bottom:1px solid whitesmoke
                    }


input[type='radio'][name='type_send'] {
    display: none;
}

input[type="radio"] + label {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    width: 5.5em;
    height: 1.9em;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    user-select: none;
    color: #000;
    cursor: pointer;
    outline: default;
    border: 1px solid rgba(110,121,128,.8);
    background: linear-gradient(#ffffff, #bababa);
    border-top-color: rgba(0,0,0,.3);
    border-radius: 5px;
    box-shadow: 0 -1px rgba(226, 226, 226, 0.9) inset, 0 1px rgba(255,255,255,.5) inset;
}

input[type="radio"]:checked + label {
    background: linear-gradient(#ffeae6, #e66d28);
    box-shadow: 0 -1px rgba(151, 68, 19, 0.9) inset, 0 1px rgba(255,255,255,.5) inset;
    color: #fff;
    cursor: default;
}


input[type="radio"]:active {
    line-height: 2.2em;
    background: #fff;
    box-shadow: 0 -1px rgba(255,255,255,.4) inset;
}

input[type="radio"]:before {
    content: "";
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: -1;
    border-radius: 8px;
    background: linear-gradient(rgba(200,200,200,.5), rgba(240,240,240,.5));
}