/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.1
 * Date: 13th May 2010
 */

div.jp-single-player,
div.jp-playlist-player {
	float:left;
	width:85%;
}
div.jp-interface {
	position: relative;
	height:55px;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:23px;
	width:36px;
	height:36px;
	left:23px;
}
.span4 .right a.jp-play, a.jp-pause, .left a.jp-play, a.jp-pause {
    left: 12px !important;
    top: 32px !important;
}
.playlist-btn{
	background:url(../images/j-playicon-1.png)  center center no-repeat;
	float:right;
	width:59px;
	height:81px;
    position: absolute;
    right:60px;
    top: 0;
	background-color:#2F2F2F;
}
.playlist-btn:hover{
	background-color:#191919;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
	left:40px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:30px;
}
a.jp-play {
	background:url(../images/jplyer-btn.png)  -37px 0px no-repeat;
}
a.jp-play:hover {
	background:url(../images/jplyer-btn.png) -37px -37px no-repeat ;
}
a.jp-pause {
	background:url(../images/jplyer-btn.png) no-repeat;
}
a.jp-pause:hover {
	background:url(../images/jplyer-btn.png) no-repeat 0px -38px;
}
a.jp-stop {
	top:13px;
	background: 0 0px no-repeat;
	width:36px;
	height:36px;
	display:none;
}
div.jp-single-player a.jp-stop {
	left:90px;
}
div.jp-playlist-player a.jp-stop {
	left:118px;
}
a.jp-stop:hover {

}
a.jp-previous {
	left:65px;
	top:24px;
	background:url(../images/jplyer-btn.png) no-repeat -72px 0px;
	width:36px;
	height:36px;
}
a.jp-previous:hover {
	background:url(../images/jplyer-btn.png) no-repeat -72px -37px;
}
a.jp-next {
	left:99px;
	top:24px;
	background:url(../images/jplyer-btn.png) no-repeat -106px 0px;
	width:36px;
	height:36px;
}
a.jp-next:hover {
	background:url(../images/jplyer-btn.png) no-repeat -106px -37px;
}
div.jp-progress {
	position: absolute;
	background:url(../images/volum-bar.png) repeat-x;
	overflow:hidden;
	top:33px;
	width:361px;
	height:18px;
	border-radius:2px;
	left:279px;
}
div.jp-single-player div.jp-progress {
	left:130px;
}
div.jp-playlist-player div.jp-progress {
	left:151px;
}
div.jp-load-bar {
	background:url(../images/progress-bar.png) repeat-x;
	width:97% !important;
	height:10px;
	cursor: pointer;
	border-radius:2px;
	margin:5px 0px 0px 5px;
}
div.jp-play-bar {
	background:url(../images/progress-bar-vol.png) repeat-x;
	width:0px;
	height:10px;
	margin:5px 0 0 4px;
	border-radius:2px;
}
a.jp-volume-min {
	top:26px;
	background:url(../images/volum_dicrease.png) 0 0px no-repeat;
	width:8px;
	height:10px;
}
div.jp-single-player a.jp-volume-min {
	left:274px;
}
div.jp-playlist-player a.jp-volume-min {
	left:256px;
}
a.jp-volume-min:hover {
	background:url(../images/volum_dicrease.png) 0px 0px no-repeat;
}
a.jp-volume-max {
	top:26px;
	width:18px;
	height:15px;
}
div.jp-single-player a.jp-volume-max {
	left:346px;
}
div.jp-playlist-player a.jp-volume-max {
	left:306px;
}

div.jp-volume-bar {
	background: url(../images/volum-bg.png) no-repeat;
    cursor: pointer;
    height: 17px;
    position: absolute;
    top:37px;
    width:92px;
	right:14%;
}
.volumicon{
	background:url(../images/volum-icon.png) no-repeat;
	width:16px;
	height:12px;
	position:absolute;
	left:533px;
	top:45px;
}
div.jp-single-player div.jp-volume-bar {
	left:292px;
}
div.jp-playlist-player div.jp-volume-bar {
	left:555px;
}
div.jp-volume-bar-value.vol{
	
}
div.jp-volume-bar-value {
    height:17px;
    margin:0px 0 0 0px;
	background:url(../images/volum.png) no-repeat;
	background-position:right center;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:49px;
	width:122px;
	font-size:.64em;
	font-style:oblique;
	display:none;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:130px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:164px;
}
div.jp-playlist {
	width:100%;
	display:block;
    position:absolute;
    right:0;
	top:82px;
	z-index:9999;
}
.jp-playlist-current{
	color:#999999;
	font-size:14px;
}
div.jp-playlist{
	background-color:#161616;
	float:left;
	padding:36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	border-top:none;
	width:100%;
	float:left;
}
div.jp-playlist ul li{
	width: 100%;
}
div.jp-playlist ul li a{
	float: left;
	width: 100%;
}
.download p{
	float:left;
	margin:3px 12px 0px 0px;
}
.ti{
	margin-top:8px;
	padding-top:8px;
	border-top:1px solid #1B1B1B;
}
.ti:first-child{
	margin-top:0px;
	padding-top:0px;
	border:none;
}
a.jp-playlist-item {
    background: url("../images/play-list-arrow.png") no-repeat;
    height: 30px;
    padding-bottom: 6px;
    padding-left: 35px;
    padding-top: 2px;
    width: 25px;
	font-weight:bold;
	text-transform:capitalize !important;
	font-size:14px;
}
a.jp-playlist-item:hover{
	background-position:0px -35px;
}
.download a:hover{
	background-color:#FF4539;
}
.download a.click {
    height: 25px;
    text-align: center;
    width: 25px;
	background-color:#1D1D1D;
	float:left;
	margin-left:10px;
}
a.download-btn{
    padding:3px 8px 4px;
	float:left;
	background-color:#1D1D1D;
	margin-left:10px;
}
.jp-toggles{
	float:right;
}
.jp-toggles li{
	padding-top:39px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jp-toggles li a.jp-repeat{
	display:none !important;
}
.jp-toggles li a{
	width:59px;
	height:42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	display:block;
	text-indent:-9999px;
	background:url(../images/j-play-icon.png) no-repeat center 0px;
}
.jp-toggles li{
	background-color:#2f2f2f;
}
.jp-toggles li:hover{
	background-color:#191919;
}
.nowplaying h2{
	float:left;
	padding-top:22px;
}
.banner .jp-current-time,
.banner .jp-duration{
	 float:left;
    left:66%;
    position:absolute;
    top:35px !important;
	color:#FFF;
}
.banner .jp-duration{
	left:70% !important;
}
.left .nowplaying p, .right .nowplaying p{
	top: 0px;
}
.left .cs_music_player, .right .cs_music_player{
	height: 300px;
}
.left div.jp-interface ul.jp-controls li, .right div.jp-interface ul.jp-controls li{
	position: inherit;
}
.left div.jp-playlist, .right div.jp-playlist{
	padding: 10px;
}
.right .jp-toggles li a, .left .jp-toggles li a {
	background-position: 9px center;
    display: block;
    height: 30px;
    text-align: center;
    text-indent: -9999px;
    width: 30px;
}
.right .jp-toggles li, .left .jp-toggles li{
	padding: 0px;
	margin-right: 2px;
}
.right div.jp-playlist ul li, .left div.jp-playlist ul li{
	background-color: #191919;
	margin-top: 2px;
}
.right a.jp-playlist-item, .left a.jp-playlist-item{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 4px;
	background-position: 0px 3px;
}
.right .jp-playlist-current, .left .jp-playlist-current{
	color: #fff;
}
.right .jp-progress, .left .jp-progress{
	display: none !important;
}
.right .jp-current-time, .jp-duration, .left .jp-current-time, .jp-duration{
	left: 88% !important;
}
.widget .jp-current-time {
	float: left;
	margin:10px 0 0 82px;
}
.widget .jp-current-time:after {
	content: "-";
	padding: 0px 0px 0px 10px ;
}
.widget .jp-duration {
	float: left;
	margin: 10px 0 0 10px;
}
.banner .jp-toggles{
	margin-top: 0px !important;
}
.jp-toggles {
	margin-top: 10px !important;

}
.right .jp-duration, .left .jp-duration{
	left: 76% !important;
}
.right .cs_music_player, .desc .text-desc a.comment-reply-link, .left .cs_music_player, .desc .text-desc a.comment-reply-link{
	background: none;
}
.right .nowplaying, .left .nowplaying{
	height: 160px;
	background-color: #161616;
	margin-top: 20px;
}
.right .nowplaying h5, .left .nowplaying h5{
	padding: 8px 0px 0px 10px;
	text-transform: capitalize;
}
.right a.jp-play, a.jp-pause, .left a.jp-play, a.jp-pause{
	left: 23px;
	top: 24px;
}
.banner a.jp-pause{
	left:23px !important;
	top:24px !important;
}
.right .jp-playlist, .left .jp-playlist{
	margin-top: 15px;
}
.right a.jp-previous, .left a.jp-previous{
	left: 53px;
	top: 32px;
}
.right a.jp-next, .left a.jp-next{
	left: 93px;
	top: 32px;
}
.right div.jp-volume-bar, .left .jp-volume-bar{
	right: 21%;
	top: 43px;
}
.right .jp-toggles, .left .jp-toggles{
	margin-top: 34px;
}
.right .nowplaying p, .left .nowplaying p{
	left: 10px;
	top: 7px !important;
}