/*

 * 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: 3.0 (jPlayer 2.0.0)

 * Date: 20th December 2010

 */


div.jp-audio,

div.jp-video {



	/* Edit the font-size to counteract inherited font sizing.

	 * Eg. 1.25em = 1 / 0.8em

	 */



	font-size:1em; /* No parent CSS that can effect the size in these demos */



	font-family:Verdana, Arial, sans-serif;

	line-height:1.6;

	color: #333333; position:relative; /* Position css added by seema*/

	

	background: url(../images/main-bg.jpg) no-repeat top left;

    margin: 0px;

    width: 445px !important; height:48px; float:left;

}

.album-info{float: left;}

div.jp-audio {

	width:420px;

}

div.jp-video-270p {

	width:480px;

}

div.jp-video-360p {

	width:640px;

}

	

div.jp-audio div.jp-type-single div.jp-interface {

	height:62px;

	border-bottom:none;

}



div.jp-video div.jp-type-single div.jp-interface {

	height:60px;

	border-bottom:none;

}

div.jp-video div.jp-type-playlist div.jp-interface {

	height:60px;

}

div.jp-interface ul.jp-controls {

	list-style-type:none;

	padding:0;

	margin: 0;

}

div.jp-interface ul.jp-controls li {

	/* position: absolute; */

	display:inline;

}

div.jp-interface ul.jp-controls a {

	position: absolute;

	overflow:hidden;

	text-indent:-9999px;

}

a.jp-play,

a.jp-pause {

	width:30px;

	height:48px;

	z-index:1;

}

div.jp-audio div.jp-type-single a.jp-play,

div.jp-audio div.jp-type-single a.jp-pause {

	top:10px;

	left:10px;

}

div.jp-audio div.jp-type-playlist a.jp-play,

div.jp-audio div.jp-type-playlist a.jp-pause {

	top:0px;

	left:25px;

}

div.jp-video a.jp-play,

div.jp-video a.jp-pause {

	top:15px;

}

div.jp-video-270p div.jp-type-single a.jp-play,

div.jp-video-270p div.jp-type-single a.jp-pause {

	left:195px;

}

div.jp-video-270p div.jp-type-playlist a.jp-play,

div.jp-video-270p div.jp-type-playlist a.jp-pause {

	left:220px;

}

div.jp-video-360p div.jp-type-single a.jp-play,

div.jp-video-360p div.jp-type-single a.jp-pause {

	left:275px;

}

div.jp-video-360p div.jp-type-playlist a.jp-play,

div.jp-video-360p div.jp-type-playlist a.jp-pause {

	left:300px;

}

a.jp-play {

	background: url(../images/new-icons1.png) no-repeat 0 0;

}



a.jp-pause {

	background: url(../images/new-icons1.png) no-repeat 3% 48%;

	display: none;

}



div.jp-audio div.jp-type-single a.jp-stop {

	top:17px;

	left:60px;

}

div.jp-audio div.jp-type-playlist a.jp-stop {

	top:26px;

	left:126px;

}

div.jp-video a.jp-stop {

	top:21px;

}

div.jp-video-270p div.jp-type-single a.jp-stop {

	left:245px;

}

div.jp-video-270p div.jp-type-playlist a.jp-stop {

	left:298px;

}

div.jp-video-360p div.jp-type-single a.jp-stop {

	left:325px;

}

div.jp-video-360p div.jp-type-playlist a.jp-stop {

	left:378px;

}

a.jp-stop {

	background: url("jplayer-efst.png") 0 -83px no-repeat;

	width:28px;

	height:28px;

	z-index:1;

}

a.jp-stop:hover {

	background: url("jplayer-efst.png") -29px -83px no-repeat;

}

div.jp-audio div.jp-type-playlist a.jp-previous {

	left:0px;

	top:0px;

}

div.jp-video div.jp-type-playlist a.jp-previous {

	top:21px;

}

div.jp-video-270p div.jp-type-playlist a.jp-previous {

	left:192px;

}

div.jp-video-360p div.jp-type-playlist a.jp-previous {

	left:272px;

}

a.jp-previous {

	background: url(../images/prev.png) no-repeat top left;

	width:25px;

	height:48px;

}

/*a.jp-previous:hover {

	background: url(../images/prev-h.png) no-repeat top left;

}*/

div.jp-audio div.jp-type-playlist a.jp-next {

	left:54px;

	top:0px;

}

div.jp-video div.jp-type-playlist a.jp-next {

	top:21px;

}

div.jp-video-270p div.jp-type-playlist a.jp-next {

	left:260px;

}

div.jp-video-360p div.jp-type-playlist a.jp-next {

	left:340px;

}

a.jp-next {

	background: url(../images/next.png) no-repeat top right;

	width:25px;

	height:48px;

}

/*a.jp-next:hover {

	background: url(../images/next-h.png) no-repeat top left;

}*/

div.jp-progress {

   background: url("../images/sd-line.png") repeat scroll 0 0 transparent;

    overflow: hidden;

    position: absolute;

}

#track-name, #move-track-name{ width:100%; clear:both;

    font-size: 12px; height:20px; overflow:hidden;

}

.div.jp-audio div.jp-type-single div.jp-progress {

	top:23px;

	left:130px;

	width:122px;

	height:15px;

}

div.jp-progress {

	top:22px;

	left:91px;

	width:220px;

	height:15px;

}

div.jp-video div.jp-progress {

	top:0px;

	left:0px;

	width:100%;

	height:10px;

}

div.jp-seek-bar {

	background: url("../images/sd-line.png") repeat scroll 0 0 transparent;

	width:0px;

	/* height:15px; */

	height:100%;

	cursor: pointer;

}

div.jp-play-bar {

	background:#fff;

	width:0px;

	/* height:15px; */

	height:100%;

}



/* The seeking class is added/removed inside jPlayer */

div.jp-seeking-bg {

	background: url("pbar-ani.gif");

}



a.jp-mute,

a.jp-unmute {

	width:44px;

	height:46px;

}

div.jp-audio div.jp-type-single a.jp-mute,

div.jp-audio div.jp-type-single a.jp-unmute {

	top:23px;

	left:274px;

}

div.jp-audio div.jp-type-playlist a.jp-mute,

div.jp-audio div.jp-type-playlist a.jp-unmute {

	top:0px;

	left:322px;

}

div.jp-video a.jp-mute,

div.jp-video a.jp-unmute {

	top:27px;

}

div.jp-video-270p div.jp-type-single a.jp-mute,

div.jp-video-270p div.jp-type-single a.jp-unmute {

	left:304px;

}

div.jp-video-270p div.jp-type-playlist a.jp-unmute,

div.jp-video-270p div.jp-type-playlist a.jp-mute {

	left:363px;

}

div.jp-video-360p div.jp-type-single a.jp-mute,

div.jp-video-360p div.jp-type-single a.jp-unmute {

	left:384px;

}

div.jp-video-360p div.jp-type-playlist a.jp-mute,

div.jp-video-360p div.jp-type-playlist a.jp-unmute {

	left:443px;

}

a.jp-mute {

	background: url(../images/new-icons1.png) no-repeat 97% 48%;

}

/*a.jp-mute:hover {

	background: url("jplayer.blue.monday.png") -19px -170px no-repeat;

}*/

a.jp-unmute {

	background: url(../images/new-icons1.png) no-repeat 97% 96%;



}

/*a.jp-unmute:hover {

	background: url("jplayer.blue.monday.png") -19px -186px no-repeat;

}*/

div.jp-volume-bar {

	position: absolute;

	overflow:hidden;

	background: url("../images/sd-line.png") repeat scroll 0 0 transparent;

	width:35px;

	height:6px;

	cursor: pointer;

}

div.jp-audio div.jp-type-single div.jp-volume-bar {

	top:29px;

	left:302px;

}

div.jp-audio div.jp-type-playlist div.jp-volume-bar {

	top:25px;

	left:356px;

}

div.jp-video div.jp-volume-bar {

	top:32px;

}

div.jp-video-270p div.jp-type-single div.jp-volume-bar {

	left:332px;

}

div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {

	left:391px;

}

div.jp-video-360p div.jp-type-single div.jp-volume-bar {

	left:412px;

}

div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {

	left:471px;

}

div.jp-volume-bar-value {

	background:#fff;

	width:0px;

	height:6px;

}

div.jp-current-time,

div.jp-duration {

	position: absolute;

	font-size:.64em;

	font-style:oblique;

}

div.jp-duration {

	text-align: right;

}

div.jp-audio div.jp-type-single div.jp-current-time,

div.jp-audio div.jp-type-single div.jp-duration {

	top:41px;

	left:130px;

	width:122px;

}

div.jp-current-time,

div.jp-duration {

	background: url(../images/sap.png) no-repeat scroll 51% 30% transparent;

    color: #FFFFFF;

    font-family: verdana;

    font-size: 9px;

    font-style: normal;

    left:90px;

    top: 5px;

    width: 77px;

}

div.jp-video div.jp-current-time,

div.jp-video div.jp-duration {

	top:10px;

	left:0px;

	width:98%;

	padding:0 1%;

}

div.jp-playlist {

	/* width:418px; */

	width:100%;

	border-top:none;

	padding-top:2px;

	font-size:16px;

	font-family: "Calibri";

	color:#efefef;

	margin-top:48px;

}

div.jp-playlist ul {

	list-style-type:none;

	margin:0;

	padding:0 10px;

	/* background-color:#ccc; */

	/* border:1px solid #009be3; */

	/* border-top:none; */

	/* width:378px; */

	font-size:.72em;

}





div.jp-type-single div.jp-playlist li {

	padding:5px 0 5px 20px;

	font-weight:bold;

}

div.jp-type-playlist div.jp-playlist li {

	padding:4px 0 4px 0px;

	border-bottom:1px solid #eee;

}

/*

div.jp-video div.jp-playlist li {

	padding:5px 0 5px 20px;

	font-weight:bold;

}

*/

div.jp-type-playlist div.jp-playlist li.jp-playlist-last {

	padding:5px 0 5px 20px;

	border-bottom:none;

}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {

	list-style-type:none;

	list-style-position:inside;

	padding-left:0px;

}

div.jp-type-playlist div.jp-playlist a {

	color: #666;

	text-decoration: none;

}

div.jp-type-playlist div.jp-playlist a:hover {

	color:#0d88c1;

}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {

	color:#0d88c1; font-weight:bold;

}

div.jp-type-playlist div.jp-playlist div.jp-free-media {

	display:inline;

	margin-left:20px;

}



div.jp-video div.jp-video-play {

	background: transparent url("jplayer.blue.monday.video.play.png") no-repeat center;

	/* position: relative; */

	position: absolute;

	cursor:pointer;

	z-index:2;

}

div.jp-video div.jp-video-play:hover {

	background: transparent url("jplayer.blue.monday.video.play.hover.png") no-repeat center;

}

div.jp-video-270p div.jp-video-play {

	top:-270px;

	width:480px;

	height:270px;

}

div.jp-video-360p div.jp-video-play {

	top:-360px;

	width:640px;

	height:360px;

}



div.jp-jplayer {

	width:0px;

	height:0px;

}

div.jp-video div.jp-jplayer {

	border:1px solid #009be3;

	border-bottom:none;

	z-index:1;

}

div.jp-video-270p div.jp-jplayer {

	width:480px;

	height:270px;

}

div.jp-video-360p div.jp-jplayer {

	width:640px;

	height:360px;

}

div.jp-jplayer {

	background-color: #000000;

}

.tracks .title {

    cursor: pointer;

    display: inline-block;

    padding: 0 0 0 0px;

    width: 240px;

}

ol.tracks{ margin:0; padding:0 0 10px 20px;}

ol.tracks li{ margin:0; padding:0 0 10px 0; font-size:13px; color: #D9A256;}

ol.tracks li a{color: #D9A256; text-decoration:none;}

span.tarck-price{ width:60px; text-align:right; display:inline-block;}

.tracks a.buy {

    background: url("../images/buy.png") repeat scroll 0 0 transparent;

    color: #EFEFEF;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 11px;

    height: 16px;

	width:30px;

	float:right; padding:1px 10px 1px 10px;

}

.tracks a.buy input{ background:none; text-transform:uppercase; color: #EFEFEF; cursor:pointer;  font-size: 11px; padding:0; font-size:10px; display:block;}

.tracks a.buy span{ display:block;}





div.tall2{width:150px !important;}

div.tall2 div.jp-type-playlist a.jp-previous {

    left: 5px!important;

    top: 32px;

}

div.tall2 div.jp-type-playlist a.jp-previous {left: 6px!important;}

div.tall2 div.jp-type-playlist a.jp-play{ left:45px !important;}

div.tall2 div.jp-type-playlist a.jp-next {left:92px !important;}





/*===============Standard(400x150 px)===============*/



.embed-standard{ width:400px; height:150px;}

.embed-standard div.jp-audio{ width:400px !important;}



/*===============Standard w/Playlist(400x300 px) ===============*/

.embed-standard-playlist .album-info .album-img{ margin-bottom:7px;}

.embed-standard-playlist{width:300px; height:400px;}

.embed-standard-playlist div.jp-audio{ width:300px !important;}



.embed-standard-playlist div.jp-audio div.jp-type-playlist a.jp-play {background: url("../images/new-icons.png") no-repeat; left:0;}

.embed-standard-playlist div.jp-audio div.jp-type-playlist a.jp-pause {background: url("../images/new-icons.png") no-repeat 0 47%; left:0;}



.embed-standard-playlist a.jp-play, .embed-standard-playlist a.jp-pause {height:48px; width:48px; z-index:1;}

.embed-standard-playlist div.jp-progress, .embed-standard-playlist div.jp-current-time, .embed-standard-playlist div.jp-duration  {left:59px;}

.embed-standard-playlist div.jp-progress{ width:150px;}



.embed-standard-playlist div.jp-audio div.jp-type-playlist a.jp-mute,

.embed-standard-playlist div.jp-audio div.jp-type-playlist a.jp-unmute {left:221px;}



.embed-standard-playlist div.jp-audio div.jp-type-playlist div.jp-volume-bar {left: 256px;}

.embed-standard-playlist .album-text {width: 190px;}

.embed-standard-playlist div.jp-playlist{ height:245px; overflow:auto;}



/*===============Wide(300x100 px)===============*/

.embed-wide{ width:300px; height:100px;}

.embed-wide div.jp-audio {width: 300px !important;}

.embed-wide .album-info{ width:300px;}

.embed-wide .album-info .album-text{ float:left; width:265px;}

.embed-wide .album-info form { float:right;}

.embed-wide ol{ clear:both; margin:0; padding:0;}

.embed-wide div.jp-progress{ width:118px;}

.embed-wide div.jp-audio div.jp-type-playlist a.jp-mute, .embed-wide  div.jp-audio div.jp-type-playlist a.jp-unmute {left: 220px;}

.embed-wide div.jp-audio div.jp-type-playlist div.jp-volume-bar {left: 255px;}



/*===============Wide(200x200 px)===============*/



.embed-square{ width:200px; height:200px;}

.embed-square div.jp-audio {width: 200px !important;}

.embed-square .album-info{ width:200px;}

.embed-square .album-info .album-text{ float:left; width:165px;}

.embed-square .album-info form { float:right;}

.embed-square ol{ clear:both; margin:0; padding:0;}

.embed-square div.jp-progress{ width:98px;}

.embed-square div.jp-audio div.jp-type-playlist a.jp-mute, .embed-square  div.jp-audio div.jp-type-playlist a.jp-unmute {left: 220px;}

.embed-square div.jp-audio div.jp-type-playlist div.jp-volume-bar {left: 255px;}



/*===============Reactengle(200x70 px)===============*/



.embed-rectangle #track-name, #move-track-name { float:left; width: 75%; clear:none;}

.embed-rectangle{ width:200px; height:70px;}

.embed-rectangle div.jp-audio {width: 200px !important;}

.embed-rectangle .album-info{ width:35px; float:right; padding-bottom:4px;}

.embed-rectangle .album-info .album-text{ float:left; width:165px;}

.embed-rectangle .album-info form { float:right;}

.embed-rectangle ol{ clear:both; margin:0; padding:0;}

.embed-rectangle div.jp-progress{ width:98px;}

.embed-rectangle div.jp-audio div.jp-type-playlist a.jp-mute, .embed-rectangle  div.jp-audio div.jp-type-playlist a.jp-unmute {left: 220px;}

.embed-rectangle div.jp-audio div.jp-type-playlist div.jp-volume-bar {left: 255px;}



/*===============Tall(150x300 px)===============*/

.embed-tall a.jp-play, .embed-tall a.jp-pause {height: 48px; width: 48px;z-index: 1;}

.embed-tall a.jp-play {background: url("../images/new-icons.png") no-repeat scroll 0 0 transparent;}

.embed-tall a.jp-pause {background: url("../images/new-icons.png") no-repeat scroll 0% 48% transparent;}

.embed-tall div.jp-current-time, .embed-tall div.jp-duration { left:58px;}



.embed-tall div.jp-audio div.jp-type-playlist a.jp-play, .embed-tall div.jp-audio div.jp-type-playlist a.jp-pause {left: 0px;}

.embed-tall{ width:150px; height:300px;}

.embed-tall .album-info .buy-btn{ padding-bottom:5px;}

.embed-tall{ width:150px; height:300px;}

.embed-tall div.jp-audio {width: 150px !important;}

.embed-tall .album-info{ width:150px;}

.embed-tall .album-info .album-text{ float:left; width:145px; margin-bottom:4px;}

.embed-tall .album-info form { float:right;}

.embed-tall ol{ clear:both; margin:0; padding:0;}

.embed-tall div.jp-progress{ width:81px; left:58px;}

.embed-tall div.jp-audio div.jp-type-playlist a.jp-mute, .embed-tall  div.jp-audio div.jp-type-playlist a.jp-unmute {left: 220px;}

.embed-tall div.jp-audio div.jp-type-playlist div.jp-volume-bar {left: 255px;}

.embed-tall div.jp-playlist{ height:100px; overflow:auto;}



/*===============Short(80x50 px)===============*/



.embed-short{width:80px; height:50px;}

.embed-short div.jp-audio {width:80px !important;}



/*===============Traklist Embed===============*/



.embed-track div.jp-audio div.jp-type-playlist a.jp-play, .embed-track div.jp-audio div.jp-type-playlist a.jp-pause { width:48px; left:0px;}

.embed-track a.jp-play {background: url("../images/new-icons.png") no-repeat scroll 0 0 transparent;}

.embed-track a.jp-pause {background: url("../images/new-icons.png") no-repeat scroll 0% 48% transparent;}

.embed-track div.jp-progress {left: 58px;width: 253px;}

.embed-track .album-info{ padding-bottom:7px;}

.embed-track div.jp-current-time, .embed-track div.jp-duration{ left:58px;}



.track-wide{ height:80px;}

.track-wide div.jp-audio div.jp-type-playlist a.jp-play, .track-wide div.jp-audio div.jp-type-playlist a.jp-pause { width:48px; left:0px;}

.track-wide a.jp-play {background: url("../images/new-icons.png") no-repeat scroll 0 0 transparent;}

.track-wide a.jp-pause {background: url("../images/new-icons.png") no-repeat scroll 0% 48% transparent;}

.track-wide div.jp-progress {left:58px; width: 150px;}

.track-wide div.jp-current-time, .track-wide div.jp-duration{ left:58px;}



.track-rectangle div.jp-audio div.jp-type-playlist a.jp-play, .track-rectangle div.jp-audio div.jp-type-playlist a.jp-pause { width:48px; left:0px;}

.track-rectangle a.jp-play {background: url("../images/new-icons.png") no-repeat scroll 0 0 transparent;}

.track-rectangle a.jp-pause {background: url("../images/new-icons.png") no-repeat scroll 0% 48% transparent;}

.track-rectangle div.jp-progress {left: 58px;width: 131px;}

.track-rectangle div.jp-current-time, .track-rectangle div.jp-duration{ left:58px;}



.track-short div.jp-audio{width:46px !important;}

.track-short a.jp-play {background: url("../images/new-icons.png") no-repeat scroll 0 0 transparent;}

.track-short a.jp-pause {background: url("../images/new-icons.png") no-repeat scroll 0% 48% transparent;}

.track-short div.jp-audio div.jp-type-playlist a.jp-play, .track-short div.jp-audio div.jp-type-playlist a.jp-pause { width:48px; left:0px;}



.track-square div.jp-audio div.jp-type-playlist a.jp-play, .track-square div.jp-audio div.jp-type-playlist a.jp-pause { width:48px; left:0px;}

.track-square a.jp-play {background: url("../images/new-icons.png") no-repeat scroll 0 0 transparent;}

.track-square a.jp-pause {background: url("../images/new-icons.png") no-repeat scroll 0% 48% transparent;}

.track-square div.jp-progress {left: 58px;width: 131px;}

.track-square div.jp-current-time, .track-square div.jp-duration{ left:58px;}



.track-tall{ height:200px;}



.fb-player{ height:150px;background:#f3f3f3;}

.fb-player div.jp-audio, .fb-player div.jp-video {background: url("../images/main-bg-fb.jpg") no-repeat scroll left top transparent;}

.fb-player div.jp-progress {background:#666 url("../images/sd-line.png");}

.fb-player .album-info{ padding:10px 0 6px 10px;}

.fb-player #track-name, .fb-player #move-track-name{ padding-left:10px; width:97px;}