/*
* Vintage Wine for jPlayer V1.0
* Copyright (c) 2013 PStevenson (www.p-stevenson.com)
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

div.jp-audio,
div.jp-video{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:auto;
    height:auto;

    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    line-height:12px;
    color:#555;
}

div.jp-audio ul, div.jp-video ul,
div.jp-audio ul li, div.jp-video ul li{
    display:block;
    margin:0; padding:0;
}

div.jp-video-play a.jp-video-play-icon{display:none !important;}

/* CONTROLS */
div.jp-interface{
    position:relative; z-index:1;
    overflow:visible;
}
div.jp-interface ul,
div.jp-interface ul li{
    position:absolute;
    top:0; left:0; right:0;
    margin:0; padding:0;
}
div.jp-interface ul.jp-controls{
    position:relative;
    margin:0; padding:0;
    width:auto;
    height:35px;

    background-color: #fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#babec4));
    background-image: -webkit-linear-gradient(top, #fefefe, #babec4);
    background-image: -moz-linear-gradient(top, #fefefe, #babec4);
    background-image: -o-linear-gradient(top, #fefefe, #babec4);
    background-image: -ms-linear-gradient(top, #fefefe, #babec4);
    background-image: linear-gradient(top, #fefefe, #babec4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fefefe', EndColorStr='#babec4');

    -webkit-box-shadow:inset 0 1px 0 0 #fff;
    -moz-box-shadow:inset 0 1px 0 0 #fff;
    box-shadow:inset 0 1px 0 0 #fff;

    border:1px solid #babec4;

    list-style:none;
    overflow:hidden;
}
div.jp-interface ul.jp-controls a,
div.jp-interface ul.jp-toggles a{
    display:block;
    text-indent:-9999px;

    background:transparent url('images/jplayer_sprites.png') no-repeat -500px -500px;
    overflow:hidden;
}

/* BUTTONS */
div.jp-interface ul.jp-controls a.jp-play,
div.jp-interface ul.jp-controls a.jp-pause{
    position:absolute;
    top:0; left:0;
    height:35px; width:34px;

    border-right:1px solid #BABEC4;
    background-position:13px 12px;
}
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-play,
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-pause{left:50px;}
div.jp-interface ul.jp-controls a.jp-play:hover{background-position:-37px 12px;}
div.jp-interface ul.jp-controls a.jp-pause{background-position:13px -38px;background-color:#EEE;}
div.jp-interface ul.jp-controls a.jp-pause:hover{background-position:-37px -38px;}
div.jp-interface ul.jp-controls a.jp-stop{display:none !important;}
div.jp-interface ul.jp-controls a.jp-previous{
    position:absolute;
    top:0; left:0px;
    height:35px; width:25px;

    background-position:8px -86px;
}
div.jp-interface ul.jp-controls a.jp-previous:hover{background-position:-42px -86px;}
div.jp-interface ul.jp-controls a.jp-next{
    position:absolute;
    top:0; left:25px;
    height:35px; width:24px;

    border-right:1px solid #BABEC4;
    background-position:5px -137px;
}
div.jp-interface ul.jp-controls a.jp-next:hover{background-position:-45px -137px;}
div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute{
    position:absolute;
    top:0; right:60px;
    height:35px; width:34px;

    border-left:1px solid #BABEC4;
    background-position:13px -189px;
}
div.jp-interface ul.jp-controls a.jp-mute:hover{background-position:-37px -189px;}
div.jp-interface ul.jp-controls a.jp-unmute{display:none; background-position:13px -392px;}
div.jp-interface ul.jp-controls a.jp-unmute:hover{background-position:-37px -392px;}
div.jp-interface ul.jp-controls a.jp-volume-max{display:none !important;}
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-mute,
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-unmute{right:95px;}
div.jp-video  div.jp-interface ul.jp-controls a.jp-mute,
div.jp-video  div.jp-interface ul.jp-controls a.jp-unmute{right:95px;}
div.jp-video div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-mute,
div.jp-video div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-unmute{right:130px;}

div.jp-interface div.jp-current-time{
    position:absolute; z-index:1;
    top:37px; left:0;
    width:50px; height:25px;

    text-align:right;
    font-size:10px;
    color:#DDD;
    line-height:25px;

    overflow:hidden;
}
div.jp-type-playlist div.jp-interface div.jp-current-time{
    top:21px; left:95px;
    height:17px;

    text-align:left;
    color:#333;
    line-height:17px;
}
div.jp-interface div.jp-duration{
    position:absolute; z-index:1;
    top:37px; right:0;
    width:50px; height:25px;

    text-align:left;
    font-size:10px;
    color:#DDD;
    line-height:25px;

    overflow:hidden;
}
div.jp-type-playlist div.jp-interface div.jp-duration{
    top:21px; right:140px;
    height:17px;

    text-align:right;
    color:#333;
    line-height:17px;
}
div.jp-video div.jp-type-playlist div.jp-interface div.jp-duration{right:175px;}
div.jp-interface ul.jp-toggles a.jp-repeat,
div.jp-interface ul.jp-toggles a.jp-repeat-off{display:none !important;}
div.jp-interface ul.jp-toggles a.jp-shuffle,
div.jp-interface ul.jp-toggles a.jp-shuffle-off{
    position:absolute;
    top:1px; right:1px;
    height:35px; width:34px;

    border-left:1px solid #BABEC4;
    background-position:10px -339px;
}
div.jp-interface ul.jp-toggles a.jp-shuffle:hover,
div.jp-interface ul.jp-toggles a.jp-shuffle-off:hover{background-position:-38px -339px;}
div.jp-interface ul.jp-toggles a.jp-shuffle-off{background-color:#EEE;}

div.jp-video div.jp-type-playlist div.jp-interface ul.jp-toggles a.jp-shuffle,
div.jp-video div.jp-type-playlist div.jp-interface ul.jp-toggles a.jp-shuffle-off{right:36px;}

div.jp-interface ul.jp-toggles a.jp-full-screen,
div.jp-interface ul.jp-toggles a.jp-restore-screen{
    position:absolute;
    top:1px; right:1px;
    height:35px; width:34px;

    border-left:1px solid #BABEC4;
    background-position:12px -238px;
}
div.jp-interface ul.jp-toggles a.jp-full-screen:hover{background-position:-38px -238px;}
div.jp-interface ul.jp-toggles a.jp-restore-screen{background-position:12px -289px;}
div.jp-interface ul.jp-toggles a.jp-restore-screen:hover{background-position:-38px -289px;}

/* FULLSCREN POSITIONING */
div.jp-video-full{position:static !important;position:relative}
div.jp-video-full div div{z-index:1000}
div.jp-video-full div.jp-jplayer{top:0;left:0;position:fixed !important;background:#000;position:relative;overflow:hidden}
div.jp-video-full div.jp-gui{position:fixed !important;position:static;bottom:0;left:0;width:100%;height:auto;z-index:1001}
div.jp-video-full div.jp-interface{position:absolute !important;position:relative;bottom:0;left:0;right:0;width:100%}
div.jp-video-full div.jp-interface div.jp-duration,
div.jp-video-full div.jp-interface div.jp-current-time{z-index:1001;}

/* VOLUME BAR */
div.jp-volume-bar{
    position:absolute;
    top:15px; right:10px;
    height:8px; width:50px;

    background: #c9cdd1;
    background: -moz-linear-gradient(top, #c9cdd1 0%, #d8dbde 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9cdd1), color-stop(100%,#d8dbde));
    background: -webkit-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
    background: -o-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
    background: -ms-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
    background: linear-gradient(to bottom, #c9cdd1 0%,#d8dbde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cdd1', endColorstr='#d8dbde',GradientType=0 );

    -webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);

    overflow:hidden;
    cursor:pointer;
}
div.jp-type-playlist div.jp-volume-bar{right:45px;}
div.jp-video div.jp-type-playlist div.jp-volume-bar{right:80px;}
div.jp-video div.jp-volume-bar{right:45px;}
div.jp-volume-bar-value{
    width:0px; height:6px;

    background: #9f0149;
    background: -moz-linear-gradient(top, #9f0149 0, #520e17 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#9f0149), color-stop(100%,#520e17));
    background: -webkit-linear-gradient(top, #9f0149 0,#520e17 100%);
    background: -o-linear-gradient(top, #9f0149 0,#520e17 100%);
    background: -ms-linear-gradient(top, #9f0149 0,#520e17 100%);
    background: linear-gradient(to bottom, #9f0149 0,#520e17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0149', endColorstr='#520e17',GradientType=0 );

    border:1px solid #6d0019;
}
/* PROGRESS BAR */
div.jp-progress{
    position:absolute; z-index:2;
    top:15px; right:105px; left:45px;
    height:8px; width:auto;

    background: #c9cdd1;
    background: -moz-linear-gradient(top, #c9cdd1 0%, #d8dbde 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9cdd1), color-stop(100%,#d8dbde));
    background: -webkit-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
    background: -o-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
    background: -ms-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
    background: linear-gradient(to bottom, #c9cdd1 0%,#d8dbde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cdd1', endColorstr='#d8dbde',GradientType=0 );

    -webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);

    overflow:hidden;
    cursor:pointer;
}
div.jp-type-playlist div.jp-progress{right:140px; left:95px;}
div.jp-video div.jp-progress{right:140px;}
div.jp-video div.jp-type-playlist div.jp-progress{right:175px;}
div.jp-seek-bar{
    margin:0; padding:0;
    height:8px;
}
div.jp-seek-bar.jp-seeking-bg{ background:none; }
div.jp-play-bar{
    width:0px; height:6px;

    background: #9f0149;
    background: -moz-linear-gradient(top, #9f0149 0, #520e17 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#9f0149), color-stop(100%,#520e17));
    background: -webkit-linear-gradient(top, #9f0149 0,#520e17 100%);
    background: -o-linear-gradient(top, #9f0149 0,#520e17 100%);
    background: -ms-linear-gradient(top, #9f0149 0,#520e17 100%);
    background: linear-gradient(to bottom, #9f0149 0,#520e17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0149', endColorstr='#520e17',GradientType=0 );

    border:1px solid #6d0019;
}

/* TITLE */
div.jp-title{
    position:relative; z-index:0;
    margin:0; padding:0;
    height:25px; width:auto;
    text-align:center;
    background:#333;

    color:#FFF;
}
div.jp-title ul,
div.jp-playlist ul{
    list-style:none;
    margin:0; padding:0;
}
div.jp-audio div.jp-title li,
div.jp-video div.jp-title li{
    position:absolute;
    left:60px; right:60px;
    padding:0; margin:0;
    height:25px; width:auto;

    text-align:center;
    line-height:25px;
    overflow:hidden;
}

/* PLAYLIST */
div.jp-playlist li{
    padding:0; margin:0;
}
div.jp-playlist li div{
    *zoom:1;
    padding:0; margin:0;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-bottom:1px solid #555;
    border-right:1px solid #555;

    background: #808080;
    background: -moz-linear-gradient(top, #808080 0%, #797979 50%, #717171 51%, #7b7b7b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(50%,#797979), color-stop(51%,#717171), color-stop(100%,#7b7b7b));
    background: -webkit-linear-gradient(top, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
    background: -o-linear-gradient(top, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
    background: -ms-linear-gradient(top, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
    background: linear-gradient(to bottom, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#7b7b7b',GradientType=0 );

    line-height:21px;
}
div.jp-playlist li.jp-playlist-current div{
    border-top:1px solid #EEE;
    border-left:1px solid #EEE;

    background: #e6e6e6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #d9d9d9 50%, #cbcbcb 51%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(50%,#d9d9d9), color-stop(51%,#cbcbcb), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
    background: -o-linear-gradient(top, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
    background: -ms-linear-gradient(top, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
}
div.jp-type-playlist div.jp-playlist a{
    display:inline-block; *display:inline; *zoom:1;
    margin:0; padding:6px 12px;
    color:#CCC;
    text-decoration:none;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current{
    color:#9F0149;
    font-weight:bold;
    text-shadow:0 1px 0 rgba(225,255,255,0.25);
}
div.jp-type-playlist div.jp-playlist span.jp-artist{
    font-size:10px;
    font-weight:normal;
    color:#333;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{display:none !important;}
div.jp-type-playlist div.jp-playlist span.jp-free-media{
    float:right;
    margin:0 10px;
    padding:0;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
    padding:6px 4px;
    color:#9F0149;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
    text-decoration:underline;
}

/* FLASH FIXES */
div.jp-video div.jp-jplayer object{ position:relative; width:100% !important; height:300px !important; }
div.jp-video.jp-video-full div.jp-jplayer object{ width:100% !important; height:100% !important; }