@charset "UTF-8";
@font-face {
    font-family: 'pf_beausans_probold';
    src: url(../fonts/pfbeausanspro-bold-webfont.eot);
    src: url(../fonts/pfbeausanspro-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/pfbeausanspro-bold-webfont.woff) format("woff"), url(../fonts/pfbeausanspro-bold-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pf_beausans_proregular';
    src: url(../fonts/pfbeausanspro-reg-webfont.eot);
    src: url(../fonts/pfbeausanspro-reg-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/pfbeausanspro-reg-webfont.woff) format("woff"), url(../fonts/pfbeausanspro-reg-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    font: 14px/1.38 Arial, Helvetica, sans-serif;
    color: #394256;
    overflow-x: hidden;
    background: url(../images/bg-pattern1.png) repeat
}

ul, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    border: 0
}

img {
    vertical-align: top;
    border: 0
}

a {
    color: #00559a;
    text-decoration: none
}

a:hover {
    color: #268cdf;
    text-decoration: underline
}

a, input {
    outline: 0
}

.allwrapper {
    min-width: 990px;
    min-height: 100%;
    position: relative
}

.wrapper {
    min-width: 990px;
    padding: 0 0 70px;
    position: relative
}

#bottom-fix {
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

#payer-fix {
    height: 62px;
    position: relative
}

#footer {
    height: 132px;
    position: relative
}

.main-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}

.mg-l {
    width: 250px;
    position: relative;
    float: left
}

.mg-r {
    width: 240px;
    position: relative;
    float: right
}

.mg-c {
    margin: 0 263px 0 265px;
    position: relative
}

h1, h2, h3, h4, h5, h6 {
    color: #4c5568
}

h1 {
    margin: 0 0 20px;
    font: 33px/1 pf_beausans_probold, Arial, sans-serif
}

h2 {
    margin: 0 0 22px;
    font: 25px/1 pf_beausans_probold, Arial, sans-serif
}

h3 {
    margin: 0 0 21px;
    font: bold 16px/1.1 Arial, sans-serif
}

h4 {
    margin: 0 0 20px;
    font: 16px/1 Arial, sans-serif
}

h5 {
    margin: 0 0 20px;
    font: bold 14px/1 Arial, sans-serif
}

h6 {
    margin: 0 0 20px;
    font: 14px/1 Arial, sans-serif
}

.text_box {
    color: #4e5768;
    font: 14px/1.4 Arial;
    padding: 23px 0 0
}

.text_box :last-child {
    margin-bottom: 0
}

.text_box p {
    margin: 0 0 22px
}

.text_box p.grey {
    margin: 0 0 10px;
    color: #adb1ba
}

.text_box img {
    max-width: 100%;
    margin: 0 0 20px;
    border: 4px solid #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3)
}

.text_box .img_sign {
    font-size: 12px
}

.text_box .img_box {
    margin: 44px 30px 40px
}

.text_box .img_box img {
    margin: 0 0 8px
}

.text_box ul, .text_box ol {
    margin: 0 0 20px;
    font-size: 12px
}

.text_box li ul, .text_box li ol {
    margin: 12px 0
}

.text_box li li ul, .text_box li li ol {
    margin: 7px 0
}

.text_box ul > li {
    margin: 0 0 11px;
    padding-left: 30px;
    background: url(../images/str-2.png) no-repeat 9px 3px
}

.text_box li ul > li, .text_box li li ul > li {
    margin: 0 0 7px;
    background-image: url(../images/str-3.png)
}

.text_box ol > li {
    margin: 0 0 10px
}

.text_box li ol > li, .text_box li li ol > li {
    margin: 0 0 7px
}

input, textarea, select {
    font: 14px Arial
}

.form_line {
    margin: 0 0 20px
}

input.text, textarea, select {
    color: #4e5768;
    padding: 10px 9px;
    border: 1px solid #c8cbd2;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

input::-webkit-input-placeholder {
    color: #999
}

input:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder {
    color: #999
}

select {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 14px
}

textarea {
    height: 107px;
    resize: none
}

.textarea_wrap, .input_text_wrap {
    padding-right: 20px;
    position: relative
}

.select_wrap select, .textarea_wrap textarea, .input_text_wrap input.text {
    width: 100%
}

.textarea_wrap.error textarea, .input_text_wrap.error input.text {
    border: 1px solid #ff0054
}

.textarea_wrap .str_tl {
    width: 20px;
    height: 10px;
    display: block;
    position: absolute;
    top: -5px;
    left: 20px;
    background: url(../images/str-4.png) no-repeat left top
}

.error-mess, .error-mess2 {
    position: relative;
    display: none;
    color: #ff0054;
    font-size: 14px;
    line-height: 14px
}

.textarea_wrap .error-mess, .input_text_wrap .error-mess, .input_text_wrap .error-mess2 {
    position: absolute;
    top: 12px;
    right: 11px
}

.input_text_wrap .error-mess2 {
    top: auto;
    bottom: -16px;
    right: 0
}

.textarea_wrap.error .error-mess, .input_text_wrap.error .error-mess, .input_text_wrap.error .error-mess2 {
    display: block
}

.btn {
    display: inline-block;
    padding: 4px 14px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(9, 48, 116, 0.4);
    vertical-align: middle;
    overflow: visible;
    cursor: pointer;
    background-color: #006fb8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0086cc), to(#005eaa));
    background-image: -webkit-linear-gradient(top, #0086cc, #005eaa);
    background-image: -o-linear-gradient(top, #0086cc, #005eaa);
    background-image: linear-gradient(to bottom, #0086cc, #005eaa);
    background-image: -moz-linear-gradient(top, #0086cc, #005eaa);
    background-repeat: repeat-x;
    border: 1px solid #00acde;
    border-color: rgba(0, 172, 222, 1) rgba(0, 140, 204, 1) rgba(0, 110, 181, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(5, 13, 32, 0.8);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(5, 13, 32, 0.8);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(5, 13, 32, 0.8);
    *background-color: #006fb8;
    *zoom: 1;
    *display: inline
}

.btn-blue:hover {
    color: #fff;
    text-decoration: none;
    background-color: #007fc3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0091d0), to(#0068b3));
    background-image: -webkit-linear-gradient(top, #0091d0, #0068b3);
    background-image: -o-linear-gradient(top, #0091d0, #0068b3);
    background-image: linear-gradient(to bottom, #0091d0, #0068b3);
    background-image: -moz-linear-gradient(top, #0091d0, #0068b3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0091d0', endColorstr='#0068b3', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border: 1px solid #00acde;
    border-color: rgba(0, 180, 255, 0.8) rgba(0, 155, 210, 0.8) rgba(0, 110, 181, 0.2);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 180, 255, 0.2), 0 1px 2px rgba(5, 13, 32, 0.8);
    -moz-box-shadow: inset 0 0 1px rgba(0, 180, 255, 0.2), 0 1px 2px rgba(5, 13, 32, 0.8);
    box-shadow: inset 0 0 1px rgba(0, 180, 255, 0.2), 0 1px 2px rgba(5, 13, 32, 0.8);
    *background-color: #007fc3
}

.btn-blue:active {
    color: #85c2f2 !important;
    text-decoration: none;
    background-color: #005ca5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066b5), to(#004986));
    background-image: -webkit-linear-gradient(top, #0066b5, #004986);
    background-image: -o-linear-gradient(top, #0066b5, #004986);
    background-image: linear-gradient(to bottom, #0066b5, #004986);
    background-image: -moz-linear-gradient(top, #0066b5, #004986);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0066b5', endColorstr='#004986', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border: 1px solid #0078b9;
    border-color: rgba(0, 150, 210, 0.7) rgba(0, 115, 180, 1) rgba(0, 83, 143, 0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 150, 210, 0.5), 0 1px 2px rgba(5, 13, 32, 0.8);
    -moz-box-shadow: inset 0 0 1px rgba(0, 150, 210, 0.5), 0 1px 2px rgba(5, 13, 32, 0.8);
    box-shadow: inset 0 0 1px rgba(0, 150, 210, 0.5), 0 1px 2px rgba(5, 13, 32, 0.8);
    *background-color: #005ca5
}

.btn-green {
    padding: 3px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border: 0;
    background: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #13ca58;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#13d360), to(#12b143));
    background-image: -webkit-linear-gradient(top, #13d360, #12b143);
    background-image: -o-linear-gradient(top, #13d360, #12b143);
    background-image: linear-gradient(to bottom, #13d360, #12b143);
    background-image: -moz-linear-gradient(top, #13d360, #12b143);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#13d360', endColorstr='#12b143', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.btn-green:active {
    padding-top: 4px;
    padding-bottom: 2px
}

.btn-big {
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-big:active {
    padding-top: 9px;
    padding-bottom: 7px
}

.btn_wrap {
    position: relative
}

.btn_wrap input.btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
    text-align: center
}

.sbtn {
    width: 20px;
    height: 20px;
    color: #fff;
    cursor: pointer;
    background: url(../images/gradients.png) repeat-x left top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(31, 153, 207, 0.9) rgba(31, 153, 207, 0.2) rgba(255, 153, 207, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(40, 51, 73, 0.75);
    -moz-box-shadow: 0 1px 2px rgba(40, 51, 73, 0.75);
    box-shadow: 0 1px 2px rgba(40, 51, 73, 0.75);
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.sbtn:hover {
    background-position: left -22px
}

.sbtn:active {
    background-position: left -44px;
    border-color: rgba(3, 27, 79, 0.9) rgba(3, 27, 79, 0.2) rgba(3, 27, 79, 0);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(3, 27, 79, 0.6);
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(3, 27, 79, 0.6);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(3, 27, 79, 0.6)
}

.sbtn span {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/icons.png) no-repeat
}

.sbtn-plus span {
    background-position: -20px 0
}

.sbtn-plus:hover span {
    background-position: -40px 0
}

.sbtn-quit span {
    background-position: -60px 0
}

.sbtn-quit:hover span {
    background-position: -80px 0
}

.btn-xlarge {
    padding: 0;
    position: relative;
    overflow: hidden;
    zoom: 1;
    color: #0d5fa1;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    text-align: left;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 0.7);
    background-color: #dde1e8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ecf0f6), to(#d3d8de));
    background-image: -webkit-linear-gradient(top, #ecf0f6, #d3d8de);
    background-image: -o-linear-gradient(top, #ecf0f6, #d3d8de);
    background-image: linear-gradient(to bottom, #ecf0f6, #d3d8de);
    background-image: -moz-linear-gradient(top, #ecf0f6, #d3d8de);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ecf0f6', endColorstr='#d3d8de', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #dde1e8;
    *display: inline
}

.btn-xlarge:hover {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    background-color: #1966a3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1976be), to(#19598f));
    background-image: -webkit-linear-gradient(top, #1976be, #19598f);
    background-image: -o-linear-gradient(top, #1976be, #19598f);
    background-image: linear-gradient(to bottom, #1976be, #19598f);
    background-image: -moz-linear-gradient(top, #1976be, #19598f);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1976be', endColorstr='#19598f', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #1966a3
}

.btn-xlarge .left {
    float: left;
    width: 54px;
    position: relative
}

.btn-xlarge .cnt {
    line-height: 53px;
    margin-left: 54px;
    display: block;
    position: relative;
    text-align: center
}

.btn-xlarge .sep {
    width: 0;
    height: 53px;
    float: left;
    position: relative;
    border-left: 1px solid #cdd1d9;
    border-right: 1px solid #f1f3f6
}

.btn-xlarge:hover .sep {
    border-left: 1px solid #165a95;
    border-right: 1px solid #1e83c0
}

.btn-xlarge .stop, .btn-xlarge .play, .btn-xlarge .downl, .btn-xlarge .in-playlist {
    width: 40px;
    height: 40px;
    position: relative;
    top: 6px;
    left: 7px;
    background: url(../images/song-btns.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.btn-xlarge .stop {
    background-position: -40px -120px
}

.btn-xlarge:hover .stop {
    background-position: -40px -160px
}

.btn-xlarge .play {
    background-position: -120px -120px
}

.btn-xlarge:hover .play {
    background-position: -120px -160px
}

.btn-xlarge .downl {
    background-position: -80px -120px
}

.btn-xlarge:hover .downl {
    background-position: -80px -160px
}

.btn-xlarge .in-playlist {
    background-position: -160px -120px
}

.btn-xlarge:hover .in-playlist {
    background-position: -160px -160px
}

.btn_wrap .btn-xlarge {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.xlarge_btns {
    margin: 30px 0 29px;
    min-height: 54px;
    position: relative
}

.xlarge_btns .lclmn {
    width: 48%;
    float: left
}

.xlarge_btns .rclmn {
    width: 48%;
    float: right
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.icon-plus, .icon-user, .icon-user2, .icon-que, .icon-size, .icon-bitrate, .icon-time, .icon-downl, .icon-reload {
    background: url(../images/icons.png);
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.icon-user {
    width: 14px;
    height: 16px;
    background-position: 0 0
}

.icon-user2 {
    width: 14px;
    height: 16px;
    background-position: -100px 0
}

.icon-plus {
    width: 16px;
    height: 17px;
    background-position: 0 -50px
}

.icon-que {
    width: 12px;
    height: 12px;
    background-position: -20px -50px
}

.icon-size, .icon-bitrate, .icon-time, .icon-downl {
    height: 21px
}

.icon-size {
    width: 16px;
    background-position: 0 -70px
}

.icon-bitrate {
    width: 19px;
    background-position: -20px -70px
}

.icon-time {
    width: 18px;
    background-position: -40px -70px
}

.icon-downl {
    width: 16px;
    background-position: -60px -70px
}

#header-fix {
    height: 62px;
    position: relative;
    z-index: 10
}

#header {
    width: 100%;
    min-width: 990px;
    height: 62px;
    position: fixed;
    top: 0;
    left: 0;
    background: #1462a1 url(../images/bg-header.png) repeat-x left bottom;
    z-index: 10;
    zoom: 1
}

#header.opacity {
    opacity: .92;
    filter: alpha(opacity=0.92)
}

#header a, #header a:hover {
    color: #fff
}

.logo {
    position: relative;
    top: 0;
    left: -5px
}

/*.logo img{height:48px;padding:7px 0 0 9px}*/
.login, .user {
    position: relative;
    top: 15px;
    background: url(../images/1px_blue.png) repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(16, 35, 90, 0.7), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(16, 35, 90, 0.7), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(16, 35, 90, 0.7), 0 1px 0 rgba(255, 255, 255, 0.15)
}

.login .btn {
    padding: 6px 22px;
    float: left;
    width: 40px
}

.login .info {
    margin-left: 86px;
    padding: 5px 0 3px 9px;
    display: block;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -.1px
}

.user {
    min-width: 225px;
    padding: 6px;
    position: relative
}

.user .name {
    padding: 3px 10px 2px 3px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.user .name:hover {
    color: #fff;
    text-decoration: none
}

.user .icon-user {
    margin-right: 7px
}

.user .sbtn {
    margin-left: 6px;
    float: right
}

.search {
    padding: 14px 0 0;
    position: relative
}

.search_borders {
    width: 100%;
    position: relative;
    float: left;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #0d4b84 #09447b #03376a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 0 rgba(12, 110, 190, 0.9);
    -moz-box-shadow: 0 1px 0 rgba(12, 110, 190, 0.9);
    box-shadow: 0 1px 0 rgba(12, 110, 190, 0.9)
}

.search .inp-wrap {
    padding-right: 40px;
    position: relative;
    margin-right: 91px
}

.search input.text {
    width: 100%;
    height: 21px;
    padding: 6px 30px 6px 10px;
    margin: 0;
    position: relative;
    float: left;
    font-size: 16px;
    border: 0;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(22, 58, 124, 0.26);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.search .btn2 {
    width: 91px;
    height: 33px;
    padding: 0 0 1px;
    margin: 0 0 0 -1px;
    position: relative;
    float: right;
    color: #616c81;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    cursor: pointer;
    overflow: visible;
    border: 0;
    background: #fff;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 2px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 2px rgba(255, 255, 255, 0.8) inset;
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 2px rgba(255, 255, 255, 0.8) inset;
    background: #c0c8d6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f6fb), to(#c0c8d6));
    background-image: -webkit-linear-gradient(top, #f3f6fb, #c0c8d6);
    background-image: -o-linear-gradient(top, #f3f6fb, #c0c8d6);
    background-image: linear-gradient(to bottom, #f3f6fb, #c0c8d6);
    background-image: -moz-linear-gradient(top, #f3f6fb, #c0c8d6);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f3f6fb', endColorstr='#c0c8d6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.search .btn2:hover {
    background: #dde2eb;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f9fc), to(#c6cedc));
    background-image: -webkit-linear-gradient(top, #f8f9fc, #c6cedc);
    background-image: -o-linear-gradient(top, #f8f9fc, #c6cedc);
    background-image: linear-gradient(to bottom, #f8f9fc, #c6cedc);
    background-image: -moz-linear-gradient(top, #f8f9fc, #c6cedc);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f8f9fc', endColorstr='#c6cedc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background: #dde2eb
}

.search .btn2:active {
    color: #4f5c74;
    line-height: 16px;
    background: #bec7d6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d1d8e4), to(#a5b0c2));
    background-image: -webkit-linear-gradient(top, #d1d8e4, #a5b0c2);
    background-image: -o-linear-gradient(top, #d1d8e4, #a5b0c2);
    background-image: linear-gradient(to bottom, #d1d8e4, #a5b0c2);
    background-image: -moz-linear-gradient(top, #d1d8e4, #a5b0c2);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d1d8e4', endColorstr='#a5b0c2', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background: #bec7d6
}

.search .clear {
    visibility: hidden;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 8px;
    top: 9px;
    cursor: pointer;
    background: url(../images/cross-1.png) no-repeat left top
}

.search .inp-wrap:hover .clear {
    visibility: visible
}

#content {
    padding: 28px 0 28px
}

.slm-wrap {
    margin: 10px 0 0;
    position: relative
}

.slm-tbl {
    width: 100%;
    font-size: 11px;
    line-height: 11px;
    border: 0;
    border-collapse: collapse
}

.slm-tbl td {
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    padding: 0;
    border: 0;
    vertical-align: middle
}

.slm-tbl td.l-lines, .slm-tbl td.r-lines {
    width: 50%;
    background: url(../images/slm-bg2.png) no-repeat
}

.slm-tbl td.l-lines {
    background-position: left 0
}

.slm-tbl td.r-lines {
    background-position: right -20px
}

.slm-link {
    height: 20px;
    padding-left: 26px;
    display: block;
    color: #00559a;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/slm-bg1.png) no-repeat left top
}

.slm-link:hover {
    color: #00559a;
    text-decoration: none
}

.slm-link span {
    display: block;
    height: 20px;
    padding-right: 26px;
    background: url(../images/slm-bg1.png) no-repeat right -20px
}

.slm-link b {
    height: 18px;
    padding: 2px 4px 0;
    display: block;
    white-space: nowrap;
    background: url(../images/slm-bg1.png) repeat-x left -40px
}

.title2 {
    margin: 0 0 15px;
    position: relative;
    color: #394256;
    font: 20px/1 pf_beausans_probold, Arial, sans-serif
}

.title2 a, .title2 a:hover {
    color: #394256;
    text-decoration: none
}

.icon-radio, .icon-novelty, .icon-error, .icon-login {
    margin-right: 9px;
    position: relative;
    background: url(../images/icons.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.icon-radio, .icon-novelty {
    width: 22px;
    height: 23px
}

.icon-radio {
    top: -3px;
    background-position: 0 -20px
}

.icon-novelty {
    top: 1px;
    background-position: -25px -20px
}

.icon-error {
    width: 25px;
    height: 23px;
    top: -2px;
    background-position: -50px -20px
}

.icon-login {
    width: 25px;
    height: 24px;
    top: -3px;
    background-position: -75px -20px
}

.radio_clmn {
    margin: 0 0 34px;
    position: relative
}

.radio_clmn .title2 {
    margin: 0 0 24px
}

.radio_list {
    margin-right: -21px;
    margin-bottom: 10px;
    position: relative
}

.radio_list .item {
    margin: 0 21px 18px 0;
    position: relative;
    float: left;
    border: 1px solid #fff;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    *border: 1px solid #eee;
    border: 1px solid #eee \0/
}

.radio_list .item a {
    display: block
}

.radio_list .item .radio-city-wr {
    position: absolute;
    display: block;
    width: 100%;
    left: -1px;
    bottom: -1px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #747a88;
    padding: 3px 1px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    opacity: 0;
    text-decoration: none;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.radio_list .item:hover .radio-city-wr {
    opacity: 1
}

.radio_list .item .radio-city-wr .radio-city {
    border-bottom: 1px dashed
}

.radio_list .item img {
    width: 108px;
    height: 108px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.radio_list .inset-shadow {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.novelty_clmn {
    margin: 0 0 20px;
    position: relative
}

.novelty_clmn .songs-list {
    width: 232px;
    margin: 0 0 20px
}

.right-content {
    padding: 0;
    position: relative
}

.right-banner {
    margin: 0 0 20px;
    margin-top: 35px;
    position: relative
}

.g-plus2 {
    text-align: center
}

.site-description {
    height: 56px;
    margin: -3px 0 4px;
    position: relative;
    overflow: hidden;
    color: #00559a;
    font-size: 12px;
    line-height: 15px;
    text-align: center
}

.site-share {
    height: 34px;
    margin: -3px 0 4px;
    position: relative;
    overflow: hidden;
    color: #00559a;
    font-size: 12px;
    line-height: 15px;
    text-align: center
}

.adv-item {
    max-width: 150px;
    margin: 0;
    position: relative;
    text-align: left;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.adv-item .img {
    max-width: 150px;
    max-height: 150px;
    margin: 0 0 11px;
    overflow: hidden
}

.adv-item .img img {
    max-width: 150px
}

.adv-item .text {
    overflow: hidden;
    max-height: 64px;
    color: #00559a;
    font-size: 11px;
    line-height: 16px
}

.adv-item .text a, .adv-item .text a:hover {
    text-decoration: none
}

.adv-tbl {
    width: 100%;
    border-collapse: collapse
}

.adv-tbl td {
    padding: 0;
    border: 0;
    text-align: center;
    vertical-align: top
}

.right-content .adv-tbl {
    margin: 35px 0 20px
}

.right-content .adv-tbl td {
    padding-bottom: 20px
}

.right-content .adv-item {
    text-align: center
}

.adv-list-top {
    margin: 0 0 8px;
    text-align: center;
    position: relative;
    min-height: 190px;
    line-height: 14px
}

.adv-list-top td {
    width: 33%
}

#adv-list-left {
    line-height: 14px
}

.whb_wrap {
    position: relative
}

.whb_crn_lt, .whb_crn_rt, .whb_crn_lb, .whb_crn_rb {
    height: 27px;
    background: url(../images/whb-bg0.png) no-repeat
}

.whb_crn_lt {
    padding-left: 27px;
    background-position: 0 -54px
}

.whb_crn_rt {
    padding-right: 27px;
    background-position: right 0
}

.whb_crn_lb {
    padding-left: 27px;
    background-position: 0 -81px
}

.whb_crn_rb {
    padding-right: 27px;
    background-position: right -27px
}

.whb_gr_t, .whb_gr_b {
    height: 27px;
    background: url(../images/whb-bg1.png) repeat-x
}

.whb_gr_t {
    background-position: left top
}

.whb_gr_b {
    background-position: left bottom
}

.whb_gr_l {
    padding-left: 27px;
    background: url(../images/whb-bg2.png) repeat-y left top
}

.whb_gr_r {
    padding-right: 27px;
    background: url(../images/whb-bg3.png) repeat-y right top
}

.whb_box {
    padding: 1px;
    margin: -7px -1px 0;
    position: relative;
    background: #fff
}

.song-wrap {
    margin: 0 -7px;
    padding: 8px 7px 9px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.song-wrap-xl {
    margin: 0 -10px;
    padding: 11px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.song-wrap:hover {
    background: #fff;
    border: 1px solid;
    padding: 7px 6px 8px;
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.25)
}

.song-wrap-xl:hover {
    border: 0;
    padding: 11px;
    background: #f4f6f8;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4)
}

.song {
    height: 22px;
    position: relative
}

.song-xl {
    height: 38px
}

.song-img {
    width: 22px;
    height: 22px;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.song-xl .song-img {
    width: 38px;
    height: 38px
}

.song-img img {
    width: 22px;
    min-height: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.song-xl .song-img img {
    width: 38px;
    min-height: 38px
}

.song-info {
    width: 55px;
    float: right;
    position: relative
}

.song-xl .song-info {
    width: 55px
}

.song-time {
    padding-top: 12px;
    display: block;
    position: relative;
    color: #adb1ba;
    font-size: 11px;
    line-height: 11px;
    text-align: right
}

.song-xl .song-time {
    padding-top: 20px;
    font-size: 14px;
    line-height: 14px
}

.song.played .song-time {
    color: #00559a
}

.song-content {
    margin-left: 32px;
    margin-right: 55px;
    position: relative
}

.song-xl .song-content {
    margin-left: 50px;
    margin-right: 95px
}

.song-artist {
    padding: 0 0 1px;
    color: #4e5768;
    font-size: 11px;
    line-height: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.song-xl .song-artist {
    padding: 2px 0 1px;
    font-size: 14px;
    line-height: 15px
}

.song-artist a {
    color: #4e5768;
    text-decoration: none
}

.song-artist a:hover {
    color: #00559a;
    text-decoration: none
}

.song-name {
    padding: 0;
    color: #00559a;
    font-size: 11px;
    line-height: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden
}

.song-xl .song-name {
    padding: 2px 0;
    font-size: 16px;
    line-height: 17px
}

.song-name a, .song-name a:hover {
    text-decoration: none
}

.song .mb-tooltip {
    display: block;
    padding: 0 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn3-play, .btn4-play, .btn3, .btn4, .btn5, .btn-grey {
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5)
}

.btn4-play, .btn4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn3.play.stop, .btn3-play.stop, .btn4-play.stop, .btn4.play.stop {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.btn4-play {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn3-play, .btn3, .btn3 span {
    width: 22px;
    height: 22px;
    display: block
}

.btn4-play, .btn4, .btn4 span {
    width: 38px;
    height: 38px;
    display: block
}

.btn5, .btn5 span {
    width: 20px;
    height: 20px;
    display: block
}

.btn3-play, .btn4-play, .btn3 span, .btn4 span, .btn5 span {
    background: url(../images/song-btns.png) no-repeat
}

.btn3-play {
    background-position: -80px 0
}

.btn3-play:hover {
    background-position: -80px -40px
}

.btn3-play:active {
    background-position: -80px -80px
}

.btn3.play.stop span, .btn3-play.stop {
    background-position: -120px 0
}

.btn3.play.stop:hover span, .btn3-play.stop:hover {
    background-position: -120px -40px
}

.btn3.play.stop:active span, .btn3-play.stop:active {
    background-position: -120px -80px
}

.btn4-play {
    background-position: 0 0
}

.btn4-play:hover {
    background-position: 0 -40px
}

.btn4-play:active {
    background-position: 0 -80px
}

.btn4-play.stop, .btn4.play.stop span {
    background-position: -40px 0
}

.btn4-play.stop:hover, .btn4.play.stop:hover span {
    background-position: -40px -40px
}

.btn4-play.stop:active, .btn4.play.stop:active span {
    background-position: -40px -80px
}

.btn3.play span {
    background-position: -280px 0
}

.btn3.play:hover span {
    background-position: -280px -40px
}

.btn3.play:active span {
    background-position: -280px -80px
}

.btn3.delete span {
    background-position: -320px 0
}

.btn3.ok span {
    background-position: -360px 0
}

.btn3.download span {
    background-position: -160px -40px
}

.btn3.plus span {
    background-position: -200px -40px
}

.btn4.play span {
    background-position: 0 -120px
}

.btn4.download span {
    background-position: -160px 0
}

.btn4.plus span {
    background-position: -200px 0
}

.btn5.reload2 span {
    background-position: -440px 0
}

.btn5.reload2.active span {
    background-position: -440px -40px
}

.btn5.playlists2 span {
    background-position: -400px 0
}

.btn5.playlists2.active {
    cursor: pointer
}

.btn5.playlists2.active span {
    background-position: -400px -40px
}

.btn5.download2 span {
    background-position: -480px 0
}

.btn5.download2.active span {
    background-position: -480px -40px
}

.btn5.plus2 span {
    background-position: -520px 0
}

.btn5.plus2.active span {
    background-position: -520px -40px
}

.btn3, .btn4, .btn5, .btn-grey {
    background-color: #d8dde4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ecf0f6), to(#d3d8df));
    background-image: -webkit-linear-gradient(top, #ecf0f6, #d3d8df);
    background-image: -o-linear-gradient(top, #ecf0f6, #d3d8df);
    background-image: linear-gradient(to bottom, #ecf0f6, #d3d8df);
    background-image: -moz-linear-gradient(top, #ecf0f6, #d3d8df);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ecf0f6', endColorstr='#d3d8df', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #d8dde4
}

.btn3:hover, .btn4:hover, .btn5:hover, .btn-grey:hover {
    background-color: #e9ecef;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f6fa), to(#e5e8ec));
    background-image: -webkit-linear-gradient(top, #f4f6fa, #e5e8ec);
    background-image: -o-linear-gradient(top, #f4f6fa, #e5e8ec);
    background-image: linear-gradient(to bottom, #f4f6fa, #e5e8ec);
    background-image: -moz-linear-gradient(top, #f4f6fa, #e5e8ec);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f6fa', endColorstr='#e5e8ec', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #e9ecef
}

.btn3:active, .btn4:active, .btn-grey:active, .btn-grey.active {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.8);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.8);
    background-color: #c7cdd5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c7cdd5), to(#d2d7de));
    background-image: -webkit-linear-gradient(top, #c7cdd5, #d2d7de);
    background-image: -o-linear-gradient(top, #c7cdd5, #d2d7de);
    background-image: linear-gradient(to bottom, #c7cdd5, #d2d7de);
    background-image: -moz-linear-gradient(top, #c7cdd5, #d2d7de);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#c7cdd5', endColorstr='#d2d7de', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #c7cdd5
}

.btn5:active {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #9ba5b5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8994a5), to(#9ba5b5));
    background-image: -webkit-linear-gradient(top, #8994a5, #9ba5b5);
    background-image: -o-linear-gradient(top, #8994a5, #9ba5b5);
    background-image: linear-gradient(to bottom, #8994a5, #9ba5b5);
    background-image: -moz-linear-gradient(top, #8994a5, #9ba5b5);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8994a5', endColorstr='#9ba5b5', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #9ba5b5
}

.player-menu-plus.in_playlist, .song-plus.in_playlist, .song-download.downloaded, .song-download.visited, .player-menu-download.visited, .btn5.active {
    cursor: default;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(22, 67, 147, 1);
    -moz-box-shadow: inset 0 1px 1px 0 rgba(22, 67, 147, 1);
    box-shadow: inset 0 1px 1px 0 rgba(22, 67, 147, 1);
    background-color: #095898;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004682), to(#1874bb));
    background-image: -webkit-linear-gradient(top, #004682, #1874bb);
    background-image: -o-linear-gradient(top, #004682, #1874bb);
    background-image: linear-gradient(to bottom, #004682, #1874bb);
    background-image: -moz-linear-gradient(top, #004682, #1874bb);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#004682', endColorstr='#1874bb', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #095898
}

.song-plus.in_playlist span, .song-download.downloaded span, a.song-download.visited span {
    background-position: -200px -80px
}

.player-menu-download.visited span {
    background-position: -201px -81px
}

.player-menu-plus.in_playlist span, .player-menu-download.downloaded span {
    background-position: -201px -81px
}

.song-xl .song-plus.in_playlist span, .song-xl .song-download.downloaded span, .song-xl .song-download.visited span, .song-xl .song-download:visited span {
    background-position: -240px 0
}

.song-play {
    position: absolute;
    top: 0;
    left: 0
}

.song-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.song-menu li {
    margin-left: 8px;
    float: left
}

.song-xl .song-menu li {
    margin-left: 10px
}

.song-img, .song-menu, .song-xl .btn4-play, .song-wrap:hover .song-img, .song-wrap:hover .song-info {
    visibility: hidden
}

.song-xl .song-img, .song-xl:hover .btn4-play, .song-wrap:hover .song-menu, .song.played .song-play, .song-wrap-xl:hover .song-img, .song-xl btn4.play {
    visibility: visible
}

.song_mess2 {
    display: none;
    width: 230px;
    position: absolute;
    padding-bottom: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
    background: url(../images/str-1.png) no-repeat center bottom;
    z-index: 110
}

.song_mess2 .bg {
    padding: 26px 15px 22px;
    background: url(../images/1px_black.png) repeat;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.song_mess2 .cnt {
    padding: 0 0 68px;
    position: relative;
    background: url(../images/song-yes.png) no-repeat center bottom
}

.song_mess2 .str {
    width: 20px;
    height: 10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    background: url(../images/str-1.png) repeat
}

.title_box {
    margin: 0 0 12px;
    position: relative
}

.title_box .before_h1 {
    margin: 8px 0 7px;
    font-size: 20px;
    line-height: 1
}

.title_box a, .title_box a:hover {
    color: #394256;
    text-decoration: none
}

.title_box h1 {
    margin: 0
}

.title_box h2 {
    font-size: 20px;
    line-height: 22px;
    margin: 0
}

.ico-stars h1 {
    min-height: 37px;
    padding-left: 47px;
    background: url(../images/title-ico-stars.png) no-repeat left top
}

.ico-text h1 {
    min-height: 34px;
    padding-left: 35px;
    background: url(../images/title-ico-text.png) no-repeat left top
}

.ico-new-songs h1 {
    min-height: 36px;
    padding-left: 49px;
    background: url(../images/title-ico-new-songs.png) no-repeat left 5px
}

.ico-search h1 {
    min-height: 32px;
    padding-left: 36px;
    background: url(../images/title-ico-search.png) no-repeat left 0
}

.ico-microphone h1 {
    min-height: 32px;
    padding-left: 36px;
    background: url(../images/title-ico-microphone.png) no-repeat left 0
}

.ico-user h1 {
    min-height: 32px;
    padding-left: 36px;
    background: url(../images/title-ico-user.png) no-repeat left 0
}

.ico-songs h2 {
    min-height: 22px;
    padding-left: 31px;
    background: url(../images/title-ico-songs.png) no-repeat left 0
}

.ico-comments h2 {
    min-height: 22px;
    padding-left: 33px;
    background: url(../images/title-ico-comments.png) no-repeat 0 2px
}

.info_text {
    margin: 0 0 15px;
    color: #394256;
    font-size: 20px;
    line-height: 1.3
}

.info_text .grey {
    color: #959aa4
}

.grey_box {
    margin: 0 0 15px;
    padding: 9px 10px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    background: #f4f6f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.songs-list-item {
    border-bottom: 1px dotted #ccc
}

.songs-list-item:last-child {
    border-bottom: 0
}

.songs-list-item .song-wrap {
    margin-top: -1px;
    margin-bottom: -1px
}

.btn-grey {
    padding: 11px 20px 12px;
    color: #00559a;
    font: bold 14px/1 Arial, sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.btn-grey:hover {
    color: #00559a;
    text-decoration: none
}

.btn-grey.active, .btn-grey:active {
    padding-top: 12px;
    padding-bottom: 11px;
    color: #394256
}

.btn_wrap .btn-grey {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.btns_group {
    position: relative
}

#bolt {
    position: absolute;
    right: 0;
    top: 7px;
    width: 26px;
    height: 26px;
    background: url(../images/bolt.png) no-repeat;
    cursor: pointer
}

.check {
    position: absolute;
    left: 90%;
    top: 12px;
    width: 5px;
    height: 5px
}

#l13 {
    width: 95px;
    height: 20px;
    display: block;
    position: relative;
    margin-left: 35px;
    display: none
}

label.lab_check {
    width: 150px;
    height: 20px;
    display: block;
    position: relative;
    margin-left: 20px;
    display: none;
    font-family: areal;
    font-size: 16px !important;
    font-weight: 700
}

input[type="checkbox"]:checked + span.niceCheck {
    background: url(../images/checkbox.png) no-repeat;
    background-position: 0 100%
}

input[type="checkbox"] + span.niceCheck {
    position: absolute;
    left: 90%;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/checkbox.png) no-repeat;
    cursor: pointer
}

.btns_group .btn_wrap {
    width: 33.3%;
    float: left
}

.btns_group .btn_wrap .btn-grey {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btns_group .btn_wrap:first-child .btn-grey {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.btns_group .btn_wrap:last-child .btn-grey {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.search_sort_par {
    position: relative
}

.search_sort_par label {
    padding: 9px 0 0;
    float: left;
    color: #4e5768;
    font-size: 14px
}

.search_sort_par .btns_group {
    margin-left: 0
}

.sad-treble-clef {
    min-height: 280px;
    background: url(../images/sad-treble-clef.png) no-repeat center center
}

.btn-grey.add {
    font-size: 16px
}

.btn-grey.add .icon-plus {
    margin-right: 10px
}

.grey_info {
    margin: 15px 0 0;
    color: #4e5768;
    font-size: 12px
}

.grey_info ol {
    counter-reset: point;
    margin: 0;
    padding: 0
}

.grey_info li {
    margin: 0 0 4px;
    padding: 0 0 0 23px;
    position: relative;
    list-style: none
}

.grey_info li:before {
    content: counter(point) '.';
    counter-increment: point 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    color: #c5cad4;
    font-weight: 700;
    text-align: right
}

.dws_list {
    margin: 25px 0 0;
    position: relative
}

.dws_item {
    padding: 11px 0 12px;
    position: relative;
    border-top: 1px dotted #cfcfcf
}

.dws_box {
    position: relative;
    overflow: hidden
}

.dws_box .rclmn1 {
    width: 100px;
    float: right
}

.dws_box .rclmn2 {
    width: 73px;
    float: right
}

.dws_box .cclmn {
    margin-right: 185px
}

.dws_time_total {
    height: 22px;
    background: #f4f6f8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webtit-box-shadow: inset 0 1px 0 rgba(43, 82, 120, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(43, 82, 120, 0.2);
    box-shadow: inset 0 1px 0 rgba(43, 82, 120, 0.2)
}

.dws_time_current {
    height: 22px;
    background: green;
    background: url(../images/grad-green.png) repeat-x left bottom;
    -webtit-box-shadow: inset 0 1px 0 rgba(43, 82, 120, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(43, 82, 120, 0.4);
    box-shadow: inset 0 1px 0 rgba(43, 82, 120, 0.4);
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.dws_size {
    padding: 3px 0 0;
    color: #959eb1
}

.dws_size b {
    color: #4e5768;
    font-weight: 700
}

.dws_name {
    padding: 3px 0 0;
    color: #4e5768;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    background: #eee;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    *display: inline
}

.btn-small.green {
    color: #07ff48;
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    background-color: #12c04f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#13d360), to(#12b143));
    background-image: -webkit-linear-gradient(top, #13d360, #12b143);
    background-image: -o-linear-gradient(top, #13d360, #12b143);
    background-image: linear-gradient(to bottom, #13d360, #12b143);
    background-image: -moz-linear-gradient(top, #13d360, #12b143);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#13d360', endColorstr='#12b143', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #12c04f
}

.btn-small.red {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #d80a5a;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e90762), to(#c80c53));
    background-image: -webkit-linear-gradient(top, #e90762, #c80c53);
    background-image: -o-linear-gradient(top, #e90762, #c80c53);
    background-image: linear-gradient(to bottom, #e90762, #c80c53);
    background-image: -moz-linear-gradient(top, #e90762, #c80c53);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e90762', endColorstr='#c80c53', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #d80a5a
}

.btn-small.pointd {
    cursor: pointer
}

.btn-small.elow {
    color: #353535;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.29);
    background-color: #eac800;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffda00), to(#eac800));
    background-image: -webkit-linear-gradient(top, #ffda00, #eac800);
    background-image: -o-linear-gradient(top, #ffda00, #eac800);
    background-image: linear-gradient(to bottom, #ffda00, #eac800);
    background-image: -moz-linear-gradient(top, #ffda00, #eac800);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e90762', endColorstr='#c80c53', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #d80a5a
}

.btn-small.blue {
    color: #fff;
    text-shadow: 0 -1px 0 #0068b3;
    background-color: #0068b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0091d0), to(#0068b3));
    background-image: -webkit-linear-gradient(top, #0091d0, #0068b3);
    background-image: -o-linear-gradient(top, #0091d0, #0068b3);
    background-image: linear-gradient(to bottom, #0091d0, #0068b3);
    background-image: -moz-linear-gradient(top, #0091d0, #0068b3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e90762', endColorstr='#c80c53', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #d80a5a
}

.btn-small.red .icon-que {
    margin-left: 2px
}

.btn_wrap .btn-small {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.sb_info {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    zoom: 1
}

.sb_info .lclmn {
    float: left
}

.sb_info .rclmn {
    float: right
}

.sb_item {
    float: left;
    color: #959eb1
}

.sb_icon {
    margin-right: 8px
}

.sb_item b {
    color: #4e5768
}

.sb_info .lclmn .sb_item {
    margin-right: 18px
}

.sb_info .rclmn .sb_item {
    margin-left: 18px
}

.information2 {
    margin: -9px 0 0;
    color: #4e5768;
    font-size: 11px
}

.adv-tbl-center {
    margin: 27px -19px 25px;
    position: relative;
    overflow: hidden
}

.adv-tbl-center .adv-tbl tr td:first-child {
    padding-left: 0
}

.adv-tbl-center .adv-tbl tr td:last-child {
    padding-right: 0
}

.adv-tbl-center a:hover {
    text-decoration: none
}

.other_songs {
    padding: 27px 15px 22px;
    margin: 0 -15px;
    position: relative;
    overflow: hidden;
    border-top: 1px dotted #ccc;
    zoom: 1
}

.other_songs .title_box {
    margin: 0 0 17px
}

.other_songs .left_clmn {
    width: 45%;
    float: left
}

.other_songs .right_clmn {
    width: 45%;
    float: right
}

.other_songs .songs-list-item {
    border: 0
}

.comments_box {
    padding: 28px 0 1px;
    position: relative;
    border-top: 1px dotted #ccc
}

.comments {
    padding: 0 0 0 33px;
    position: relative
}

.comment_write_form {
    padding: 11px 0 0;
    margin: 0 0 30px;
    position: relative
}

.comment_write_form .textarea_wrap {
    margin: 0 0 17px
}

.comment_write_form textarea {
    height: 128px
}

.comment_write_form .btn-green {
    padding: 8px 12px;
    font-size: 16px
}

.comment_write_form .btn-green:active {
    padding-top: 9px;
    padding-bottom: 7px
}

.comments_tree {
    position: relative
}

.comments_tree_branch .comments_tree_branch {
    padding-left: 40px
}

.comm_box {
    margin: 0 0 26px;
    position: relative
}

.comm_user {
    margin: 0 0 11px;
    padding: 2px 0 0;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    zoom: 1
}

.comm_user .rght {
    float: right
}

.comm_user .cnt {
    margin-right: 70px
}

.comm_user a.write {
    color: #4e5768;
    font-size: 11px;
    text-decoration: none
}

.comm_user a.write:hover {
    color: #00559a;
    text-decoration: none
}

.comm_user .name {
    font-weight: 700;
    margin-right: 7px;
    text-decoration: none
}

.comm_user .name:hover {
    text-decoration: none
}

.comm_user .icon-user, .comm_user .icon-user2 {
    position: relative;
    top: -2px
}

.comm_user .date {
    color: #adb1ba
}

.comm_item {
    margin: 10px 0;
    padding: 8px 12px 9px;
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 19.5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    border: 1px solid #d7dbe3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f7f8fa;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f7f8));
    background-image: -webkit-linear-gradient(top, #fefefe, #f5f7f8);
    background-image: -o-linear-gradient(top, #fefefe, #f5f7f8);
    background-image: linear-gradient(to bottom, #fefefe, #f5f7f8);
    background-image: -moz-linear-gradient(top, #fefefe, #f5f7f8);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fefefe', endColorstr='#f5f7f8', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #f7f8fa
}

.comm_item .str {
    width: 20px;
    height: 8px;
    display: block;
    position: absolute;
    top: -7px;
    left: 20px;
    background: url(../images/str-5.png) no-repeat left top
}

.prev-btn, .next-btn {
    position: relative;
    color: #4e5768;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.prev-btn:hover, .next-btn:hover {
    color: #00559a;
    text-decoration: none
}

.prev-btn, .prev-btn span, .prev-btn b, .next-btn, .next-btn span, .next-btn b {
    height: 26px;
    background: url(../images/pag-btns.png) no-repeat
}

.prev-btn span, .prev-btn b, .next-btn span, .next-btn b {
    float: left
}

.prev-btn, .next-btn {
    padding-left: 11px
}

.prev-btn span, .next-btn span {
    padding-right: 11px
}

.prev-btn b, .next-btn b {
    background-repeat: repeat-x;
    background-position: 0 0
}

.prev-btn {
    background-position: 0 -30px
}

.next-btn {
    background-position: 0 -90px
}

.prev-btn span {
    background-position: right -120px
}

.next-btn span {
    padding-right: 11px;
    background-position: right -60px
}

.prev-btn b {
    padding-left: 6px
}

.next-btn b {
    padding-right: 6px
}

.prev-btn.blue {
    color: #fff;
    line-height: 23px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-position: 0 -180px
}

.prev-btn.blue:active {
    line-height: 24px
}

.prev-btn.blue span {
    background-position: right -210px
}

.prev-btn.blue b {
    background-position: 0 -150px
}

.prev-btn.disabled, .next-btn.disabled, .prev-btn.disabled:hover, .next-btn.disabled:hover {
    cursor: default;
    color: #c2c5cc
}

.paging {
    margin: 30px 0;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.paging .prev-btn {
    float: left
}

.paging .next-btn {
    float: right
}

.paging .list {
    padding: 2px 0 0;
    color: #4e5768;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.paging .list * {
    font-size: 14px;
    line-height: 14px
}

.paging .list a, .paging .list b {
    min-width: 10px;
    margin: 0 .5%;
    padding: 4px 6px;
    color: #4e5768;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.paging .list a:hover {
    padding: 3px 5px;
    color: #164393;
    text-decoration: none;
    border: 1px solid #cfd2d7
}

.paging .list a.selected:hover {
    color: #fff;
    padding: 4px 6px;
    border: 0;
    cursor: default
}

.paging .list b, .paging .list a.selected {
    color: #fff;
    font-weight: 700;
    background: #1874bb url(../images/pag-grad.png) repeat-x left top;
    -webkit-box-shadow: inset 0 1px 2px rgba(8, 40, 110, 1);
    -moz-box-shadow: inset 0 1px 2px rgba(8, 40, 110, 1);
    box-shadow: inset 0 1px 2px rgba(8, 40, 110, 1)
}

.paging .dots {
    line-height: 21px
}

#footer {
    color: #dae2f1;
    font-size: 11px;
    line-height: 13px;
    background: url(../images/bg-pattern2.png) repeat;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6)
}

#footer a, #footer a:hover {
    color: #00559a;
    text-decoration: none
}

.footer-content {
    height: 44px;
    padding: 22px 0 0;
    position: relative
}

.footer-content .right-clmn {
    width: 240px;
    height: 60px;
    position: relative;
    float: right
}

.footer-content .center-clmn {
    margin-right: 240px
}

.report-bug-link-wrap {
    position: relative
}

.report-bug-link {
    position: relative;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7)
}

.report-bug-link img {
    float: left
}

.footer-banners {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right
}

.footer-banners img {
    margin: 3px 0 0 3px
}

.title3 {
    margin: 5px 0 15px;
    color: #00559a;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700
}

.footer-text {
    max-height: 106px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.footer-text .clmn {
    margin-right: 2.2%;
    width: 31%;
    float: left
}

#footer .sep {
    height: 3px;
    background: url(../images/sep-1.png) repeat-x left top
}

.footer-bottom {
    color: #fff;
    padding: 14px 0 0
}

.femail {
    float: left
}

.madein {
    float: right
}

.madein img {
    margin-left: 2px
}

.tooltip {
    position: absolute;
    z-index: 99;
    display: block;
    padding: 5px;
    font-size: 11px;
    text-shadow: 0 -1px 0 #111;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

.tooltip.whsn {
    white-space: nowrap
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tooltip.top {
    margin-top: -4px
}

.tooltip.right {
    margin-left: 4px
}

.tooltip.bottom {
    margin-top: 4px
}

.tooltip.left {
    margin-left: -4px
}

.tooltip-inner {
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #394256;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2)
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #394256;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #394256;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #394256;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #394256;
    border-width: 0 5px 5px
}

#player {
    width: 100%;
    height: 64px;
    background: #c9cfd8 url(../images/player-bg.png) repeat-x left top;
    z-index: 15
}

#player.fixed {
    min-width: 80px;
    position: fixed;
    bottom: -2px;
    left: 0
}

.player-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}

.pg-l {
    width: 100px;
    position: relative;
    float: left
}

.pg-r {
    width: 245px;
    position: relative;
    float: right
}

.pg-c {
    margin: 0 264px 0 118px;
    position: relative
}

.player-nav {
    width: 100px;
    height: 44px;
    position: relative;
    top: 10px
}

.player-nav-prev, .player-nav-next {
    width: 32px;
    height: 30px;
    display: block;
    position: relative;
    top: 7px;
    cursor: pointer;
    background: url(../images/player-nav.png) no-repeat left top
}

.player-nav-prev {
    float: left;
    background-position: left 0
}

.player-nav-prev:hover {
    background-position: left -30px
}

.player-nav-prev:active {
    background-position: left -60px
}

.player-nav-next {
    float: right;
    background-position: -32px 0
}

.player-nav-next:hover {
    background-position: -32px -30px
}

.player-nav-next:active {
    background-position: -32px -60px
}

.player-nav-play {
    margin: 0 28px;
    width: 44px;
    height: 44px;
    display: block;
    position: relative;
    cursor: pointer;
    background: url(../images/player-nav.png) no-repeat left -90px
}

.player-nav-play:hover {
    background-position: left -135px
}

.player-nav-play:active {
    background-position: left -180px
}

.player-nav-play.stop {
    background-position: -45px -90px
}

.player-nav-play.stop:hover {
    background-position: -45px -135px
}

.player-nav-play.stop:active {
    background-position: -45px -180px
}

.player-time-rail {
    position: relative;
    top: 16px;
    color: #fff;
    font-size: 12px
}

.player-time-total {
    height: 28px;
    width: 100%;
    display: block;
    position: absolute;
    background: url(../images/player-time-bg.png) repeat-x left top;
    border: 1px solid;
    border-color: #e2e6ed #e2e6ed #dde0e6;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

#face {
    background: url(../images/face.png) no-repeat;
    position: absolute;
    top: -8px;
    left: 58%;
    height: 48px;
    width: 48px
}

.player-time-loaded {
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/player-time-bg.png) repeat-x left -60px;
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px
}

.player-time-current {
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/player-time-bg.png) repeat-x left -30px;
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px
}

.player-corner-left, .player-corner-right {
    width: 15px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    background: url(../images/player-corners.png) no-repeat
}

.player-corner-left {
    left: -1px;
    background-position: left top
}

.player-corner-right {
    right: -1px;
    background-position: right top
}

.player-time-start, .player-time-end {
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    position: absolute;
    top: 8px
}

.player-time-start {
    font-weight: 700;
    left: 9px
}

.player-time-end {
    right: 9px
}

.player-song-name {
    padding: 1px 0 2px;
    margin: 0 60px;
    display: block;
    position: relative;
    top: 6px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.player-panel {
    position: relative;
    top: 21px;
    background: #fdd
}

.player-volume-button {
    width: 20px;
    height: 16px;
    position: relative;
    top: 2px;
    float: left;
    cursor: pointer;
    background: url(../images/player-volume-btns.png) no-repeat left -26px
}

.player-volume-button.off {
    background-position: left -42px
}

.player-volume-slider {
    margin-left: 8px;
    width: 99px;
    height: 6px;
    float: left;
    position: relative;
    top: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.4)
}

.player-volume-total {
    height: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #8d98aa;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8793a5), to(#99a3b5));
    background-image: -webkit-linear-gradient(top, #8793a5, #99a3b5);
    background-image: -o-linear-gradient(top, #8793a5, #99a3b5);
    background-image: linear-gradient(to bottom, #8793a5, #99a3b5);
    background-image: -moz-linear-gradient(top, #8793a5, #99a3b5);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8793a5', endColorstr='#99a3b5', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #8d98aa
}

.player-volume-current {
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #707c8e;
    border-color: rgba(112, 124, 142, 0.7) rgba(112, 124, 142, 0.7) rgba(112, 124, 142, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    background-color: #d8dee8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfe), to(#d4dae4));
    background-image: -webkit-linear-gradient(top, #fcfcfe, #d4dae4);
    background-image: -o-linear-gradient(top, #fcfcfe, #d4dae4);
    background-image: linear-gradient(to bottom, #fcfcfe, #d4dae4);
    background-image: -moz-linear-gradient(top, #fcfcfe, #d4dae4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fcfcfe', endColorstr='#d4dae4', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *background-color: #d8dee8
}

.player-volume-handle {
    width: 12px;
    height: 13px;
    display: block;
    position: absolute;
    top: -3px;
    margin-left: -6px;
    cursor: pointer;
    background: url(../images/player-volume-btns.png) no-repeat left 0
}

.player-volume-handle:hover {
    background-position: left -13px
}

.player-menu {
    position: relative;
    top: 0;
    float: right
}

.player-menu li {
    float: left;
    margin: 0 0 0 6px
}

#plpop {
    display: block;
    visibility: hidden;
    width: 240px;
    background: #fff;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 3px;
    right: 20px;
    z-index: 98
}

#plpop .arrow {
    padding-bottom: 12px;
    margin-bottom: -12px;
    background: url(../images/plpop-str.png) no-repeat 165px bottom
}

.plpop-ttl {
    padding: 8px 10px 11px 17px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09)
}

.plpop-ttl .btn3 {
    position: absolute;
    top: 9px;
    right: 15px
}

.plpop-ttl h3 {
    padding: 2px 0 0 30px;
    margin: 0;
    color: #394256;
    font: 20px/1 pf_beausans_probold, Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(../images/title-ico-music.png) no-repeat left top
}

.plpop-scroll-pane {
    height: 420px;
    position: relative
}

#plpop-songs .plpop-scroll-pane {
    height: 385px
}

#plpop-songs {
    display: none;
    position: relative
}

#plpop-songs .songs-list {
    width: 209px;
    padding: 0 16px;
    z-index: 5
}

.plpop-btns {
    padding: 6px 9px 7px;
    border-top: 1px solid rgba(0, 0, 0, 0.09)
}

.plpop-btns .prev-ico {
    float: left
}

.plpop-btns .btn-green {
    float: right;
    position: relative;
    top: 2px
}

.prev-ico {
    display: block;
    width: 30px;
    height: 26px;
    position: relative;
    cursor: pointer;
    background: url(../images/prev-ico.png) no-repeat left top
}

.prev-ico:hover {
    background-position: left -30px
}

#plpop-playlists {
    position: relative
}

.playlists-list {
    width: 206px;
    padding: 0 16px 5px;
    position: relative;
    z-index: 5
}

.playlists-list-item {
    border-bottom: 1px dotted #ccc
}

.playlists-list-item:last-child {
    border-bottom: 0
}

.playlists-list-item .playlist-wrap {
    margin-top: -1px;
    margin-bottom: -1px
}

.playlists-preloader {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -70px;
    width: 100%;
    text-align: center
}

.empty-playlist {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: 60px;
    margin-left: 30px;
    text-align: center
}

.playlist-wrap {
    padding: 8px 8px 9px;
    margin-left: -8px;
    margin-right: -8px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.other_songs .song-wrap:hover, #plpop-songs .song-wrap:hover, .playlist-wrap:hover, .playlist-wrap.renamed {
    background: #f4f6f8;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4)
}

.playlist {
    position: relative
}

.playlist-info {
    width: 45px;
    padding: 6px 0 0;
    float: right
}

.playlist-count {
    color: #adb1ba;
    font-size: 11px;
    line-height: 11px;
    text-align: right;
    overflow: hidden;
    position: relative
}

.playlist-content {
    margin-left: 33px;
    margin-right: 60px
}

.playlist-rename {
    padding-right: 10px;
    position: relative
}

.playlist-rename input {
    width: 100%;
    height: 14px;
    padding: 4px 5px;
    color: #00559a;
    font-size: 14px;
    font-weight: 700;
    cursor: default;
    border: 0;
    background: 0
}

.playlist-wrap.renamed .playlist-rename input {
    padding: 3px 4px;
    color: #3a4259;
    font-weight: 400;
    cursor: text;
    border: 1px solid #e2e5ea;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.playlist-play {
    position: absolute;
    top: 0;
    left: 0
}

.playlist-menu {
    position: absolute;
    top: 0;
    right: 0
}

.playlist-menu li {
    margin-left: 6px;
    float: left
}

.playlist-menu, .playlist-ok, .playlist-wrap:hover .playlist-info {
    visibility: hidden
}

.playlist-wrap.renamed .playlist-menu, .playlist-wrap.renamed .playlist-ok, .playlist-wrap:hover .playlist-menu {
    visibility: visible
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #034177;
    z-index: 900;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.popup {
    visibility: hidden;
    display: block;
    width: 412px;
    margin-left: -206px;
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 990
}

.popup .close {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: -9px;
    right: -9px;
    background: url(../images/cross-2.png) no-repeat 0 0
}

.pop_wrap {
    position: relative
}

.pop_crn_lt, .pop_crn_rt, .pop_gr_t {
    min-height: 30px;
    background: url(../images/pop-bg0.png) no-repeat
}

.pop_crn_lt {
    padding-left: 30px;
    background-position: 0 0
}

.pop_crn_rt {
    padding-right: 30px;
    background-position: right -100px
}

.pop_gr_t {
    background-repeat: repeat-x;
    background-position: 0 -200px
}

.pop_crn_lb, .pop_crn_rb, .pop_gr_b {
    height: 30px;
    background: url(../images/pop-bg1.png) no-repeat
}

.pop_crn_lb.grey, .pop_crn_rb.grey, .pop_gr_b.grey {
    background-image: url(../images/pop-bg1-grey.png)
}

.pop_crn_lb {
    padding-left: 30px;
    background-position: left 0
}

.pop_crn_rb {
    padding-right: 30px;
    background-position: right -30px
}

.pop_gr_b {
    background-repeat: repeat-x;
    background-position: left -60px
}

.pop_gr_l {
    padding-left: 30px;
    background: url(../images/pop-bg2.png) repeat-y left top
}

.pop_gr_r {
    padding-right: 30px;
    background: url(../images/pop-bg3.png) repeat-y right top
}

.pop_box {
    padding: 30px 1px 1px;
    margin: 0;
    position: relative;
    background: #fff
}

.pop_gr_l.grey {
    background-image: url(../images/pop-bg2-grey.png)
}

.pop_gr_r.grey {
    background-image: url(../images/pop-bg3-grey.png)
}

.pop_box.grey {
    padding-top: 0;
    background: #f4f6f8
}

.pop_title_box {
    padding: 28px 0 20px
}

.pop_title {
    position: relative;
    left: -3px;
    color: #394256;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.pop_title .icon-login {
    margin-right: 5px
}

.pop_title_box .text_info {
    float: right;
    position: relative;
    top: 5px;
    color: #adb1ba;
    font-size: 14px;
    line-height: 14px;
    z-index: 2
}

.pop_title_box .reg_link {
    float: right;
    position: relative;
    top: 4px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.pop_title_box .reg_link a {
    text-decoration: none;
    border-bottom: 1px dotted
}

.pop_title_box .reg_link a:hover {
    text-decoration: none
}

.login_line2 {
    padding: 20px 0 23px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.login_line2 .rm {
    float: left;
    color: #394256;
    font-size: 14px;
    line-height: 14px
}

.login_line2 .rm input {
    margin: 0;
    position: relative;
    top: 2px
}

.login_line2 .rm label {
    padding-left: 6px;
    cursor: pointer
}

.fp_wrap, .cancel_wrap {
    float: right;
    position: relative;
    top: 1px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.fp_link, .cancel_lnk {
    cursor: pointer;
    border-bottom: 1px dotted;
    text-decoration: none
}

.fp_link:hover, .cancel_lnk:hover {
    text-decoration: none
}

.cancel_wrap {
    text-align: right
}

.social_links2 {
    padding: 26px 0 0;
    position: relative;
    text-align: center
}

.social_links2 .text {
    margin: 0 0 18px;
    color: #394256;
    font-size: 14px;
    line-height: 14px
}

.social_links2 ul {
    position: relative
}

.social_links2 li {
    margin: 0 3px;
    position: relative;
    display: inline
}

#popup-radio {
    width: 690px;
    margin-left: -345px
}

#radio-carou {
    height: 384px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.radio-carou {
    margin-top: -4px;
    width: 634px;
    padding: 2px;
    position: relative;
    top: -2px;
    left: -6px;
    overflow: hidden
}

.radio-carou .radio_list {
    margin-top: -2px;
    margin-left: -2px;
    margin-bottom: -2px;
    padding: 2px;
    width: 660px;
    position: relative;
    float: left
}

.radio-carou .paging {
    margin: 7px 0 0;
    text-align: center
}

.radio-carou .paging .list, .radio-carou .paging .prev-btn, .radio-carou .paging .next-btn {
    float: none;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.radio-carou .paging .prev-btn, .radio-carou .paging .next-btn {
    cursor: pointer
}

.radio-carou .paging .list {
    margin: 0 20px;
    white-space: nowrap
}

.radio-carou .paging .list a {
    margin: 0 3px
}

.pop_title_box .reg_link {
    z-index: 2
}

.reg-pass-link {
    width: 20px;
    height: 11px;
    margin-top: -5px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    background: url(../images/icons.png) no-repeat -80px -50px
}

.reg-pass-link:hover {
    background-position: -35px -50px
}

.tooltip {
    z-index: 999
}

.captcha {
    margin: 0 0 30px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.captcha-img {
    width: 114px;
    position: relative;
    float: left
}

.captcha-form {
    margin-left: 139px
}

.captcha-reload {
    margin: 13px 0 0;
    position: relative;
    font-size: 12px;
    font-weight: 700
}

.icon-reload {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-position: -60px -50px
}

#fp_form {
    display: none
}

.success-mess {
    margin: 40px 0 0;
    padding: 130px 0 70px;
    position: relative;
    font-size: 16px;
    text-align: center;
    background: url(../images/success-ico.png) no-repeat center top
}

.success-mess p {
    margin: 0 0 4px
}

.progress-box {
    padding: 60px 0;
    position: relative;
    text-align: center
}

.progress-box .mess {
    color: #777;
    font-size: 20px;
    margin: 10px 0 0
}

#top_error_notify {
    position: absolute;
    top: 71px;
    right: 20px;
    width: 165px;
    padding: 8px 27px 8px 48px;
    font-size: 12px;
    color: #fff;
    min-height: 30px;
    background: #394256;
    background: rgba(57, 66, 86, .8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #7f8491;
    font-family: pf_beausans_proregular, Arial, sans-serif
}

#top_error_notify .notify_icon {
    display: block;
    width: 25px;
    height: 23px;
    position: absolute;
    left: 12px;
    top: 11px;
    background: url(../images/icons.png) -50px -20px no-repeat
}

#close_alert_notify {
    position: absolute;
    display: block;
    background: url(../images/icons.png) -81px -71px no-repeat;
    width: 8px;
    height: 8px;
    top: 6px;
    right: 7px
}

#close_alert_notify:hover {
    background-position: -81px -80px
}

.PC_Links_Block td {
    width: 33.3%
}

#search_advice_wrapper {
    width: 672px;
    background-color: #fff;
    color: #4e5768;
    z-index: 999;
    position: absolute;
    top: 52px;
    left: 0;
    border-radius: 5px;
    font-size: 16px
}

#lx_163278 a:hover {
    text-decoration: none
}

#adv-list-left a:hover {
    text-decoration: none
}

#popup-radio .pop_title b {
    cursor: pointer
}

.b_fix {
    bottom: 64px;
    position: fixed;
    width: 300px;
    min-height: 250px
}

#sssUiis {
    top: 140px;
    position: fixed;
    width: 240px;
    min-height: 400px
}

#b_fix_close {
    position: absolute;
    text-align: right;
    top: 0;
    right: 0
}

#b_fix_close a {
    float: right;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #353535;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    opacity: .9
}

#b_fix_close a:hover {
    float: right;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #353535;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    opacity: .9
}

#sm2-container .movieContainer .sm2_debug {
    display: none
}

#search_advice_wrapper {
    width: 674px;
    background-color: #fff;
    color: #4e5768;
    z-index: 999;
    position: absolute;
    top: 52px;
    left: 0;
    border-radius: 5px;
    font-size: 16px
}

#search_advice_wrapper .advice_variant {
    margin: 0 10px;
    cursor: pointer;
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px dotted #ccc
}

#search_advice_wrapper .advice_variant span {
    color: #00559a;
    font-weight: 700
}

#search_advice_wrapper .advice_variant:last-child {
    border-bottom: 0
}

#search_advice_wrapper .advice_variant:hover, #search_advice_wrapper .advice_variant:hover span {
    color: #268cdf;
    background-color: #fff
}

.green-player {
    background: url(../images/player-time-bg.png) repeat-x left -30px
}

.ico-video h2 {
    min-height: 22px;
    padding-left: 32px;
    background: url(../images/video.png) no-repeat left 0
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    padding-right: 4px;
    height: 100%;
    z-index: 15
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    visibility: hidden
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: none;
    position: relative
}

.jspDrag {
    background: #e0e0e0;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    background: none;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default;
    background: none
}

.jspVerticalBar .jspArrow {
    height: 4px
}

.jspHorizontalBar .jspArrow {
    width: 4px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: none;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.radio_clmn2 {
    position: relative;
    text-align: center
}

.radio_clmn2 .title2 {
    margin: 0 0 24px
}

.report-bug-link {
    cursor: pointer
}

.radio_list2 {
    margin-right: -21px;
    margin-bottom: 10px;
    position: relative
}

.radio_list2 .item {
    margin: 0 17px 18px 0;
    position: relative;
    float: left;
    border: 1px solid #fff;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
    *border: 1px solid #eee;
    border: 1px solid #eee \0/
}

.radio_list2 .item a {
    display: block
}

.radio_list2 .item .radio-city-wr {
    position: absolute;
    display: block;
    width: 100%;
    left: -1px;
    bottom: -1px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #747a88;
    padding: 3px 1px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    opacity: 0;
    text-decoration: none;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.radio_list2 .item:hover .radio-city-wr {
    opacity: 1
}

.radio_list2 .item .radio-city-wr .radio-city {
    border-bottom: 1px dashed
}

.radio_list2 .item img {
    width: 108px;
    height: 108px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.radio_list2 .inset-shadow {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.icon-song {
    background: url(../images/icons.png);
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 24px;
    height: 23px;
    background-position: -24px -19px
}

.ico-text h2 {
    min-height: 34px;
    padding-left: 35px;
    background: url(../images/title-ico-text.png) no-repeat left top
}

.site-share {
    margin-bottom: 20px
}

.user .name {
    overflow: hidden;
    width: 159px;
    height: 16px
}

strong.sb_icon {
    font: 0/0 serif;
    text-shadow: none;
    color: transparent
}

.title_box h2.before_h1 {
    font-weight: 400;
    font: 20px Arial, sans-serif
}

#show_more1, #show_more, #show_more1:hover, #show_more:hover {
    text-decoration: none;
    border-bottom: 1px dashed;
    margin-bottom: 10px;
    display: inline-block
}

.btn_wrap span, .popup-trigger, .radio-play, .popup-trigger2 {
    cursor: pointer
}



.title3 h3 span, .popup-trigger2 {
    color: #00559a;
    cursor: pointer
}

.title3 h3 {
    font-size: 14px;
    margin: 0 0 12px
}

.footer-text .clmn {
    padding-top: 15px
}

.rbt {
    padding-right: 10px
}

.rbt_hidden {
    display: none
}

#show_more1, #show_more, #show_more1:hover, #show_more:hover {
    text-decoration: none;
    border-bottom: 1px dashed;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block
}

.text_box img {
    margin: 0;
    margin-right: 10px
}

.text_box h2 {
    margin-bottom: 10px
}

.rrssb-buttons {
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%
}

.rrssb-buttons:after {
    clear: both
}

.rrssb-buttons:after, .rrssb-buttons:before {
    content: ' ';
    display: table
}

.rrssb-buttons li {
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 13px;
    list-style: none;
    margin: 0;
    padding: 0 2px
}

.rrssb-buttons li.rrssb-email a {
    background-color: #0a88ff
}

.rrssb-buttons li.rrssb-email a:hover {
    background-color: #006ed6
}

.rrssb-buttons li.rrssb-facebook a {
    background-color: #306199
}

.rrssb-buttons li.rrssb-facebook a:hover {
    background-color: #244872
}

.rrssb-buttons li.rrssb-tumblr a {
    background-color: #32506d
}

.rrssb-buttons li.rrssb-tumblr a:hover {
    background-color: #22364a
}

.rrssb-buttons li.rrssb-linkedin a {
    background-color: #007bb6
}

.rrssb-buttons li.rrssb-linkedin a:hover {
    background-color: #005983
}

.rrssb-buttons li.rrssb-twitter a {
    background-color: #26c4f1
}

.rrssb-buttons li.rrssb-twitter a:hover {
    background-color: #0eaad6
}

.rrssb-buttons li.rrssb-googleplus a {
    background-color: #e93f2e
}

.rrssb-buttons li.rrssb-googleplus a:hover {
    background-color: #ce2616
}

.rrssb-buttons li.rrssb-youtube a {
    background-color: #df1c31
}

.rrssb-buttons li.rrssb-youtube a:hover {
    background-color: #b21627
}

.rrssb-buttons li.rrssb-reddit a {
    background-color: #8bbbe3
}

.rrssb-buttons li.rrssb-reddit a:hover {
    background-color: #62a3d9
}

.rrssb-buttons li.rrssb-pinterest a {
    background-color: #b81621
}

.rrssb-buttons li.rrssb-pinterest a:hover {
    background-color: #8a1119
}

.rrssb-buttons li.rrssb-pocket a {
    background-color: #ed4054
}

.rrssb-buttons li.rrssb-pocket a:hover {
    background-color: #e4162d
}

.rrssb-buttons li.rrssb-github a {
    background-color: #444
}

.rrssb-buttons li.rrssb-github a:hover {
    background-color: #2b2b2b
}

.rrssb-buttons li.rrssb-instagram a {
    background-color: #125688
}

.rrssb-buttons li.rrssb-instagram a:hover {
    background-color: #0c3a5b
}

.rrssb-buttons li.rrssb-delicious a {
    background-color: #0b79e5
}

.rrssb-buttons li.rrssb-delicious a:hover {
    background-color: #095fb4
}

.rrssb-buttons li.rrssb-vk a {
    background-color: #4d71a9
}

.rrssb-buttons li.rrssb-vk a:hover {
    background-color: #3d5a86
}

.rrssb-buttons li.rrssb-hackernews a {
    background-color: #f60
}

.rrssb-buttons li.rrssb-hackernews a:hover {
    background-color: #cc5200
}

.rrssb-buttons li.rrssb-whatsapp a {
    background-color: #43d854
}

.rrssb-buttons li.rrssb-whatsapp a:hover {
    background-color: #28c039
}

.rrssb-buttons li.rrssb-print a {
    background-color: #8d98a2
}

.rrssb-buttons li.rrssb-print a:hover {
    background-color: #717f8b
}

.rrssb-buttons li a {
    background-color: #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    height: 100%;
    padding: 11px 7px 12px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    width: 100%
}

.rrssb-buttons li a .rrssb-icon {
    display: block;
    left: 10px;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 10%
}

.rrssb-buttons li a .rrssb-icon svg {
    height: 17px;
    width: 17px
}

.rrssb-buttons li a .rrssb-icon svg circle, .rrssb-buttons li a .rrssb-icon svg path {
    fill: #fff
}

.rrssb-buttons li a .rrssb-text {
    color: #fff
}

.rrssb-buttons li a:active {
    box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, .25)
}

.rrssb-buttons li.small a {
    padding: 0
}

.rrssb-buttons li.small a .rrssb-icon {
    left: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%
}

.rrssb-buttons li.small a .rrssb-text {
    visibility: hidden
}

.rrssb-buttons.large-format, .rrssb-buttons.large-format li {
    height: auto
}

.rrssb-buttons.large-format li a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: .2em;
    padding: 8.5% 0 8.5% 12%
}

.rrssb-buttons.large-format li a .rrssb-icon {
    height: 100%;
    left: 7%;
    padding-top: 0;
    width: 12%
}

.rrssb-buttons.large-format li a .rrssb-icon svg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.rrssb-buttons.large-format li a .rrssb-text {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.rrssb-buttons.small-format {
    padding-top: 5px
}

.rrssb-buttons.small-format li {
    height: 80%;
    padding: 0 1px
}

.rrssb-buttons.small-format li a .rrssb-icon {
    height: 100%;
    padding-top: 0
}

.rrssb-buttons.small-format li a .rrssb-icon svg {
    height: 48%;
    position: relative;
    top: 6px;
    width: 80%
}

.rrssb-buttons.tiny-format {
    height: 22px;
    position: relative
}

.rrssb-buttons.tiny-format li {
    padding-right: 7px
}

.rrssb-buttons.tiny-format li a {
    background-color: transparent;
    padding: 0
}

.rrssb-buttons.tiny-format li a .rrssb-icon {
    height: 100%
}

.rrssb-buttons.tiny-format li a .rrssb-icon svg {
    height: 70%;
    width: 100%
}

.rrssb-buttons.tiny-format li a:active, .rrssb-buttons.tiny-format li a:hover {
    background-color: transparent
}

.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {
    fill: #0a88ff
}

.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #0054a3
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {
    fill: #306199
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #18304b
}

.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path {
    fill: #32506d
}

.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #121d27
}

.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {
    fill: #007bb6
}

.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #003650
}

.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {
    fill: #26c4f1
}

.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #0b84a6
}

.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path {
    fill: #e93f2e
}

.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #a01e11
}

.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path {
    fill: #df1c31
}

.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #84111d
}

.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path {
    fill: #8bbbe3
}

.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #398bcf
}

.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path {
    fill: #b81621
}

.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #5d0b11
}

.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path {
    fill: #ed4054
}

.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #b61124
}

.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path {
    fill: #444
}

.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #111
}

.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path {
    fill: #125688
}

.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #061d2e
}

.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path {
    fill: #0b79e5
}

.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #064684
}

.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path {
    fill: #4d71a9
}

.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #2d4263
}

.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path {
    fill: #f60
}

.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #993d00
}

.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path {
    fill: #43d854
}

.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #1f962d
}

.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon svg path {
    fill: #8d98a2
}

.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #5a656f
}

#widget_community_css {
    display: none
}

.h4-text {
    color: #000;
    border-bottom: none;
    font-size: 1em;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    margin: 0;
    padding: 0
}

.wcommunity_wrap {
    border-radius: 3px;
    background: #fff;
    padding: 13px;
    overflow: hidden
}

.wcommunity_wrap:before {
    content: ' ';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    box-shadow: 0 0 0 1px rgba(4, 47, 89, .12) inset;
    border-radius: 3px
}

.wcommunity_wrap.wcommunity_colored:before, .wcommunity_wrap.wcommunity_no_head:before {
    display: none
}

.wcommunity_header {
    position: relative;
    font-size: 0;
    padding-top: 34px;
    border-bottom: 1px solid #e7e8ec;
    padding-bottom: 12px;
    color: #2b2f33
}

.wcommunity_header.wcommunity_header_covered {
    color: #2b2f33
}

.wcommunity_header.wcommunity_header_covered:after {
    border-bottom: none;
    padding-bottom: 13px
}

.wcommunity_header_avatar {
    position: absolute;
    z-index: 1;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    top: 0;
    left: 0
}

.wcommunity_header_avatar img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    vertical-align: top
}

.wcommunity_name {
    position: absolute;
    z-index: 1;
    left: 44px;
    right: 0;
    top: 8px;
    white-space: nowrap
}

.wcommunity_header_event .wcommunity_name {
    top: 0
}

.wcommunity_name .wcommunity_name_link {
    line-height: 18px;
    font-size: 13px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.wcommunity_header_covered .wcommunity_name .wcommunity_name_link {
    color: #fff
}

.wcommunity_name .wcommunity_event_time {
    margin-top: 0;
    line-height: 18px;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.wcommunity_header_covered .wcommunity_name .wcommunity_event_time {
    color: #fff
}

.wcommunity_status {
    z-index: 1;
    position: relative;
    font-size: 12px;
    line-height: 17px;
    margin: 7px 0 -4px;
    word-wrap: break-word
}

.flat_button {
    padding: 7px 16px 8px;
    margin: 0;
    font-size: 12.5px;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
    vertical-align: top;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    background: none;
    background-color: #5e81a8;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box
}

.flat_button.logo_button:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    background-image: url(/post_widget_2x.png);
    background-size: 16px 106px;
    background-repeat: no-repeat;
    height: 11px;
    background-position: 0 -52px;
    width: 15px;
    position: relative;
    bottom: -1px
}

.flat_button:hover {
    background-color: #6888ad;
    text-decoration: none;
    color: #fff
}

#community_footer {
    z-index: 1;
    position: relative;
}

.radio-city {
    color: #fff
}

.radio-city-jk {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc
}

.radio-city-jk a {
    font-weight: normal;
    font: 14px Arial, sans-serif;
    margin-left: 10px;
    margin-bottom: 3px;
    display: inline-block;
}

.radio-city-jk a.active, .radio-city-jk2 a.active {
    color: #268cdf;
    text-decoration: none;
    border-bottom: 1px dashed #268cdf;
}

.comm_item .text {
    word-break: break-word;
}