/*
* 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;
	padding: 0 15px; 
	z-index: 1;
	overflow: visible;
}
div.jp-interface ul.jp-controls,
div.jp-interface ul.jp-controls 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:50px;
	
	background-color: #000;
	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(file:///C|/Users/%D0%9F%D0%B0%D1%88%D0%B0/AppData/Roaming/Adobe/Dreamweaver%20CC/ru_RU/Configuration/Temp/DownloadCache/sprites.png) no-repeat -500px -500px;
	overflow:hidden;
	}
div.jp-interface ul.jp-controls a:hover,
div.jp-interface ul.jp-toggles a:hover{cursor: pointer;}

/* BUTTONS */
div.jp-interface ul.jp-controls a.jp-play,
div.jp-interface ul.jp-controls a.jp-pause{
	position: absolute;
	top: 13px;
	left: 50%;
	margin-left: -16px;
	width: 33px;
	height: 33px;
}
div.jp-interface ul.jp-controls a.jp-pause{
	text-indent: -9999px; 
}
div.jp-interface ul.jp-controls a.jp-play:before{
	content: "";
	position: absolute;
	width: 33px;
	height: 33px;
	border: 3px solid #FFFFFF;
	border-radius: 50%;
}
div.jp-interface ul.jp-controls a.jp-play:after{
	content: "";
	position: absolute;
	right: 11px;
	top: 9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 8px;
	border-color: transparent transparent transparent #FFFFFF;
}
div.jp-interface ul.jp-controls a.jp-pause:before,
div.jp-interface ul.jp-controls a.jp-pause:after{
	content: "";
	position: absolute;
	top: 5px;
	left: 9px;
	width: 4px;
	height: 26px;
	background-color: #FFFFFF;
}
div.jp-interface ul.jp-controls a.jp-pause:after{
	left: 20px;
}
.page-white-black div.jp-interface ul.jp-controls a.jp-pause:before,
.page-white-black div.jp-interface ul.jp-controls a.jp-pause:after{
	height: 22px;
}
div.jp-interface ul.jp-controls a.jp-stop{display:none !important;}
div.jp-interface ul.jp-controls a.jp-previous{
	position:absolute;
	padding-top: 6px;
	top: 16px; 
	left: 24%;
	width: 30px;
	height: 30px;
	font-size: 16px; 
}
div.jp-interface ul.jp-controls a.jp-next{
	position:absolute;
	padding-top: 6px;
	top: 16px;
	right: 23%;
	width: 30px;
	height: 30px;
	font-size: 16px;
}
div.jp-interface ul.jp-controls a.jp-next span{
	padding-left: 14px;
}
div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute, div.jp-interface ul.jp-controls a.jp-favourite{
	position:absolute;
	top:0; right:172px;
	height:50px; width:36px;
	background-position:13px -180px;
	}
div.jp-interface ul.jp-controls a.jp-unmute{display:none; background-position:13px -382px;}
div.jp-interface ul.jp-controls a.jp-unmute:hover{background-position:-37px -382px;}
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:158px;}
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:158px;}
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:158px;}

/*div.jp-interface div.jp-current-time{
	position:absolute; z-index:1;
	top:10px; left:0;
	width:50px; height:25px;
	
	text-align:right;
	font-size:12px;
	color:#FFF;
	line-height:25px;
	
	overflow:hidden;
	}*/
div.jp-type-playlist div.jp-interface div.jp-trackinfo{
    position:absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	width:auto;
	height:auto; 
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
    z-index:1;
}

/*div.jp-type-playlist div.jp-interface div.jp-current-time{
	top: 10px; 
	left: auto; 
	right: 240px;
	height: 17px;
	text-align: left;
	color: #FFFFFF;
	line-height: 17px;
	display: none;
}
div.jp-interface div.jp-duration{
	position:absolute; z-index:1;
	top:37px; right:0;
	width:50px; height:25px;
	
	text-align:left;
	font-size:12px;
	color:#7F7F7F;
	line-height:25px;
	
	overflow:hidden;
	}
div.jp-type-playlist div.jp-interface div.jp-duration{
	top: 10px; 
	right: 200px;
	height: 17px;
	text-align: right;
	color: #7F7F7F;
	line-height: 17px;
	background: transparent url(file:///C|/Users/%D0%9F%D0%B0%D1%88%D0%B0/AppData/Roaming/Adobe/Dreamweaver%20CC/ru_RU/Configuration/Temp/DownloadCache/sprites.png) no-repeat 1px -530px;
	display: none;
}
div.jp-video div.jp-type-playlist div.jp-interface div.jp-duration{right:165px;}*/
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:0; right:0;
	height:50px; width:34px;
	
	background-position:10px -331px;
	}
div.jp-interface ul.jp-toggles a.jp-shuffle:hover,
div.jp-interface ul.jp-toggles a.jp-shuffle-off:hover{background-position:-38px -331px;}
div.jp-interface ul.jp-toggles a.jp-shuffle-off{background-color: transparent;}

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:24px; right:10px;
	height:4px; width:70px;
	background: #313131;
	overflow:hidden;
	cursor:pointer;
	display: none;	
}
div.jp-type-playlist div.jp-volume-bar{
	right: 79px;
	display: none !important;
}
div.jp-video div.jp-type-playlist div.jp-volume-bar{right:79px;}
div.jp-video div.jp-volume-bar{right:79px;}
div.jp-volume-bar-value{
	width: 0px; 
	height: 4px;
	background: #008CD3;
	display: none !important;
}
/* PROGRESS BAR */
/*div.jp-progress{
	position:absolute; z-index:2;
	top:33px; right:105px; left:45px;
	height:5px; width:auto;
	background: #585858;
	overflow:hidden;
	cursor:pointer;
	}*/

/*div.jp-type-playlist div.jp-progress{right: 200px; left: 180px;}
div.jp-video div.jp-progress{right:200px;}
div.jp-video div.jp-type-playlist div.jp-progress{right:200px;}*/
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:8px;
	
	background: #E60067;
	}*/

/* 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; }

/* DUKE fixes for bootstrap and progress bar */
.jp-seek-bar div
{
        -webkit-box-sizing: content-box; 
	    -moz-box-sizing: content-box; 
	    box-sizing: content-box;       	            
}

div.jp-interface ul.jp-controls a.jp-favourite{
	right: -4px; 
	top: 11px; 
	width: 30px; 
	height: 30px;
}

div.jp-interface ul.jp-controls a.jp-favourite span{
	left: 5px;
	top: 9px;
	font-size: 21px;
	color: #FFFFFF;
	text-shadow: none;
}
div.jp-interface ul.jp-controls a.jp-favourite span.glyphicon-star {color: #FFF;}
div.jp-interface ul.jp-controls a.jp-favourite span.glyphicon-heart {color: #E70268;}
div.jp-interface ul.jp-controls a.jp-favourite span.glyphicon-heart:before {
    content: "\e006";
}
/*
div.jp-interface ul.jp-controls a.jp-favourite:hover {cursor: default}
*/
div.jp-progress{
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 7px; 
	background: #585858;
	overflow: hidden;
	cursor: pointer;
	z-index: 2;
}
div.jp-play-bar{
	width:0px;
	height:7px;
	background: #E60067;
}
div.jp-interface ul.jp-controls{
	position: relative;
	margin: 0; 
	padding: 0;
	width: auto;
	height: 66px;
	background-color: #202020;
	list-style: none;
	overflow: hidden;
}
div.jp-interface ul.jp-controls a,
div.jp-interface ul.jp-toggles a{
	display:block;
	color: #FFFFFF;
	overflow:hidden;
}
div.jp-type-playlist div.jp-interface div.jp-trackinfo:hover{
	color: #FFF; 
	text-decoration: none; 
	cursor: pointer;
}
div.jp-interface ul.jp-toggles a.jp-shuffle,
div.jp-interface ul.jp-controls a.jp-mute{
	display: none !important;
}