root {
    display: block;
}

/* star - main button styles*/
.button {
    margin:     5px 0;
    display:    inline-block;
    /*float:left;
    /*background: url(../images/fon_btn_31.png) repeat-x;*/
    text-align: center;
    height:     27px;
    cursor:     pointer !important;
    border:     1px solid #a2bb4e;
    background: -o-linear-gradient(top, #a8d52d, #84a519);
    background: -moz-linear-gradient(top, #a8d52d, #84a519);
    background: -webkit-gradient(linear, left top, left bottom, from(#a8d52d), to(#84a519));
    color:      #fff;
    /*ie BG*/
    filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#a8d52d', EndColorStr='#84a519');
}

.green-button {
    text-shadow: 1px 1px 0px #484848;
    margin:      5px 0;
    padding:     1px 6px 1px 6px;
    display:     inline-block;
    color:       #fff;
    /*float:left;
    /*background: url(../images/fon_btn_31.png) repeat-x;*/
    text-align:  center;
    height:      27px;
    cursor:      pointer !important;
    border:      1px solid #a2bb4e;
    background:  -o-linear-gradient(top, #a8d52d, #84a519);
    background:  -moz-linear-gradient(top, #a8d52d, #84a519);
    background:  -webkit-gradient(linear, left top, left bottom, from(#a8d52d), to(#84a519));
    /*ie BG*/
    filter:      progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#a8d52d', EndColorStr='#84a519');
}

.green-button.grayed {
    border: 1px solid #97a596;
    background:  -webkit-gradient(linear, left top, left bottom, from(#d2d5cf), to(#97a596));
}

.green-button:hover {
    color:      white;
    background: -o-linear-gradient(top, #84a519, #a8d52d);
    background: -moz-linear-gradient(top, #84a519, #a8d52d);
    background: -webkit-gradient(linear, left top, left bottom, from(#84a519), to(#a8d52d));
    filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#84a519', EndColorStr='#a8d52d');
}

.green-button:disabled {
    cursor:     default !important;
    border:     1px solid rgb(232, 232, 232);
    background: rgb(232, 232, 232);
    background: -moz-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 232, 232, 1)), color-stop(100%, rgba(183, 183, 183, 1)));
    background: -webkit-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    background: -o-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    background: -ms-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    background: linear-gradient(to bottom, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#b7b7b7', GradientType=0);
}

.blue-btn-1 {
    margin-left:           10px;
    background:            #4290d2;
    border-top:            1px solid #a2caed;
    border-bottom:         1px solid #06447a;
    border-left:           1px solid #0a6bbf;
    border-right:          1px solid #0a6bbf;
    border-radius:         3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    -o-border-radius:      3px;
    -khtml-border-radius:  3px;
    height:                28px;
    display:               inline-block;
    padding:               0 15px 0 15px;
    font-weight:           bold;
    font-size:             12px;
    font-family:           Tahoma, "Times New Roman", Times, serif;
    color:                 #fff;
    text-shadow:           1px 1px 0px #484848;
    line-height:           27px !important;
    -webkit-transition:    all .3s ease;
    -moz-transition:       all .3s ease;
    -ms-transition:        all .3s ease;
    -o-transition:         all .3s ease;
    transition:            all .3s ease;
}

.blue-btn-1:hover {
    background: #3C9BD2;
    color:      #fff;
    cursor:     pointer;
}

div.button.disabled, div.button.disabled:hover {
    background:       #eee;
    background-image: none;
    border:           1px solid #777;
    color:            #606060;
    opacity:          1;
    cursor:           default;
    text-align:       center;
    height:           27px;
    background:       -o-linear-gradient(top, #e9e9e9, #dddddd);
    background:       -moz-linear-gradient(top, #e9e9e9, #dddddd);
    background:       -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dddddd));
    /*ie BG*/
    filter:           progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e9e9e9', EndColorStr='#dddddd');

}

div.button.disabled a, div.button.disabled a:hover,
div.button.disabled input, div.button.disabled input:hover,
div.button.disabled button, div.button.disabled button:hover {
    color:      #777 !important;
    cursor:     default;
    background: none !important;
    border:     none !important;
}

div.button a, div.button input, div.button button {
    text-shadow: 1px 1px 0px #484848;
}

div.button.disabled a, div.button.disabled input, div.button.disabled button {
    text-shadow: none;
}

div.button a, div.button input, div.button button,
div.button_disable a, div.button_disable input, div.button_disable button {
    white-space:     nowrap;
    text-decoration: none !important;
    color:           white !important;
    font-size:       12px;
    margin-bottom:   0px;
    border-bottom:   none;
    height:          27px;
    padding:         0 10px;
}

div.button a:hover, div.button input:hover, div.button button:hover {
    color: white !important;
}

div.button input, div.button_disable input, div.button_disable button {
    border:           none !important;
    background-color: transparent;
    font-family:      Arial, Sans-Serif;
    font-size:        12px;
    text-decoration:  none;
    cursor:           pointer;
    /*   padding: 4px 8px;*/

}

div.button_disable, div.button_disable:hover {
    background:       #eee;
    background-image: none;
    border:           1px solid #777;
    color:            #606060;
}

div.button_disable input, div.button_disable button, div.button_disable a,
div.button_disable input:hover, div.button_disable button:hover, div.button_disable a:hover {
    color:            #606060 !important;
    cursor:           default;
    background-image: none;
}

.button:hover {
    background: -o-linear-gradient(top, #84a519, #a8d52d);
    background: -moz-linear-gradient(top, #84a519, #a8d52d);
    background: -webkit-gradient(linear, left top, left bottom, from(#84a519), to(#a8d52d));
    /*ie BG*/
    filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#84a519', EndColorStr='#a8d52d');
}

body.send-packeges div.button:hover {
    background: none;
    filter:     none;
}

/*end of main button  styles */

span.btn {
    background:         url(../images/fon_btn.png) repeat-x;
    padding:            1px 0px 3px 0px;
    margin-top:         2px;
    box-shadow:         1px 1px 0px #e0e0e0;
    -moz-box-shadow:    1px 1px 0px #e0e0e0;
    -webkit-box-shadow: 1px 1px 0px #e0e0e0;
    cursor:             pointer !important;
}

span.btn:hover {
    background: url(../images/fon_btn_hover.png) repeat-x;
}

span.btn_disable {
    background-image:   url(../images/fon_btn_disabled.png);
    background-repeat:  repeat-x;
    padding:            1px 0px 1px 0px;
    margin-top:         2px;
    box-shadow:         1px 1px 0px #e0e0e0;
    -moz-box-shadow:    1px 1px 0px #e0e0e0;
    -webkit-box-shadow: 1px 1px 0px #e0e0e0;
    cursor:             default !important;
}

span.btn input, span.btn_disable input, span.btn a, span.btn_disable a {
    border:           none !important;
    background-color: transparent;
    font-family:      Arial, Sans-Serif;
    font-size:        12px;
    text-decoration:  none;

}

span.btn input, span.btn a {
    color:         white;
    text-shadow:   1px 1px 0px #484848;
    height:        20px;
    cursor:        pointer !important;
    white-space:   nowrap;
    padding-left:  10px;
    padding-right: 14px;
    text-align:    center;
}

span.btn_disable input {
    color:       #606060;
    text-shadow: 1px 1px 0px white;
}

span.btn.submit input {
    cursor:     pointer;
    padding:    0;
    text-align: center;
    height:     100%;
    position:   relative;
    top:        -1px;
}

div.btn_big {
    background:   url(../images/fon_btn_31.png) repeat-x;
    height:       28px;
    text-align:   center;
    border-right: 1px solid #a2bb4e;
    border-left:  1px solid #a2bb4e;
    float:        left;

    padding:      0 10px;
}

div.btn_big.disabled, div.btn_big.disabled:hover {
    background:       #eee;
    background-image: none;
    border:           1px solid #777;
    color:            #606060;

}

div.btn_big.disabled input {
    color:       black !important;
    text-shadow: 1px 1px 0px white !important;
    cursor:      default;
    opacity:     1;
}

#content div.btn_big.disabled a, div.btn_big.disabled a.arrowed.selected {
    cursor:      default;
    color:       #000000 !important;
    text-shadow: 1px 1px 0px white !important;
}

div.btn_big:hover {
    background: url(../images/fon_btn_31_hover.png) repeat-x;
}

div.btn_big a {
    text-decoration: none;
    display:         block;
    text-align:      center;
    height:          100%;
    color:           white;
    text-shadow:     1px 1px 0px #484848;
    padding-top:     2px;
}

div.btn_big input {
    border:           none !important;
    background-color: transparent;
    font-family:      Arial, Sans-Serif;
    font-size:        12px;
    text-decoration:  none;
    cursor:           pointer;
    padding:          6px 8px 4px 8px;
    color:            white;
}

div.btn_big.disabled input {
    cursor:      default;
    color:       white;
    text-shadow: 1px 1px 0px #484848;
}

div.btn_big.register {
    width: 230px;
}

div.btn_big.register.c {
    margin-left: 270px;
}

div.btn_big.register.f {
    margin-left: 107px;
}

div.btn_big a.arrowed {
    background:   url(../images/arrow.png) no-repeat right 9px;
    margin-right: 10px;
}

.btn_big_blue a {
    margin:                0px 0px 0px 0;
    padding:               5px 13px 6px;
    background:            #0b74cf;
    color:                 #fff;
    border-radius:         3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border:                none;
    font:                  bold 12px/30px Arial;
    cursor:                pointer;
    display:               inline-block;
    -webkit-transition:    background .3s;
    -moz-transition:       background .3s;
    -ms-transition:        background .3s;
    -o-transition:         background .3s;
    transition:            background .3s;
}

.btn_big_blue a:hover {
    color:            #fff;
    background-color: #217fd0;
}

input.submit_btn {
    border:             none;
    background:         url(../images/fon_btn.png) repeat-x;
    padding:            0px 2px 2px 2px;
    box-shadow:         1px 1px 0px #e0e0e0;
    -moz-box-shadow:    1px 1px 0px #e0e0e0;
    -webkit-box-shadow: 1px 1px 0px #e0e0e0;
    cursor:             pointer;
    color:              white;
    text-shadow:        1px 1px 0px #484848;
}

input.submit_btn:hover {
    background: url(../images/fon_btn_hover.png) repeat-x;
}

.exit input.submit_btn {
    border:             none;
    background:         transparent;
    box-shadow:         1px 1px 0 transparent;
    -moz-box-shadow:    1px 1px 0 transparent;
    -webkit-box-shadow: 1px 1px 0 transparent;
    cursor:             pointer;
    color:              #fff;
    text-shadow:        1px 1px 0 transparent;
    display:            block;
    height:             30px;
    text-transform:     uppercase;
    font-size:          11px;
    padding:            0 37px 0 19px;
    -webkit-transition: all .3s ease;
    -moz-transition:    all .3s ease;
    -ms-transition:     all .3s ease;
    -o-transition:      all .3s ease;
    transition:         all .3s ease;
}
/*
.exit input.submit_btn:hover {
    background-color: #0486bc;
}
*/
input[type="button"].btn_delete {
    background: url(../images/icon_del.png) no-repeat;

    border:     1px solid transparent;
    width:      60px;
    height:     40px;
}

#buttons div {
    display: inline-block;
}

a.img_link {
    border: none !important;
}

a.img_link img {
    border: none !important;
}

a.btn_all_packs {
    border: none !important;
}

a.btn_all_packs img {
    border:        none !important;
    padding-right: 7px;
    margin-bottom: -4px;
}

a.btn_all_packs span {
    border: none;
}

a.btn_all_packs span:hover {
}

#btn_register, #btn_send_package-div {
    float: left;
}

.delete_logo, .delete_avatar {
    background: none !important;
    border:     none !important;
    margin:     5px 20px !important;
    width:      25px;
}

.delete_logo input, .delete_avatar input {
    padding-left: 25px;
    border:       none;
    background:   url(../images/icon_error_new.png) no-repeat 0 0;
    margin:       0 0;
    text-indent:  -4444px;
}

#user_avatar .qq-upload-button {
    padding: 3px;
}

.delete_avatar {
    margin: 15px 20px !important;
    filter: none !important;
}

.avatar-edit-popup .delete_avatar {
    margin: 11px 15px 0 !important;
}

#formOrder input {
    float:      left;
    margin-top: 1px;
}

#formOrder td .button {
    margin-top: 9px;
}

.leave-comment {
    font-family:           'Open Sans', sans-serif;
    font-weight:           600;
    font-size:             14px;
    background:            #00abf0;
    color:                 #fff;
    position:              relative;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    cursor:                pointer;
    height:                35px;
    line-height:           34px;
    border:                none;
    padding:               0 15px 0 48px;
    -webkit-box-shadow:    0px 1px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow:       0px 1px 3px rgba(0, 0, 0, .15);
    box-shadow:            0px 1px 3px rgba(0, 0, 0, .15);
    -webkit-transition:    all .2s ease;
    -moz-transition:       all .2s ease;
    -ms-transition:        all .2s ease;
    -o-transition:         all .2s ease;
    transition:            all .2s ease;
}

.leave-comment:disabled,
.leave-comment:disabled:hover {
    background: #ccc;
    cursor:     default;
}

.leave-comment:disabled .icon {
    border-right: 1px solid #ebebeb;
}

.leave-comment:hover {
    -webkit-box-shadow: -1px 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow:    -1px 2px 4px rgba(0, 0, 0, .2);
    box-shadow:         -1px 2px 4px rgba(0, 0, 0, .2);
}

.leave-comment .icon {
    position:     absolute;
    top:          0;
    left:         0;
    bottom:       0;
    width:        33px;
    border-right: 1px solid #0097eb;
    background:   url(../images/edit-mid-white.png) no-repeat center center;
}

.win-login .button {
    color:                 #fff !important;
    font-size:             14px;
    font-weight:           bold;
    height:                38px;
    line-height:           37px;
    padding:               0 14px 0 50px;
    position:              relative;
    border:                none;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    text-decoration:       none !important;
    font-family:           'Open Sans', sans-serif;
    text-transform:        uppercase;
}

.win-login .button:hover {
    color: #fff;
}

.win-login .button .icon {
    position: absolute;
    width:    36px;
    left:     0;
    top:      0;
    bottom:   0;
}

.win-login .cnaRegisterLink {
    background: #00abf0;
}

.win-login .cnaRegisterLink .icon {
    background:   url(../images/reg-icons.png) no-repeat -2px -2px;
    border-right: 1px solid #0097eb;
    box-shadow:   0 0 #00b8f2 inset, -1px 0 #00b8f2 inset, 0 0 #00b8f2 inset, 0 0 #00b8f2 inset;
    box-shadow:   0 0 #00b8f2 inset, -1px 0 #00b8f2 inset, 0 0 #00b8f2 inset, 0 0 #00b8f2 inset;
    box-shadow:   0 0 #00b8f2 inset, -1px 0 #00b8f2 inset, 0 0 #00b8f2 inset, 0 0 #00b8f2 inset;
}

.win-login .cnaEnterLink {
    background: #007cf0;
    float:      right;
}

.win-login .cnaEnterLink .icon {
    background:   url(../images/reg-icons.png) no-repeat -2px -40px;
    border-right: 1px solid #0066eb;
    box-shadow:   0 0 #008ff2 inset, -1px 0 #008ff2 inset, 0 0 #008ff2 inset, 0 0 #008ff2 inset;
    box-shadow:   0 0 #008ff2 inset, -1px 0 #008ff2 inset, 0 0 #008ff2 inset, 0 0 #008ff2 inset;
    box-shadow:   0 0 #008ff2 inset, -1px 0 #008ff2 inset, 0 0 #008ff2 inset, 0 0 #008ff2 inset;
}