﻿.nowPlayingItem {
    width: 15%;
    vertical-align: middle;
    border-bottom: solid 1px #eee !important
}

[data-theme="dark"] .nowPlayingItem {
    border-bottom: solid 1px #333 !important
}

.nowPlayingItem:hover {
    background-color: #e5f1fc;
}

[data-theme="dark"] .nowPlayingItem:hover {
    background-image: -webkit-linear-gradient(top, #808080 0%, #333 100%);
    background-image: -o-linear-gradient(top, #808080 0%, #333 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#333));
    background-image: linear-gradient(to bottom, #808080 0%, #333 100%);
    background-repeat: repeat-x;
}

.nowPlayingChIcon {
    display: table-cell;
    width: 30px;
    height: 33px
}

.nowPlayingChNum {
    display: table-cell;
    font-size: 10px;
    vertical-align: middle;
    padding-right: 1px;
    width: 20px;
    font-family: custom_t;
}

    .nowPlayingChNum a {
        color: #333;
    }

[data-theme="dark"] .nowPlayingChNum a {
    color: #eee;
}

.nowPlayingChTitle {
    width: 120px;
    height: 33px;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    color: rgb(139,69,19);
    text-decoration: none;
    line-height: 35px;
    z-index: 10;
    font-size: 1.4em;
    font-family: custom_h;
    font-weight: 500;
}

    .nowPlayingChTitle a,
    .nowPlayingChTitle a:active,
    .nowPlayingChTitle a:default {
        color: rgb(139,69,19);
    }

        .nowPlayingChTitle a:hover, .nowPlayingChTitle a:focus {
            font-weight: bolder;
            text-decoration: none;
        }

[data-theme="dark"] .nowPlayingChTitle a,
[data-theme="dark"] .nowPlayingChTitle a:active,
[data-theme="dark"] .nowPlayingChTitle a:default {
    color: rgb(196, 167, 8);
    text-decoration: none;
}

.nowPlayingPgTitle {
    display: table-cell;
    vertical-align: middle;
    font-family: custom_t;
    height: 33px;
    line-height: 35px;
    font-size: .9em
}

    .nowPlayingPgTitle a {
        color: #999;
    }

        .nowPlayingPgTitle a:hover,
        .nowPlayingPgTitle a:focus {
            font-weight: bolder;
            color: rgb(120,117,117);
            text-decoration: none;
        }

[data-theme="dark"] .nowPlayingPgTitle a:hover,
[data-theme="dark"] .nowPlayingPgTitle a:focus {
    font-weight: bolder;
    color: rgb(209,205,205);
    text-decoration: none;
}
