.sermon_playlist .playing_meta .sermon {
    position: relative;
}

.sermon .albumArt {
    position: absolute;
    left: 16px;
    width: 100px;
    height: 100px;
    top: 58px;
}

body.noSermonAttr .sermon .albumArt {
    top: 44px;
}

.sermon_playlist div, .sermon_playlist .entry p, .sermon_playlist a, .sermon_playlist a.page-numbers {
    color: #444;
    font: 12px Arial;
    text-shadow: none;
    letter-spacing: 0;
}

.sermon_playlist .mejs-container {
    min-width: 100% !important;
}

.sermon_playlist .mejs-time-float {
    display: none !important;
}

.sermon_playlist a {
    color: #444;
    text-decoration: underline;
}

.leftlabel {
    width: 57px;
    display: inline-block;
}

.sermon_playlist a:hover {
    color: #000;
    text-decoration: underline;
}

.sermon_playlist .audioplayer_container {
    margin: 0;
}

.sermon_playlist .btn_clip {
    float: right;
    overflow: hidden;
    width: 224px;
    height: 26px;
    text-align: right;
    margin-right: 4px;
    font-size: 11px;
}

    .sermon_playlist .btn_clip a {
        display: inline-block;
    }

.sermon_playlist .playing_meta {
    height: 170px;
    padding: 0 0 34px;
    position: relative;
}

    .sermon_playlist .playing_meta .meta {
        height: 100%;
        padding: 0 15px;
        overflow: auto;
    }

        .sermon_playlist .playing_meta .meta .title {
            color: #000;
            font: normal 18px/26px Arial;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            max-width: calc(100% - 80px);
            overflow: hidden;
        }

    .sermon_playlist .playing_meta .series {
        color: #000;
        display: inline;
    }

    .sermon_playlist .playing_meta .preacher {
        color: #000;
        display: inline;
        margin: 0 10px 0 0;
    }

body.noSermonAttr .playing_meta .series, body.noSermonAttr .playing_meta .preacher {
    display: none;
}

.sermon_playlist .playing_meta .series a, .sermon_playlist .playing_meta .preacher a {
    color: #7f807d;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

    .sermon_playlist .playing_meta .series a:hover, .sermon_playlist .playing_meta .preacher a:hover {
        color: #000;
        text-decoration: none;
    }

.sermon_playlist .playing_meta .meta .date {
    display: none;
}

.sermon_playlist .playing_meta .excerpt {
    color: #444;
    clear: both;
    padding: 0;
    margin: 18px 0;
    padding: 0 0 0 120px;
    position: relative;
}

.sermon_playlist .playing_meta .albumArt:empty ~ .excerpt {
    padding: 0;
}

.sermon_playlist .playing_meta .excerpt * {
    letter-spacing: 0;
}

.sermon_playlist .sermon-header {
    background: gray;
    border: 0;
    height: 34px;
    position: relative;
}

    .sermon_playlist .sermon-header span {
        font-size: 12px;
        color: white;
        font-weight: normal;
    }

.sermon_playlist ul {
    list-style: none;
    padding: 0;
    margin: 6px 0;
    position: relative;
}

.sermon_playlist li {
    border-top: 1px solid #ccc;
    clear: both;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    margin: 0;
}

    .sermon_playlist li:first-child {
        border-top: 0;
    }

    .sermon_playlist li .meta {
        display: none;
    }

    .sermon_playlist li.odd {
        background-color: transparent;
    }

    .sermon_playlist li:hover, .sermon_playlist li.active, .wp-playlist.wp-audio-playlist .wp-playlist-playing, .wp-playlist.wp-audio-playlist .wp-playlist-item:hover {
        background-color: #eaeaea;
        color: #444;
    }

        .sermon_playlist li:hover a, .sermon_playlist li.active a {
            color: white;
        }

    .sermon_playlist li span.date, .sermon_playlist .sermon-header .date {
        width: 80px;
    }

        .sermon_playlist li span.date.date {
            color: #687e7c;
        }

    .sermon_playlist li span.title, .sermon_playlist .sermon-header .title {
        padding: 0 0 0 16px;
        width: 37%;
        width: -webkit-calc(100% - 276px);
        width: -moz-calc(100% - 276px);
        width: -ms-calc(100% - 276px);
        width: -o-calc(100% - 276px);
        width: calc(100% - 276px);
    }

.sflb_span4 .sermon_playlist li span.title, .sflb_span4 .sermon_playlist .sermon-header .title {
    width: -webkit-calc(100% - 184px);
    width: -moz-calc(100% - 184px);
    width: -ms-calc(100% - 184px);
    width: -o-calc(100% - 184px);
    width: calc(100% - 184px);
}

div.sermon div.title {
    margin-top: 6px 1px 0 2px;
}

body.iOS .sermon_playlist .download {
    display: none;
}

body.iOS .sermon_playlist li span.title, body.iOS .sermon_playlist .sermon-header .title {
    max-width: 72%;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.sermon_playlist li span.title {
    font-weight: normal;
}

.sermon_playlist li span.preacher, .sermon_playlist .sermon-header .preacher {
    clear: right;
    width: 100px;
}

.sermon_playlist .btn_container, .sermon_playlist .sermon-header .btn_container {
    display: block;
    float: right;
    height: 20px;
    margin: 4px 0 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

.sermon_playlist li span, .sermon_playlist .sermon-header span {
    display: inline-block;
    height: 26px;
    overflow: hidden;
    padding: 0 0 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.sermon_playlist .sermon-header span, .sermon_playlist .sermon-header .btn_container {
    margin: 0;
    height: 34px;
    line-height: 34px;
}

    .sermon_playlist .sermon-header .btn_container.video, .sermon_playlist .btn_container.video {
        width: 40px;
        margin-right: 8px;
    }

    .sermon_playlist .sermon-header .btn_container.notes, .sermon_playlist .btn_container.notes {
        width: 50px;
    }

.sermon_playlist .sf-icon {
    background: url('../sermon_icons.png') no-repeat 0 -39px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: top;
}

    .sermon_playlist .sf-icon.download_btn {
        background-position: -32px -39px;
    }

    .sermon_playlist .sf-icon.notes_btn {
        background-position: -16px -39px;
    }

    .sermon_playlist .sf-icon.icon-rss {
        background-position: -48px -39px;
        margin: 0 17px;
    }

    .sermon_playlist .sf-icon.icon-podcast {
        background-position: -64px -39px;
        margin: 0 14px;
    }

    .sermon_playlist .sf-icon.icon-plus-circle {
        background-position: 0 -55px;
        margin: 0 16px;
    }

.sermon_playlist .ui-resizable-s {
    background: transparent;
    bottom: 0;
    cursor: s-resize;
    height: 34px;
    position: absolute;
    width: 100%;
}

.sermon_playlist .navigation {
    background: #2c2d33;
    color: white;
    margin: 0;
    padding: 5px;
    position: relative;
    height: 15px;
}

    .sermon_playlist .navigation .page-numbers {
        float: left;
        margin: 0 2px;
        padding: 0 2px 0 2px;
    }

    .sermon_playlist .navigation a {
        color: white;
        text-decoration: none;
    }

        .sermon_playlist .navigation a:hover {
            color: #DDD;
            text-decoration: underline;
        }

    .sermon_playlist .navigation span.alignright {
        position: absolute;
        right: 5px;
        float: none;
    }

.sermon_playlist .overlay {
    background-color: white;
    height: 100%;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sermon .fb-share-button {
    position: absolute;
    top: 0;
    right: 15px;
    padding-top: 2px;
}