html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font: 12px Helvetica, Arial, sans-serif;
    color: #8e8e8e;
    background: url(../imgs/pattern.jpg) repeat;
}

ul, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    border: none;
}
img {
    vertical-align: top;
    border: none;
}
a, input {
    outline: none;
    text-decoration: none;
}


.with-def-val.focused {
    color: #000!important;
}

.button {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    background: url(../imgs/but.png) repeat-x left top;
    cursor: pointer;
    border: 1px #cacaca solid;
    border-radius: 3px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    color: #686868;
    text-shadow: rgba(255, 255, 255, 0.46);
    font-size: 11px;
    font-weight: bold;
    padding: 0px 9px;
    line-height: 27px;
    position: relative;
}
.button:hover, .qq-upload-button-hover {
    background-position: 0px -26px !important;
    border-color: #39e7d1 !important;
}
.button:active  {
    background-position: 0px -26px;
    border-color: #39e7d1;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 4px 0px rgba(0,0,0,0.4);
    line-height: 29px;
}
.but-partymode {
    padding-left: 30px;
}
.but-partymode:before {
    content: "";
    width: 19px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: 4px;
    background: url(../imgs/imgs.png) no-repeat -24px -30px;
}
.but-partymode:hover:before {
    background-position: -24px -52px;
}
.but-partymode:active:before {
    top: 5px;
}
.but-load {
    padding-left: 32px;
}
.but-load:before {
    content: "";
    width: 19px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: 4px;
    background: url(../imgs/imgs.png) no-repeat -47px -31px;
}
.but-load:hover:before {
    background-position: -47px -52px;
}
.but-load:active:before {
    top: 5px;
}
.but-load.disabled {
    cursor: default;
}
.but-load.disabled:hover {
    background-position: 0px 0px;
    border-color: #cacaca;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    line-height: 27px;
}
.but-load.disabled:before {
    width: 16px;
    height: 16px;
    top: 5px;
    left: 7px;
    background: url(../imgs/ajax-loader2.gif) no-repeat;
}
.but-fav {
    padding-left: 32px;
}
.but-fav:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 5px;
    background: url(../imgs/imgs.png) no-repeat -96px -29px;
}
.but-fav:hover:before {
    background-position: -96px -49px;
}
.but-fav:active:before {
    top: 6px;
}
.but-follow {
    padding-left: 32px;
}
.but-follow:before {
    content: "";
    width: 20px;
    height: 17px;
    position: absolute;
    left: 6px;
    top: 5px;
    background: url(../imgs/imgs.png) no-repeat -97px -69px;
}
.but-follow:hover:before {
    background-position: -97px -88px;
}
.but-follow:active:before {
    top: 6px;
}
.but-following, .but-following:hover, .but-following:active,
.but-faved, .but-faved:hover, .but-faved:active {
    color: #a3a3a3;
    background: #ffffff;
    border-color: #e5e5e5;
    box-shadow: none;
    line-height: 27px;
}
.but-unfollow, .but-unfav {
    color: #e32cb6;
    background: #ffffff;
    border-color: #e5e5e5;
    padding: 0px 11px 0px 12px;
}
.but-upload-pic, .but-upload-pic:hover, .but-upload-pic:active {
    padding-left: 32px;
    background: url(../imgs/but.png) repeat-x left top;
    border: 1px #cacaca solid;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    line-height: 27px;
    cursor: default;
}
.but-upload-pic:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 5px;
    background: url(../imgs/imgs.png) no-repeat -116px -29px;
}


.button-small {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #fff;
    background: #c0c0c0;
    border-radius: 4px;
    padding: 4px 5px;
    cursor: pointer;
}
.button-small:hover {
    background: #19c4ae;
}
#right-col .button-small.bs-right {
    float: right;
}

.form-inp {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    border: 1px #cbcbcb solid;
    border-radius: 4px;
    background: #fff;
    padding: 2px 8px 0px;
    margin: 0px;
    font: 14px Helvetica, Arial, sans-serif;
    color: #848484;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.form-inp:focus {
    border-color: #1fd9c2;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 4px 0px rgba(53, 236, 213, 0.38);
}
.form-inp.black {
    color: #000;
}

.tag-lbl {
    height: 23px;
    border-radius: 3px;
    white-space: nowrap;
    padding: 0px 8px;
    font-size: 12px;
    line-height: 25px;
    float: left;
}
.tl-station {
    background: rgb(227,47,182);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMmZiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTI0YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(227,47,182,1) 0%, rgba(217,36,172,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,47,182,1)), color-stop(100%,rgba(217,36,172,1)));
    background: -webkit-linear-gradient(top,  rgba(227,47,182,1) 0%,rgba(217,36,172,1) 100%);
    background: -o-linear-gradient(top,  rgba(227,47,182,1) 0%,rgba(217,36,172,1) 100%);
    background: -ms-linear-gradient(top,  rgba(227,47,182,1) 0%,rgba(217,36,172,1) 100%);
    background: linear-gradient(to bottom,  rgba(227,47,182,1) 0%,rgba(217,36,172,1) 100%);

    color: #870b68;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.17);
}
.tl-artist {
    background: rgb(252,189,54);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYmQzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGI4MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(252,189,54,1) 0%, rgba(248,184,49,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,189,54,1)), color-stop(100%,rgba(248,184,49,1)));
    background: -webkit-linear-gradient(top,  rgba(252,189,54,1) 0%,rgba(248,184,49,1) 100%);
    background: -o-linear-gradient(top,  rgba(252,189,54,1) 0%,rgba(248,184,49,1) 100%);
    background: -ms-linear-gradient(top,  rgba(252,189,54,1) 0%,rgba(248,184,49,1) 100%);
    background: linear-gradient(to bottom,  rgba(252,189,54,1) 0%,rgba(248,184,49,1) 100%);

    color: #895400;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
}
.tl-track {
    background: rgb(69,234,213);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1ZWFkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGRkYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(69,234,213,1) 0%, rgba(56,221,201,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,234,213,1)), color-stop(100%,rgba(56,221,201,1)));
    background: -webkit-linear-gradient(top,  rgba(69,234,213,1) 0%,rgba(56,221,201,1) 100%);
    background: -o-linear-gradient(top,  rgba(69,234,213,1) 0%,rgba(56,221,201,1) 100%);
    background: -ms-linear-gradient(top,  rgba(69,234,213,1) 0%,rgba(56,221,201,1) 100%);
    background: linear-gradient(to bottom,  rgba(69,234,213,1) 0%,rgba(56,221,201,1) 100%);

    color: #007365;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.42);
}
.tl-hipster {
    background: rgb(189,189,189);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkYmRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(189,189,189,1) 0%, rgba(177,177,177,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,189,189,1)), color-stop(100%,rgba(177,177,177,1)));
    background: -webkit-linear-gradient(top,  rgba(189,189,189,1) 0%,rgba(177,177,177,1) 100%);
    background: -o-linear-gradient(top,  rgba(189,189,189,1) 0%,rgba(177,177,177,1) 100%);
    background: -ms-linear-gradient(top,  rgba(189,189,189,1) 0%,rgba(177,177,177,1) 100%);
    background: linear-gradient(to bottom,  rgba(189,189,189,1) 0%,rgba(177,177,177,1) 100%);

    color: #727272;
    text-shadow: 0px 1px 0px #d0d0d0;
}


.state-switcher {
    display: inline-block;
    vertical-align: top;
    background: url(../imgs/vert_bg.png) repeat-x left top;
    border-radius: 10px;
    height: 20px;
    position: relative;
}
.state-switcher li {
    display: inline-block;
    vertical-align: top;
    padding-left: 1px;
    position: relative;
}
.state-switcher li:before {
    content: "";
    width: 1px;
    height: 10px;
    position: absolute;
    left: -1px;
    top: 5px;
    background: #acacac;
}
.state-switcher li:first-child {
    padding-left: 0px;
}
.state-switcher li:first-child:before {
    display: none;
}
.state-switcher li a {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    padding: 4px 8px 0px;
    cursor: pointer;
}
.state-switcher div {
    height: 15px;
    padding: 3px 8px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px #adadad solid;
    border-radius: 10px;
    background: url(../imgs/vert_bg.png) repeat-x left -20px;
    font-size: 11px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    text-align: center;
}

.play, .wave {
    position: absolute;
    width: 49px;
    height: 49px;
    background: url(../imgs/play.png) no-repeat 0px 0px ;
    cursor: pointer;
}
.play:hover {
    background-position: 0px -98px;
}
.wave {
    background-position: 0px -49px;
}
.wave:hover {
    background-position: 0px -147px;
}
.wave.pushed {
    background-position: 0px -196px;
    cursor: default;
}


#top-panel {
    width: 100%;
    min-width: 990px;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: url(../imgs/tp_shdw.png) repeat-x left bottom;
    z-index: 6;
}
#tp-wrapper {
    height: 48px;
    background: url(./../imgs/tp_bg.png) repeat-x left top;
}

#player {
    float: left;
    background: url(./../imgs/tp_bg.png) repeat-x left -48px;
}
#p-butts {
    width: 120px;
    height: 48px;
    float: left;
    position: relative;
}
#p-butts a {
    position: absolute;
    background-image: url(../imgs/player_elems.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
#pb-prev, #pb-next {
    width: 35px;
    height: 35px;
    background-position: left -252px;
    top: 4px;
    left: 12px;
}
#pb-prev:hover {
    background-position: left -287px;
}
#pb-prev:active {
    background-position: left -322px;
    top: 5px;
}
#pb-next {
    background-position: left -357px;
    left: 82px;
}
#pb-next:hover {
    background-position: left -392px;
}
#pb-next:active {
    background-position: left -427px;
    top: 5px;
}
.pb-play-pause {
    width: 42px;
    height: 42px;
    background-position: 0px 0px;
    top: 1px;
    left: 44px;
}
.pb-play-pause:hover {
    background-position: 0px -42px;
}
.pb-play-pause:active {
    background-position: 0px -84px;
    top: 2px;
}
.pb-play-pause.pause {
    background-position: 0px -126px;
}
.pb-play-pause.pause:hover {
    background-position: 0px -168px;
}
.pb-play-pause.pause:active {
    background-position: 0px -210px;
    top: 3px;
}
#slider-wrap {
    width: 105px;
    height: 48px;
    float: left;
    position: relative;
}
#slider {
    width: 75px;
    height: 6px;
    margin: 22px 0px 0px -1px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    background: url(./../imgs/volume.png) no-repeat left top;
}
#slider .ui-slider-range {
    background: url(./../imgs/volume.png) no-repeat left -6px;
}
#slider .ui-slider-handle {
    width: 25px;
    height: 26px;
    background: url(./../imgs/volume.png) no-repeat left -14px;
    border: 0px;
    border-radius: 0px;
    top: -10px;
    cursor: pointer;
}
#slider .ui-slider-handle:hover {
    background-position: -49px -14px;
}
#s-volume {
    width: 15px;
    height: 12px;
    position: absolute;
    left: 77px;
    top: 19px;
    background: url(./../imgs/volume.png) no-repeat -27px -24px;
    cursor: pointer;
}
#s-volume.off {
    background-position: -38px -16px;
}
.tp-item {
    height: 48px;
    float: left;
    position: relative;
    border-left: 1px #cb1aa0 solid;
}
.tpi-art {
    background: url(./../imgs/tp_bg.png) repeat-x left -96px;
    overflow: hidden;
}
.tpi-track {
    border: 0px;
}
.tpi-logo {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 4px;
    margin: 6px 0px 0px 7px;
    float: left;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
}
.tpi-info {
    margin: 8px 0px 0px 53px;
    white-space: nowrap;
    padding-right: 14px;
}
.tpi-track .tpi-info {
    margin-left: 14px;
}
.tpi-info .label {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.2);
}
.tpi-info .name {
    font-size: 12px;
    color: #880b69;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.17);
    display: block;
    margin-top: 3px;
}
.tpi-art .name {
    color: #895400;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
}
.tpi-track .name {
    color: #007465;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.42);
}

#lnk-st-comms {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 237px; /* 13px; */
    bottom: -28px;
    background: url(../imgs/imgs.png) no-repeat -35px 0px;
    cursor: pointer;
    z-index: 2;
}
#lnk-st-comms:hover {
    background-position: -96px 0px;
}
#lnk-st-comms.pushed {
    background-position: -66px 0px;
}
#lnk-st-comms.bottom {
    bottom: -80px;
    border-top: 1px #cacaca solid;
}
#sc-bg {
    height: 28px;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 48px;
    border-bottom: 1px #dedede solid;

    background: rgb(254,254,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(247,247,247,1) 100%);

    display: none;
}
#sc-bg.bottom {
    top: 100px;
}
#stat-comment {
    position: absolute;
    left: 272px; /* 48px */
    bottom: -29px;
    display: none;
}
#stat-comment.bottom {
    bottom: -80px;
}
#stat-comment p {
    max-width: 700px;
    height: 20px;
    white-space: nowrap;
    font-size: 12px;
    color: #949494;
    overflow: hidden;
    margin: 2px 55px 0px 0px;
}
#stat-comment a {
    font-size: 11px;
    color: #aeaeae;
    float: right;
    border: 1px #e3e3e3 solid;
    border-radius: 8px;
    padding: 1px 9px;

    background: rgb(246,246,246);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(239,239,239,1)));
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(239,239,239,1) 100%);
    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(239,239,239,1) 100%);
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(239,239,239,1) 100%);
}

#top-logo {
    width: 105px;
    margin-top: 11px;
    padding-left: 19px;
    float: right;
}
#top-logo a img {
    opacity: 0.5;
}

#top-logo.hidden {
    display: none;
}
#based-on {
    opacity: 0; /* <-- ADDED */
    float: right;
    height: 33px;
    border-right: 1px #29dec7 solid;
    color: rgba(0, 0, 0, 0.3);
    font-size: 11px;
    line-height: 20px;
    /*padding: 15px 13px 0px 16px;*/
    width: 0;
    overflow: hidden;
}
#based-on div {
    width: 145px;
}
.top-tag {
    display: inline-block;
    vertical-align: top;
    background: #0ecfb7;
    border-radius: 8px;
    margin: 1px 0px 0px 7px;
    padding-right: 5px;
    height: 17px;
}
.top-tag:hover {
    background: rgb(36,224,200);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0ZTBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMmRlYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(36,224,200,1) 0%, rgba(34,222,198,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,224,200,1)), color-stop(100%,rgba(34,222,198,1)));
    background: -webkit-linear-gradient(top,  rgba(36,224,200,1) 0%,rgba(34,222,198,1) 100%);
    background: -o-linear-gradient(top,  rgba(36,224,200,1) 0%,rgba(34,222,198,1) 100%);
    background: -ms-linear-gradient(top,  rgba(36,224,200,1) 0%,rgba(34,222,198,1) 100%);
    background: linear-gradient(to bottom,  rgba(36,224,200,1) 0%,rgba(34,222,198,1) 100%);

}
.top-tag a {
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    padding: 0px 4px 0px 10px;
    color: rgba(0, 0, 0, 0.4);
}
.top-tag i {
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: top;
    background: url(../imgs/tt_close.png) no-repeat;
    cursor: pointer;
    margin-top: 4px;
}
#track-butts {
    float: right;
    height: 39px;
    border-right: 1px #29dec7 solid;
    padding: 9px 10px 0px 16px;
    position: relative;
}
#track-butts > a {
    float: right;
    cursor: pointer;
    background-image: url(../imgs/tbutts.png);
    background-repeat: no-repeat;
}
#tb-share {
    display: none;
    width: 25px;
    height: 25px;
    float: right;
    background-position: -47px 0px;
    cursor: pointer;
    margin: 2px 0px 0px 1px;
}
#tb-share.pushed, #tb-share:hover {
    background-position: -47px -28px;
}
.tb-but {
    width: 33px;
    height: 33px;
    background-position: 3px 4px;
    margin: -2px -2px 0px 0px;
    text-align: center;
}
.tb-but:hover {
    background-position: 0px -67px;
}
.tb-but:active {
    background-position: -42px -67px;
    margin-top: -1px;
}
.tb-but.pushed {
    background-position: 3px -29px;
}
.tb-but span {
    display: inline-block;
    vertical-align: top;
    background-image: url(../imgs/tbutts.png);
    background-repeat: no-repeat;
}
#tb-save span {
    width: 11px;
    height: 11px;
    background-position: -32px -30px;
    margin-top: 12px;
}
#tb-save.pushed {
    margin-top: -2px;
}
#tb-save.pushed span {
    width: 12px;
    height: 10px;
    margin-top: 13px;
    background-position: -32px -44px;
}
#tb-save img {
    display: none;
    margin-top: 9px;
}
#tb-record-moment span {
    width: 14px;
    height: 14px;
    margin-top: 9px;
    border: 2px #202020 solid;
    border-radius: 14px;
    background: none;
    position: relative;
}
#tb-record-moment span:after {
    content: "";
    width: 6px;
    height: 6px;
    background: #202020;
    border-radius: 6px;
    position: absolute;
    left: 4px;
    top: 4px;
}
#tb-record-moment.pushed span {
    border-color: #8d096c;
}
#tb-record-moment.pushed span:after {
    background: #8d096c;
}
#tb-record-moment.disabled {
    opacity: 0.45;
}
#tb-captured-moments {
    position: relative;
}
#tb-captured-moments span {
    width: 15px;
    height: 12px;
    margin-top: 11px;
    border: 2px #202020 solid;
    border-radius: 2px;
    background: none;
    position: relative;
}
#tb-captured-moments span:before {
    content: "";
    width: 11px;
    height: 2px;
    background: #202020;
    position: absolute;
    left: 2px;
    top: -5px;
}
#tb-captured-moments em {
    min-width: 11px;
    height: 11px;
    position: absolute;
    right: 2px;
    top: 0px;
    border-radius: 8px;
    background: #e32fb6;
    color: #fff;
    font-size: 8px;
    font-style: normal;
    line-height: 11px;
    text-align: center;
}
#tb-find-track span {
    width: 12px;
    height: 12px;
    margin-top: 10px;
    border: 2px #202020 solid;
    border-radius: 10px;
    background-image: none;
    position: relative;
}
#tb-find-track span:after {
    content: "";
    width: 7px;
    height: 2px;
    background: #202020;
    position: absolute;
    right: -6px;
    bottom: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#tb-like span {
    width: 13px;
    height: 12px;
    background-position: -31px -13px;
    margin-top: 12px;
}
#tb-like.pushed:active {
    background-position: -42px -67px;
}
#tb-feed {
    display: none;
}
#tb-feed span {
    width: 17px;
    height: 10px;
    background-position: -29px -0px;
    margin-top: 13px;
}
#tb-feed.pushed span {
    margin-top: 13px;
}
#tb-feed.pushed:active {
    background-position: -42px -67px;
}

#pop-share {
    width: 160px;
    position: absolute;
    right: -58px;
    top: 42px;
    background: rgba(31,31,31,0.9);
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 2;
}
#pop-share:before {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../imgs/imgs.png) no-repeat -14px 0px;
    position: absolute;
    left: 70px;
    top: -9px;
}
#pop-share h6 {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    margin: 8px 0px 0px 8px;
}
#pop-share ul {
    margin-top: 4px;
}
#pop-share li:last-child {
    border-top: 1px rgba(255,255,255,0.1) solid;
}
#pop-share li a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 7px 10px 7px 35px;
    position: relative;
}
#pop-share li a.lnk-twit:before {
    content: "";
    width: 21px;
    height: 15px;
    position: absolute;
    left: 9px;
    top: 5px;
    background: url(../imgs/imgs.png) no-repeat 0px -19px;
}
#pop-share li a.lnk-fb:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 4px;
    background: url(../imgs/imgs.png) no-repeat 0px -36px;
}
#pop-share li a.lnk-link:before {
    content: "";
    width: 16px;
    height: 11px;
    position: absolute;
    left: 10px;
    top: 7px;
    background: url(../imgs/imgs.png) no-repeat 0px -54px;
}
#pop-share li a.lnk-buy:before {
    content: "";
    width: 18px;
    height: 17px;
    position: absolute;
    left: 10px;
    top: 5px;
    background: url(../imgs/imgs.png) no-repeat 0px -67px;
}
#pop-share li a:hover {
    background-color: rgba(255,255,255,0.05);
}

#pop-track-links {
    width: 232px;
    position: absolute;
    right: -36px;
    top: 42px;
    background: rgba(31,31,31,0.94);
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 2;
}
#pop-track-links:before {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../imgs/imgs.png) no-repeat -14px 0px;
    position: absolute;
    left: 154px;
    top: -9px;
}
#pop-track-links h6 {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    margin: 8px 0px 0px 10px;
}
#pop-track-links ul {
    margin: 4px 0px 6px 0px;
}
#pop-track-links li.ptl-section {
    color: rgba(255,255,255,0.35);
    font-size: 10px;
    text-transform: uppercase;
    padding: 8px 10px 2px 10px;
}
#pop-track-links li.ptl-section:first-child {
    padding-top: 2px;
}
#pop-track-links li a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 6px 10px;
    position: relative;
}
#pop-track-links li a:hover {
    background-color: rgba(255,255,255,0.05);
}
#pop-track-links .ptl-empty {
    display: none;
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    padding: 10px;
}
#pop-track-links.empty ul {
    display: none;
}
#pop-track-links.empty .ptl-empty {
    display: block;
}

#pop-captured-moments {
    width: 340px;
    max-width: calc(100vw - 20px);
    max-height: 430px;
    position: absolute;
    right: 0px;
    top: 42px;
    background: rgba(31,31,31,0.96);
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 2;
}
#pop-captured-moments:before {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../imgs/imgs.png) no-repeat -14px 0px;
    position: absolute;
    right: 50px;
    top: -9px;
}
#pop-captured-moments h6 {
    font-size: 11px;
    color: rgba(255,255,255,0.45);
    margin: 9px 10px 6px;
}
#pop-captured-moments h6 small {
    color: rgba(255,255,255,0.25);
    font-size: 10px;
    text-transform: uppercase;
}
#pop-captured-moments ul {
    max-height: 335px;
    overflow: auto;
}
#pop-captured-moments li {
    min-height: 72px;
    border-top: 1px rgba(255,255,255,0.08) solid;
    padding: 8px 9px;
    position: relative;
}
#pop-captured-moments li:first-child {
    border-top: none;
}
#pop-captured-moments li img {
    width: 46px;
    height: 46px;
    position: absolute;
    left: 9px;
    top: 9px;
}
#pop-captured-moments .cm-body {
    margin-left: 56px;
}
#pop-captured-moments strong {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}
#pop-captured-moments small {
    display: block;
    color: rgba(255,255,255,0.42);
    font-size: 10px;
    line-height: 14px;
}
#pop-captured-moments .cm-route {
    display: block;
    color: rgba(69,234,213,0.74);
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
}
#pop-captured-moments .cm-raw {
    display: block;
    max-width: 252px;
    color: rgba(255,255,255,0.34);
    font-size: 10px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#pop-captured-moments textarea {
    width: 252px;
    max-width: 100%;
    box-sizing: border-box;
    height: 24px;
    border: 1px rgba(255,255,255,0.12) solid;
    border-radius: 3px;
    background: rgba(255,255,255,0.06);
    color: #fff;
    font: 11px Helvetica, Arial, sans-serif;
    margin-top: 5px;
    padding: 4px 5px;
    resize: vertical;
}
#pop-captured-moments textarea:focus {
    border-color: rgba(69,234,213,0.7);
}
#pop-captured-moments .cm-links {
    margin-top: 4px;
}
#pop-captured-moments .cm-links a,
#pop-captured-moments .cm-actions a {
    color: #45ead5;
    font-size: 11px;
    margin-right: 10px;
}
#pop-captured-moments .cm-links a:hover,
#pop-captured-moments .cm-actions a:hover {
    color: #fff;
}
#pop-captured-moments .cm-empty {
    display: none;
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    padding: 10px;
}
#pop-captured-moments.empty .cm-empty {
    display: block;
}
#pop-captured-moments.empty ul {
    display: none;
}
#pop-captured-moments .cm-actions {
    border-top: 1px rgba(255,255,255,0.08) solid;
    padding: 8px 10px;
}

#moment-caught-notice {
    box-sizing: border-box;
    position: fixed;
    z-index: 120;
    top: 64px;
    right: 18px;
    width: 310px;
    padding: 13px 78px 13px 15px;
    border: 1px solid rgba(0,0,0,0.18);
    background: #45ead5;
    color: #171717;
    box-shadow: 0 5px 18px rgba(0,0,0,0.2);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 140ms ease, transform 140ms ease;
}

#moment-caught-notice.visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

#moment-caught-notice .mcn-label,
#moment-caught-notice .mcn-title,
#moment-caught-notice .mcn-station {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#moment-caught-notice .mcn-label {
    margin-bottom: 3px;
    color: rgba(0,0,0,0.58);
    font-size: 10px;
    text-transform: uppercase;
}

#moment-caught-notice .mcn-title {
    font-size: 13px;
    line-height: 17px;
}

#moment-caught-notice .mcn-station {
    color: rgba(0,0,0,0.62);
    font-size: 11px;
    line-height: 16px;
}

#moment-caught-notice .mcn-open {
    position: absolute;
    right: 14px;
    top: 25px;
    color: #7b1762;
    font-size: 11px;
    font-weight: bold;
}

#moments-page {
    padding: 31px 0px 50px;
}
#moments-page .moments-head {
    min-height: 86px;
    position: relative;
}
#moments-page h1 {
    color: #242323;
    font-size: 32px;
    line-height: 38px;
    text-shadow: 0px 1px 0px #fff;
    padding-top: 8px;
}
#moments-page h1 small {
    color: #e32fb6;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
    margin-left: 7px;
}
#moments-page .moments-subtitle {
    width: 520px;
    color: #8e8e8e;
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px;
}
#moments-page .moments-stats {
    position: absolute;
    right: 0px;
    top: 0px;
}
#moments-page .moments-stats li {
    width: 74px;
    height: 54px;
    float: left;
    border-left: 1px #e4e4e4 solid;
    text-align: center;
    padding-top: 8px;
}
#moments-page .moments-stats strong {
    display: block;
    color: #242323;
    font-size: 24px;
    line-height: 28px;
}
#moments-page .moments-stats span {
    display: block;
    color: #8e8e8e;
    font-size: 11px;
}
#moments-page .moments-reading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: end;
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    margin: 2px 0px 18px;
    padding: 20px 0px 19px;
}
#moments-page .moments-reading-copy {
    max-width: 720px;
}
#moments-page .moments-reading-copy > span {
    display: block;
    color: #178f81;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}
#moments-page .moments-reading h2 {
    color: #242323;
    font-size: 22px;
    line-height: 28px;
    margin: 3px 0px 6px;
}
#moments-page .moments-reading p {
    color: #555;
    font-size: 14px;
    line-height: 21px;
}
#moments-page .moments-reading blockquote {
    border-left: 3px #e32fb6 solid;
    color: #777;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    padding-left: 12px;
}
#moments-page .moments-reading-actions {
    white-space: nowrap;
    padding-bottom: 2px;
}
#moments-page .moments-reading-actions a {
    color: #178f81;
    font-size: 12px;
    margin-left: 14px;
}
#moments-page .moments-reading-actions a:first-child {
    margin-left: 0px;
}
#moments-page .moments-reading-actions a:hover {
    color: #242323;
}
#moments-page .moments-controls {
    min-height: 32px;
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    padding: 10px 0px;
    margin-bottom: 18px;
}
#moments-page .moments-controls .form-inp {
    height: 26px;
    font-size: 12px;
    margin-right: 7px;
}
#moments-search {
    width: 236px;
}
#moments-station-filter {
    width: 180px;
}
#moments-day-filter {
    width: 120px;
}
#moments-page .moments-controls .button-small {
    margin-top: 3px;
}
#moments-page .moments-empty,
#moments-page .moments-filter-empty {
    display: none;
    color: #8e8e8e;
    font-size: 14px;
    text-align: center;
    padding: 70px 0px;
}
#moments-page .moments-empty a,
#moments-page .moments-filter-empty a {
    color: #19c4ae;
}
#moments-page.empty .moments-empty {
    display: block;
}
#moments-page.empty #moments-list,
#moments-page.empty .moments-filter-empty {
    display: none;
}
#moments-page.filtered-empty .moments-filter-empty {
    display: block;
}
#moments-page.filtered-empty #moments-list {
    display: none;
}
#moments-list {
    overflow: hidden;
}
#moments-list .moment-card {
    min-height: 144px;
    border-bottom: 1px #e6e6e6 solid;
    padding: 13px 0px 13px 134px;
    position: relative;
}
#moments-list .moment-card:first-child {
    border-top: 1px #e6e6e6 solid;
}
#moments-list .moment-card > img {
    width: 104px;
    height: 104px;
    position: absolute;
    left: 0px;
    top: 13px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.12);
}
#moments-list .moment-body {
    min-height: 104px;
}
#moments-list .moment-kicker {
    color: #aeaeae;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}
#moments-list h2 {
    color: #242323;
    font-size: 18px;
    line-height: 22px;
    margin-top: 2px;
}
#moments-list h2 a,
#pop-captured-moments strong a {
    color: inherit;
}
#moments-list h2 a:hover,
#pop-captured-moments strong a:hover {
    color: #e32fb6;
}
#moments-list p {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 18px;
    margin-top: 3px;
}
#moments-list p a {
    color: #e32fb6;
}
#moments-list p span {
    margin-left: 7px;
}
#moments-list .moment-route {
    color: #178f81;
}
#moments-list .moment-raw {
    max-width: 640px;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#moments-list .moment-raw span {
    display: inline-block;
    margin-right: 7px;
    color: #aeaeae;
    font-size: 10px;
    text-transform: uppercase;
}
#moments-list textarea {
    width: 100%;
    max-width: 560px;
    height: 34px;
    border: 1px #cbcbcb solid;
    border-radius: 4px;
    background: #fff;
    color: #242323;
    font: 12px Helvetica, Arial, sans-serif;
    margin-top: 8px;
    padding: 7px 8px;
    resize: vertical;
    box-sizing: border-box;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.08);
}
#moments-list textarea:focus {
    border-color: #1fd9c2;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.08), 0px 0px 4px 0px rgba(53,236,213,0.38);
}
#moments-list .moment-actions {
    margin-top: 7px;
}
#moments-list .moment-actions a {
    color: #19c4ae;
    font-size: 12px;
    margin-right: 12px;
}
#moments-list .moment-actions a:hover {
    color: #242323;
}

.moment-detail-shell {
    padding: 34px 0 56px;
}
#moment-detail-page {
    color: #242323;
}
#moment-detail-page.missing {
    max-width: 640px;
    padding: 70px 0;
}
.moment-detail-back {
    display: inline-block;
    color: #178f81;
    font-size: 12px;
    margin-bottom: 28px;
}
.moment-detail-kicker {
    display: block;
    color: #a7a7a7;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}
.moment-detail-head {
    max-width: 820px;
    padding-bottom: 24px;
}
.moment-detail-head h1,
#moment-detail-page.missing h1 {
    max-width: 800px;
    font-size: 36px;
    line-height: 42px;
    margin: 5px 0 8px;
    overflow-wrap: anywhere;
}
.moment-detail-head p,
#moment-detail-page.missing p {
    color: #777;
    font-size: 14px;
    line-height: 20px;
}
.moment-detail-artifact {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 32px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 24px 0;
}
.moment-detail-cover img {
    display: block;
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.16);
}
.moment-detail-cover span {
    display: block;
    color: #999;
    font-size: 11px;
    margin-top: 7px;
}
.moment-detail-coordinate {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    align-content: start;
    margin: 0;
}
.moment-detail-coordinate dt,
.moment-detail-coordinate dd {
    border-bottom: 1px solid #ececec;
    padding: 12px 0;
}
.moment-detail-coordinate dt {
    color: #aaa;
    font-size: 10px;
    text-transform: uppercase;
}
.moment-detail-coordinate dd {
    color: #3d3d3d;
    font-size: 13px;
    line-height: 18px;
    overflow-wrap: anywhere;
}
.moment-detail-coordinate dd a {
    color: #e32fb6;
}
.moment-detail-context {
    padding: 25px 0;
    border-bottom: 1px solid #dedede;
}
.moment-detail-context h2,
.moment-detail-resurfacing h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 4px 0 14px;
}
.moment-detail-context-empty {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 0;
}
.moment-detail-sequence {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.moment-context-event {
    min-width: 0;
    min-height: 82px;
    position: relative;
    padding: 15px 14px 14px 70px;
    border-left: 1px solid #e4e4e4;
}
.moment-context-event:first-child {
    border-left: 0;
}
.moment-context-event.caught {
    background: #edf9f6;
}
.moment-context-event img {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 14px;
    top: 29px;
    border-radius: 3px;
    object-fit: cover;
}
.moment-context-label {
    display: block;
    color: #aaa;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.moment-context-copy strong,
.moment-context-missing {
    display: block;
    color: #333;
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: anywhere;
}
.moment-context-missing {
    color: #999;
    font-weight: normal;
}
.moment-context-copy small,
.moment-context-copy em {
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin-top: 3px;
    overflow-wrap: anywhere;
}
.moment-context-copy small {
    color: #777;
}
.moment-context-copy em {
    color: #999;
    font-style: normal;
}
.moment-detail-resurfacing {
    padding: 25px 0;
    border-bottom: 1px solid #dedede;
}
.moment-resurfacing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #e4e4e4;
}
.moment-resurfacing-event {
    min-width: 0;
    min-height: 66px;
    position: relative;
    padding: 14px 14px 14px 64px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.moment-resurfacing-event:nth-child(even) {
    border-right: 0;
}
.moment-resurfacing-event img {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 14px;
    top: 15px;
    border-radius: 3px;
    object-fit: cover;
}
.moment-resurfacing-copy strong,
.moment-resurfacing-copy span,
.moment-resurfacing-copy small,
.moment-resurfacing-empty strong,
.moment-resurfacing-empty span {
    display: block;
    overflow-wrap: anywhere;
}
.moment-resurfacing-copy strong {
    color: #333;
    font-size: 12px;
    line-height: 16px;
}
.moment-resurfacing-copy span,
.moment-resurfacing-copy small {
    font-size: 10px;
    line-height: 14px;
    margin-top: 3px;
}
.moment-resurfacing-copy span {
    color: #777;
}
.moment-resurfacing-copy small {
    color: #178f81;
}
.moment-resurfacing-empty {
    border-left: 3px solid #d6d6d6;
    padding: 11px 0 11px 14px;
}
.moment-resurfacing-empty strong {
    color: #555;
    font-size: 12px;
    line-height: 17px;
}
.moment-resurfacing-empty span {
    color: #999;
    font-size: 11px;
    line-height: 16px;
    margin-top: 2px;
}
.moment-detail-return {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #dedede;
}
.moment-detail-return h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 4px 0;
}
.moment-detail-return p {
    color: #777;
    font-size: 12px;
    line-height: 18px;
}
.moment-detail-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}
.moment-detail-action {
    display: inline-block;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    color: #555;
    font-size: 12px;
    line-height: 18px;
    padding: 7px 10px;
}
.moment-detail-action:hover {
    border-color: #777;
    color: #242323;
}
.moment-detail-action.primary {
    border-color: #178f81;
    background: #178f81;
    color: #fff;
}
.moment-detail-action.primary:hover {
    border-color: #116b61;
    background: #116b61;
    color: #fff;
}
.moment-detail-lower {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    gap: 32px;
    padding: 25px 0;
}
.moment-detail-note textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 92px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font: 13px/19px Helvetica, Arial, sans-serif;
    margin-top: 7px;
    padding: 9px 10px;
    resize: vertical;
}
.moment-detail-note textarea:focus {
    border-color: #178f81;
}
.moment-detail-signal p {
    color: #555;
    font: 13px/19px Monaco, Consolas, monospace;
    margin-top: 7px;
    overflow-wrap: anywhere;
}
.moment-detail-signal p.quiet {
    color: #aaa;
    font-family: Helvetica, Arial, sans-serif;
}
.moment-detail-foot {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dedede;
    color: #aaa;
    font-size: 10px;
    padding-top: 12px;
    text-transform: uppercase;
}
footer.moment-detail-foot {
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    background: none;
}
.moment-detail-foot a {
    color: #a04b4b;
}

#signal-log-page {
    padding: 56px 0px 50px;
}
#signal-log-page .signal-log-head {
    min-height: 86px;
    position: relative;
}
#signal-log-page h1 {
    color: #242323;
    font-size: 32px;
    line-height: 38px;
    text-shadow: 0px 1px 0px #fff;
    padding-top: 8px;
}
#signal-log-page h1 small {
    color: #19c4ae;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
    margin-left: 7px;
}
#signal-log-page .signal-log-subtitle {
    width: 540px;
    color: #8e8e8e;
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px;
}
#signal-log-page .signal-log-stats {
    position: absolute;
    right: 0px;
    top: 0px;
}
#signal-log-page .signal-log-stats li {
    width: 74px;
    height: 54px;
    float: left;
    border-left: 1px #e4e4e4 solid;
    text-align: center;
    padding-top: 8px;
}
#signal-log-page .signal-log-stats strong {
    display: block;
    color: #242323;
    font-size: 24px;
    line-height: 28px;
}
#signal-log-page .signal-log-stats span {
    display: block;
    color: #8e8e8e;
    font-size: 11px;
}
#signal-log-tabs {
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    padding: 9px 0px;
    margin: 2px 0px 14px;
}
#signal-log-tabs a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #777;
    font-size: 12px;
    font-weight: bold;
    margin-right: 7px;
    padding: 0px 10px;
    border-radius: 4px;
    text-shadow: 0px 1px 0px #fff;
}
#signal-log-tabs a:hover {
    color: #19c4ae;
}
#signal-log-tabs a.act {
    background: #242323;
    color: #fff;
    text-shadow: none;
}
#signal-log-page .signal-log-stories {
    border-bottom: 1px #e5e5e5 solid;
    margin: 0px 0px 16px;
    padding-bottom: 14px;
}
#signal-log-page .signal-log-stories-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}
#signal-log-page .signal-log-stories-head > div {
    min-width: 0;
}
#signal-log-page .signal-log-stories h3 {
    color: #242323;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 0px 1px 0px #fff;
}
#signal-log-page .signal-log-stories h3 small {
    color: #8e8e8e;
    font-size: 11px;
    font-weight: normal;
    margin-left: 7px;
    text-transform: uppercase;
}
#signal-log-page .signal-log-stories-head > div > p {
    color: #8e8e8e;
    font-size: 11px;
    line-height: 16px;
    margin-top: 3px;
}
#signal-log-page .signal-log-stories-head > span {
    flex: 0 0 auto;
    color: #a27609;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px 7px;
    border: 1px #d9c27d solid;
    background: #fffbea;
    text-transform: uppercase;
}
#signal-log-page .signal-log-stories ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#signal-log-page .signal-story {
    display: table-cell;
    border-left: 1px #ececec solid;
    padding: 0px 13px;
    vertical-align: top;
}
#signal-log-page .signal-story:first-child {
    border-left: none;
    padding-left: 0px;
}
#signal-log-page .signal-story .signal-story-card {
    display: block;
    min-height: 166px;
    color: #242323;
    border-bottom: 2px transparent solid;
}
#signal-log-page .signal-story em {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    text-transform: uppercase;
}
#signal-log-page .signal-story strong {
    display: block;
    color: #242323;
    font-size: 17px;
    line-height: 21px;
    margin-top: 5px;
}
#signal-log-page .signal-story p {
    color: #777;
    font-size: 12px;
    line-height: 17px;
    margin-top: 7px;
}
#signal-log-page .signal-story .signal-story-card > span {
    display: block;
    color: #aeaeae;
    font-size: 11px;
    line-height: 15px;
    margin-top: 8px;
}
#signal-log-page .signal-story.carrier em,
#signal-log-page .signal-story.carrier span {
    color: #178f81;
}
#signal-log-page .signal-story.reappearance em,
#signal-log-page .signal-story.reappearance span {
    color: #e32fb6;
}
#signal-log-page .signal-story.drift em,
#signal-log-page .signal-story.drift span {
    color: #c28b12;
}
#signal-log-page .signal-story.catch em,
#signal-log-page .signal-story.catch span {
    color: #242323;
}
#signal-log-page .signal-story.act .signal-story-card {
    border-bottom-color: #19c4ae;
}
#signal-log-page .signal-story:hover strong,
#signal-log-page .signal-story.act strong {
    color: #19c4ae;
}
#signal-log-page .signal-story .signal-story-actions {
    margin-top: 10px;
}
#signal-log-page .signal-story .signal-story-actions a {
    display: inline-block;
    color: #19c4ae;
    font-size: 11px;
    line-height: 15px;
    margin: 0px 11px 0px 0px;
    text-transform: uppercase;
}
#signal-log-page .signal-story .signal-story-actions a:hover {
    color: #242323;
}
#signal-log-page .signal-story.act .signal-story-focus {
    color: #242323;
}
#signal-log-page .signal-story-evidence {
    clear: both;
    border-top: 1px #e5e5e5 solid;
    margin-top: 13px;
    padding-top: 12px;
}
#signal-log-page .signal-story-evidence-set {
    display: none;
}
#signal-log-page .signal-story-evidence-set.act {
    display: block;
}
#signal-log-page .signal-story-evidence-head {
    min-height: 52px;
    padding-right: 120px;
    position: relative;
}
#signal-log-page .signal-story-evidence-head em {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    text-transform: uppercase;
}
#signal-log-page .signal-story-evidence-head strong {
    display: block;
    color: #242323;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-page .signal-story-evidence-head span {
    position: absolute;
    right: 0px;
    top: 11px;
    color: #8e8e8e;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
}
#signal-log-page .signal-story-evidence-head .signal-story-reason-badges {
    max-width: 680px;
    margin-top: 6px;
}
#signal-log-page .signal-story-reason-badges b {
    display: inline-block;
    color: #777;
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
    margin: 0px 5px 4px 0px;
    padding: 0px 6px;
    border: 1px #dddddd solid;
    text-transform: uppercase;
}
#signal-log-page .signal-story-evidence-set ul {
    display: block;
    width: auto;
    border-top: 1px #ededed solid;
    margin-top: 7px;
}
#signal-log-page .signal-story-evidence-item {
    min-height: 34px;
    border-bottom: 1px #ededed solid;
    padding: 7px 76px 7px 76px;
    position: relative;
}
#signal-log-page .signal-story-evidence-item:before {
    content: attr(data-event-id);
    width: 58px;
    position: absolute;
    left: 0px;
    top: 8px;
    color: #c2c2c2;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-page .signal-story-evidence-item a,
#signal-log-page .signal-story-evidence-item strong {
    display: block;
    max-width: 610px;
    color: #242323;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-page .signal-story-evidence-item a:hover {
    color: #19c4ae;
}
#signal-log-page .signal-story-evidence-item p {
    color: #8e8e8e;
    font-size: 11px;
    line-height: 15px;
    margin-top: 1px;
}
#signal-log-page .signal-story-evidence-item > span {
    max-width: 66px;
    position: absolute;
    right: 0px;
    top: 8px;
    color: #aeaeae;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
#signal-log-page .signal-story-evidence-item small {
    display: block;
    max-width: 610px;
    color: #aeaeae;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-page .signal-story-evidence-item.strong:before {
    color: #178f81;
}
#signal-log-page .signal-story-evidence-item.partial:before {
    color: #c28b12;
}
#signal-log-page .signal-log-digest {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px #e5e5e5 solid;
    margin: 0px 0px 16px;
}
#signal-log-page .signal-log-digest div {
    display: table-cell;
    padding: 0px 16px 12px 0px;
    border-left: 1px #ececec solid;
}
#signal-log-page .signal-log-digest div:first-child {
    border-left: none;
}
#signal-log-page .signal-log-digest em {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    text-transform: uppercase;
}
#signal-log-page .signal-log-digest strong {
    display: block;
    max-width: 95%;
    color: #242323;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-page .signal-log-digest small {
    display: block;
    max-width: 95%;
    color: #8e8e8e;
    font-size: 11px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-page .signal-log-empty,
#signal-log-page .signal-log-loading {
    display: none;
    color: #8e8e8e;
    font-size: 14px;
    text-align: center;
    padding: 70px 0px;
}
#signal-log-page.loading .signal-log-loading,
#signal-log-page.empty .signal-log-empty {
    display: block;
}
#signal-log-page .signal-log-empty a {
    color: #19c4ae;
}
#signal-log-page.empty #signal-log-list {
    display: none;
}
#signal-log-list .signal-log-item {
    min-height: 112px;
    border-bottom: 1px #e6e6e6 solid;
    padding: 12px 0px 12px 102px;
    position: relative;
}
#signal-log-list .signal-log-item:first-child {
    border-top: 1px #e6e6e6 solid;
}
#signal-log-list .signal-log-item > img {
    width: 78px;
    height: 78px;
    position: absolute;
    left: 0px;
    top: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.12);
}
#signal-log-list .signal-log-body {
    min-height: 78px;
}
#signal-log-list .signal-log-kicker {
    color: #aeaeae;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}
#signal-log-list .signal-log-kicker em {
    font-style: normal;
    margin-left: 7px;
}
#signal-log-list .signal-log-kicker em.strong {
    color: #178f81;
}
#signal-log-list .signal-log-kicker em.partial {
    color: #c28b12;
}
#signal-log-list .signal-log-kicker em.thin {
    color: #8e8e8e;
}
#signal-log-list h2 {
    color: #242323;
    font-size: 18px;
    line-height: 22px;
    margin-top: 2px;
}
#signal-log-list p {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 18px;
    margin-top: 3px;
}
#signal-log-list p a {
    color: #19c4ae;
}
#signal-log-list p span {
    margin-left: 7px;
}
#signal-log-list p span:first-child {
    margin-left: 0px;
}
#signal-log-list .signal-log-raw {
    max-width: 680px;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-list .signal-log-raw span {
    display: inline-block;
    margin-right: 7px;
    color: #aeaeae;
    font-size: 10px;
    text-transform: uppercase;
}
#signal-log-list .signal-log-source {
    max-width: 680px;
    color: #aeaeae;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#signal-log-list .signal-log-actions {
    margin-top: 7px;
}
#signal-log-list .signal-log-actions a {
    color: #19c4ae;
    font-size: 12px;
    margin-right: 12px;
}
#signal-log-list .signal-log-actions a:hover {
    color: #242323;
}
#signal-log-list .signal-log-actions a.caught {
    color: #e32fb6;
}

#receiver-lab-page {
    padding: 44px 0px 54px;
}
#receiver-lab-page .receiver-lab-head {
    min-height: 90px;
    position: relative;
}
#receiver-lab-page .rl-kicker {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}
#receiver-lab-page h1 {
    color: #242323;
    font-size: 32px;
    line-height: 38px;
    text-shadow: 0px 1px 0px #fff;
    padding-top: 4px;
}
#receiver-lab-page h1 small {
    color: #19c4ae;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
    margin-left: 7px;
}
#receiver-lab-page .receiver-lab-subtitle {
    width: 540px;
    color: #8e8e8e;
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px;
}
#receiver-lab-page .receiver-lab-stats {
    position: absolute;
    right: 0px;
    top: 0px;
}
#receiver-lab-page .receiver-lab-stats li {
    width: 72px;
    height: 54px;
    float: left;
    border-left: 1px #e4e4e4 solid;
    text-align: center;
    padding-top: 8px;
}
#receiver-lab-page .receiver-lab-stats strong {
    display: block;
    color: #242323;
    font-size: 24px;
    line-height: 28px;
}
#receiver-lab-page .receiver-lab-stats span {
    display: block;
    color: #8e8e8e;
    font-size: 11px;
}
#receiver-lab-page .receiver-lab-toolbar,
#receiver-lab-page .receiver-lab-modes {
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    color: #8e8e8e;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 12px;
    padding: 6px 0px;
}
#receiver-lab-page .receiver-lab-toolbar span {
    display: inline-block;
    margin-right: 17px;
}
#receiver-lab-page .receiver-lab-toolbar b {
    color: #242323;
    font-weight: bold;
}
#receiver-lab-page .receiver-lab-toolbar a,
#receiver-lab-page .receiver-lab-modes a {
    display: inline-block;
    color: #777;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin-right: 6px;
    padding: 0px 10px;
    border-radius: 4px;
    text-shadow: 0px 1px 0px #fff;
}
#receiver-lab-page .receiver-lab-toolbar a:hover,
#receiver-lab-page .receiver-lab-modes a:hover {
    color: #19c4ae;
}
#receiver-lab-page .receiver-lab-modes a.act {
    background: #242323;
    color: #fff;
    text-shadow: none;
}
#receiver-lab-page .receiver-lab-error {
    border: 1px #e9c57a solid;
    background: #fff8e6;
    color: #9a6b0b;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    padding: 8px 10px;
}
#receiver-lab-page .receiver-lab-band,
#receiver-lab-page .receiver-lab-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 16px;
}
#receiver-lab-page .receiver-lab-grid.lower {
    table-layout: fixed;
}
#receiver-lab-page .receiver-lab-panel {
    display: table-cell;
    vertical-align: top;
    border-left: 1px #ececec solid;
    padding: 0px 0px 0px 16px;
}
#receiver-lab-page .receiver-lab-panel:first-child {
    border-left: none;
    padding-left: 0px;
    padding-right: 16px;
}
#receiver-lab-page .receiver-lab-heatmap {
    width: 680px;
}
#receiver-lab-page .receiver-lab-distribution {
    width: 288px;
}
#receiver-lab-page .receiver-lab-inspector,
#receiver-lab-page .receiver-lab-route {
    width: 484px;
}
#receiver-lab-page .receiver-lab-wave,
#receiver-lab-page .receiver-lab-trace {
    width: 484px;
}
#receiver-lab-page .rl-panel-head {
    min-height: 28px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 10px;
    position: relative;
}
#receiver-lab-page .rl-panel-head h2 {
    color: #242323;
    font-size: 16px;
    line-height: 22px;
    text-shadow: 0px 1px 0px #fff;
}
#receiver-lab-page .rl-panel-head span {
    position: absolute;
    right: 0px;
    top: 2px;
    color: #aeaeae;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
}
#receiver-lab-page .receiver-lab-loading,
#receiver-lab-page .receiver-lab-empty {
    color: #8e8e8e;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    padding: 42px 0px;
}
#receiver-lab-page .receiver-lab-heatmap table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
#receiver-lab-page .receiver-lab-heatmap th {
    height: 25px;
    border-bottom: 1px #e5e5e5 solid;
    color: #aeaeae;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    text-transform: uppercase;
}
#receiver-lab-page .receiver-lab-heatmap th a {
    color: #777;
}
#receiver-lab-page .receiver-lab-heatmap th a.act {
    color: #19c4ae;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-th {
    width: 218px;
    text-align: left;
}
#receiver-lab-page .receiver-lab-heatmap td {
    border-bottom: 1px #ededed solid;
    padding: 5px 3px;
    vertical-align: middle;
}
#receiver-lab-page .receiver-lab-heatmap tr.act td {
    background: #fafafa;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell {
    min-height: 42px;
    padding-left: 42px;
    position: relative;
    cursor: pointer;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell img {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 6px;
    border-radius: 3px;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell strong,
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell span,
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell em {
    display: block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell strong {
    color: #242323;
    font-size: 12px;
    line-height: 15px;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell span {
    color: #8e8e8e;
    font-size: 11px;
    line-height: 14px;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell em {
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    text-transform: uppercase;
}
#receiver-lab-page .receiver-lab-heatmap .rl-station-cell em.stale {
    color: #c28b12;
}
#receiver-lab-page .rl-heatmap-cell {
    display: block;
    min-height: 40px;
    border: 1px #e2e2e2 solid;
    border-radius: 4px;
    color: #777;
    padding: 4px 3px;
    text-align: center;
}
#receiver-lab-page .rl-heatmap-cell strong {
    display: block;
    color: #242323;
    font-size: 16px;
    line-height: 17px;
}
#receiver-lab-page .rl-heatmap-cell span,
#receiver-lab-page .rl-heatmap-cell em {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .rl-heatmap-cell span {
    color: #777;
    font-size: 10px;
    line-height: 12px;
}
#receiver-lab-page .rl-heatmap-cell em {
    color: #9c9c9c;
    font-size: 9px;
    font-style: normal;
    line-height: 11px;
}
#receiver-lab-page .rl-heatmap-cell.score-high {
    background: #dff8ef;
    border-color: #72d9bd;
}
#receiver-lab-page .rl-heatmap-cell.score-mid {
    background: #e9fbf7;
    border-color: #a7e5d9;
}
#receiver-lab-page .rl-heatmap-cell.score-low {
    background: #f7f7f7;
}
#receiver-lab-page .rl-heatmap-cell.score-thin {
    background: #f4f1ed;
    border-color: #e2d7c9;
}
#receiver-lab-page .rl-heatmap-cell.reason-contradiction {
    background: #fde8f7;
    border-color: #ef8bd6;
}
#receiver-lab-page .rl-heatmap-cell.reason-sparse-evidence {
    background: #fff7df;
    border-color: #e7c46a;
}
#receiver-lab-page .rl-heatmap-cell.act {
    box-shadow: inset 0px 0px 0px 2px #242323;
}
#receiver-lab-page .receiver-lab-distribution li {
    border-bottom: 1px #ededed solid;
    min-height: 52px;
    padding: 7px 0px;
    position: relative;
}
#receiver-lab-page .receiver-lab-distribution li.act em,
#receiver-lab-page .receiver-lab-distribution li.act strong {
    color: #19c4ae;
}
#receiver-lab-page .receiver-lab-distribution em {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    text-transform: uppercase;
}
#receiver-lab-page .receiver-lab-distribution strong {
    position: absolute;
    right: 0px;
    top: 7px;
    color: #242323;
    font-size: 23px;
    line-height: 26px;
}
#receiver-lab-page .receiver-lab-distribution span,
#receiver-lab-page .receiver-lab-distribution small {
    display: block;
    max-width: 220px;
    color: #777;
    font-size: 11px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .receiver-lab-distribution small {
    color: #aeaeae;
}
#receiver-lab-page .receiver-lab-distribution i,
#receiver-lab-page .rl-mini-cols i {
    display: block;
    height: 5px;
    background: #eeeeee;
    margin: 5px 0px;
}
#receiver-lab-page .receiver-lab-distribution i b,
#receiver-lab-page .rl-mini-cols i em {
    display: block;
    height: 5px;
    background: #19c4ae;
}
#receiver-lab-page .rl-inspector-main {
    min-height: 76px;
    padding-left: 86px;
    position: relative;
}
#receiver-lab-page .rl-inspector-main img {
    width: 68px;
    height: 68px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 4px;
}
#receiver-lab-page .rl-inspector-main h3 {
    color: #242323;
    font-size: 19px;
    line-height: 23px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .rl-inspector-main p {
    color: #777;
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .rl-inspector-main em {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
    text-transform: uppercase;
}
#receiver-lab-page .rl-score-line,
#receiver-lab-page .rl-hold-candidate,
#receiver-lab-page .rl-trace-metrics,
#receiver-lab-page .rl-trace-hints {
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    margin: 9px 0px;
    padding: 6px 0px;
}
#receiver-lab-page .rl-score-line span,
#receiver-lab-page .rl-hold-candidate span,
#receiver-lab-page .rl-trace-metrics span,
#receiver-lab-page .rl-trace-hints span {
    display: inline-block;
    color: #8e8e8e;
    font-size: 11px;
    line-height: 17px;
    margin: 0px 10px 0px 0px;
}
#receiver-lab-page .rl-score-line b,
#receiver-lab-page .rl-hold-candidate b,
#receiver-lab-page .rl-trace-metrics b {
    color: #242323;
}
#receiver-lab-page .rl-phrase {
    margin: 10px 0px;
}
#receiver-lab-page .rl-phrase em,
#receiver-lab-page .rl-current-event h4,
#receiver-lab-page .rl-mini-cols h4 {
    display: block;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
#receiver-lab-page .rl-phrase strong {
    display: block;
    color: #242323;
    font-size: 14px;
    line-height: 19px;
}
#receiver-lab-page .rl-phrase span {
    display: block;
    color: #8e8e8e;
    font-size: 11px;
    line-height: 16px;
    margin-top: 3px;
}
#receiver-lab-page .rl-reasons {
    border-top: 1px #ededed solid;
    margin-top: 8px;
}
#receiver-lab-page .rl-reasons li {
    border-bottom: 1px #ededed solid;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    padding: 5px 0px;
}
#receiver-lab-page .rl-mini-cols {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}
#receiver-lab-page .rl-mini-cols > div {
    display: table-cell;
    border-left: 1px #ececec solid;
    padding-left: 11px;
}
#receiver-lab-page .rl-mini-cols > div:first-child {
    border-left: none;
    padding-left: 0px;
    padding-right: 11px;
}
#receiver-lab-page .rl-mini-cols p {
    color: #777;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 4px;
}
#receiver-lab-page .rl-mini-cols p span {
    display: inline-block;
    width: 102px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
#receiver-lab-page .rl-mini-cols p b {
    display: inline-block;
    width: 54px;
    color: #242323;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .rl-current-event {
    margin-top: 10px;
}
#receiver-lab-page .rl-current-event li,
#receiver-lab-page .rl-wave-state li {
    min-height: 23px;
    border-bottom: 1px #ededed solid;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    padding: 4px 0px;
}
#receiver-lab-page .rl-current-event li span,
#receiver-lab-page .rl-wave-state li span {
    display: inline-block;
    width: 106px;
    color: #aeaeae;
    text-transform: uppercase;
}
#receiver-lab-page .rl-current-event li b,
#receiver-lab-page .rl-wave-state li b {
    color: #242323;
    font-weight: normal;
}
#receiver-lab-page .rl-wave-decision {
    background: #f7fbfa;
    border: 1px #d4eeea solid;
    color: #242323;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 9px 10px;
}
#receiver-lab-page .rl-candidate {
    border-left: 3px #19c4ae solid;
    margin-top: 9px;
    padding-left: 9px;
}
#receiver-lab-page .rl-candidate strong,
#receiver-lab-page .rl-candidate span,
#receiver-lab-page .rl-candidate em {
    display: block;
    max-width: 430px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .rl-candidate strong {
    color: #242323;
    font-size: 14px;
    line-height: 18px;
}
#receiver-lab-page .rl-candidate span {
    color: #777;
    font-size: 11px;
    line-height: 15px;
}
#receiver-lab-page .rl-candidate em {
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
}
#receiver-lab-page .receiver-lab-route ol {
    border-top: 1px #ededed solid;
}
#receiver-lab-page .receiver-lab-route li {
    min-height: 42px;
    border-bottom: 1px #ededed solid;
    padding: 6px 72px 6px 32px;
    position: relative;
}
#receiver-lab-page .receiver-lab-route li.current {
    background: #f0fbf8;
}
#receiver-lab-page .receiver-lab-route li.candidate {
    background: #fff7df;
}
#receiver-lab-page .receiver-lab-route li.visited {
    background: #f8f8f8;
}
#receiver-lab-page .receiver-lab-route li > em {
    position: absolute;
    left: 0px;
    top: 8px;
    color: #c2c2c2;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
}
#receiver-lab-page .receiver-lab-route li a {
    display: block;
    color: #242323;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .receiver-lab-route li a:hover {
    color: #19c4ae;
}
#receiver-lab-page .receiver-lab-route li span,
#receiver-lab-page .receiver-lab-route li small {
    display: block;
    color: #8e8e8e;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .receiver-lab-route li b {
    position: absolute;
    right: 0px;
    top: 9px;
    max-width: 66px;
    color: #aeaeae;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
#receiver-lab-page .receiver-lab-route li b.current {
    color: #19c4ae;
}
#receiver-lab-page .receiver-lab-route li b.candidate {
    color: #c28b12;
}
#receiver-lab-page .receiver-lab-route li b.visited {
    color: #8e8e8e;
}
#receiver-lab-page .rl-trace-events {
    border-top: 1px #ededed solid;
}
#receiver-lab-page .rl-trace-event {
    min-height: 38px;
    border-bottom: 1px #ededed solid;
    padding: 6px 0px 6px 72px;
    position: relative;
}
#receiver-lab-page .rl-trace-event em {
    position: absolute;
    left: 0px;
    top: 8px;
    color: #aeaeae;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
}
#receiver-lab-page .rl-trace-event strong {
    display: inline-block;
    width: 128px;
    color: #242323;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
#receiver-lab-page .rl-trace-event span {
    display: inline-block;
    width: 168px;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
#receiver-lab-page .rl-trace-event small {
    display: block;
    max-width: 380px;
    color: #aeaeae;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#receiver-lab-page .rl-trace-event b {
    position: absolute;
    right: 0px;
    top: 8px;
    max-width: 90px;
    color: #19c4ae;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis;
}
#receiver-lab-page .trace-wave_auto_hop strong {
    color: #c28b12;
}
#receiver-lab-page .trace-wave_catch strong {
    color: #e32fb6;
}
#receiver-lab-page .trace-wave_manual_prev strong,
#receiver-lab-page .trace-wave_manual_next strong {
    color: #19c4ae;
}
#receiver-lab-page .receiver-lab-health {
    display: block;
    border-left: none;
    border-top: 1px #e5e5e5 solid;
    padding: 12px 0px 0px;
}
#receiver-lab-page .receiver-lab-health ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#receiver-lab-page .receiver-lab-health li {
    display: table-cell;
    border-left: 1px #ececec solid;
    text-align: center;
    padding: 4px 5px 8px;
}
#receiver-lab-page .receiver-lab-health li:first-child {
    border-left: none;
}
#receiver-lab-page .receiver-lab-health strong {
    display: block;
    color: #242323;
    font-size: 20px;
    line-height: 24px;
}
#receiver-lab-page .receiver-lab-health span {
    display: block;
    color: #8e8e8e;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}
#receiver-lab-page .rl-raw {
    border-top: 1px #ededed solid;
    margin-top: 10px;
    padding-top: 7px;
}
#receiver-lab-page .rl-raw summary {
    color: #19c4ae;
    cursor: pointer;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
}
#receiver-lab-page .rl-raw pre {
    max-height: 240px;
    overflow: auto;
    background: #f7f7f7;
    border: 1px #e5e5e5 solid;
    color: #555;
    font-family: monospace;
    font-size: 11px;
    line-height: 15px;
    margin-top: 6px;
    padding: 8px;
    white-space: pre-wrap;
}

#track {
    height: 48px;
    overflow: hidden;
}

#track-line {
    width: 100%;
    height: 22px;
    position: absolute;
    bottom: -20px;
    left: 0px;
    background: #f3f3f3;
    display: none;
}
#tl-played {
    height: 22px;
    background: #dadada;
}
.tl-time {
    font-size: 11px;
    color: #949494;
    position: absolute;
    top: 5px;
    left: 5px;
}
#tl-time-all {
    left: auto;
    right: 5px;
}


#page {
    width: 100%;
    min-width: 1010px;
    min-height: 100%;
}
#main {
    padding: 48px 0px 141px;
}
#main.long {
    padding-bottom: 176px;
}
#main.short {
    padding-bottom: 41px;
}

header {
    background: #fff url(../imgs/head_bg2.gif) repeat-x left bottom;
    padding-bottom: 2px;
}
#head-wrap {
    height: 80px;
    background: #fff url(../imgs/head_bg.png) repeat-x left bottom;
    position: relative;
}
nav {
    width: 540px;
    margin: 0px auto;
    padding-top: 52px;
    text-align: center;
}
@media screen and (max-width: 1270px) {
    nav {
        margin-right: 435px;
    }
}
nav a {
    margin: 0px 6px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0px;
    position: relative;
    color: #7d7d7d;
    text-shadow: 0px 1px 0px #fff;

    padding-top: 25px;
    transition: color .10s ease-in-out;
    -moz-transition: color .10s ease-in-out;
    -webkit-transition: color .10s ease-in-out;
    -o-transition: color .10s ease-in-out;
}
nav a.nav-disc:hover {
    color: #b8b8b8;
}
nav a.nav-stat:hover {
    color: #e12bb4;
}
nav a.nav-art:hover {
    color: #fbb92b;
}
nav a.nav-track:hover {
    color: #23dfc7;
}
nav a.nav-moments:hover {
    color: #e32fb6;
}
nav a.nav-signal:hover {
    color: #19c4ae;
}
nav a.nav-hipst:hover {
    color: #b8b8b8;
}
nav a.act {
    color: #242323!important;
}
nav a i {
    position: absolute;
    bottom: 25px;
    left: 50%;
    background-image: url(../imgs/nav.png);
    background-repeat: no-repeat;
    opacity: 0.2;
}
nav a:hover i {
    opacity: 1;
}
nav a.act i {
    opacity: 0.8;
}
nav a.nav-disc i {
    width: 15px;
    height: 15px;
    margin-left: -7px;
    background-position: 0px 0px;
}
nav a.nav-disc:hover i {
    background-position: 0px -80px;
}
nav a.nav-disc.act i {
    background-position: 0px 0px;
}
nav a.nav-moments i {
    width: 15px;
    height: 15px;
    margin-left: -8px;
    bottom: 24px;
    background-image: none;
    border: 2px #202020 solid;
    border-radius: 15px;
}
nav a.nav-moments i:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #202020;
    border-radius: 5px;
    position: absolute;
    left: 5px;
    top: 5px;
}
nav a.nav-moments:hover i,
nav a.nav-moments.act i {
    border-color: #e32fb6;
}
nav a.nav-moments:hover i:after,
nav a.nav-moments.act i:after {
    background: #e32fb6;
}
nav a.nav-signal i {
    width: 17px;
    height: 14px;
    margin-left: -9px;
    bottom: 25px;
    background-image: none;
    border-top: 2px #202020 solid;
    border-bottom: 2px #202020 solid;
}
nav a.nav-signal i:after {
    content: "";
    width: 17px;
    height: 2px;
    background: #202020;
    position: absolute;
    left: 0px;
    top: 6px;
}
nav a.nav-signal:hover i,
nav a.nav-signal.act i {
    border-color: #19c4ae;
}
nav a.nav-signal:hover i:after,
nav a.nav-signal.act i:after {
    background: #19c4ae;
}
nav a.nav-stat i {
    width: 16px;
    height: 17px;
    margin-left: -8px;
    background-position: 0px -15px;
}
nav a.nav-stat:hover i {
    background-position: 0px -95px;
}
nav a.nav-stat.act i {
    background-position: 0px -15px;
}
nav a.nav-art i {
    width: 17px;
    height: 18px;
    margin-left: -8px;
    background-position: 0px -32px;
}
nav a.nav-art:hover i {
    background-position: 0px -112px;
}
nav a.nav-art.act i {
    background-position: 0px -32px;
}
nav a.nav-track i {
    width: 13px;
    height: 15px;
    margin-left: -6px;
    background-position: 0px -50px;
}
nav a.nav-track:hover i {
    background-position: 0px -130px;
}
nav a.nav-track.act i {
    background-position: 0px -50px;
}
nav a.nav-hipst i {
    width: 15px;
    height: 15px;
    margin-left: -7px;
    background-position: 0px -65px;
}
nav a.nav-hipst:hover i {
    background-position: 0px -145px;
}
nav a.nav-hipst.act i {
    background-position: 0px -65px;
}
#head-wrap > .button {
    position: absolute;
    left: 10px;
    bottom: 10px;
}
#nav-right {
    position: absolute;
    right: 11px;
    bottom: 12px;
    width: 430px;
}
#search-field {
    width: 190px;
    height: 22px;
    float: right;
    border: 1px #cbcbcb solid;
    border-radius: 11px;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
}
#search-field.focused {
    border-color: #1fd9c2;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 4px 0px rgba(53, 236, 213, 0.38);
}
#search-field input[type=text] {
    margin: 0px 0px 0px 12px;
    padding: 0px;
    width: 154px;
    height: 22px;
    border: 0px;
    background: none;
    color: #929292;
    font: 12px Helvetica, Arial, sans-serif;
    float: left;
}
#search-field input[type=image] {
    margin: 3px 0px 0px 1px;
    float: left;
}
#login {
    float: right;
    margin-right: 65px; /* was 18 */
    margin-top: -2px;
}
.lnk-login {
    display: inline-block;
    vertical-align: top;
    margin: 8px 9px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.46)
}
.lnk-login:hover {
    color: #19c4ae;
}

#logged {
    float: right;
    margin-right: 65px; /* was 18 */
    position: relative;
    z-index: 5;
}
.lnk-user-setts {
    width: 15px;
    height: 14px;
    float: right;
    cursor: pointer;
    background: url(../imgs/imgs.png) no-repeat -34px -105px;
    margin: 6px 0px 0px 6px;
}
.lnk-user-setts:hover, .lnk-user-setts.pushed {
    background-position: -52px -105px;
}
.l-user {
    float: right;
}
.l-user .img {
    width: 26px;
    height: 26px;
    border: 1px #cacaca solid;
    border-radius: 4px;
    overflow: hidden;
    float: left;
}
.l-user span {
    float: left;
    color: #919191;
    text-shadow: 0px 1px 0px #fff;
    margin: 8px 0px 0px 7px;
    white-space: nowrap;
}
.l-user:hover span {
    color: #242323;
}
#pop-user-setts {
    width: 160px;
    position: absolute;
    right: -73px;
    top: 33px;
    background: rgba(31,31,31,0.9);
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    z-index: 2;
    display: none;
}
#pop-user-setts:before {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../imgs/imgs.png) no-repeat -14px 0px;
    position: absolute;
    left: 70px;
    top: -9px;
}
#pop-user-setts ul {
    margin-top: 4px;
}
#pop-user-setts li a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 7px 15px 7px 15px;
    position: relative;
}
#pop-user-setts li a:hover {
    background-color: rgba(255,255,255,0.05);
}
.u-notts {
    float: right;
    position: relative;
}
.lnk-user-notts {
    width: 24px;
    height: 25px;
    float: right;
    cursor: pointer;
    background: url(../imgs/imgs.png) no-repeat -69px -31px;
    margin: 2px 10px 0px 0px;
}
.lnk-user-notts.new {
    background-position: -69px -85px;
}
.lnk-user-notts:hover, .lnk-user-notts.pushed {
    background-position: -69px -58px;
}
#pop-u-notts {
    width: 300px;
    position: absolute;
    left: -139px;
    top: 38px;
    background: #fff;
    border: 1px rgba(0,0,0,0.1) solid;
    border-radius: 3px;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
    display: none;
}
#pop-u-notts:before {
    content: "";
    width: 20px;
    height: 10px;
    position: absolute;
    left: 140px;
    top: -10px;
    background: url(../imgs/imgs.png) no-repeat -42px -74px;
}
#pop-u-notts li {
    height: 55px;
    border-top: 1px #ebebeb solid;
    padding: 0px 10px 0px 15px;
}
#pop-u-notts li:first-child {
    border: none;
}
#pop-u-notts li:hover {
    background: #e1fffb;
}
#pop-u-notts .ico {
    float: left;
    margin-top: 15px;
}
#pop-u-notts .img {
    width: 35px;
    height: 35px;
    float: right;
    overflow: hidden;
    border-radius: 3px;
    margin: 11px 0px 0px 10px;
}
#pop-u-notts .img.small {
    width: 25px;
    height: 25px;
    margin: 21px 5px 0px 15px;
    border-radius: 12px;
}
#pop-u-notts .img img {
    width: 35px;
    height: 35px;
}
#pop-u-notts .img.small img {
    margin: -5px 0px 0px -5px;
}
#pop-u-notts p {
    margin-left: 38px;
    color: #8e8e8e;
    padding-top: 20px;
}
#pop-u-notts p em {
    color: #131313;
    font-style: normal;
}
#pop-u-notts p span {
    display: block;
}



.center {
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
}
.center.w1000 {
    max-width: 1010px;
    padding-bottom: 40px;
}
.center.w900 {
    max-width: 890px;
    padding-bottom: 40px;
}
.center.w900 #right-col {
    width: 664px;
}
#main-stations {
    overflow: hidden;
    text-align: center;
    position: relative;
    padding-bottom: 4px;
}
#main-stations.index {
    height: 435px;
    padding-bottom: 0px;
}
.np-wall-source {
    position: absolute;
    left: 3px;
    top: 17px;
    font-size: 12px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
    padding-right: 18px;
}
.lnk-trend-st {
    position: absolute;
    left: 3px;
    top: 17px;
    font-size: 12px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
    padding-right: 18px;
}
.lnk-trend-st:before {
    content: "";
    width: 15px;
    height: 13px;
    position: absolute;
    right: 0px;
    top: 1px;
    background: url(../imgs/imgs.png) no-repeat -24px -74px;
}
.lnk-trend-st:hover:before {
    background-position: -24px -88px;
}
#ms-wrapper {
    margin: 0px auto;
    padding-top: 40px;
    position: relative;
}
#main-stations.index #ms-wrapper {
    height: 435px;
}
#main-stations ul {
    float: left;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    overflow: hidden;
    background: #eee;
}
#main-stations.index ul {
    height: 392px;
}
#main-stations li {
    float: left;
    position: relative;
    width: 196px;
    height: 196px;
    text-align: left;
}
#main-stations.index li:first-child {
    width: 392px;
    height: 392px;
}
#main-stations li:first-child img {
    border-radius: 5px 0px 0px 0px;
}
#main-stations.index li:first-child > img {
    border-radius: 5px 0px 0px 5px;
}
#main-stations li .rol {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -webkit-transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out;
}
#main-stations li:hover .rol {
    opacity: 1;
}
#main-stations.index li:first-child .rol {
    border-radius: 5px 0px 0px 5px;
}
#main-stations li.top-br .rol {
    border-radius: 0px 5px 0px 0px;
}
#main-stations li.bot-br .rol {
    border-radius: 0px 0px 5px 0px;
}
#main-stations li.top-br img {
    border-radius: 0px 5px 0px 0px;
}
#main-stations li.bot-br img {
    border-radius: 0px 0px 5px 0px;
}
#main-stations li.bot-l-br img {
    border-radius: 0px 0px 0px 5px;
}
#main-stations li .play {
    left: 4px;
    top: 4px;
}
#main-stations.index li:first-child .play {
    left: 24px;
    top: 24px;
}
#main-stations li .station {
    position: absolute;
    width: 36px;
    height: 36px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}
#main-stations.index li:first-child .station {
    right: 30px;
    top: 30px;
}
#main-stations li .station img {
    border-radius: 4px;
}
#main-stations .tl-station {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    position: absolute;
    right: 0px;
    top: 39px;
}
#main-stations .tl-station i {
    width: 14px;
    height: 7px;
    position: absolute;
    right: 11px;
    top: -7px;
    background: url(../imgs/imgs.png) no-repeat left top;
}
#main-stations .tl-station:hover {
    opacity: 0.8;
}
#main-stations .tl-track {
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 6px 8px 3px;
    border-radius: 0px 3px 3px;
    clear: both;
}
#main-stations .rol .tl-artist {
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 6px 8px 3px;
    border-radius: 3px 3px 0px 0px;
}
#main-stations li > .tl-artist {
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 3px;
    max-width: 160px;
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 6px 8px 3px;
}
#main-stations .track-info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 175px;
}
#main-stations.index li:first-child .track-info {
    left: 30px;
    bottom: 30px;
}
#main-stations .track-info .lbl {
    display: block;
    font-size: 11px;
    color: rgba(255,255,255, 0.6);
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

#main-stations.np-wall.index {
    height: 498px;
}
#main-stations.np-wall #ms-wrapper {
    padding-top: 88px;
}
#main-stations.np-wall.index #ms-wrapper {
    height: 498px;
}
#main-stations.np-wall .np-wall-head {
    position: absolute;
    left: 0px;
    top: 8px;
    right: 0px;
    height: 62px;
    text-align: left;
}
#main-stations.np-wall .np-kicker {
    display: block;
    font-size: 11px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
}
#main-stations.np-wall h1 {
    float: left;
    margin: 1px 18px 0px 0px;
    font-size: 34px;
    line-height: 38px;
    font-weight: bold;
    color: #333;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}
#main-stations.np-wall .np-wall-stats {
    float: left;
    margin-top: 14px;
}
#main-stations.np-wall .np-wall-stats span {
    display: inline-block;
    height: 20px;
    margin-right: 6px;
    padding: 0px 9px;
    border-radius: 10px;
    background: rgba(255,255,255,0.72);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.9), 0px 1px 2px rgba(0,0,0,0.09);
    font-size: 11px;
    line-height: 21px;
    color: #6f6f6f;
    text-shadow: 0px 1px 0px #fff;
}
#main-stations.np-wall .np-wall-source {
    top: 66px;
}
#main-stations.np-wall .np-mode-bar {
    position: absolute;
    right: 0px;
    top: 61px;
    height: 28px;
    text-align: right;
}
#main-stations.np-wall .np-mode-bar a {
    display: inline-block;
    height: 22px;
    margin-left: 5px;
    padding: 0px 9px;
    border-radius: 11px;
    background: rgba(255,255,255,0.72);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.9), 0px 1px 2px rgba(0,0,0,0.09);
    font-size: 11px;
    line-height: 23px;
    color: #6f6f6f;
    text-shadow: 0px 1px 0px #fff;
}
#main-stations.np-wall .np-mode-bar a:hover,
#main-stations.np-wall .np-mode-bar a.act {
    color: #008274;
    background: rgba(69,234,213,0.55);
}
#main-stations.np-wall .np-mode-bar a.pushed,
#main-stations.np-wall .np-mode-bar #np-wave-hop:hover {
    color: #870b68;
    background: rgba(227,47,182,0.28);
}
#main-stations.np-wall .np-mode-bar a.surfing {
    color: #fff;
    background: rgba(135,11,104,0.76);
    text-shadow: 0px 1px 0px rgba(0,0,0,0.36);
}
#main-stations.np-wall .np-mode-bar a.playback-paused {
    color: #704600;
    background: rgba(239,197,99,0.48);
}
#main-stations.np-wall .np-mode-bar a.blocked,
#main-stations.np-wall .np-wave-status.blocked {
    color: #7f3e17;
    background: rgba(239,197,99,0.42);
}
#main-stations.np-wall .np-wave-status {
    display: none;
    height: 22px;
    margin-left: 6px;
    padding: 0px 8px;
    border-radius: 11px;
    background: rgba(255,255,255,0.58);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.85), 0px 1px 2px rgba(0,0,0,0.08);
    font-size: 11px;
    line-height: 23px;
    color: #575757;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.9);
}
#main-stations.np-wall .np-mode-bar em {
    margin-left: 4px;
    font-style: normal;
    color: rgba(0,0,0,0.38);
}
#main-stations.np-wall.index.np-has-memory,
#main-stations.np-wall.index.np-has-memory #ms-wrapper,
#main-stations.np-wall.index.np-has-path,
#main-stations.np-wall.index.np-has-path #ms-wrapper {
    height: 550px;
}
#main-stations.np-wall.np-has-memory #ms-wrapper,
#main-stations.np-wall.np-has-path #ms-wrapper {
    padding-top: 140px;
}
#main-stations.np-wall.index.np-has-memory.np-has-path,
#main-stations.np-wall.index.np-has-memory.np-has-path #ms-wrapper {
    height: 602px;
}
#main-stations.np-wall.np-has-memory.np-has-path #ms-wrapper {
    padding-top: 192px;
}
#main-stations.np-wall .np-receiver-path {
    box-sizing: border-box;
    display: grid;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 94px;
    height: 40px;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
    padding: 4px 0px;
    border-top: 1px solid rgba(255,255,255,0.78);
    border-bottom: 1px solid rgba(0,0,0,0.09);
    text-align: left;
}
#main-stations.np-wall .np-path-label {
    align-self: center;
    font-size: 10px;
    line-height: 13px;
    color: #777;
}
#main-stations.np-wall .np-path-points {
    display: flex;
    min-width: 0px;
    overflow: hidden;
}
#main-stations.np-wall .np-path-return {
    box-sizing: border-box;
    display: grid;
    flex: 1 1 0px;
    min-width: 0px;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 6px;
    align-items: center;
    padding: 0px 7px;
    border-left: 1px solid rgba(0,0,0,0.08);
    color: #555;
}
#main-stations.np-wall .np-path-return.current {
    background: rgba(69,234,213,0.16);
    box-shadow: inset 0px -2px 0px rgba(0,132,117,0.44);
}
#main-stations.np-wall .np-path-return:hover {
    background: rgba(227,47,182,0.10);
    color: #870b68;
}
#main-stations.np-wall .np-path-return img {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    object-fit: cover;
}
#main-stations.np-wall .np-path-return span,
#main-stations.np-wall .np-path-return strong,
#main-stations.np-wall .np-path-return em {
    display: block;
    min-width: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main-stations.np-wall .np-path-return strong {
    font-size: 10px;
    line-height: 13px;
    color: #3f3f3f;
}
#main-stations.np-wall .np-path-return em {
    font-size: 9px;
    line-height: 11px;
    font-style: normal;
    color: #8b8b8b;
}
#main-stations.np-wall .np-receiver-memory {
    box-sizing: border-box;
    display: grid;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 94px;
    height: 40px;
    grid-template-columns: 32px 120px minmax(140px, 220px) minmax(220px, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 4px 0px;
    border-top: 1px solid rgba(255,255,255,0.78);
    border-bottom: 1px solid rgba(0,0,0,0.09);
    text-align: left;
}
#main-stations.np-wall.np-has-memory.np-has-path .np-receiver-memory {
    top: 146px;
}
#main-stations.np-wall .np-receiver-memory img {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    object-fit: cover;
}
#main-stations.np-wall .np-memory-context,
#main-stations.np-wall .np-memory-signal,
#main-stations.np-wall .np-receiver-memory strong {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main-stations.np-wall .np-memory-context {
    font-size: 10px;
    color: #8a8a8a;
}
#main-stations.np-wall .np-receiver-memory strong {
    font-size: 12px;
    line-height: 16px;
    color: #343434;
}
#main-stations.np-wall .np-memory-signal {
    font-size: 11px;
    color: #666;
}
#main-stations.np-wall .np-memory-return {
    display: inline-block;
    height: 24px;
    padding: 0px 10px;
    border-radius: 4px;
    background: rgba(69,234,213,0.42);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.8), 0px 1px 2px rgba(0,0,0,0.08);
    font-size: 11px;
    line-height: 25px;
    color: #006e62;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}
#main-stations.np-wall .np-memory-return:hover {
    color: #870b68;
    background: rgba(227,47,182,0.20);
}
#main-stations.np-wall .np-wave-trace {
    display: none;
    position: absolute;
    right: 0px;
    top: 94px;
    z-index: 30;
    width: 360px;
    max-height: 418px;
    overflow: hidden;
    padding: 11px 12px 10px;
    border: 1px rgba(255,255,255,0.92) solid;
    border-radius: 8px;
    background: rgba(248,249,247,0.96);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.9), 0px 7px 18px rgba(0,0,0,0.18);
    text-align: left;
    color: #3d3d3d;
}
#main-stations.np-wall .np-wave-trace.visible {
    display: block;
}
#main-stations.np-wall .np-wave-trace-head {
    height: 20px;
    border-bottom: 1px rgba(0,0,0,0.08) solid;
}
#main-stations.np-wall .np-wave-trace-head strong {
    float: left;
    font-size: 13px;
    line-height: 17px;
    color: #333;
}
#main-stations.np-wall .np-wave-trace-head span {
    float: right;
    max-width: 225px;
    overflow: hidden;
    font-size: 10px;
    line-height: 17px;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888;
}
#main-stations.np-wall .np-wave-trace-metrics {
    padding: 8px 0px 7px;
    border-bottom: 1px rgba(0,0,0,0.07) solid;
}
#main-stations.np-wall .np-wave-trace-live {
    padding: 8px 0px 7px;
    border-bottom: 1px rgba(0,0,0,0.07) solid;
}
#main-stations.np-wall .np-wave-trace-live strong {
    display: block;
    max-width: 330px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 15px;
    color: #333;
}
#main-stations.np-wall .np-wave-trace-live span {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    line-height: 14px;
    color: #737373;
}
#main-stations.np-wall .np-wave-trace-metrics span {
    display: inline-block;
    margin: 0px 8px 5px 0px;
    font-size: 11px;
    line-height: 14px;
    color: #696969;
}
#main-stations.np-wall .np-wave-trace-metrics b {
    color: #870b68;
}
#main-stations.np-wall .np-wave-trace-events {
    max-height: 312px;
    overflow: auto;
}
#main-stations.np-wall .np-wave-trace-event {
    min-height: 36px;
    padding: 8px 0px 7px 55px;
    border-top: 1px rgba(255,255,255,0.78) solid;
    border-bottom: 1px rgba(0,0,0,0.05) solid;
}
#main-stations.np-wall .np-wave-trace-event:first-child {
    border-top: 0px;
}
#main-stations.np-wall .np-wave-trace-time {
    float: left;
    width: 48px;
    margin-left: -55px;
    font-size: 10px;
    line-height: 14px;
    color: #8a8a8a;
}
#main-stations.np-wall .np-wave-trace-event strong {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 15px;
    color: #333;
}
#main-stations.np-wall .np-wave-trace-event em {
    display: block;
    font-style: normal;
    font-size: 11px;
    line-height: 14px;
    color: #737373;
}
#main-stations.np-wall .np-wave-trace-event.trace-wave_auto_hop strong {
    color: #870b68;
}
#main-stations.np-wall .np-wave-trace-event.trace-wave_catch strong {
    color: #008274;
}
#main-stations.np-wall .np-wave-trace-empty {
    padding: 11px 0px 2px;
    font-size: 11px;
    line-height: 15px;
    color: #777;
}
@media screen and (max-width: 760px) {
    #main-stations.np-wall .np-wave-trace {
        right: 10px;
        left: 10px;
        width: auto;
    }
    #main-stations.np-wall .np-wave-trace-head span {
        max-width: 150px;
    }
}
#main-stations.np-wall li .rol {
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.28) 38%, rgba(0,0,0,0.86) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.28) 38%, rgba(0,0,0,0.86) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.28) 38%, rgba(0,0,0,0.86) 100%);
}
#main-stations.np-wall li:hover .rol {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.22) 34%, rgba(0,0,0,0.92) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.22) 34%, rgba(0,0,0,0.92) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.22) 34%, rgba(0,0,0,0.92) 100%);
}
#main-stations.np-wall li .play {
    left: 13px;
    top: 13px;
}
#main-stations.np-wall.index li:first-child .play {
    left: 24px;
    top: 24px;
}
#main-stations.np-wall .np-record {
    position: absolute;
    left: 13px;
    top: 68px;
    height: 22px;
    padding: 0px 8px;
    border: 1px rgba(255,255,255,0.34) solid;
    border-radius: 11px;
    background: rgba(0,0,0,0.26);
    font-size: 11px;
    line-height: 23px;
    color: rgba(255,255,255,0.86);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.55);
}
#main-stations.np-wall .np-record:hover {
    border-color: rgba(69,234,213,0.72);
    color: #45ead5;
}
#main-stations.np-wall .np-mode-signal {
    position: absolute;
    right: 13px;
    top: 13px;
    z-index: 3;
    display: block;
    max-width: 106px;
    height: 22px;
    padding: 0px 8px;
    border: 1px rgba(69,234,213,0.44) solid;
    border-radius: 11px;
    background: rgba(0,0,0,0.38);
    font-size: 11px;
    line-height: 23px;
    color: #45ead5;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.65);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main-stations.np-wall.index li:first-child .np-record {
    left: 24px;
    top: 82px;
}
#main-stations.np-wall.index li:first-child .np-mode-signal {
    right: 24px;
    top: 24px;
    max-width: 132px;
}
#main-stations.np-wall .station {
    z-index: 3;
}
#main-stations.np-wall .tl-station {
    max-width: 126px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main-stations.np-wall.index li:first-child .tl-station {
    max-width: 260px;
}
#main-stations.np-wall .track-info {
    bottom: 14px;
    left: 13px;
    width: 156px;
    max-height: 82px;
    overflow: hidden;
}
#main-stations.np-wall.index li:first-child .track-info {
    left: 30px;
    bottom: 30px;
    width: 318px;
    max-height: 128px;
}
#main-stations.np-wall .rol .tl-artist,
#main-stations.np-wall .tl-track {
    max-width: 140px;
    max-height: 36px;
    line-height: 16px;
    overflow: hidden;
    word-break: break-word;
}
#main-stations.np-wall.index li:first-child .rol .tl-artist,
#main-stations.np-wall.index li:first-child .tl-track {
    max-width: 286px;
    max-height: 56px;
    font-size: 14px;
    line-height: 18px;
}
#main-stations.np-wall li.np-wave-current:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    pointer-events: none;
    box-shadow: inset 0px 0px 0px 3px rgba(69,234,213,0.88);
}
#main-stations.np-wall.index li:first-child.np-wave-current:after {
    border-radius: 5px 0px 0px 5px;
}
#main-stations.np-wall .np-empty-signal {
    width: 392px;
    height: 392px;
    background: rgba(0,0,0,0.08);
}
#main-stations.np-wall .np-empty-state {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: left;
    color: rgba(0,0,0,0.42);
    text-shadow: 0px 1px 0px rgba(255,255,255,0.65);
}
#main-stations.np-wall .np-empty-state strong,
#main-stations.np-wall .np-empty-state span {
    display: block;
}
#main-stations.np-wall .np-empty-state strong {
    font-size: 18px;
    line-height: 22px;
}
#main-stations.np-wall .np-empty-state span {
    margin-top: 4px;
    font-size: 12px;
}

#main-charts {
    border-top: 1px rgba(0,0,0, 0.1) solid;
    margin-top: 30px;
}
#main-charts h2 {
    font-size: 16px;
    font-weight: bold;
    color: #a8a8a8;
    text-shadow: 0px 1px 0px rgba(255,255,255, 0.75);
    border-top: 1px rgba(255,255,255, 0.5) solid;
    padding: 7px 0px 0px 7px;
}
#main-charts #charts {
    height: 202px;
    overflow: hidden;
    position: relative;
    padding: 0px 15px;
    background: url(../imgs/crop.gif) repeat-x left 210px;
}
#main-charts .chart-wrap {
    float: left;
    margin-bottom: 47px;
}
.chart {
    float: left;
    padding-left: 161px;
    position: relative;
}
.chart h3 {
    padding-left: 7px;
    font-size: 12px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255, 0.75);
    height: 21px;
}
.chart .img {
    position: absolute;
    left: 0px;
    top: 21px;
    width: 161px;
    height: 161px;
    overflow: hidden;
    border-radius: 4px 0px 0px 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
}
.chart .img img {
    border-radius: 4px 0px 0px 4px;
    z-index: 1;
}
.chart .img .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../imgs/img_mask.png) no-repeat;
    z-index: 2;
}
.chart ul {
    float: left;
}
.chart li {
    float: left;
    clear: left;
}
.chart .tag-lbl {
    box-shadow: 0px 1px 1px 0px rgba(0,0,0, 0.07);
    border-radius: 0px 3px 3px 0px;
}
.chart a .tl-artist {
    border-radius: 0px;
}
.chart .tag-lbl:hover {
    background: #fff;
    color: #5c5c5c;
}
.chart ul a:hover .tag-lbl {
    background: #fff;
    color: #5c5c5c;
    position: relative;
}
.chart ul a:hover .tl-track:after {
    content: "";
    width: 1px;
    height: 11px;
    background: #e8e8e8;
    position: absolute;
    left: 0px;
    top: 6px;
}

.chart .wave, .chart .play {
    left: 3px;
    bottom: 3px;
    z-index: 3;
}
/*
.chart .chart-pos {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 4px;
    height: 40px;
    background: url(../imgs/charts_bg.png) repeat-x left top;
    z-index: 3;
}
.chart .chart-pos.down {
    background-position: 0px -40px;
}
.chart .chart-pos strong {
    display: block;
    min-width: 23px;
    padding: 0px 4px 0px;
    height: 25px;
    color: #4b4b4b;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.chart .chart-pos small {
    display: block;
    padding: 2px 5px 0px 15px;
    min-width: 11px;
    text-align: right;
    font-size: 11px;
    color: rgba(0,0,0, 0.4);
    position: relative;
}
.chart .chart-pos small i {
    width: 9px;
    height: 7px;
    position: absolute;
    left: 4px;
    top: 4px;
    background: url(../imgs/imgs.png) no-repeat left -7px;
}
.chart .chart-pos.down small i {
    background-position: 0px -14px;
    top: 5px;
}
.chart .chart-pos.equal small i {
    background-position: -127px -8px;
    top: 5px;
}
*/

#users-list {
    width: 100%;
    overflow: hidden;
}
#users-list .ul-header {
    text-align: center;
    padding: 14px 0px 7px;
}
#users-list > ul {
    text-align: center;
}
#users-list > ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: 200px;
    height: 160px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    text-align: left;
}
#users-list .img {
    width: 160px;
    height: 160px;
    float: left;
    overflow: hidden;
    border-radius: 3px 0px 0px 3px;
    position: relative;
}
#users-list .img .tl-hipster, #ul_pictures_fans .tl-hipster {
    position: absolute;
    left: 10px;
    bottom: 10px;
    height: auto;
    line-height: normal;
    padding: 5px 8px 4px;
    max-width: 124px;
    white-space: normal;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.28);

    background: rgb(239,239,239);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 100%);

}
#users-list .img .rol, #ul_pictures_fans .rol {
    width: 160px;
    height: 90px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../imgs/ul_hover.png) no-repeat left top;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}
#users-list .img:hover .rol, #ul_pictures_fans li:hover .rol {
    opacity: 1;
}
#users-list .img .rol div, #ul_pictures_fans li .rol div {
    float: left;
    color: #fff;
    font-size: 11px;
    height: 37px;
    margin-top: 5px;
    padding-top: 5px;
}
#users-list .img .rol div:first-child, #ul_pictures_fans li .rol div:first-child {
    margin: 5px 10px 0px 9px;
    background: url(../imgs/ul_sep.png) no-repeat right top;
    padding-right: 8px;
}
#users-list .img .rol div b, #ul_pictures_fans li .rol div b {
    display: block;
    font-size: 16px;
    margin-bottom: 1px;
}
#users-list .icons {
    width: 40px;
    height: 160px;
    float: left;
    background: #eee;
}
#users-list .icons li {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    border: 3px transparent solid;
    margin: -3px 0px -3px -3px;
    transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out;
}
#users-list .icons li a:first-child {
    float: left;
    overflow: hidden;
}
#users-list .icons li:first-child a:first-child {
    border-radius: 0px 3px 0px 0px;
}
#users-list .icons li:last-child a:first-child {
    border-radius: 0px 0px 3px 0px;
}
#users-list .icons .tl-artist {
    position: absolute;
    left: 50px;
    top: 10px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}
#users-list .icons .tl-artist:before {
    content: "";
    width: 6px;
    height: 12px;
    position: absolute;
    left: -6px;
    top: 5px;
    background: url(../imgs/imgs.png) no-repeat -42px -88px;
    z-index: 1;
}
#users-list .last .icons .tl-artist {
    left: auto;
    right: 50px;
}
#users-list .last .icons .tl-artist:before {
    left: auto;
    right: -6px;
    background-position: -48px -88px;
}
#users-list .icons li:hover .tl-artist {
    visibility: visible;
    opacity: 1;
}
#users-list .icons li:hover {
    position: relative;
    border-color: #f3b225;
    border-radius: 6px;
    z-index: 2;
}
#users-list .icons li:hover a:first-child {
    border-radius: 3px;
}


.block-foot {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
}

#tags-block {
    width: 100%;
    height: 51px;
    float: left;
    margin-bottom: -40px;
    position: relative;
    z-index: 2;
}
#tags-block.fixed {
    position: fixed;
    left: 0px;
    top: 48px;
    background: #e3e3e3 url(../imgs/ttags_pat.jpg) repeat;
    border-bottom: 1px #c7c7c7 solid;
    margin-bottom: 0px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05);
}
#tb-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    position: relative;
}
#tags-block .tb-switcher {
    float: left;
    margin-top: 16px;
}
.lnk-more-tags {
    display: none;
    float: right;
    padding-right: 19px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    margin: 20px 12px 0px 0px;
    position: relative;
    cursor: pointer;
}
.lnk-more-tags:hover, .lnk-more-tags.pushed {
    color: #12b8a3;
}
.lnk-more-tags:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0px;
    top: -1px;
    background: url(../imgs/imgs.png) no-repeat left -105px;
}
.lnk-more-tags:hover:before, .lnk-more-tags.pushed:before {
    background-position: -16px -105px;
}


#pop-tags {
    width: 160px;
    position: absolute;
    right: -9px;
    top: 42px;
    background: rgba(31,31,31,0.9);
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    z-index: 2;
    display: none;
}
#pop-tags:before {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../imgs/imgs.png) no-repeat -14px 0px;
    position: absolute;
    left: 122px;
    top: -9px;
}
#pop-tags ul {
    margin-top: 4px;
}
#pop-tags li a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 7px 15px 7px 15px;
    position: relative;
}
#pop-tags li a:hover {
    background-color: rgba(255,255,255,0.05);
}
#pop-tags li a span {
    float: right;
    font-size: 11px;
    color: #767676;
}


#tags-block .tags {
    height: 25px;
    overflow: hidden;
    margin: 0px 71px 0px 196px;
    padding-top: 14px;
}
#tags-block .tags #f-tags {
    margin: 0px;
    float: left;
    text-align: right;
}
#tags-block .tags #f-tags li {
    margin-top: 0px;
}

.track-items {
    text-align: center;
    padding-top: 40px;
}
.track {
    width: 392px;
    height: 392px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    border-radius: 3px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    margin: 0px 30px 40px 0px;
}
.track .wave {
    left: 15px;
    top: 14px;
    cursor: pointer;
}
.track .button {
    position: absolute;
    right: 20px;
    top: 20px;
    box-shadow: none;
}
.track .button:active {
    box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.4);
}
.track .info {
    position: absolute;
    left: 20px;
    bottom: 18px;
    width: 352px;
}
.track .info .tag-lbl {
    height: auto;
    white-space: normal;
    line-height: normal;
    font-size: 20px;
    padding: 11px 15px 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}
.track .info .tl-track {
    clear: both;
    border-radius: 0px 3px 3px 3px;

    background: rgb(58,239,216);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhZWZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZmRiYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(58,239,216,1) 0%, rgba(47,219,197,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,239,216,1)), color-stop(100%,rgba(47,219,197,1)));
    background: -webkit-linear-gradient(top,  rgba(58,239,216,1) 0%,rgba(47,219,197,1) 100%);
    background: -o-linear-gradient(top,  rgba(58,239,216,1) 0%,rgba(47,219,197,1) 100%);
    background: -ms-linear-gradient(top,  rgba(58,239,216,1) 0%,rgba(47,219,197,1) 100%);
    background: linear-gradient(to bottom,  rgba(58,239,216,1) 0%,rgba(47,219,197,1) 100%);

}
.track .info .tl-artist {
    border-radius: 3px 3px 0px 0px;
    background: rgb(254,189,48);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWI4MmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(254,189,48,1) 0%, rgba(249,184,44,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,189,48,1)), color-stop(100%,rgba(249,184,44,1)));
    background: -webkit-linear-gradient(top,  rgba(254,189,48,1) 0%,rgba(249,184,44,1) 100%);
    background: -o-linear-gradient(top,  rgba(254,189,48,1) 0%,rgba(249,184,44,1) 100%);
    background: -ms-linear-gradient(top,  rgba(254,189,48,1) 0%,rgba(249,184,44,1) 100%);
    background: linear-gradient(to bottom,  rgba(254,189,48,1) 0%,rgba(249,184,44,1) 100%);

}

.track-items .chart {
    display: inline-block;
    vertical-align: top;
    float: none;
    text-align: left;
    position: relative;
}
.track-items .chart h3 {
    margin: -21px 0px 0px -161px;
}
.track-items .chart .img {
    top: 0px;
}
.track-items .chart-items {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.track-items #f-tags {
    display: inline-block;
    margin: 10px 0px 0px -5px;
    max-width: 300px;
    text-align: left;
}

#track-list {
    padding-left: 23%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
}
.tr-l-wrapper {
    width: 200%;
    float: left;
}
#track-list #f-tags {
    position: relative;
    right: 100%;
    margin: 0px 30px 0px 0px;
    float: right;
}
#track-list #f-tags li {
    float: right;
    clear: right;
    margin: 0px 0px 5px;
}

#track-list .tracks-tbl {
    float: left;
    overflow: hidden;
}
#track-list .tracks {
    float: left;
}
#track-list .tracks td {
    white-space: nowrap;
}
#track-list .tracks .t-item {
    float: left;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.07);
    border-radius: 0px 3px 3px 0px;
}
#track-list .tracks .ico {
    width: 50px;
    height: 50px;
    float: left;
}
#track-list .t-list .ico {
    border-radius: 3px 0px 0px 3px;
}
#track-list .tracks .tag-lbl {
    float: none;
    display: inline-block;
    vertical-align: top;
    height: 49px;
    border-bottom: 1px #e5a721 solid;
    font-size: 20px;
    line-height: 52px;
    padding: 0px 10px 0px 15px;
    border-radius: 0px;
}
#track-list .tracks .tl-track {
    border-color: #2fdbc5;
    border-radius: 0px 3px 3px 0px;
}
#track-list .tracks .num {
    vertical-align: middle;
    font-size: 20px;
    color: #595959;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    border-radius: 3px 0px 0px 3px;
    padding: 0px 17px;
    text-align: center;
    border-bottom: 1px #e6e6e6 solid;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.07);
    visibility: hidden;

    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);

}
/*
#track-list .tracks .rate {
    vertical-align: bottom;
    font-size: 11px;
    color: rgba(0,0,0,0.4);
    text-align: center;
    position: relative;
    visibility: hidden;

    background: rgb(61,240,217);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkZjBkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMWUzY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(61,240,217,1) 0%, rgba(49,227,204,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,240,217,1)), color-stop(100%,rgba(49,227,204,1)));
    background: -webkit-linear-gradient(top,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    background: -o-linear-gradient(top,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    background: -ms-linear-gradient(top,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    background: linear-gradient(to bottom,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
}
#track-list .tracks .rate.down {
    background: rgb(227,54,184);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMzZiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNzI5YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(227,54,184,1) 0%, rgba(215,41,171,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,54,184,1)), color-stop(100%,rgba(215,41,171,1)));
    background: -webkit-linear-gradient(top,  rgba(227,54,184,1) 0%,rgba(215,41,171,1) 100%);
    background: -o-linear-gradient(top,  rgba(227,54,184,1) 0%,rgba(215,41,171,1) 100%);
    background: -ms-linear-gradient(top,  rgba(227,54,184,1) 0%,rgba(215,41,171,1) 100%);
    background: linear-gradient(to bottom,  rgba(227,54,184,1) 0%,rgba(215,41,171,1) 100%);
}
#track-list .tracks .rate span {
    min-width: 8px;
    display: inline-block;
    vertical-align: bottom;
    padding: 0px 4px 14px;
    border-bottom: 1px #2fd7c2 solid;
    position: relative;
}
#track-list .tracks .rate.down span {
    border-color: #cc27a2;
}
#track-list .tracks .rate span:before {
    content: "";
    width: 8px;
    height: 5px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: 5px;
    background: url(../imgs/imgs.png) no-repeat -58px -88px;
}
#track-list .tracks .rate.down span:before {
    background-position: -58px -94px;
}
*/

#track-list .tracks .play, #track-list .tracks .wave {
    width: 27px;
    height: 27px;
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    background-position: -12px -245px;
}
#track-list .tracks .wave {
    background-position: -12px -272px;
}
#track-list .tracks-switcher {
    padding: 10px 0px;
}
#track-list .block-foot {
    text-align: left;
    margin-top: 15px;
}

#left-col {
    width: 196px;
    float: left;
    margin-top: 40px;
}
.u-info {
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    margin-bottom: 17px;
}
.u-info .img {
    width: 196px;
    height: 196px;
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
}
.u-info .img.i-load {
    border-radius: 3px;
    position: relative;
}
.u-info .img.i-load img {
    border-radius: 3px;
}
.u-info .img.i-load .button {
    position: absolute !important;
    bottom: 16px;
    left: 23px; /*25*/
    z-index: 2;
}
/*
#inp-upload-pic {
    position: absolute;
    left: 26px;
    bottom: 17px;
    z-index: 3;
    opacity: 0;
    font-size: 18px;
    width: 420px;
}
*/
.u-info img {
    width: 100%;
    height: 100%;
}
.u-info ul {
    background: #fff;
    padding-bottom: 5px;
    border-radius: 0px 0px 4px 4px;
}
.u-info li {
    border-top: 1px #ebebeb solid;
}
.u-info li.act {
    background: rgb(204,204,204);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(220,220,220,1) 29%, rgba(220,220,220,1) 84%, rgba(217,217,217,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(29%,rgba(220,220,220,1)), color-stop(84%,rgba(220,220,220,1)), color-stop(100%,rgba(217,217,217,1)));
    background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(220,220,220,1) 29%,rgba(220,220,220,1) 84%,rgba(217,217,217,1) 100%);
    background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(220,220,220,1) 29%,rgba(220,220,220,1) 84%,rgba(217,217,217,1) 100%);
    background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(220,220,220,1) 29%,rgba(220,220,220,1) 84%,rgba(217,217,217,1) 100%);
    background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(220,220,220,1) 29%,rgba(220,220,220,1) 84%,rgba(217,217,217,1) 100%);

}
.u-info li:first-child {
    border-top: none;
}
.u-info li a {
    color: #7d7d7d;
    display: block;
    padding: 9px 14px;
}
.u-info li a em {
    float: right;
    color: #b1b1b1;
    font-style: normal;
    margin-top: 1px;
}
.u-info li big {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}
.u-info li.act big {
    text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    color: #7b7b7b;
}
.u-info li small {
    font-size: 11px;
    opacity: 0.5;
}
.u-info li.act small {
    color: #4c4c4c;
}
.lc-soc {
    margin-top: -5px;
    text-align: center;
    padding-bottom: 11px;
    background: url(../imgs/crop.gif) repeat-x left bottom;
}
.lc-soc .button, .lc-soc span {
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.lc-soc span {
    padding: 4px 0px 7px 14px;
    border-left: 1px rgba(0,0,0,0.1) solid;
    margin-left: 14px;
    color: #8e8e8e;
    font-size: 11px;
}
.lc-soc span b {
    font-size: 16px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
}
.lc-soc .button {
    margin-top: 4px;
}

.u-list {
    margin: 11px 0px 0px 14px;
}
.u-list h6 {
    font-size: 12px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    margin-left: 1px;
}
.u-list ul {
    margin-top: 7px;
}
.u-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    overflow: hidden;
}
#u-list-desc {
    position: absolute;
    height: 19px;
    background: rgba(0,0,0,0.8);
    font-size: 11px;
    line-height: 20px;
    color: #c4c4c4;
    padding: 0px 7px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.32);
    border-radius: 4px;
    white-space: nowrap;
}
#u-list-desc:before {
    content: "";
    width: 17px;
    height: 7px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 100%;
    background: url(../imgs/imgs.png) no-repeat -67px -113px;
}

#right-col {
    width: 784px;
    float: left;
    margin: 40px 0px 0px 30px;
}
.rc-stat-history {
    width: 441px;
    float: left;
}
.rc-stat-history .fav-list {
    border-radius: 0;
}
.rc-stat-history h6 {
    color: #8E8E8E;
    font-size: 12px;
    height: 26px;
    line-height: 21px;
    margin-top: -26px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.rc-stat-history .stat-info {
    /*
        height: 112px;
        background: #fff;
        border-bottom: 1px #ebebeb solid;
        border-radius: 4px 4px 0px 0px;
    */

    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 4px 4px 0 0;
    padding-bottom: 15px
}
.rc-stat-history .stat-info .img {
    width: 91px;
    height: 91px;
    overflow: hidden;
    border-radius: 4px;
    float: left;
    margin: 11px 0px 0px 10px;
}
.rc-stat-history .stat-info p {
    margin-left: 115px;
    padding-top: 14px;
}
.rc-stat-history .stat-info .play {
    position: static;
    display: inline-block;
    vertical-align: top;
    width: 41px;
    height: 41px;
    background: url(../imgs/play.png) no-repeat center -349px;
    cursor: default;
}
.rc-stat-history .stat-info .lbl {
    display: block;
    font-size: 11px;
    color: #a0a0a0;
    margin: 7px 0px;
}
.rc-stat-history .stat-info strong {
    color: #131313;
    font-size: 14px;
}

.st-comms {
    width: 312px;
    float: left;
    margin-left: 30px;
}
.st-comms h6 {
    color: #8E8E8E;
    font-size: 12px;
    height: 26px;
    line-height: 21px;
    margin-top: -26px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.comms-list {
    width: 100%;
    float: left;
    background: #f6f6f6;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    color: #8e8e8e;
    font-size: 12px;
}
.comms-list li {
    width: 100%;
    float: left;
    border-top: 1px #e3e3e3 solid;
}
/* .comms-list li:first-child { */
.comms-list li.li_add_commnet {
    background: #ffffff;
    border-top: none;
    border-radius: 4px;
}
.comms-list p {
    line-height: 17px;
}
.comms-list p a {
    color: #131313;
}
.comms-list small {
    display: block;
    font-size: 11px;
    color: #bdbdbd;
    padding: 4px 15px;
}
.comms-list .img {
    width: 31px;
    height: 31px;
    float: left;
    margin: 12px 0px 0px 12px;
    border: 2px transparent solid;
    overflow: hidden;
}
.comms-list .img.user {
    border-radius: 16px;
    border-color: #35ebd4;
}
.comms-list .img.answer {
    border-radius: 16px;
    border-color: #fdba2c;
}
.comms-list .img div {
    width: 25px;
    height: 25px;
    overflow: hidden;
    border-radius: 12px;
    margin: 3px;
}
.comms-list .img img {
    width: 25px;
    height: 25px;
    border-radius: 12px;
}
.comms-list .comm {
    margin: 0px 14px 0px 56px;
    padding: 12px 0px 10px;
}
.comms-list .small-but {
    display: inline-block;
    vertical-align: top;
    height: 15px;
    padding: 0px 6px 0px 18px;
    background: #ffffff;
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    color: #a0a0a0;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
}
.comms-list .small-but:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    left: 5px;
    top: 3px;
    background: url(../imgs/imgs.png) no-repeat -87px -111px;
}
.comms-list .date {
    font-size: 11px;
    color: #bcbcbc;
    float: right;
    margin-top: 3px;
}
.comms-list .comm-foot {
    margin-top: 7px;
}
.comms-list textarea {
    display: inline-block;
    vertical-align: top;
    width: 234px;
    height: 26px;
    border: 1px #cbcbcb solid;
    border-radius: 4px;
    background: #fff;
    padding: 4px 4px;
    margin: 0px;
    font: 12px Helvetica, Arial, sans-serif;
    color: #000;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
    resize: vertical;
}
.comms-list textarea:focus {
    border-color: #1fd9c2;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 4px 0px rgba(53, 236, 213, 0.38);
}


.prof-stats {
    width: 784px;
    height: 196px;
    float: left;
    position: relative;
}
.prof-stats h6 {
    font-size: 12px;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255, 0.75);
    height: 23px;
    margin-top: -23px;
}
.prof-stats ul {
    float: left;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    overflow: hidden;
}
.prof-stats li {
    float: left;
    position: relative;
    width: 196px;
    height: 196px;
    text-align: left;
}
.prof-stats li:first-child > img, .prof-stats li:first-child .rol {
    border-radius: 5px 0px 0px 5px;
}
.prof-stats li:last-child > img, .prof-stats li:last-child .rol {
    border-radius: 0px 5px 5px 0px;
}
.prof-stats li .rol {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -webkit-transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out;
}
.prof-stats li:hover .rol {
    opacity: 1;
}
.prof-stats li .play {
    left: 4px;
    top: 4px;
}
.prof-stats li .station {
    position: absolute;
    width: 36px;
    height: 36px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.prof-stats li .station img {
    border-radius: 4px;
}
.prof-stats .tl-station {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    position: absolute;
    right: 0px;
    top: 39px;
}
.prof-stats .tl-station i {
    width: 14px;
    height: 7px;
    position: absolute;
    right: 11px;
    top: -7px;
    background: url(../imgs/imgs.png) no-repeat left top;
}
.prof-stats .tl-station:hover {
    opacity: 0.8;
}
.prof-stats .tl-track {
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 6px 8px 3px;
    border-radius: 0px 3px 3px;
    clear: both;
}
.prof-stats .rol .tl-artist {
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 6px 8px 3px;
    border-radius: 3px 3px 0px 0px;
}
.prof-stats li > .tl-artist {
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 3px;
    max-width: 160px;
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 6px 8px 3px;
}
.prof-stats .track-info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 175px;
}
.prof-stats .track-info .lbl {
    display: block;
    font-size: 11px;
    color: rgba(255,255,255, 0.6);
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.two-cols {
    width: 784px;
    float: left;
    margin-top: 50px;
}
.two-cols .col {
    width: 372px;
    float: left;
    margin-left: 21px;
}
.two-cols .col:first-child {
    width: 391px;
    margin: 0px;
}
.two-cols .button-small {
    margin-top: 5px;
}
.col-head {
    height: 26px;
    margin-top: -26px;
    color: #8e8e8e;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    padding-left: 2px;
    line-height: normal!important;
}
.col-head > span {
    line-height: 21px!important;
}
.col-head .timeline-switcher, .col-head .tracks-switcher {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
}

.ts-long {
    margin-top: -26px;
    float: left;
}

.qs-block {
    width: 100%;
    height: 42px;
    float: left;
    border-bottom: 1px #ebebeb solid;
    border-radius: 3px 3px 0px 0px;

    background: rgb(253,253,253);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(245,245,245,1) 100%);

}
.qs-block .qsb-controls {
    width: 77px;
    height: 42px;
    float: right;
    border-left: 1px #e1e1e1 solid;
    position: relative;
}
.qs-block .ctrl-repeat {
    width: 22px;
    height: 15px;
    background: url(../imgs/track_ctrls.png) no-repeat 0px -1px;
    position: absolute;
    left: 14px;
    top: 15px;
    cursor: pointer;
}
.qs-block .ctrl-repeat.act {
    background-position: -29px -1px;
}
.qs-block .ctrl-repeat.act.one {
    background-position: -58px -1px;
}
.qs-block .ctrl-mesh {
    width: 20px;
    height: 17px;
    background: url(../imgs/track_ctrls.png) no-repeat -87px 0px;
    position: absolute;
    left: 45px;
    top: 13px;
    cursor: pointer;
}
.qs-block .ctrl-mesh.act {
    background-position: -116px 0px;
}
.qs-block .qsb-wrap {
    padding: 9px 8px 0px;
}
.qs-block .qsb-controls + .qsb-wrap {
    padding-right: 87px;
}
#quick-search-field {
    display: none; /* HIDDEN */
    height: 22px;
    border: 1px #cbcbcb solid;
    border-radius: 11px;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 0px 25px 0px 12px;
    position: relative;
}
#quick-search-field.focused {
    border-color: #1fd9c2;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 4px 0px rgba(53, 236, 213, 0.38);
}
#quick-search-field input[type=text] {
    padding: 0px;
    width: 100%;
    display: block;
    height: 22px;
    border: 0px;
    background: none;
    color: #929292;
    font: 12px Helvetica, Arial, sans-serif;

}
#quick-search-field input[type=image] {
    position: absolute;
    right: 8px;
    top: 3px;
}

.timeline, .fav-list {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
}
.timeline li, .fav-list li {
    width: 100%;
    min-height: 55px;
    float: left;
    border-top: 1px #ebebeb solid;
    background-color: #fff;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
}
.timeline li:first-child, .fav-list li:first-child {
    border: none;
    border-radius: 4px 4px 0px 0px;
}
.timeline li:last-child, .fav-list li:last-child {
    border-radius: 0px 0px 4px 4px;
}
.timeline li:hover, .fav-list li:hover {
    background-color: #f6f6f6;
}
.timeline .ico {
    width: 25px;
    height: 25px;
    float: left;
    margin: 15px 0px 0px 15px;
    overflow: hidden;
    border-radius: 12px;
}
.timeline .ico img {
    width: 25px;
    height: 25px;
}
.timeline .type {
    width: 25px;
    height: 25px;
    float: left;
    margin: 15px 0px 0px 15px;
}
.timeline .img, .fav-list .img {
    width: 35px;
    height: 35px;
    float: right;
    overflow: hidden;
    border-radius: 3px;
    margin: 10px 10px 0px 0px;
}
.fav-list .img {
    float: left;
    margin: 10px 15px 0px 10px;
}
.timeline .play, .timeline .wave, .fav-list .play, .fav-list .wave {
    width: 25px;
    height: 25px;
    float: right;
    margin: 15px 11px 0px 0px;
    position: relative;
    background-position: center -299px;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    z-index: 1;
}
.timeline .wave, .fav-list .wave {
    background-position: center -324px;
}
.timeline li:hover .play, .timeline li:hover .wave {
    opacity: 1;
}
.fav-list .play, .fav-list .wave {
    margin: 15px 15px 0px 0px;
    opacity: 1;
    z-index: 0;
}
.fl-stats .wave {
    opacity: 0;
}
.fl-stats li:hover .wave {
    opacity: 1;
    z-index: 1;
}
.timeline .play.act, .fav-list .play.act {
    width: 29px;
    height: 29px;
    background-position: center -390px;
    margin: 13px 18px 0px 0px;
}

.timeline p {
    margin: 20px 91px 0px 55px;
    font-size: 12px;
    color: #8e8e8e;
    line-height: 17px;
}

#div_page_user_profile .tm-following p {
    margin: 20px 55px 0px 93px;
}

.timeline p a {
    color: #131313;
}
.timeline.tm-mine p {
    margin: 21px 55px 0px 93px;
}
.timeline.tm-long p {
    /*margin: 21px 130px 0px 93px;*/
    margin: 21px 130px 0px 55px;
}
#div_subpage_profile_timeline .timeline.tm-long.tm-following p {
    margin: 21px 130px 0px 93px;
}
.timeline .date, .fl-stats .date {
    font-size: 11px;
    color: #a0a0a0;
    float: right;
    margin: 21px 11px 0px 0px;
    opacity: 1;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}
.timeline .play + .date, .timeline .wave + .date, .fl-stats .play + .date, .fl-stats .wave + .date {
    margin-right: -25px;
}
.fl-stats li:hover .date, .fl-stats li:hover .date {
    opacity: 1;
}
.timeline li:hover .play + .date, .timeline li:hover .wave + .date, .fl-stats li:hover .play + .date, .fl-stats li:hover .wave + .date {
    opacity: 0;
}
.fav-list .name {
    color: #131313;
    float: left;
    margin-top: 21px;
}
.fav-list .button {
    float: right;
    margin: 13px 15px 0px 0px;
}
.fav-list .lnk-del-track {
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: top;
    background: url(../imgs/imgs.png) no-repeat -117px -69px;
    margin: 18px 0px 0px 9px;
    cursor: pointer;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}
.fav-list li:hover .lnk-del-track {
    opacity: 1;
}
.fav-list .ctrl-drop {
    width: 15px;
    height: 11px;
    float: right;
    background: url(../imgs/imgs.png) no-repeat -118px -88px;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    margin: 23px 15px 0px 0px;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}
.fav-list .ui-sortable-helper .ctrl-drop {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.fav-list li:hover .ctrl-drop {
    opacity: 1;
}

.div-no-items-found,
.div-no-items-found-template {
    display: none;
    float: left;
    padding: 20px;
    font-size: 12px;
    color: #000;
}
.div-no-items-found {
    display: block;
    background: white;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
}

.p-s-tracks {
    float: left;
    padding-left: 8px;
}
.p-s-tracks h6 {
    height: 26px;
    margin-top: -26px;
    color: #8e8e8e;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    line-height: 21px;
}
.p-s-tracks .ul-tracks {
    float: left;
    clear: left;
}
.p-s-tracks .ul-tracks li {
    float: left;
    clear: left;
}
.p-s-tracks .ul-tracks .tl-artist {
    border-radius: 3px 0px 0px 3px;
}
.p-s-tracks .ul-tracks .tl-track {
    border-radius: 0px 3px 3px 0px;
}
.p-s-tracks .ul-tracks .tl-track i {
    vertical-align: top;
    width: 9px;
    height: 9px;
    background: url(../imgs/imgs.png) no-repeat -22px -11px;
    cursor: pointer;
    margin: 7px 0px 0px 6px;
    display: none;
}
.p-s-tracks .ul-tracks a:hover .tl-track i {
    display: inline-block;
}
.p-s-tracks .ul-tracks a:hover .tag-lbl {
    background: #fff;
    color: #5c5c5c;
    position: relative;
}
.p-s-tracks .ul-tracks a:hover .tl-track:after {
    content: "";
    width: 1px;
    height: 11px;
    background: #e8e8e8;
    position: absolute;
    left: 0px;
    top: 6px;
}
#right-col .button-small {
    float: left;
    clear: left;
    margin-top: 5px;
}
/*
.u-favs {
    width: 364px;
    float: left;
    padding: 13px 0px 0px 8px;
    overflow: hidden;
}
.p-s-tracks + .u-favs {
    background: url(../imgs/crop.gif) repeat-x left top;
    margin-top: 10px;
}
*/
.u-favs h6 {
    color: #8e8e8e;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    margin-left: 2px;
}
.u-favs .favs-switcher {
    margin: 6px 0px 8px;
}
.u-favs .charts-wrapper {
    width: 500px;
    height: 165px;
    position: relative;
}
.u-favs .chart {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}
.u-favs .charts-wrapper .chart:first-child {
    opacity: 1;
    z-index: 2;
}
.u-favs .chart li a {
    float: left;
}
.u-favs .chart .img {
    top: 0px;
}
.u-favs .tag-lbl .tlwrap,
#div_page_user .ul-tracks .tlwrap, #div_page_user_profile .ul-tracks .tlwrap,
#chart-tracks .tlwrap {
    width: 85px;
    float: left;
    overflow: hidden;
    position: relative;
}
.u-favs .tag-lbl .tlwrap .tlw-bg,
#div_page_user .ul-tracks .tlw-bg, #div_page_user_profile .ul-tracks .tlw-bg,
#chart-tracks .tlw-bg {
    width: 15px;
    height: 18px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -9px;
    background: url(../imgs/tagcrop.png) no-repeat left top;
}
.u-favs .tag-lbl.tl-artist .tlwrap .tlw-bg,
#div_page_user .ul-tracks .tl-artist .tlw-bg, #div_page_user_profile .ul-tracks .tl-artist .tlw-bg,
#chart-tracks .tl-artist .tlw-bg {
    background-position: 0px -36px;
}
.u-favs a:hover .tag-lbl .tlwrap .tlw-bg,
#div_page_user .ul-tracks a:hover .tag-lbl .tlwrap .tlw-bg, #div_page_user_profile r .ul-tracks a:hover .tag-lbl .tlwrap .tlw-bg,
#chart-tracks a:hover .tag-lbl .tlwrap .tlw-bg {
    background-position: 0px -18px;
}

.form-block {
    width: 441px;
    float: left;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 40px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
}
.form-block h6 {
    height: 21px;
    position: relative;
    margin-top: -21px;
    color: #8e8e8e;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
}
.form-block .f-item {
    height: 61px;
    border-top: 1px #ebebeb solid;
    position: relative;
}
.form-block .f-items .f-item:first-child {
    height: 58px;
    border: none;
}
.form-block label {
    color: #8e8e8e;
    font-size: 12px;
    float: left;
    width: 127px;
    margin: 24px 0px 0px 21px;
}
.form-block .form-inp {
    height: 27px;
    width: 261px;
    margin-top: 15px;
    color: #242323;
    font-size: 16px;
}
.form-block .button {
    margin: 15px 0px 0px 148px;
}
.form-block .f-info {
    color: #8e8e8e;
    font-size: 12px;
    position: absolute;
    left: 100%;
    margin-left: 19px;
    white-space: nowrap;
    top: 25px;
}
.form-block .soc-block {
    display: inline-block;
    vertical-align: top;
    margin: 17px 0px 0px 16px;
}
.form-block .soc-block .img {
    border: 1px solid #CACACA;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 26px;
    overflow: hidden;
    width: 26px;
}
.form-block .soc-block span {
    color: #242323;
    float: left;
    margin: 8px 0 0 7px;
    text-shadow: 0 1px 0 #FFFFFF;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
}
.form-block .soc-block .del {
    width: 15px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    background: url(../imgs/imgs.png) no-repeat -102px -106px;
    margin: 7px 0px 0px 8px;
    cursor: pointer;
}

.form-switcher {
    display: inline-block;
    vertical-align: top;
    width: 75px;
    height: 29px;
    background-color: #38efd8;
    border: 1px #cbcbcb solid;
    border-radius: 15px;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
    margin-top: 16px;
    position: relative;
    cursor: pointer;
}
.form-switcher a {
    font-size: 14px;
    text-transform: uppercase;
    color: #818181;
    padding: 8px 12px 0px 0px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.14);
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    cursor: pointer;
}
.form-switcher a:first-child {
    color: #007465;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.42);
    padding: 8px 0px 0px 14px;
    display: block;
    right: auto;
    left: 0px;
}
.form-switcher div {
    width: 29px;
    height: 29px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px #cbcbcb solid;
    border-radius: 15px;

    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);

    overflow: hidden;

}
#div_subpage_profile_timeline,
#div_subpage_profile_favorites,
#div_subpage_profile_connections,
#div_subpage_user_profile_timeline {
    background: none;
    box-shadow: none;
}

.right-content {
    width: 555px;
    float: left;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
}
.right-content .text {
    padding: 0px 30px;
    font-size: 14px;
    color: #262626;
}
.right-content .text a {
    color: #1fd8c1;
}
.right-content .text big {
    font-size: 26px;
    color: #717171;
    line-height: 140%;
}
.right-content .text p {
    margin: 30px 0px;
    line-height: 160%;
}
.right-content .t-list {
    border-top: 1px #ebebeb solid;
    padding-bottom: 10px;
}
.right-content .t-list h5 {
    font-size: 16px;
    color: #717171;
    margin: 22px 28px 19px;
}
.right-content .t-list li {
    padding: 12px 28px 12px;
    color: #333333;
}
.right-content .t-list li.gray {
    background: #f6f6f6;
}
.right-content .t-list li a {
    color: #333333;
}
.right-content .t-list .date {
    color: #b1b1b1;
    margin-right: 20px;
}
.right-content .t-list p {
    display: inline-block;
    vertical-align: top;
}
#video-carousel {
    width: 782px;
    float: left;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    overflow: hidden;
}
#video-carousel .fotorama__thumbs.fotorama__thumbs_previews {
    background: #fff;
    border-radius: 0px 0px 4px 4px;
}
#video-carousel .fotorama__wrap.fotorama__wrap_style_touch, #video-carousel .fotorama__noise {
    border-radius: 4px 4px 0px 0px;
}
#video-carousel .fotorama__thumb-border {
    background: none;
    border-radius: 3px;
}
#video-carousel .fotorama__thumb, #video-carousel .fotorama__thumb canvas {
    border-radius: 3px;
}
#video-carousel .fotorama__thumb_selected, #video-carousel .fotorama__thumb_selected canvas {
    border-radius: 5px;
}

.art-pics {
    width: 782px;
    float: left;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    overflow: hidden;
}
.art-pics ul {
    padding: 8px 8px 8px 9px;
    float: left;
}
.art-pics li {
    width: 241px;
    height: 177px;
    float: left;
    margin: 7px;
    border-radius: 3px;
    background: #2a2a2a;
    overflow: hidden;
}
.art-pics li img {
    border-radius: 3px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.art-pics li a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.rc-left {
    width: 440px;
    float: left;
}
.rc-left h6 {
    height: 26px;
    margin-top: -26px;
    color: #8e8e8e;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    line-height: 21px;
}
.aa-fotos {
    width: 440px;
    float: left;
    position: relative;
    background: #2a2a2a;
    border-radius: 3px 3px 0px 0px;
}
.aa-fotos, .aa-fotos * {
    visibility: visible;
}
.aa-fotos .fotorama__thumb-border {
    background: none!important;
}
.aa-fotos .fotorama__img, .aa-fotos .fotorama__wrap {
    border-radius: 3px 3px 0px 0px;
}
#art-carousel {
    width: 440px;
    height: 247px;
    overflow: hidden;
}
#art-carousel > a {
    display: none;
}
#art-carousel > a:first-child {
    display: block;
}
#art-carousel > a img {
    display: block;
    width: 100%;
    height: 247px;
    object-fit: contain;
}
#aaf-ctrl {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 11px;
    color: #919191;
    z-index: 2;

    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
}
.fullscr #aaf-ctrl {
    background: none;
    font-size: 12px;
    color: #fffefe;
}
#aaf-ctrl div {
    display: inline-block;
    vertical-align: top;
    height: 15px;
    border-right: 1px rgba(0,0,0,0.1) solid;
    padding: 5px 8px 0px 11px;
}
.fullscr #aaf-ctrl div {
    border-color: transparent;
}
#aaf-ctrl i {
    color: #d6d6d6;
    margin: 0px 4px;
    font-style: normal;
}
.fullscr #aaf-ctrl i {
    color: #6b6b6b;
}
#aaf-ctrl a {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    background: url(../imgs/imgs.png) no-repeat -122px -103px;
    margin: 4px;
    cursor: pointer;
}
.fullscr #aaf-ctrl a {
    width: 17px;
    height: 17px;
    background-position: 0px -120px;
    margin-top: 2px;
}
.fullscreen, .fotorama__wrap, .fotorama__wrap_style_fade .fotorama__frame, .fotorama__noise, .fotorama__thumbs_previews, .fotorama__caption_overlay, .fotorama_fullscreen .fotorama__caption {
    background: #2a2a2a;
}
.fotorama__arr {
    width: 13px;
    height: 24px;
    text-indent: -9999px;
    font-size: 0px;
    background: url(../imgs/fm_arrs.png) no-repeat left top;
    opacity: 0;
    margin-top: -12px;
    margin-left: 10px;
}
.fotorama__arr_next {
    background-position: -13px 0px;
    left: 100%;
    margin-left: -13px;
}
.fotorama__wrap_mouseover .fotorama__arr_next, .fotorama_touch .fotorama__arr_next {
    margin-left: -31px;
}
.fotorama__wrap_mouseover .fotorama__arr_prev, .fotorama_touch .fotorama__arr_prev {
    margin-left: 19px;
}
.aa-text {
    width: 380px;
    float: left;
    font-size: 26px;
    color: #717171;
    background: #fff;
    padding: 24px 30px;
    line-height: 35px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
}
.art-timeline {
    width: 440px;
    float: left;
    margin-top: 30px;
}
.art-timeline .timeline .play, .art-timeline .timeline .wave {
    opacity: 1;
    margin-right: 20px;
}
.art-timeline .timeline .play.act {
    margin-right: 18px;
}

.rc-right {
    width: 327px;
    float: left;
    margin-left: 16px;
}
.rcr-item {
    width: 327px;
    float: left;
    padding: 20px 0px 20px 14px;
    background: url(../imgs/crop.gif) repeat-x left top;
}
.rcr-item:first-child {
    padding-top: 0px;
    background: none;
}
.rcr-item.u-list {
    margin: 0px;
}
.rcr-item.u-list ul {
    margin: 0px;
}
.rcr-item .chart .img {
    top: 0px;
}
.rcr-item h6 {
    height: 26px;
    color: #8e8e8e;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    line-height: 21px;
    margin-top: -5px;
}
.rcr-item:first-child h6 {
    margin-top: -26px;
}
.events-list {
    width: 302px;
    float: left;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
}
.events-list li {
    width: 100%;
    height: 55px;
    float: left;
    border-top: 1px #ebebeb solid;
}
.events-list li:first-child {
    border: none;
}
.events-list .info {
    width: 174px;
    float: left;
    padding: 11px 10px 0px 14px;
    color: #8e8e8e;
}

.events-list .info span, .events-list .info a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.events-list .info span {
    display: block;
    margin-bottom: 7px;
}
.events-list .info a {
    color: #131313;
}
.events-list .img {
    width: 39px;
    float: left;
    position: relative;
    cursor: pointer;
}
.events-list .img img {
    z-index: 1;
    width: 39px;
    height: 55px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.events-list .date {
    width: 51px;
    float: right;
    padding: 9px 14px 0px 0px;
    text-align: right;
    font-size: 11px;
    color: #a0a0a0;
    line-height: 19px;
}


footer {
    width: 100%;
    min-width: 1010px;
    height: 105px;
    border-top: 1px #cbcbcb solid;
    position: relative;
    margin-top: -106px;
    background: #d8d8d8 url(../imgs/foot_bg.gif) repeat-x left top;
}
footer.long {
    height: 140px;
    margin-top: -141px;
}
footer.short {
    height: 40px;
    margin-top: -41px;
}
#copy, #foot-links {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
#foot-links {
    left: auto;
    right: 10px;
}
#foot-links a {
    color: #8e8e8e;
}
#foot-links a:hover {
    text-decoration: underline;
}

#f-tags {
    text-align: center;
    margin: 22px 15px 0px;
}
#f-tags li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px 0px;
}
#f-tags a {
    display: inline-block;
    vertical-align: top;
    height: 23px;
    background: #b5b5b5;
    border: 1px #979797 solid;
    border-radius: 4px;
    color: #fff;
    padding-left: 6px;
    line-height: 23px;
}
#f-tags a.act {
    border-color: #adadad;
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
    box-shadow: inset 0px 1px 0px 0px #fff;
    overflow: hidden;

    background: rgb(242,242,242);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(224,224,224,1) 100%);

}
#f-tags a span {
    float: right;
    height: 23px;
    color: #838383;
    background: #aeaeae;
    padding: 0px 6px;
    margin-left: 5px;
    position: relative;
}
#f-tags a.act span {
    color: #8e8e8e;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    box-shadow: inset 0px 1px 0px 0px #fff;
    border-radius: 0px 4px 4px 0px;

    background: rgb(231,231,231);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(231,231,231,1) 0%, rgba(213,213,213,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,231,1)), color-stop(100%,rgba(213,213,213,1)));
    background: -webkit-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(213,213,213,1) 100%);
    background: -o-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(213,213,213,1) 100%);
    background: -ms-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(213,213,213,1) 100%);
    background: linear-gradient(to bottom,  rgba(231,231,231,1) 0%,rgba(213,213,213,1) 100%);

}
#f-tags a span i {
    font-style: normal;
}
#f-tags a:hover span i {
    visibility: hidden;
}
#f-tags a.act:hover span i {
    visibility: visible;
}
#f-tags a span img {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 7px;
}
#f-tags a:hover span img {
    display: block;
}
#f-tags a.act:hover span img {
    display: none;
}

#overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0.85);
    z-index: 30;
    display: none;
}

#auth-popup {
    width: 440px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -193px 0px 0px -220px;
    background: #fff;
    border: 1px #d9d9d9 solid;
    border-radius: 4px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    z-index: 31;
    padding-bottom: 35px;
    display: none;
}
.ap-close {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../imgs/imgs.png) no-repeat left -86px;
    text-indent: -9999px;
    cursor: pointer;
}
.ap-logo {
    position: absolute;
    left: 158px;
    top: 34px;
}
#auth-popup big {
    font-size: 16px;
    font-weight: bold;
    color: #7d7d7d;
    text-shadow: 0px 1px 0px #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 96px;
}
#sw-wrapper {
    width: 123px;
    height: 20px;
    position: absolute;
    left: 158px;
    top: 151px;
}
#pop-reg, #pop-login {
    margin-top: 201px;
    text-align: center;
}
#pop-login .pl-sep {
    border-top: 1px #e5e5e5 solid;
    margin-top: 20px;
}
#pop-login .pl-sep strong {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 16px;
    color: #7d7d7d;
    padding: 0px 10px;
    margin-top: -8px;
    background: #fff;
}
#pop-login .pl-row {
    width: 180px;
    margin: 10px auto 0px;
}
#pop-reg p {
    color: #8e8e8e;
    margin-top: 25px;
}
#pop-reg p a {
    color: #131313;
    cursor: pointer;
}
#pop-reg .pl-row {
    width: 250px;
    margin: 0px auto;
}

/* NEW */
#inp-upload-pic input[type=file] {
    bottom: 0;
}

/*
#ul_stations li {
    cursor: pointer;
}
*/

#div_player_station img {
    width: 36px;
    height: 36px;
}

#div_player_station {
    background: url(./../imgs/tp_bg.png) repeat-x left -48px;
}

#ul_artists li img,
#ul_pictures li img,
#ul_pictures_fans li img,
.soc-block img,
.u-list img,
#ul_station_history img,
#ul_stations .img_onair,
#ul_stations_listening_now .img_onair,
#ul_artists_listening_now img,
.stat-info img,
#ul_discover .img_onair,
#ul_discover .img_station_logo,
#ul_recommended_stations .img_onair,
#ul_recommended_stations .img_station_logo,
#ul_most_listened_stations .img_onair,
#ul_most_listened_stations .img_station_logo,
#artist img,
.artist img,
.track img,
.chart, .img img,
.icons img{
    width: 100%;
    height: 100%;
}

.hide {
    display: none !important;
}

/*
#pop-user-setts li {
    cursor: pointer;
} */

.track-items #f-tags {
    position: absolute;
    top: 200px;
}

#ul_user_profile_menu li[data-menu-name="main"] {
    cursor: pointer;
}

#content {
    position: relative;
}

/*
#div_page_user_profile .tm-mine2,
#div_page_user_profile .tm-mine-more,
#div_subpage_profile_timeline .tm-mine2,
#div_subpage_profile_timeline .tm-mine-more,
#div_subpage_profile_favorites ul[rel="Artists"],
#div_subpage_profile_favorites ul[rel="Tracks"],
#div_subpage_profile_favorites #div_favorites_lists a[rel="Artists"],
#div_subpage_profile_favorites #div_favorites_lists a[rel="Tracks"],
*/
#div_subpage_profile_connections div[rel="Followers"] {
    display: none;
}

#div_player_station, #artist, #track, #track-butts {
    display: none;
}

#artist_seen_on_stations {
    min-height: 182px;
}

.li-no-items {
    border-radius: 4px !important;
}
.span-no-items {
    display: inline-block;
    margin: 21px 0 0 30px;
    color: #131313;
}
#ul_pictures_fans li {
    position: relative;
    width: 160px;
    height: 160px;
}

.div_result {
    display: none;
    position: absolute;
    top: 23px;
    right: 30px;
    height:24px;
}

.success {
    color: green;
}

.failed {
    color: red;
}

input[disabled] {
    background-color: rgb(227,227,227);
    color: #818181 !important;;
}

#pop-user-setts ul li {
    cursor: pointer;
}

#li_no_notifications {
    display:none;
}

.tags .sub-tags, #track-list .sub-tags, #track-list .sub-tracks {
    display:none;
}

/*
#track-list .tracks-listening-now, #track-list .tracks-most-fav {
    display:none;
}
*/

.st-comms, .lnk-more-comments, .reply-to-mark {
    display:none;
}

.reply-to-mark {
    position: relative;
    left: 60px;
    top: -5px;
    font-size: 11px;
    width: 238px;
    overflow: hidden;
}

.reply-to-mark span {
    display: inline-block;
    position: relative;
    top: -3px;
}

.reply-to {
    max-width: 165px;
    overflow: hidden;
    max-height: 13px;
}

.close-reply-mark {
    background: url(../imgs/imgs.png) no-repeat left -86px;
    width: 18px;
    height: 18px;
    top: 2px !important;
    cursor: pointer;
}

#ul_station_history li,
#ul_station_history li,
#div_favorites_lists .fav-list li {
    height: auto;
}

#ul_station_history li span.name {
    max-width: 260px;
    margin: 21px 0 18px;
}

#div_favorites_lists .fav-list .name {
    max-width: 440px;
    margin: 21px 0 18px;
}

#div_page_track #f-tags li:hover {
    cursor: pointer;
}

#ul_station_history a,
#tracks-list .name a {
    color: #131313;
}

#div_station_page.station-truth-page {
    padding: 34px 0px 56px;
}
.station-truth-page .station-live-band {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.35fr);
    gap: 34px;
    align-items: center;
    border-top: 1px #dedede solid;
    border-bottom: 1px #dedede solid;
    padding: 20px 0px;
}
.station-truth-page .station-live-source {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}
.station-truth-page .station-live-source > img {
    width: 88px;
    height: 88px;
    border-radius: 4px;
    object-fit: cover;
}
.station-truth-page .station-live-source span,
.station-truth-page .station-live-signal > span,
.station-truth-page .station-history-head span,
.station-truth-page .station-zine-kicker {
    display: block;
    color: #178f81;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}
.station-truth-page .station-live-source h1 {
    color: #242323;
    font-size: 28px;
    line-height: 34px;
    margin: 2px 0px 3px;
    overflow-wrap: anywhere;
}
.station-truth-page .station-live-source p {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 17px;
}
.station-truth-page .station-live-now {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 42px;
    gap: 16px;
    align-items: center;
    border-left: 1px #dedede solid;
    padding-left: 34px;
}
.station-truth-page .station-live-now .img {
    width: 64px;
    height: 64px;
}
.station-truth-page .station-live-now .img img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    object-fit: cover;
}
.station-truth-page .station-live-signal > span {
    color: #e32fb6;
    margin-bottom: 5px;
}
.station-truth-page #strong_station_onair {
    display: block;
    color: #242323;
    font-size: 17px;
    line-height: 23px;
    overflow-wrap: anywhere;
}
.station-truth-page #a_station_play {
    position: static;
    display: block;
    width: 41px;
    height: 41px;
    background: url(../imgs/play.png) no-repeat center -349px;
}
.station-truth-page .station-truth-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 42px;
    padding-top: 34px;
}
.station-truth-page #right-col,
.station-truth-page #left-col {
    width: auto;
    float: none;
    margin: 0px;
}
.station-truth-page #right-col {
    grid-column: 1;
}
.station-truth-page #left-col {
    grid-column: 2;
}
.station-truth-page .rc-stat-history,
.station-truth-page .st-comms {
    width: 100%;
    float: none;
    margin-left: 0px;
}
.station-truth-page .rc-stat-history {
    height: auto;
}
.station-truth-page .station-temperament {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    column-gap: 20px;
    border-bottom: 1px #dedede solid;
    margin-bottom: 26px;
    padding-bottom: 23px;
}
.station-truth-page .station-temperament > span {
    grid-row: 1 / span 2;
    color: #178f81;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    padding-top: 3px;
}
.station-truth-page .station-temperament p {
    color: #242323;
    font-size: 16px;
    line-height: 23px;
    overflow-wrap: anywhere;
}
.station-truth-page .station-temperament small {
    display: block;
    color: #777;
    font-size: 11px;
    line-height: 17px;
    margin-top: 7px;
    overflow-wrap: anywhere;
}
.station-truth-page .station-temperament small.rescan {
    color: #9b6b00;
}
.station-truth-page .station-history-head {
    min-height: 48px;
}
.station-truth-page .station-history-head h2 {
    color: #242323;
    font-size: 22px;
    line-height: 28px;
    margin-top: 2px;
}
.station-truth-page .rc-stat-history .fav-list {
    float: none;
    border-radius: 0px;
    border-top: 1px #dedede solid;
}
.station-truth-page #ul_station_history li span.name {
    max-width: calc(100% - 150px);
}
.station-truth-page #a_more_station_history {
    float: none;
    margin-top: 10px;
}
.station-truth-page .station-source-reading {
    border-left: 1px #dedede solid;
    padding-left: 28px;
}
.station-truth-page .station-source-profile,
.station-truth-page .station-source-ledger {
    border-bottom: 1px #dedede solid;
    padding-bottom: 24px;
}
.station-truth-page .station-source-ledger {
    padding-top: 25px;
}
.station-truth-page .station-source-profile h2 {
    color: #242323;
    font-size: 18px;
    line-height: 24px;
    margin: 7px 0px 16px;
}
.station-truth-page .station-source-profile ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 12px;
}
.station-truth-page .station-source-profile li {
    color: #e32fb6;
    font-size: 13px;
    line-height: 23px;
}
.station-truth-page .station-source-profile li + li:before {
    color: #bdbdbd;
    content: "/";
    margin-right: 12px;
}
.station-truth-page .station-source-ledger p {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    margin-top: 13px;
}
.station-truth-page .station-source-ledger p strong {
    display: block;
    color: #242323;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.station-truth-page .station-source-action {
    padding-top: 24px;
}
.station-truth-page .station-caught-moments {
    border-top: 1px #dedede solid;
    margin-top: 46px;
    padding-top: 25px;
}
.station-truth-page .station-caught-moments .station-history-head {
    position: relative;
}
.station-truth-page .station-caught-count {
    position: absolute;
    right: 0px;
    top: 20px;
    color: #8e8e8e;
    font-size: 11px;
}
.station-truth-page .station-caught-list {
    border-top: 1px #dedede solid;
}
.station-truth-page .station-caught-row {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    border-bottom: 1px #e6e6e6 solid;
    color: #242323;
    min-height: 68px;
    padding: 10px;
}
.station-truth-page .station-caught-row:hover {
    background: #fafafa;
}
.station-truth-page .station-caught-row > img {
    width: 48px;
    height: 48px;
    border-radius: 3px;
    object-fit: cover;
}
.station-truth-page .station-caught-copy {
    min-width: 0;
}
.station-truth-page .station-caught-copy strong,
.station-truth-page .station-caught-copy small {
    display: block;
    overflow-wrap: anywhere;
}
.station-truth-page .station-caught-copy strong {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}
.station-truth-page .station-caught-copy small,
.station-truth-page .station-caught-empty {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 15px;
    margin-top: 4px;
}
.station-truth-page .station-caught-empty {
    border-bottom: 1px #e6e6e6 solid;
    margin: 0px;
    padding: 18px 10px;
}
.station-truth-page .st-comms {
    clear: both;
    margin-top: 0px;
    padding-top: 46px;
}
.station-truth-page .st-comms h6 {
    height: auto;
    line-height: 18px;
    margin: 0px 0px 8px;
    text-transform: uppercase;
}

.div_profile_main_timeline .no-items {
    margin-top: 93px;
}

.tracks-tbl .no-items {
    margin: 130px 190px 0 0;
}

.art-timeline .no-items {
    margin: 80px auto 60px;
}


.no-items {
    width: 100%;
    margin: 160px auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    font-weight: bold;
    color: #7d7d7d;
    text-shadow: 0 1px 0 #fff;
}
.no-items a {
    color: #242323;
}

.p-s-tracks + .u-favs {
    background: url("../imgs/crop.gif") repeat-x scroll left top transparent;
    margin-top: 10px;
    padding-top: 13px;
}
.p-s-tracks + .u-favs h6 {
    margin-top: 0;
}
.u-favs {
    float: left;
    overflow: hidden;
    padding: 0 0 0 8px;
    margin-top: -20px;
    width: 364px;
}
.u-favs h6 {
    margin-bottom: 7px;
}


/*track list updates*/
#track-list .tracks .rate {
    background: rgb(208,208,208);
    background: -moz-linear-gradient(top,  rgba(208,208,208,1) 0%, rgba(196,196,196,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,1)), color-stop(100%,rgba(196,196,196,1)));
    background: -webkit-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(196,196,196,1) 100%);
    background: -o-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(196,196,196,1) 100%);
    background: -ms-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(196,196,196,1) 100%);
    background: linear-gradient(to bottom,  rgba(208,208,208,1) 0%,rgba(196,196,196,1) 100%);
    }
    #track-list .tracks .rate span {
        border-bottom: 1px #bababa solid;
    }
    #track-list .tracks .rate span:before {
        width: 6px;
        margin-left: -3px;
        background: url(../imgs/imgs.png) no-repeat -127px -8px;
    }
#track-list .tracks .rate.up {
    background: rgb(61,240,217);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkZjBkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMWUzY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(61,240,217,1) 0%, rgba(49,227,204,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,240,217,1)), color-stop(100%,rgba(49,227,204,1)));
    background: -webkit-linear-gradient(top,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    background: -o-linear-gradient(top,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    background: -ms-linear-gradient(top,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    background: linear-gradient(to bottom,  rgba(61,240,217,1) 0%,rgba(49,227,204,1) 100%);
    }
    #track-list .tracks .rate.up span {
        border-color: #2fd7c2;
    }
    #track-list .tracks .rate.up span:before {
        width: 8px;
        margin-left: -4px;
        background-position: -58px -88px;
    }
#track-list .tracks .rate.down span:before {
    width: 8px;
    margin-left: -4px;
}
#track-list .tracks .rate.new {
    background: rgb(230,246,48);
    background: -moz-linear-gradient(top,  rgba(230,246,48,1) 0%, rgba(218,234,35,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,246,48,1)), color-stop(100%,rgba(218,234,35,1)));
    background: -webkit-linear-gradient(top,  rgba(230,246,48,1) 0%,rgba(218,234,35,1) 100%);
    background: -o-linear-gradient(top,  rgba(230,246,48,1) 0%,rgba(218,234,35,1) 100%);
    background: -ms-linear-gradient(top,  rgba(230,246,48,1) 0%,rgba(218,234,35,1) 100%);
    background: linear-gradient(to bottom,  rgba(230,246,48,1) 0%,rgba(218,234,35,1) 100%);
    }
    #track-list .tracks .rate.new span {
        border-color: #cede21;
    }
    #track-list .tracks .rate.new span:before {
        width: 7px;
        height: 6px;
        margin-left: -3px;
        bottom: 6px;
        background-position: -127px 0;
    }

#div_livechat {
    display: none;
}


.chart .chart-pos {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 4px;
    height: 40px;
    background: url(../imgs/charts_bg.png) repeat-x 0 -80px;
    z-index: 3;
    }
    .chart .chart-pos.up {
        background-position: 0 0;
    }
    .chart .chart-pos.down {
        background-position: 0px -40px;
    }
    .chart .chart-pos.new {
        background-position: 0px -120px;
    }
    .chart .chart-pos strong {
        display: block;
        min-width: 23px;
        padding: 0px 4px 0px;
        height: 25px;
        color: #4b4b4b;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .chart .chart-pos small {
        display: block;
        padding: 2px 5px 0px 15px;
        min-width: 11px;
        text-align: right;
        font-size: 11px;
        color: rgba(0,0,0, 0.4);
        position: relative;
        }
        .chart .chart-pos.new small {
            font-size: 8px;
            letter-spacing: 2px;
            padding-top: 4px;
        }
        .chart .chart-pos small i {
            width: 9px;
            height: 7px;
            position: absolute;
            left: 5px;
            top: 5px;
            background: url(../imgs/imgs.png) no-repeat -127px -8px;
            }
            .chart .chart-pos.up small i {
                background-position: 0px -7px;
                left: 4px;
                top: 4px;
            }
            .chart .chart-pos.down small i {
                background-position: 0px -14px;
                left: 4px;
            }
            .chart .chart-pos.new small i {
                background-position: -127px 0;
            }

.ul-fix-width li {
    max-width: 364px;
    overflow: hidden;
    height: 23px;
    }
    .ul-fix-width li a {
        display: block;
        width: 1000px;
    }
.ul-fix-width li .tag-lbl span {
    float: left;
    }
        .ul-fix-width li .tag-lbl span.crop {
            overflow: hidden;
            text-overflow: ellipsis;
        }

/* Receiver Lab */
#receiver-lab-page {
    width: 1000px;
    margin: 26px auto 46px;
    color: #161616;
}

.receiver-lab-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 0 0 16px;
    border-bottom: 3px solid #151515;
}

.receiver-lab-head h1 {
    margin: 3px 0 4px;
    font-size: 34px;
    line-height: 38px;
    color: #111;
}

.receiver-lab-head h1 small {
    font-size: 12px;
    font-weight: normal;
    color: #777;
}

.rl-kicker,
.receiver-lab-subtitle,
.rl-panel-head span,
.rl-mode-strip span,
.receiver-lab-stats span,
.rl-trace-stats span {
    color: #777;
}

.rl-kicker {
    display: block;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
}

.receiver-lab-subtitle {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
}

.rl-refresh {
    display: inline-block;
    min-width: 78px;
    padding: 8px 12px;
    border: 1px solid #111;
    background: #f6f6f0;
    color: #111;
    font-weight: bold;
    text-align: center;
}

.rl-refresh:hover {
    background: #111;
    color: #fff;
    text-decoration: none;
}

.receiver-lab-stats,
.rl-trace-stats {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1px;
    margin: 14px 0;
    padding: 0;
    list-style: none;
    background: #d6d6d6;
    border: 1px solid #d6d6d6;
}

.receiver-lab-stats li,
.rl-trace-stats li {
    min-height: 52px;
    padding: 8px 10px;
    background: #fff;
    overflow: hidden;
}

.receiver-lab-stats strong,
.rl-trace-stats strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.receiver-lab-stats strong {
    font-size: 16px;
    line-height: 21px;
}

.rl-trace-stats strong {
    font-size: 18px;
    line-height: 22px;
}

.receiver-lab-stats span,
.rl-trace-stats span {
    display: block;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.rl-error {
    margin: 0 0 14px;
    padding: 9px 11px;
    background: #fff2c9;
    border: 1px solid #e0bd57;
    color: #473200;
}

.rl-model {
    margin: 0 0 14px;
    border: 1px solid #cfcfcf;
    background: #fff;
}

.rl-model-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rl-model-flow article {
    min-height: 112px;
    padding: 12px;
    border-left: 1px solid #e3e3e3;
}

.rl-model-flow article:first-child {
    border-left: 0;
}

.rl-model-flow b,
.rl-model-flow strong,
.rl-model-flow p {
    display: block;
}

.rl-model-flow b {
    color: #19a894;
    font-size: 10px;
    line-height: 14px;
}

.rl-model-flow strong {
    margin-top: 3px;
    font-size: 15px;
    line-height: 19px;
}

.rl-model-flow p {
    margin: 7px 0 0;
    color: #666;
    font-size: 11px;
    line-height: 16px;
}

.rl-model-note {
    margin: 0;
    padding: 9px 12px;
    border-top: 1px solid #e3e3e3;
    background: #f7fbfa;
    color: #555;
    font-size: 12px;
    line-height: 17px;
}

.rl-model-note strong {
    color: #111;
}

.rl-mode-strip {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin: 0 0 14px;
}

.rl-mode-strip a {
    display: block;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #cfcfcf;
    background: #fbfbfb;
    color: #161616;
}

.rl-mode-strip a:hover,
.rl-mode-strip a.act,
.rl-distribution a:hover,
.rl-distribution a.act {
    border-color: #111;
    background: #111;
    color: #fff;
    text-decoration: none;
}

.rl-mode-strip strong {
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.rl-mode-strip span {
    display: block;
    font-size: 11px;
    line-height: 15px;
}

.rl-mode-map {
    margin: 0 0 14px;
}

.rl-mode-map-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e3e3e3;
    list-style: none;
}

.rl-mode-map-stats li {
    min-height: 50px;
    padding: 9px 11px;
    border-left: 1px solid #e3e3e3;
}

.rl-mode-map-stats li:first-child {
    border-left: 0;
}

.rl-mode-map-stats strong,
.rl-mode-map-stats span {
    display: block;
}

.rl-mode-map-stats strong {
    font-size: 20px;
    line-height: 23px;
}

.rl-mode-map-stats span {
    color: #777;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.rl-mode-map-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.rl-mode-map-body > div {
    padding: 12px;
}

.rl-mode-map-body > div + div {
    border-left: 1px solid #e3e3e3;
}

.rl-mode-map-body h3 {
    margin: 0 0 9px;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
}

.rl-mode-map-body h3 span {
    color: #999;
    font-weight: normal;
}

.rl-mode-map-coverage > div {
    display: grid;
    grid-template-columns: 86px minmax(90px, 1fr) minmax(185px, 1.7fr) 72px;
    gap: 8px;
    align-items: center;
    padding: 6px 0;
    border-top: 1px solid #ededed;
}

.rl-mode-map-coverage > div:first-of-type {
    border-top: 0;
}

.rl-mode-map-coverage strong,
.rl-mode-map-coverage span,
.rl-mode-map-coverage em {
    font-size: 11px;
    line-height: 15px;
}

.rl-mode-map-coverage b {
    display: block;
    height: 7px;
    background: #e8e8e8;
}

.rl-mode-map-coverage i {
    display: block;
    height: 7px;
    background: #19a894;
}

.rl-mode-map-coverage span,
.rl-mode-map-coverage em {
    color: #777;
}

.rl-mode-map-coverage em {
    font-style: normal;
    text-align: right;
}

.rl-mode-map-blind > p {
    margin: -4px 0 8px;
    color: #777;
    font-size: 11px;
    line-height: 15px;
}

.rl-mode-map-blind ul {
    max-height: 218px;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    border-top: 1px solid #ededed;
}

.rl-mode-map-blind li {
    display: grid;
    grid-template-columns: minmax(130px, 0.8fr) minmax(150px, 1fr) minmax(170px, 1.2fr);
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid #ededed;
}

.rl-mode-map-blind strong,
.rl-mode-map-blind span,
.rl-mode-map-blind em {
    overflow: hidden;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rl-mode-map-blind span,
.rl-mode-map-blind em {
    color: #777;
}

.rl-mode-map-blind em {
    font-style: normal;
}

.rl-mode-previews {
    margin: 0 0 14px;
}

.rl-mode-auditions {
    margin: 0 0 14px;
}

.rl-mode-audition-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rl-mode-audition:nth-child(3n+1) {
    border-left: 0;
}

.rl-mode-audition:nth-child(n+4) {
    border-top: 1px solid #e3e3e3;
}

.rl-mode-audition > p strong,
.rl-mode-audition > p em {
    display: block;
}

.rl-mode-audition > p strong {
    color: #111;
    font-size: 14px;
    line-height: 18px;
}

.rl-mode-audition > p em {
    overflow: hidden;
    margin-top: 2px;
    color: #777;
    font-size: 9px;
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rl-mode-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rl-mode-preview {
    min-width: 0;
    padding: 12px;
    border-left: 1px solid #e3e3e3;
}

.rl-mode-preview:first-child {
    border-left: 0;
}

.rl-mode-preview header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.rl-mode-preview header span,
.rl-mode-preview header strong {
    display: block;
}

.rl-mode-preview header span,
.rl-mode-preview header b {
    color: #777;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.rl-mode-preview header strong {
    margin-top: 2px;
    font-size: 20px;
    line-height: 24px;
}

.rl-mode-preview header b {
    padding: 2px 5px;
    border: 1px solid #cfcfcf;
}

.rl-mode-preview .rl-preview-listen {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    padding: 1px 6px;
    border: 1px solid #aaa;
    color: #333;
    font-size: 10px;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
}

.rl-mode-preview .rl-preview-listen:hover,
.rl-mode-preview .rl-preview-listen.active {
    border-color: #111;
    background: #111;
    color: #fff;
}

.rl-mode-preview .rl-preview-listen i {
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid currentColor;
}

.rl-mode-preview > p {
    min-height: 34px;
    margin: 7px 0 10px;
    color: #666;
    font-size: 11px;
    line-height: 16px;
}

.rl-mode-preview dl {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    margin: 0 0 10px;
    padding: 7px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.rl-mode-preview dt,
.rl-mode-preview dd {
    margin: 0;
    padding: 2px 0;
    font-size: 10px;
    line-height: 14px;
}

.rl-mode-preview dt {
    color: #111;
    font-weight: bold;
}

.rl-mode-preview dd {
    color: #777;
}

.rl-preview-metrics {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin: -3px 0 7px;
    color: #777;
    font-size: 9px;
    line-height: 13px;
}

.rl-preview-metrics strong {
    overflow: hidden;
    color: #333;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rl-mode-preview ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-mode-preview li {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr) 76px;
    gap: 7px;
    min-height: 45px;
    padding: 6px 0;
    border-top: 1px solid #ededed;
}

.rl-mode-preview li:first-child {
    border-top: 0;
}

.rl-mode-preview li > b {
    color: #19a894;
    font-size: 13px;
    line-height: 17px;
}

.rl-mode-preview li strong,
.rl-mode-preview li span,
.rl-mode-preview li em,
.rl-mode-preview li small {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rl-mode-preview li strong {
    font-size: 11px;
    line-height: 15px;
}

.rl-mode-preview li span,
.rl-mode-preview li em,
.rl-mode-preview li small {
    color: #777;
    font-size: 9px;
    line-height: 13px;
}

.rl-mode-preview li em {
    font-style: normal;
}

.rl-mode-preview li small {
    padding-top: 1px;
    text-align: right;
    text-transform: uppercase;
}

.rl-mode-preview li.new small {
    color: #9b196f;
}

.rl-mode-preview li.listening {
    background: #f4fbf9;
    box-shadow: inset 3px 0 #19a894;
}

.rl-mode-preview.pulse header strong {
    color: #b07c00;
}

.rl-mode-preview.machine header strong {
    color: #7d3aa8;
}

.rl-mode-preview.elsewhere header strong {
    color: #007f72;
}

.rl-mode-preview-note {
    margin: 0;
    padding: 8px 12px;
    border-top: 1px solid #e3e3e3;
    background: #f7fbfa;
    color: #666;
    font-size: 10px;
    line-height: 15px;
}

.rl-pulse {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}

.rl-pulse article {
    min-height: 104px;
    padding: 11px 12px;
    border: 1px solid #cfcfcf;
    background: #fff;
}

.rl-pulse span,
.rl-pulse strong,
.rl-pulse em,
.rl-pulse p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rl-pulse span {
    margin: 0 0 5px;
    color: #777;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}

.rl-pulse strong {
    font-size: 18px;
    line-height: 22px;
    white-space: nowrap;
}

.rl-pulse em {
    margin: 2px 0 0;
    color: #555;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    white-space: nowrap;
}

.rl-pulse p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 8px 0 0;
    color: #333;
    font-size: 12px;
    line-height: 16px;
}

.rl-pulse article.good {
    border-color: #8ab484;
    background: #f5fbf3;
}

.rl-pulse article.warn {
    border-color: #d1a44a;
    background: #fff9df;
}

.rl-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(310px, 1fr);
    gap: 14px;
    margin-bottom: 14px;
    align-items: start;
}

.rl-grid-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rl-panel {
    border: 1px solid #cfcfcf;
    background: #fff;
}

.rl-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #dcdcdc;
    background: #f6f6f0;
}

.rl-panel-head h2 {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.rl-panel-head span {
    font-size: 11px;
    line-height: 17px;
    text-align: right;
}

.rl-table-wrap {
    max-height: 720px;
    overflow: auto;
}

.rl-heatmap-panel {
    overflow: hidden;
}

.rl-heatmap {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.rl-heatmap th,
.rl-heatmap td {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #eeeeee;
    vertical-align: top;
}

.rl-heatmap th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 7px 5px;
    background: #fafafa;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
}

.rl-heatmap th.station-col {
    left: 0;
    z-index: 5;
    width: 275px;
    text-align: left;
}

.rl-heatmap th.overlap-col {
    width: 58px;
}

.rl-heatmap th.act {
    background: #111;
}

.rl-heatmap th.act a {
    color: #fff;
}

.rl-station-cell {
    position: sticky;
    left: 0;
    z-index: 2;
    display: flex;
    gap: 9px;
    padding: 8px;
    background: #fff;
    cursor: pointer;
}

.rl-station-cell img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    background: #eee;
    flex: 0 0 42px;
}

.rl-station-cell strong,
.rl-station-cell span,
.rl-station-cell em {
    display: block;
    max-width: 205px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rl-station-cell strong {
    font-size: 13px;
    line-height: 17px;
}

.rl-station-cell span,
.rl-station-cell em {
    font-size: 11px;
    line-height: 15px;
}

.rl-station-cell em.fresh {
    color: #278143;
}

.rl-station-cell em.stale {
    color: #a33b2c;
}

.rl-station-cell em.thin {
    color: #999;
}

.rl-station-cell em.fallback-editorial {
    color: #39743f;
}

.rl-station-cell em.fallback-unknown {
    color: #777;
}

.rl-heatmap-row.act .rl-station-cell {
    background: #fff7d2;
}

.rl-overlap-cell {
    height: 58px;
    padding: 6px 4px;
    text-align: center;
}

.rl-overlap-cell b,
.rl-overlap-cell span {
    display: block;
}

.rl-overlap-cell b {
    font-size: 16px;
    line-height: 21px;
}

.rl-overlap-cell span {
    font-size: 9px;
    line-height: 13px;
    text-transform: uppercase;
}

.rl-overlap-cell.overlap-none {
    background: #f4f4f4;
    color: #999;
}

.rl-overlap-cell.overlap-focused {
    background: #dcefdc;
    color: #205c2d;
}

.rl-overlap-cell.overlap-shared {
    background: #fff2b8;
    color: #634d00;
}

.rl-overlap-cell.overlap-broad {
    background: #f2c27b;
    color: #55320a;
}

.rl-overlap-cell.overlap-blurred {
    background: #c65342;
    color: #fff;
}

.rl-overlap-cell.overlap-editorial {
    background: #d8ead4;
    color: #225b2b;
}

.rl-overlap-cell.overlap-unknown {
    background: #e9e9e9;
    color: #777;
}

.rl-overlap-cell.overlap-editorial b,
.rl-overlap-cell.overlap-unknown b {
    font-size: 9px;
    line-height: 15px;
    text-transform: uppercase;
}

.rl-overlap-cell.overlap-editorial span,
.rl-overlap-cell.overlap-unknown span {
    font-size: 8px;
    line-height: 11px;
}

.rl-heatmap-cell {
    height: 58px;
    padding: 6px 5px;
    cursor: pointer;
    text-align: center;
}

.rl-heatmap-cell b,
.rl-heatmap-cell em,
.rl-heatmap-cell span {
    display: block;
}

.rl-heatmap-cell b {
    font-size: 18px;
    line-height: 20px;
}

.rl-heatmap-cell em,
.rl-heatmap-cell span {
    font-size: 10px;
    line-height: 13px;
    font-style: normal;
}

.rl-heatmap-cell.score-high {
    background: #103b2b;
    color: #fff;
}

.rl-heatmap-cell.score-mid {
    background: #2d8c55;
    color: #fff;
}

.rl-heatmap-cell.score-low {
    background: #f1d46a;
    color: #151515;
}

.rl-heatmap-cell.score-thin {
    background: #f3efe5;
    color: #777;
}

.rl-heatmap-cell.score-empty {
    background: #f8f8f8;
    color: #aaa;
}

.rl-heatmap-cell.reason-contradiction {
    box-shadow: inset 0 0 0 2px #c84533;
}

.rl-heatmap-cell.reason-sparse-evidence {
    box-shadow: inset 0 0 0 2px #d1a016;
}

.rl-heatmap-cell.act {
    outline: 3px solid #111;
    outline-offset: -3px;
}

.rl-inspector {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    align-self: start;
    overflow: hidden;
    overflow-y: auto;
}

.rl-contrast {
    margin: 0 0 14px;
}

.rl-contrast-head-meta {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rl-contrast-pairs {
    display: flex;
    border: 1px solid #bbb;
    background: #fff;
}

.rl-contrast-pair-select {
    padding: 3px 8px;
    border-left: 1px solid #ccc;
    color: #555;
    font-size: 10px;
    line-height: 14px;
    white-space: nowrap;
}

.rl-contrast-pair-select:first-child {
    border-left: 0;
}

.rl-contrast-pair-select:hover,
.rl-contrast-pair-select.active {
    background: #222;
    color: #fff;
}

.rl-contrast-verdict {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 20px;
    padding: 14px 16px;
    border-bottom: 1px solid #ddd;
}

.rl-contrast-verdict.shared-field {
    background: #fff6d9;
}

.rl-contrast-verdict.collapsed {
    background: #f5d7d2;
}

.rl-contrast-verdict.distinct {
    background: #e4f2df;
}

.rl-contrast-verdict.porous {
    background: #edf2e7;
}

.rl-contrast-verdict strong {
    display: block;
    font-size: 22px;
    line-height: 26px;
}

.rl-contrast-verdict p,
.rl-contrast-containment {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 17px;
}

.rl-contrast-verdict ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    background: #cfcfcf;
    list-style: none;
}

.rl-contrast-verdict li {
    padding: 7px 8px;
    background: #fff;
    text-align: center;
}

.rl-contrast-verdict li strong,
.rl-contrast-verdict li span {
    display: block;
}

.rl-contrast-verdict li strong {
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
}

.rl-contrast-verdict li span {
    color: #666;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
}

.rl-contrast-containment {
    padding: 10px 16px;
    border-bottom: 1px solid #e2e2e2;
    background: #fafafa;
}

.rl-contrast-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rl-contrast-columns > div {
    min-width: 0;
    padding: 12px 14px;
    border-right: 1px solid #e2e2e2;
}

.rl-contrast-columns > div:last-child {
    border-right: 0;
}

.rl-contrast-columns header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-height: 34px;
}

.rl-contrast-columns h3 {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.rl-contrast-columns h3 span {
    color: #777;
}

.rl-contrast-listen {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    padding: 1px 6px;
    border: 1px solid #aaa;
    color: #333;
    font-size: 10px;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
}

.rl-contrast-listen:hover,
.rl-contrast-listen.active {
    border-color: #111;
    background: #111;
    color: #fff;
}

.rl-contrast-listen i {
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid currentColor;
}

.rl-contrast-columns .rl-preview-metrics {
    margin: 0 0 7px;
}

.rl-contrast-columns p {
    margin: 0;
    padding: 5px 0;
    border-top: 1px dotted #ddd;
}

.rl-contrast-columns p strong,
.rl-contrast-columns p span,
.rl-contrast-columns p em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-contrast-columns p strong {
    font-size: 12px;
    line-height: 16px;
}

.rl-contrast-columns p span,
.rl-contrast-columns p em {
    color: #666;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
}

.rl-contrast-columns p.empty {
    color: #888;
    font-size: 11px;
}

.rl-contrast-columns p.listening {
    padding-left: 7px;
    background: #f4fbf9;
    box-shadow: inset 3px 0 #19a894;
}

.rl-contrast-reasons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 0;
    border-top: 1px solid #ddd;
    background: #ddd;
}

.rl-contrast-reasons span {
    padding: 8px 12px;
    background: #f7f7f7;
    font-size: 10px;
    line-height: 14px;
}

.rl-inspector-main {
    display: flex;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid #e8e8e8;
}

.rl-inspector-main img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    background: #eee;
}

.rl-inspector-main strong,
.rl-inspector-main span,
.rl-inspector-main em {
    display: block;
}

.rl-inspector-main strong {
    font-size: 16px;
    line-height: 20px;
}

.rl-inspector-main span,
.rl-inspector-main em,
.rl-phrase,
.rl-debug {
    font-size: 12px;
    line-height: 17px;
}

.rl-inspector-main span {
    margin-top: 2px;
}

.rl-inspector-main em,
.rl-debug {
    color: #777;
}

.rl-fallback-note {
    padding: 10px 12px;
    border-bottom: 1px solid #d8d8d8;
    background: #f3f3f3;
}

.rl-fallback-note.fallback-editorial {
    background: #edf6ea;
}

.rl-fallback-note strong,
.rl-fallback-note span,
.rl-fallback-note em {
    display: block;
}

.rl-fallback-note strong {
    font-size: 13px;
    line-height: 17px;
}

.rl-fallback-note span,
.rl-fallback-note em {
    font-size: 10px;
    line-height: 14px;
}

.rl-fallback-note em {
    margin-top: 3px;
    color: #666;
    font-style: normal;
}

.rl-score-readout {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 0 12px;
    padding: 12px;
    border-bottom: 1px solid #e8e8e8;
}

.rl-score-readout strong {
    grid-row: span 2;
    font-size: 42px;
    line-height: 42px;
}

.rl-score-readout span,
.rl-score-readout em {
    font-size: 12px;
    line-height: 19px;
}

.rl-score-readout.score-high strong,
.rl-score-readout.score-mid strong {
    color: #247342;
}

.rl-score-readout.score-low strong {
    color: #a77b00;
}

.rl-score-readout.score-thin strong,
.rl-score-readout.score-empty strong {
    color: #888;
}

.rl-phrase,
.rl-debug,
.rl-mini-list,
.rl-bars,
.rl-raw {
    margin: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #e8e8e8;
}

.rl-debug {
    background: #fafafa;
}

.rl-kv {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 8px 12px;
}

.rl-kv dt,
.rl-kv dd {
    min-height: 18px;
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px dotted #dedede;
    font-size: 11px;
    line-height: 15px;
}

.rl-kv dt {
    color: #777;
    text-transform: uppercase;
}

.rl-kv dd {
    overflow-wrap: anywhere;
}

.rl-kv-compact {
    grid-template-columns: 112px minmax(0, 1fr);
}

.rl-mini-list h3,
.rl-bars h3 {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.rl-mini-list p {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 15px;
}

.rl-bars div,
.rl-distribution a {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) 58px;
    gap: 8px;
    align-items: center;
    margin: 4px 0;
    font-size: 11px;
    line-height: 15px;
}

.rl-bars b,
.rl-distribution b {
    display: block;
    height: 8px;
    background: #e8e8e8;
}

.rl-bars i,
.rl-distribution i {
    display: block;
    height: 8px;
    background: #2d8c55;
}

.rl-bars em {
    font-style: normal;
    color: #555;
    text-align: right;
}

.rl-raw summary {
    cursor: pointer;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    color: #777;
}

.rl-raw pre {
    max-height: 240px;
    margin: 8px 0 0;
    padding: 8px;
    overflow: auto;
    background: #111;
    color: #f4f4f4;
    font-size: 11px;
    line-height: 15px;
}

.rl-distribution {
    padding: 10px 12px;
}

.rl-distribution a {
    grid-template-columns: 88px minmax(0, 1fr);
    padding: 7px 0;
    border-bottom: 1px solid #ececec;
    color: #151515;
}

.rl-distribution a span,
.rl-distribution a em {
    grid-column: 1 / span 2;
    font-style: normal;
    color: #777;
}

.rl-distribution a:hover span,
.rl-distribution a:hover em,
.rl-distribution a.act span,
.rl-distribution a.act em {
    color: #d7d7d7;
}

.rl-decision {
    margin: 0;
    padding: 12px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}

.rl-route-list,
.rl-trace-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-route-list li,
.rl-trace-list li {
    position: relative;
    min-height: 34px;
    padding: 8px 12px 8px 42px;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
}

.rl-route-list em,
.rl-trace-list em {
    position: absolute;
    left: 12px;
    top: 9px;
    width: 22px;
    color: #777;
    font-size: 11px;
    line-height: 15px;
    font-style: normal;
}

.rl-route-list strong,
.rl-route-list span,
.rl-trace-list strong,
.rl-trace-list span,
.rl-trace-list small {
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.rl-route-list span,
.rl-trace-list span,
.rl-trace-list small {
    color: #777;
}

.rl-route-list b {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 2px 5px;
    background: #111;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
}

.rl-route-list li.current {
    background: #e8fff1;
}

.rl-route-list li.candidate {
    background: #fff7d2;
}

.rl-route-list li.visited {
    background: #f6f6f6;
}

.rl-trace-stats {
    grid-template-columns: repeat(6, 1fr);
    margin: 0;
    border-left: 0;
    border-right: 0;
}

.rl-trace-stats li {
    min-height: 44px;
}

.rl-wave-metrics {
    margin: 0 0 14px;
}

.rl-wave-metrics-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #d6d6d6;
}

.rl-wave-metrics-stats li {
    min-height: 48px;
    padding: 8px 10px;
    background: #fff;
}

.rl-wave-metrics-stats strong {
    display: block;
    font-size: 18px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rl-wave-metrics-stats span {
    display: block;
    color: #777;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.rl-wave-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #e8e8e8;
}

.rl-metric-block {
    padding: 10px 12px 12px;
}

.rl-metric-block:nth-child(odd) {
    border-right: 1px solid #e8e8e8;
}

.rl-metric-block:nth-child(n+3) {
    border-top: 1px solid #e8e8e8;
}

.rl-metric-block h3 {
    margin: 0 0 7px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.rl-metric-bars div {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr) 60px;
    gap: 8px;
    align-items: center;
    padding: 3px 0;
    border-bottom: 1px dotted #dedede;
    font-size: 11px;
    line-height: 15px;
}

.rl-metric-bars span,
.rl-metric-bars em {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rl-metric-bars b {
    display: block;
    height: 8px;
    background: #e8e8e8;
}

.rl-metric-bars i {
    display: block;
    height: 8px;
    background: #333;
}

.rl-metric-bars em {
    font-style: normal;
    text-align: right;
}

.rl-wave-metrics-note,
.rl-wave-metrics-empty,
.rl-metric-empty {
    margin: 0;
    color: #777;
    font-size: 12px;
    line-height: 17px;
}

.rl-wave-metrics-note {
    padding: 9px 12px;
    border-top: 1px solid #e8e8e8;
    background: #fafafa;
}

.rl-wave-sessions {
    border-top: 1px solid #e8e8e8;
}

.rl-subhead {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 10px 12px 8px;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}

.rl-subhead h3 {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.rl-subhead span {
    color: #777;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
}

.rl-wave-session {
    padding: 10px 12px 12px;
    border-bottom: 1px solid #eee;
}

.rl-wave-session:last-child {
    border-bottom: 0;
}

.rl-wave-session header {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
    align-items: baseline;
    margin: 0 0 8px;
}

.rl-wave-session header strong {
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.rl-wave-session header span {
    overflow: hidden;
    color: #777;
    font-size: 11px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-session-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
    gap: 1px;
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
    background: #e3e3e3;
}

.rl-session-stats li {
    min-height: 40px;
    padding: 6px 8px;
    background: #fff;
}

.rl-session-stats b,
.rl-session-stats span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-session-stats b {
    font-size: 14px;
    line-height: 18px;
}

.rl-session-stats span {
    color: #777;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.rl-session-diagnostics {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0 0 8px;
}

.rl-session-diagnostics span {
    padding: 2px 6px;
    border: 1px solid #d6d6d6;
    background: #f7f7f7;
    color: #555;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.rl-session-diagnostics span.warn {
    border-color: #d1a44a;
    background: #fff4cf;
    color: #6a4b00;
}

.rl-session-diagnostics span.good {
    border-color: #8ab484;
    background: #edf8eb;
    color: #2c6528;
}

.rl-session-events {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-session-event {
    display: grid;
    grid-template-columns: 58px 118px minmax(0, 1fr);
    gap: 8px;
    align-items: baseline;
    padding: 4px 0;
    border-top: 1px dotted #ddd;
    font-size: 11px;
    line-height: 15px;
}

.rl-session-event em,
.rl-session-event strong,
.rl-session-event span,
.rl-session-event small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-session-event em {
    color: #777;
    font-style: normal;
}

.rl-session-event strong {
    font-weight: 600;
}

.rl-session-event small {
    color: #777;
    grid-column: 3;
}

.rl-session-event .rl-event-context,
.rl-trace-list .rl-event-context {
    color: #555;
    font-weight: 600;
}

.rl-session-event .rl-event-context.signal-change,
.rl-trace-list .rl-event-context.signal-change {
    color: #2c6528;
}

.rl-session-event .rl-event-context.background,
.rl-trace-list .rl-event-context.background {
    color: #45656f;
}

.rl-session-event .rl-event-context.legacy,
.rl-trace-list .rl-event-context.legacy,
.rl-session-event .rl-event-context.inactive,
.rl-trace-list .rl-event-context.inactive {
    color: #8a5100;
}

.rl-session-event.wave-auto-hop strong {
    color: #004a7a;
}

.rl-session-event.wave-catch strong,
.rl-session-event.wave-manual-next strong,
.rl-session-event.wave-manual-prev strong {
    color: #2c6528;
}

.rl-session-truncated {
    margin: 6px 0 0;
    color: #777;
    font-size: 11px;
    line-height: 15px;
}

.rl-wave-metrics-empty {
    padding: 14px 12px;
}

.rl-wave-metrics-empty strong,
.rl-wave-metrics-empty span {
    display: block;
}

.rl-wave-metrics-empty strong {
    color: #333;
    font-size: 13px;
    line-height: 18px;
}

.rl-hints {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 12px;
    border-bottom: 1px solid #e8e8e8;
}

.rl-hints span {
    padding: 3px 7px;
    background: #fff7d2;
    border: 1px solid #ddc45b;
    font-size: 11px;
    line-height: 15px;
}

.rl-hints.warn span {
    background: #ffe5df;
    border-color: #d28b7b;
}

.rl-health {
    margin-top: 14px;
}

.rl-identity {
    margin-top: 14px;
}

.rl-identity-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    background: #d6d6d6;
    list-style: none;
}

.rl-identity-summary li {
    min-width: 0;
    padding: 8px 10px;
    background: #fff;
}

.rl-identity-summary strong,
.rl-identity-summary span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-identity-summary strong {
    font-size: 17px;
    line-height: 21px;
}

.rl-identity-summary span {
    color: #777;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.rl-identity-registry {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 2px 14px;
    padding: 10px 12px;
    border-top: 1px solid #e8e8e8;
    border-left: 3px solid #d1a44a;
    background: #fff9e8;
}

.rl-identity-registry.good {
    border-left-color: #6e9d68;
    background: #f1f8ef;
}

.rl-identity-registry strong,
.rl-identity-registry span,
.rl-identity-registry em {
    min-width: 0;
    font-size: 11px;
    line-height: 15px;
}

.rl-identity-registry strong {
    grid-row: 1 / span 2;
    align-self: center;
    font-size: 13px;
    line-height: 18px;
}

.rl-identity-registry em {
    color: #666;
    font-style: normal;
}

.rl-identity-history {
    padding: 9px 12px 10px;
    border-top: 1px solid #e8e8e8;
}

.rl-identity-history > strong {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.rl-identity-history p {
    display: grid;
    grid-template-columns: 210px 180px minmax(0, 1fr);
    gap: 10px;
    margin: 0;
    padding: 4px 0;
    border-top: 1px dotted #ddd;
    font-size: 11px;
    line-height: 15px;
}

.rl-identity-history p.empty {
    display: block;
    color: #777;
}

.rl-identity-history a,
.rl-identity-history span,
.rl-identity-history b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-identity-history a {
    color: #222;
}

.rl-identity-history a em {
    color: #777;
    font-style: normal;
}

.rl-identity-history span {
    color: #777;
}

.rl-identity-history b {
    font-weight: normal;
}

.rl-applied-merges {
    padding: 9px 12px 10px;
    border-top: 1px solid #d7e4d4;
    background: #f7fbf6;
}

.rl-applied-merges > strong {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.rl-applied-merges article {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 220px;
    gap: 2px 10px;
    padding: 5px 0;
    border-top: 1px dotted #cdd8ca;
    font-size: 11px;
    line-height: 15px;
}

.rl-applied-merges article div,
.rl-applied-merges article b,
.rl-applied-merges article p {
    min-width: 0;
}

.rl-applied-merges article a {
    color: #222;
    font-weight: bold;
}

.rl-applied-merges article a em {
    color: #777;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.rl-applied-merges article div span {
    padding: 0 4px;
    color: #777;
}

.rl-applied-merges article b {
    color: #2c6528;
    font-weight: normal;
    text-align: right;
    white-space: normal;
}

.rl-applied-merges article p {
    grid-column: 1 / span 2;
    margin: 0;
    color: #666;
}

.rl-fingerprint {
    border-top: 1px solid #d9d9d9;
}

.rl-fingerprint-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    background: #ddd;
    list-style: none;
}

.rl-fingerprint-stats li {
    padding: 7px 10px;
    background: #fff;
}

.rl-fingerprint-stats strong,
.rl-fingerprint-stats span {
    display: block;
}

.rl-fingerprint-stats strong {
    font-size: 16px;
    line-height: 20px;
}

.rl-fingerprint-stats span {
    color: #777;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.rl-fingerprint-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rl-fingerprint-list article {
    min-width: 0;
    padding: 10px 12px;
    border-top: 1px solid #e8e8e8;
}

.rl-fingerprint-list article:nth-child(odd) {
    border-right: 1px solid #e8e8e8;
}

.rl-fingerprint-list article header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: flex-start;
}

.rl-fingerprint-list article header div {
    min-width: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

.rl-fingerprint-list article header a {
    color: #222;
}

.rl-fingerprint-list article header a em {
    color: #777;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.rl-fingerprint-list article header span {
    color: #999;
}

.rl-fingerprint-list article header b {
    flex: 0 0 auto;
    padding: 2px 5px;
    border: 1px solid #d4d4d4;
    font-size: 10px;
    line-height: 13px;
    font-weight: normal;
    white-space: nowrap;
}

.rl-fingerprint-list article header b.strong {
    border-color: #8ab484;
    background: #edf8eb;
    color: #2c6528;
}

.rl-fingerprint-list article p {
    margin: 6px 0 3px;
    font-size: 11px;
    line-height: 15px;
}

.rl-fingerprint-list article small {
    display: block;
    color: #777;
    font-size: 10px;
    line-height: 14px;
}

.rl-fingerprint-list article > div {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.rl-fingerprint-list article > div span {
    max-width: 100%;
    overflow: hidden;
    padding: 2px 5px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 10px;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-identity-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rl-identity-groups article {
    min-width: 0;
    padding: 11px 12px;
    border-top: 1px solid #e8e8e8;
}

.rl-identity-groups article:nth-child(odd) {
    border-right: 1px solid #e8e8e8;
}

.rl-identity-groups article header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.rl-identity-groups article header strong,
.rl-identity-groups article header span {
    display: block;
}

.rl-identity-groups article header strong {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.rl-identity-groups article header span,
.rl-identity-groups article header b {
    color: #777;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
}

.rl-identity-groups article header b {
    flex: 0 0 auto;
    padding: 2px 5px;
    border: 1px solid #d4d4d4;
    white-space: nowrap;
}

.rl-identity-groups article.strong header b {
    border-color: #8ab484;
    background: #edf8eb;
    color: #2c6528;
}

.rl-identity-groups article.weak header b {
    border-color: #ddc45b;
    background: #fff7d2;
    color: #6a4b00;
}

.rl-identity-candidate {
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px dotted #d8d8d8;
}

.rl-identity-candidate > strong,
.rl-identity-candidate > span,
.rl-identity-candidate > small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-identity-candidate > strong {
    font-size: 12px;
    line-height: 16px;
}

.rl-identity-candidate > span,
.rl-identity-candidate > small {
    color: #777;
    font-size: 10px;
    line-height: 14px;
}

.rl-identity-candidate div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}

.rl-identity-candidate a {
    padding: 2px 5px;
    border: 1px solid #d8d8d8;
    color: #222;
    font-size: 11px;
    line-height: 15px;
}

.rl-identity-candidate a:hover {
    border-color: #111;
}

.rl-identity-candidate a em {
    color: #777;
    font-style: normal;
}

.rl-identity-empty {
    margin: 9px 0 0;
    padding-top: 8px;
    border-top: 1px dotted #d8d8d8;
    color: #777;
    font-size: 11px;
    line-height: 15px;
}

.rl-identity-caveats {
    padding: 10px 12px;
    border-top: 1px solid #e8e8e8;
    background: #fafafa;
}

.rl-identity-caveats strong,
.rl-identity-caveats p {
    font-size: 11px;
    line-height: 15px;
}

.rl-identity-caveats strong {
    text-transform: uppercase;
}

.rl-identity-caveats p {
    margin: 3px 0 0;
    color: #666;
}

.rl-health-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.rl-health-grid .rl-kv:first-child {
    border-right: 1px solid #e8e8e8;
}

.rl-empty {
    padding: 16px;
    color: #777;
    text-align: center;
}

@media (max-width: 1040px) {
    #receiver-lab-page {
        width: auto;
        margin: 18px 10px 36px;
    }

    .rl-grid,
    .rl-grid-bottom,
    .rl-pulse,
    .rl-mode-map-body,
    .rl-mode-preview-grid,
    .rl-mode-audition-grid,
    .rl-health-grid,
    .rl-identity-groups {
        grid-template-columns: 1fr;
    }

    .rl-model-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-model-flow article:nth-child(3) {
        border-left: 0;
    }

    .rl-model-flow article:nth-child(n+3) {
        border-top: 1px solid #e3e3e3;
    }

    .rl-mode-map-body > div + div {
        border-left: 0;
        border-top: 1px solid #e3e3e3;
    }

    .rl-mode-preview {
        border-left: 0;
        border-top: 1px solid #e3e3e3;
    }

    .rl-mode-preview:first-child {
        border-top: 0;
    }

    .rl-mode-audition:nth-child(n+2) {
        border-top: 1px solid #e3e3e3;
    }

    .rl-inspector {
        position: static;
        max-height: none;
    }

    .receiver-lab-stats,
    .rl-trace-stats,
    .rl-wave-metrics-stats,
    .rl-identity-summary {
        grid-template-columns: repeat(3, 1fr);
    }

    .rl-identity-groups article:nth-child(odd) {
        border-right: 0;
    }

    .rl-fingerprint-list {
        grid-template-columns: 1fr;
    }

    .rl-fingerprint-list article:nth-child(odd) {
        border-right: 0;
    }

    .rl-identity-registry,
    .rl-identity-history p,
    .rl-applied-merges article {
        grid-template-columns: 1fr;
    }

    .rl-identity-registry strong {
        grid-row: auto;
    }

    .rl-identity-history p {
        gap: 1px;
    }

    .rl-applied-merges article b {
        text-align: left;
    }

    .rl-applied-merges article p {
        grid-column: auto;
    }

    .rl-mode-strip {
        grid-template-columns: repeat(3, 1fr);
    }

    .rl-table-wrap {
        max-height: 620px;
    }

    .rl-health-grid .rl-kv:first-child {
        border-right: 0;
        border-bottom: 1px solid #e8e8e8;
    }

    .rl-wave-metrics-grid {
        grid-template-columns: 1fr;
    }

    .rl-contrast-verdict {
        grid-template-columns: 1fr;
    }

    .rl-metric-block:nth-child(odd) {
        border-right: 0;
    }

    .rl-metric-block + .rl-metric-block {
        border-top: 1px solid #e8e8e8;
    }
}

@media (max-width: 640px) {
    body.moments-page-active,
    body.moments-page-active #page {
        min-width: 0;
        overflow-x: hidden;
    }

    body.moments-page-active #top-panel,
    body.moments-page-active footer.short {
        min-width: 0;
        overflow: hidden;
    }

    body.moments-page-active nav {
        box-sizing: border-box;
        width: 100%;
        margin: 0px;
        white-space: nowrap;
    }

    body.moments-page-active nav a {
        font-size: 13px;
        margin: 0px 4px;
    }

    body.moments-page-active #nav-right {
        display: none;
    }

    body.moments-page-active #content > .center.w1000.moments-page-shell {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        padding: 0px 12px;
    }

    #moments-page {
        padding-top: 22px;
    }

    #moments-page .moments-head {
        min-height: 0;
        padding-bottom: 18px;
    }

    #moments-page .moments-subtitle {
        width: auto;
        max-width: 100%;
    }

    #moments-page .moments-stats {
        display: flex;
        position: static;
        margin-top: 15px;
    }

    #moments-page .moments-stats li {
        box-sizing: border-box;
        width: 33.333%;
    }

    #moments-page .moments-reading {
        grid-template-columns: 1fr;
        gap: 14px;
        align-items: start;
    }

    #moments-page .moments-reading-actions {
        white-space: normal;
    }

    #moments-page .moments-reading-actions a {
        display: inline-block;
        margin: 0px 14px 6px 0px;
    }

    #moments-page .moments-controls .form-inp {
        box-sizing: border-box;
        width: 100%;
        margin: 0px 0px 7px;
    }

    #moments-page .moments-controls .button-small {
        margin: 3px 6px 0px 0px;
    }

    #moments-list .moment-card {
        min-height: 92px;
        padding-left: 92px;
    }

    #moments-list .moment-card > img {
        width: 76px;
        height: 76px;
    }

    #moments-list h2 {
        font-size: 16px;
        line-height: 20px;
        overflow-wrap: anywhere;
    }

    #moments-list p,
    #moments-list textarea {
        max-width: 100%;
    }

    body.station-page-active,
    body.station-page-active #page {
        min-width: 0;
        overflow-x: hidden;
    }

    body.station-page-active #top-panel,
    body.station-page-active footer.short {
        min-width: 0;
        overflow: hidden;
    }

    body.station-page-active nav {
        box-sizing: border-box;
        width: 100%;
        margin: 0px;
        white-space: nowrap;
    }

    body.station-page-active nav a {
        font-size: 13px;
        margin: 0px 4px;
    }

    body.station-page-active #nav-right {
        display: none;
    }

    body.station-page-active #content > .center.w1000.station-truth-page {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        padding: 22px 12px 44px;
    }

    .station-truth-page .station-live-band,
    .station-truth-page .station-truth-body {
        grid-template-columns: 1fr;
    }

    .station-truth-page .station-live-band {
        gap: 20px;
    }

    .station-truth-page .station-live-source {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 14px;
    }

    .station-truth-page .station-live-source > img {
        width: 72px;
        height: 72px;
    }

    .station-truth-page .station-live-source h1 {
        font-size: 24px;
        line-height: 29px;
    }

    .station-truth-page .station-live-now {
        grid-template-columns: 52px minmax(0, 1fr) 42px;
        gap: 12px;
        border-left: 0px;
        border-top: 1px #dedede solid;
        padding: 18px 0px 0px;
    }

    .station-truth-page .station-live-now .img {
        width: 52px;
        height: 52px;
    }

    .station-truth-page #strong_station_onair {
        font-size: 15px;
        line-height: 20px;
    }

    .station-truth-page .station-truth-body {
        gap: 34px;
        padding-top: 26px;
    }

    .station-truth-page .station-temperament {
        grid-template-columns: 1fr;
        row-gap: 6px;
    }

    .station-truth-page .station-temperament > span {
        grid-row: auto;
    }

    .station-truth-page #right-col,
    .station-truth-page #left-col {
        grid-column: 1;
    }

    .station-truth-page #right-col {
        grid-row: 1;
    }

    .station-truth-page #left-col {
        grid-row: 2;
    }

    .station-truth-page .station-source-reading {
        border-left: 0px;
        border-top: 1px #dedede solid;
        padding: 26px 0px 0px;
    }

    .station-truth-page .station-source-profile ul {
        gap: 0px 10px;
    }

    .station-truth-page .station-source-profile li + li:before {
        margin-right: 10px;
    }

    .station-truth-page .station-caught-count {
        position: static;
        display: block;
        margin-top: 4px;
    }

    .station-truth-page #ul_station_history li span.name {
        max-width: none;
    }

    .station-truth-page #ul_station_history li {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 35px minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        column-gap: 14px;
        min-height: 72px;
        padding: 10px;
    }

    .station-truth-page #ul_station_history li .img {
        grid-column: 1;
        grid-row: 1 / span 2;
        float: none;
        margin: 0px;
    }

    .station-truth-page #ul_station_history li span.name {
        grid-column: 2 / span 2;
        grid-row: 1;
        float: none;
        margin: 2px 0px 0px !important;
        line-height: 16px;
    }

    .station-truth-page #ul_station_history li small.date {
        grid-column: 2;
        grid-row: 2;
        float: none;
        margin: 5px 0px 0px;
    }

    .station-truth-page #ul_station_history li .wave {
        grid-column: 3;
        grid-row: 2;
        float: none;
        margin: 0px;
    }

    body.moment-detail-active {
        min-width: 0;
        overflow-x: hidden;
    }

    body.moment-detail-active #page {
        min-width: 0;
    }

    body.moment-detail-active #top-panel,
    body.moment-detail-active footer.short {
        min-width: 0;
        overflow: hidden;
    }

    body.moment-detail-active #content > .center.w1000.moment-detail-shell {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        padding: 22px 12px 42px;
    }

    .moment-detail-head h1,
    #moment-detail-page.missing h1 {
        font-size: 27px;
        line-height: 33px;
    }

    .moment-detail-artifact,
    .moment-detail-return,
    .moment-detail-lower {
        grid-template-columns: 1fr;
    }

    .moment-detail-sequence {
        grid-template-columns: 1fr;
    }

    .moment-resurfacing-grid {
        grid-template-columns: 1fr;
    }

    .moment-resurfacing-event,
    .moment-resurfacing-event:nth-child(even) {
        border-right: 0;
    }

    .moment-context-event,
    .moment-context-event:first-child {
        border-left: 0;
        border-top: 1px solid #e4e4e4;
    }

    .moment-context-event:first-child {
        border-top: 0;
    }

    .moment-detail-cover img {
        width: min(220px, 100%);
        height: auto;
        aspect-ratio: 1;
    }

    .moment-detail-coordinate {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .moment-detail-actions {
        justify-content: flex-start;
    }

    body.receiver-lab-active #page {
        min-width: 0;
    }

    body.receiver-lab-active #content > .center.w1000 {
        box-sizing: border-box;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    body.receiver-lab-active #receiver-lab-page .receiver-lab-subtitle {
        width: auto;
    }

    body.receiver-lab-active #receiver-lab-page .receiver-lab-stats {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 10px 0;
    }

    body.receiver-lab-active #receiver-lab-page .receiver-lab-stats li {
        box-sizing: border-box;
        width: auto;
        float: none;
    }

    .receiver-lab-head {
        display: block;
    }

    .rl-refresh {
        margin-top: 12px;
    }

    .receiver-lab-stats,
    .rl-trace-stats,
    .rl-wave-metrics-stats,
    .rl-mode-strip,
    .rl-session-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .rl-model-flow {
        grid-template-columns: 1fr;
    }

    .rl-model-flow article,
    .rl-model-flow article:nth-child(3) {
        min-height: 0;
        border-left: 0;
        border-top: 1px solid #e3e3e3;
    }

    .rl-model-flow article:first-child {
        border-top: 0;
    }

    .rl-mode-map-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-mode-map-stats li,
    .rl-mode-map-stats li:first-child {
        border-top: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
    }

    .rl-mode-map-stats li:nth-child(odd) {
        border-left: 0;
    }

    .rl-mode-map-coverage > div {
        grid-template-columns: 70px minmax(70px, 1fr) minmax(150px, 1.7fr);
    }

    .rl-mode-map-coverage em {
        display: none;
    }

    .rl-mode-map-blind li {
        grid-template-columns: minmax(120px, 0.8fr) minmax(150px, 1fr);
    }

    .rl-mode-map-blind li em {
        display: none;
    }

    .rl-mode-preview li {
        grid-template-columns: 27px minmax(0, 1fr) 70px;
    }

    .rl-heatmap th.station-col {
        width: 220px;
    }

    .rl-contrast-columns,
    .rl-contrast-reasons {
        grid-template-columns: 1fr;
    }

    .rl-contrast .rl-panel-head,
    .rl-contrast-head-meta {
        display: block;
    }

    .rl-contrast-pairs {
        margin: 7px 0 4px;
    }

    .rl-contrast-pair-select {
        flex: 1 1 0;
        text-align: center;
    }

    .rl-contrast-columns > div {
        border-right: 0;
        border-bottom: 1px solid #e2e2e2;
    }

    .rl-station-cell strong,
    .rl-station-cell span,
    .rl-station-cell em {
        max-width: 150px;
    }

    .rl-session-event {
        grid-template-columns: 52px 94px minmax(0, 1fr);
        gap: 5px;
    }
}


@media (max-width: 640px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    #page,
    #top-panel,
    footer,
    footer.short,
    footer.long {
        min-width: 0;
    }

    #top-panel,
    #tp-wrapper {
        box-sizing: border-box;
        width: 100%;
        height: calc(72px + env(safe-area-inset-bottom));
    }

    #top-panel {
        top: auto;
        bottom: 0;
        border-top: 1px solid rgba(0,0,0,0.18);
        background: none;
        box-shadow: 0 -3px 12px rgba(0,0,0,0.18);
    }

    #tp-wrapper {
        position: relative;
        overflow: hidden;
        background-image: none;
        background-color: #45ead5;
    }

    #player {
        position: absolute;
        left: 0;
        top: 0;
        width: 148px;
        height: 71px;
        float: none;
        background-image: none;
        background-color: #df2ab2;
    }

    #p-butts {
        width: 148px;
        height: 71px;
        float: none;
    }

    #pb-prev,
    #pb-next {
        top: 17px;
        transform: scale(1.16);
        transform-origin: center;
    }

    #pb-prev {
        left: 11px;
    }

    .pb-play-pause {
        left: 53px;
        top: 13px;
        transform: scale(1.2);
        transform-origin: center;
    }

    #pb-next {
        left: 103px;
    }

    #pb-prev:active,
    #pb-next:active {
        top: 18px;
    }

    .pb-play-pause:active,
    .pb-play-pause.pause:active {
        top: 14px;
    }

    #slider-wrap,
    #div_livechat,
    #artist,
    #top-logo,
    #based-on,
    #track-butts > #tb-share,
    #track-butts > #tb-save,
    #track-butts > #tb-find-track,
    #track-butts > #tb-like,
    #track-butts > #tb-feed {
        display: none !important;
    }

    #div_player_station {
        box-sizing: border-box;
        position: absolute;
        left: 148px;
        top: 0;
        width: 92px;
        height: 71px;
        overflow: hidden;
        float: none;
        background-image: none;
        background-color: #df2ab2;
    }

    #div_player_station .tpi-logo {
        display: none;
    }

    #div_player_station .tpi-info {
        box-sizing: border-box;
        width: 100%;
        margin: 16px 0 0;
        padding: 0 8px;
        overflow: hidden;
    }

    #div_player_station .label,
    #div_player_station .name,
    #track .label,
    #track .name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #div_player_station .label {
        color: rgba(255,255,255,0.58);
    }

    #div_player_station .name {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,0.24);
    }

    #track {
        box-sizing: border-box;
        position: absolute;
        left: 240px;
        right: 86px;
        top: 0;
        width: auto;
        height: 71px;
        margin: 0 !important;
        overflow: hidden;
    }

    #track .tp-item {
        box-sizing: border-box;
        width: 100%;
        height: 71px;
        overflow: hidden;
    }

    #track .tpi-info {
        box-sizing: border-box;
        width: 100%;
        margin: 16px 0 0;
        padding: 0 8px;
        overflow: hidden;
    }

    #track-butts {
        box-sizing: border-box;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 86px;
        height: 71px;
        padding: 16px 6px 0;
        float: none;
    }

    #track-butts > #tb-record-moment,
    #track-butts > #tb-captured-moments {
        display: block !important;
        transform: scale(1.14);
        transform-origin: center;
    }

    #pop-captured-moments,
    #pop-track-links,
    #pop-share {
        position: fixed;
        left: 10px !important;
        right: 10px !important;
        top: auto !important;
        bottom: calc(82px + env(safe-area-inset-bottom)) !important;
        box-sizing: border-box;
        width: auto !important;
        max-height: calc(100vh - 94px);
        overflow: auto;
    }

    #moment-caught-notice {
        top: auto;
        right: 10px;
        bottom: calc(82px + env(safe-area-inset-bottom));
        left: 10px;
        width: auto;
        padding: 13px 92px 13px 14px;
        transform: translateY(8px);
    }

    #moment-caught-notice.visible {
        transform: translateY(0);
    }

    #main,
    #main.long,
    #main.short {
        padding-top: 0;
        padding-bottom: calc(112px + env(safe-area-inset-bottom));
    }

    #head-wrap {
        box-sizing: border-box;
        width: 100%;
        height: 65px;
    }

    #nav-right,
    #head-wrap > .button {
        display: none;
    }

    nav,
    body.moments-page-active nav {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        height: 65px;
        margin: 0;
        padding: 0 6px;
        align-items: flex-end;
        justify-content: space-around;
        white-space: nowrap;
    }

    nav a,
    body.moments-page-active nav a {
        box-sizing: border-box;
        min-width: 0;
        margin: 0;
        padding: 35px 3px 11px;
        font-size: 12px;
        line-height: 15px;
    }

    nav a i {
        bottom: 30px;
    }

    nav a.nav-moments i {
        bottom: 29px;
    }

    nav a.nav-signal i {
        bottom: 30px;
    }

    footer,
    footer.short,
    footer.long {
        box-sizing: border-box;
        width: 100%;
        height: 41px;
        margin-top: -41px;
        overflow: hidden;
    }

    footer #foot-links {
        display: none;
    }

    body.on-air-page-active #content,
    body.on-air-page-active #content > .center {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
    }

    body.on-air-page-active #main-stations.np-wall.index,
    body.on-air-page-active #main-stations.np-wall.index #ms-wrapper,
    body.on-air-page-active #main-stations.np-wall.index.np-has-memory,
    body.on-air-page-active #main-stations.np-wall.index.np-has-memory #ms-wrapper,
    body.on-air-page-active #main-stations.np-wall.index.np-has-path,
    body.on-air-page-active #main-stations.np-wall.index.np-has-path #ms-wrapper,
    body.on-air-page-active #main-stations.np-wall.index.np-has-memory.np-has-path,
    body.on-air-page-active #main-stations.np-wall.index.np-has-memory.np-has-path #ms-wrapper {
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
        min-height: 0;
    }

    body.on-air-page-active #main-stations.np-wall {
        padding: 0 10px 20px;
        overflow: visible;
        text-align: left;
    }

    body.on-air-page-active #main-stations.np-wall #ms-wrapper,
    body.on-air-page-active #main-stations.np-wall.np-has-memory #ms-wrapper,
    body.on-air-page-active #main-stations.np-wall.np-has-path #ms-wrapper,
    body.on-air-page-active #main-stations.np-wall.np-has-memory.np-has-path #ms-wrapper {
        margin: 0;
        padding-top: 0;
    }

    body.on-air-page-active #main-stations.np-wall .np-wall-head {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        height: auto;
        min-height: 62px;
        padding: 18px 2px 7px;
    }

    body.on-air-page-active #main-stations.np-wall h1 {
        margin: 1px 10px 0 0;
        font-size: 29px;
        line-height: 34px;
    }

    body.on-air-page-active #main-stations.np-wall .np-wall-stats {
        margin-top: 10px;
    }

    body.on-air-page-active #main-stations.np-wall .np-wall-source {
        display: block;
        position: static;
        padding: 0 2px 9px;
        line-height: 16px;
    }

    body.on-air-page-active #main-stations.np-wall .np-mode-bar {
        box-sizing: border-box;
        display: flex;
        position: relative;
        right: auto;
        top: auto;
        width: calc(100% + 20px);
        height: 39px;
        margin: 0 -10px;
        padding: 3px 10px 5px;
        gap: 6px;
        overflow-x: auto;
        overflow-y: hidden;
        text-align: left;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.on-air-page-active #main-stations.np-wall .np-mode-bar::-webkit-scrollbar {
        display: none;
    }

    body.on-air-page-active #main-stations.np-wall .np-mode-bar a {
        box-sizing: border-box;
        flex: 0 0 auto;
        height: 31px;
        margin: 0;
        padding: 0 12px;
        border-radius: 4px;
        line-height: 32px;
    }

    body.on-air-page-active #main-stations.np-wall .np-wave-status {
        flex: 0 0 auto;
        height: 31px;
        margin: 0;
        line-height: 32px;
    }

    body.on-air-page-active #main-stations.np-wall .np-receiver-path {
        display: block;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        height: auto;
        min-height: 50px;
        margin: 2px 0 8px;
        padding: 7px 0;
    }

    body.on-air-page-active #main-stations.np-wall .np-path-label {
        display: block;
        padding: 0 2px 5px;
    }

    body.on-air-page-active #main-stations.np-wall .np-path-points {
        gap: 4px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.on-air-page-active #main-stations.np-wall .np-path-points::-webkit-scrollbar {
        display: none;
    }

    body.on-air-page-active #main-stations.np-wall .np-path-return {
        flex: 0 0 142px;
        min-height: 38px;
        border: 1px solid rgba(0,0,0,0.08);
        border-radius: 4px;
    }

    body.on-air-page-active #main-stations.np-wall .np-receiver-memory,
    body.on-air-page-active #main-stations.np-wall.np-has-memory.np-has-path .np-receiver-memory {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        height: auto;
        min-height: 58px;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        grid-template-rows: auto auto auto;
        gap: 1px 9px;
        margin: 0 0 10px;
        padding: 7px 0;
    }

    body.on-air-page-active #main-stations.np-wall .np-receiver-memory img {
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 40px;
        height: 40px;
    }

    body.on-air-page-active #main-stations.np-wall .np-memory-context {
        grid-column: 2;
        grid-row: 1;
    }

    body.on-air-page-active #main-stations.np-wall .np-receiver-memory strong {
        grid-column: 2;
        grid-row: 2;
    }

    body.on-air-page-active #main-stations.np-wall .np-memory-signal {
        grid-column: 2;
        grid-row: 3;
    }

    body.on-air-page-active #main-stations.np-wall .np-memory-return {
        grid-column: 3;
        grid-row: 1 / span 3;
        min-width: 52px;
        height: 34px;
        padding: 0 9px;
        align-self: center;
        line-height: 35px;
        text-align: center;
    }

    body.on-air-page-active #main-stations.np-wall .np-wave-trace {
        position: fixed;
        left: 10px;
        right: 10px;
        top: 56px;
        width: auto;
        max-height: calc(100vh - 74px);
        overflow: auto;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover {
        display: grid;
        width: 100% !important;
        height: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px;
        float: none;
        border-radius: 4px;
        overflow: hidden;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li,
    body.on-air-page-active #main-stations.np-wall #ul_discover li:first-child {
        box-sizing: border-box;
        width: auto !important;
        height: auto !important;
        aspect-ratio: 1;
        float: none;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li:first-child {
        grid-column: 1 / -1;
        aspect-ratio: 16 / 10;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li > .img_onair {
        display: block;
        object-fit: cover;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li:first-child > img,
    body.on-air-page-active #main-stations.np-wall.index li:first-child .rol,
    body.on-air-page-active #main-stations.np-wall.index li:first-child.np-wave-current:after {
        border-radius: 0;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li .play,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .play {
        left: 10px;
        top: 10px;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li .np-record,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .np-record {
        left: 10px;
        top: 63px;
        min-height: 28px;
        padding: 0 9px;
        border-radius: 4px;
        line-height: 29px;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li .np-mode-signal,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .np-mode-signal {
        right: 10px;
        top: 10px;
        max-width: 106px;
        border-radius: 4px;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li .station,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .station {
        right: 10px;
        top: 40px;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li .track-info,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .track-info {
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: auto;
        max-height: 78px;
    }

    body.on-air-page-active #main-stations.np-wall #ul_discover li .rol .tl-artist,
    body.on-air-page-active #main-stations.np-wall #ul_discover li .tl-track,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .rol .tl-artist,
    body.on-air-page-active #main-stations.np-wall.index #ul_discover li:first-child .tl-track {
        box-sizing: border-box;
        max-width: 100%;
        max-height: 35px;
        font-size: 12px;
        line-height: 15px;
    }

    body.on-air-page-active #main-stations.np-wall .np-empty-signal,
    body.on-air-page-active #main-stations.np-wall #ul_discover .np-empty-signal:first-child {
        width: auto !important;
        height: auto !important;
        aspect-ratio: 16 / 10;
    }

    body.stations-list-page-active #content {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
    }

    body.stations-list-page-active #tags-block {
        box-sizing: border-box;
        width: 100%;
        height: 53px;
        margin-bottom: 0;
        padding: 0 8px;
        overflow: hidden;
    }

    body.stations-list-page-active #tags-block.fixed {
        top: 48px;
    }

    body.stations-list-page-active #tb-wrapper {
        box-sizing: border-box;
        width: 100% !important;
        height: 53px;
        overflow: hidden;
    }

    body.stations-list-page-active #tags-block .tb-switcher {
        position: relative;
        z-index: 2;
        width: 188px;
        margin-top: 15px;
        overflow: hidden;
    }

    body.stations-list-page-active #tags-block .tags {
        box-sizing: border-box;
        height: 44px;
        margin: 0 0 0 196px;
        padding-top: 13px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.stations-list-page-active #tags-block .tags::-webkit-scrollbar {
        display: none;
    }

    body.stations-list-page-active #tags-block .tags ul,
    body.stations-list-page-active #tags-block .tags li {
        display: inline-block;
        float: none;
        white-space: nowrap;
    }

    body.stations-list-page-active .lnk-more-tags,
    body.stations-list-page-active #pop-tags {
        display: none !important;
    }

    body.stations-list-page-active #main-stations,
    body.stations-list-page-active #main-stations #ms-wrapper {
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
    }

    body.stations-list-page-active #main-stations {
        padding: 0 2px;
        overflow: visible;
    }

    body.stations-list-page-active #main-stations #ms-wrapper {
        margin: 0;
        padding-top: 0;
    }

    body.stations-list-page-active #main-stations #ms-wrapper > div {
        width: 100%;
    }

    body.stations-list-page-active #main-stations ul {
        display: grid;
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px;
        float: none;
        border-radius: 0;
        overflow: hidden;
    }

    body.stations-list-page-active #main-stations li {
        box-sizing: border-box;
        width: auto !important;
        height: auto !important;
        aspect-ratio: 1;
        float: none;
    }

    body.stations-list-page-active #main-stations li > .img_onair {
        display: block;
        object-fit: cover;
    }

    body.stations-list-page-active #main-stations li .rol {
        opacity: 1;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.24) 38%, rgba(0,0,0,0.84) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.24) 38%, rgba(0,0,0,0.84) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.24) 38%, rgba(0,0,0,0.84) 100%);
    }

    body.stations-list-page-active #main-stations li .play {
        left: 10px;
        top: 10px;
    }

    body.stations-list-page-active #main-stations li .station {
        right: 10px;
        top: 10px;
    }

    body.stations-list-page-active #main-stations li .track-info {
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: auto;
        max-height: 78px;
    }

    body.stations-list-page-active #main-stations li .track-info .lbl {
        display: none;
    }

    body.stations-list-page-active #main-stations li .rol .tl-artist,
    body.stations-list-page-active #main-stations li .tl-track {
        box-sizing: border-box;
        max-width: 100%;
        max-height: 35px;
        font-size: 12px;
        line-height: 15px;
    }

    body.stations-list-page-active .block-foot {
        box-sizing: border-box;
        width: 100%;
        margin-top: 12px;
    }
}