/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2011 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: 4.0 (jPlayer 2.1.0)
 * Date: 1st September 2011
 */
* { outline:none; }
div.jp-audio, div.jp-video { /* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */ font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666; /*border:1px solid #009be3;*/
	background-color:#eee; position:relative; text-align:left; }
div.jp-audio { width:420px; }
div.jp-video-270p { width:480px; }
div.jp-video-360p { width:640px; }
div.jp-video-full { /* Rules for IE6 (full-screen) */
	width:480px; height:270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative }
div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; z-index:1000; }
div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width:100%; height:100%; z-index:1000; }
div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; z-index:1000; }
div.jp-interface { position: relative; background-color:#eee; width:100%; }
div.jp-audio div.jp-type-single div.jp-interface { height:80px; }
div.jp-audio div.jp-type-playlist div.jp-interface { height:80px; }
div.jp-video div.jp-interface { /*border-top:1px solid #009be3;*/
}
/* @group CONTROLS */

div.jp-controls-holder { clear: both; width:440px; margin:0 auto; position: relative; overflow:hidden; top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ }
div.jp-interface ul.jp-controls { list-style-type:none; margin:0; padding: 0; overflow:hidden; }
div.jp-audio ul.jp-controls { width: 380px; padding:20px 20px 0 20px; }
div.jp-video div.jp-type-single ul.jp-controls { width: 78px; margin-left: 200px; }
div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; }
div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display:inline; float: left; }
div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; }
a.jp-play, a.jp-pause { width:40px; height:40px; }
a.jp-play { background: url("jplayer.blue.monday.jpg") 0 0 no-repeat; }
a.jp-play:hover { background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat; }
a.jp-pause { background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat; display: none; }
a.jp-pause:hover { background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat; }
a.jp-stop, a.jp-previous, a.jp-next { width:28px; height:28px; margin-top:6px; }
a.jp-stop { background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left:10px; }
a.jp-stop:hover { background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat; }
a.jp-previous { background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat; }
a.jp-previous:hover { background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat; }
a.jp-next { background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat; }
a.jp-next:hover { background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat; }
/* @end */

/* @group progress bar */

div.jp-progress { overflow:hidden; background-color: #ddd; }
div.jp-audio div.jp-progress { position: absolute; top:32px; height:15px; }
div.jp-audio div.jp-type-single div.jp-progress { left:110px; width:186px; }
div.jp-audio div.jp-type-playlist div.jp-progress { left:166px; width:130px; }
div.jp-video div.jp-progress { top:0px; left:0px; width:100%; height:10px; }
div.jp-seek-bar { background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x; width:0px; height:100%; cursor: pointer; }
div.jp-play-bar { background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x; width:0px; height:100%; }
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg { background: url("jplayer.blue.monday.seeking.gif"); }
/* @end */

/* @group volume controls */


a.jp-mute, a.jp-unmute, a.jp-volume-max { width:18px; height:15px; margin-top:12px; }
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; }
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; }
div.jp-audio a.jp-volume-max { margin-left: 56px; }
div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { position: absolute; top:12px; margin-top:0; }
div.jp-video a.jp-mute, div.jp-video a.jp-unmute { left: 50px; }
div.jp-video a.jp-volume-max { left: 134px; }
a.jp-mute { background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat; }
a.jp-mute:hover { background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat; }
a.jp-unmute { background: url("jplayer.blue.monday.jpg") -60px -170px no-repeat; display: none; }
a.jp-unmute:hover { background: url("jplayer.blue.monday.jpg") -79px -170px no-repeat; }
a.jp-volume-max { background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat; }
a.jp-volume-max:hover { background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat; }
div.jp-volume-bar { position: absolute; overflow:hidden; background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; }
div.jp-audio div.jp-volume-bar { top:37px; left:330px; }
div.jp-video div.jp-volume-bar { top:17px; left:72px; }
div.jp-volume-bar-value { background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px; }
/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder { position:absolute; top:50px; }
div.jp-audio div.jp-type-single div.jp-time-holder { left:110px; width:186px; }
div.jp-audio div.jp-type-playlist div.jp-time-holder { left:166px; width:130px; }
div.jp-current-time, div.jp-duration { width:60px; font-size:.64em; font-style:oblique; }
div.jp-current-time { float: left; display:inline; }
div.jp-duration { float: right; display:inline; text-align: right; }
div.jp-video div.jp-current-time { margin-left:20px; }
div.jp-video div.jp-duration { margin-right:20px; }
/* @end */

/* @group playlist */

div.jp-title { font-weight:bold; text-align:center; }
div.jp-title, div.jp-playlist { width:100%; background-color:#ccc; border-top:1px solid #009be3; }
div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top:none; }
div.jp-title ul, div.jp-playlist ul { list-style-type:none; margin:0; padding:0 20px; font-size:.72em; }
div.jp-title li { padding:5px 0; font-weight:bold; }
div.jp-playlist li { padding:5px 0 4px 20px; border-bottom:1px solid #eee; }
div.jp-playlist li div { display:inline; }
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child { padding:5px 0 5px 20px; border-bottom:none; }
div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:7px; }
div.jp-type-playlist div.jp-playlist a { color: #333; 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; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float:right; display:inline; text-align:right; margin-right:10px; font-weight:bold; color:#666; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:#0d88c1; }
div.jp-type-playlist div.jp-playlist span.jp-free-media { float:right; display:inline; text-align:right; margin-right:10px; }
div.jp-type-playlist div.jp-playlist span.jp-free-media a { color:#666; }
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color:#0d88c1; }
span.jp-artist { font-size:.8em; color:#666; }
/* @end */

div.jp-video-play { position:absolute; top:0; left:0; width:100%; cursor:pointer; background-color:rgba(0, 0, 0, 0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }
div.jp-video-270p div.jp-video-play { height:270px; }
div.jp-video-360p div.jp-video-play { height:360px; }
div.jp-video-full div.jp-video-play { height:100%; z-index:1000; }
a.jp-video-play-icon { position:relative; display:block; width: 112px; height: 100px; margin-left:-56px; margin-top:-50px; left:50%; top:50%; background: url("jplayer.blue.monday.video.play.png") 0 0 no-repeat; text-indent:-9999px; }
div.jp-video-play:hover a.jp-video-play-icon { background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat; }
div.jp-jplayer audio, div.jp-jplayer { width:0px; height:0px; }
div.jp-jplayer { background-color: #eee; }
/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles { list-style-type:none; padding:0; margin:0 auto; overflow:hidden; }
div.jp-audio .jp-type-single ul.jp-toggles { width:25px; }
div.jp-audio .jp-type-playlist ul.jp-toggles { width:55px; margin: 0; position: absolute; left: 325px; top: 50px; }
div.jp-video ul.jp-toggles { margin-top:10px; width:100px; }
ul.jp-toggles li { display:block; float:right; }
ul.jp-toggles li a { display:block; width:25px; height:18px; text-indent:-9999px; line-height:100%; /* need this for IE6 */ }
a.jp-full-screen { background: url("jplayer.blue.monday.jpg") 0 -310px no-repeat; margin-left: 20px; }
a.jp-full-screen:hover { background: url("jplayer.blue.monday.jpg") -30px -310px no-repeat; }
a.jp-restore-screen { background: url("jplayer.blue.monday.jpg") -60px -310px no-repeat; margin-left: 20px; }
a.jp-restore-screen:hover { background: url("jplayer.blue.monday.jpg") -90px -310px no-repeat; }
a.jp-repeat { background: url("jplayer.blue.monday.jpg") 0 -290px no-repeat; }
a.jp-repeat:hover { background: url("jplayer.blue.monday.jpg") -30px -290px no-repeat; }
a.jp-repeat-off { background: url("jplayer.blue.monday.jpg") -60px -290px no-repeat; }
a.jp-repeat-off:hover { background: url("jplayer.blue.monday.jpg") -90px -290px no-repeat; }
a.jp-shuffle { background: url("jplayer.blue.monday.jpg") 0 -270px no-repeat; margin-left: 5px; }
a.jp-shuffle:hover { background: url("jplayer.blue.monday.jpg") -30px -270px no-repeat; }
a.jp-shuffle-off { background: url("jplayer.blue.monday.jpg") -60px -270px no-repeat; margin-left: 5px; }
a.jp-shuffle-off:hover { background: url("jplayer.blue.monday.jpg") -90px -270px no-repeat; }
/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution { position:absolute; width:390px; margin-left:-202px; left:50%; top: 10px; padding:5px; font-size:.8em; /*background-color:#eee;
	border:2px solid #009be3;*/
	color:#000; display:none; }
.jp-no-solution a { color:#000; }
.jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:bold; }
/* @end */






/*-----------------------| asset area audio video start |-------------------------*/
.assetArea .jp-audio { width:450px; }
.assetArea div.jp-audio, .assetArea div.jp-video { border: 0px solid #009BE3; width:450px }
.assetArea .jp-repeat, .assetArea .jp-stop { display:none !important; }
#mainArea .assetArea div.jp-audio ul.jp-controls { padding:10px 20px 8px 30px !important; width: 390px; }
#mainArea .assetArea div.jp-audio ul.jp-controls { /*	padding:15px 20px 15px 30px !important;*/
	width: 390px; }
.assetArea div.jp-audio div.jp-progress { top: 15px; left: 100px !important; }
.assetArea div.jp-audio div.jp-type-single div.jp-interface { height:64px }
.assetArea div.jp-audio div.jp-volume-bar { left: 344px; top: 28px; }
.assetArea div.jp-time-holder { left: 90px !important; top: 34px !important; }
.assetArea div.jp-audio div.jp-type-single a.jp-mute, .assetArea div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 254px; }
#mainArea .assetArea div.jp-video div.jp-type-single ul.jp-controls { margin-left: 200px !important; }
#mainArea .assetArea ul.jp-toggles { margin-top: 10px !important; }
#mainArea .assetArea div.jp-jplayer { min-height:10px; height:auto; overflow:hidden; }
/*-----------------------| asset area audio video end |-------------------------*/




/*-----------------------| drag drop audio start |-------------------------*/
.dragDropAudioOptions .cp-container { position: relative; width: 102px; /* 200 - (2 * 48) */ height: 30px; background:none; padding: 0px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); float:left; margin-right:20px; }
.dragDropAudioOptions .cp-buffer-holder, .dragDropAudioOptions .cp-progress-holder, .dragDropAudioOptions .cp-circle-control { position:absolute; width:0px; height:0px; }
.dragDropAudioOptions .cp-controls .cp-play { background: url("dragdrop-audio-controls.png") 0 0 no-repeat; }
.dragDropAudioOptions .cp-controls .cp-play:hover { background: url("dragdrop-audio-controls.png") -102px 0 no-repeat; }
.dragDropAudioOptions .cp-controls .cp-pause { background: url("dragdrop-audio-controls.png") 0 -30px no-repeat; }
.dragDropAudioOptions .cp-controls .cp-pause:hover { background: url("dragdrop-audio-controls.png") -102px -30px no-repeat; }
.dragDropAudioOptions .cp-controls li a { width:102px; height:30px }
.dragDropAudioOptions .cp-controls { margin:0; padding: 0px; }
/*-----------------------| drag drop audio end |-------------------------*/











/*-----------------------| main audio start |-------------------------*/
.mainAudio { float:right !important; }
.mainAudio div.jp-interface { width:0px !important; height:0px !important; }
.mainAudio ul.jp-controls { padding:0px !important; width:40px !important; height:34px !important; }
.mainAudio a.jp-play { background:url(play_audio.svg) 0 0 no-repeat !important; background-size:36px 34px; width:40px !important; height:34px !important; }
.mainAudio .jp-pause { background:url(pause_audio.svg) 0 0 no-repeat !important; background-size:36px 34px; width:40px !important; height:34px !important; }
.mainAudio div.jp-audio, .mainAudio div.jp-video { border:none !important; width:40px !important; height:34px !important; background-color:transparent; }
/*-----------------------| main audio end |-------------------------*/



/*-----------------------| glossary audio start |-------------------------*/
.glossaryAudio { /*float:right  !important;*/
	}
.glossaryAudio div.jp-interface { width:0px !important; height:0px !important; }
.glossaryAudio ul.jp-controls { padding:0px !important; width:50px !important; height:45px !important; }
.glossaryAudio div.jp-interface ul.jp-controls a.jp-play { /*background:url(play_audio.svg) 0 0 no-repeat !important;*/ /*background: url("main-audio-play2.png") !important;*/
	width:50px; height:45px; /*background-size:auto 43px !important;*/ background:none !important; text-indent:0; padding: 0;}
.glossaryAudio div.jp-interface ul.jp-controls a.jp-pause { /*background: url("main-audio-pause2.png") !important;*/
	/*background:url(pause_audio.svg) 0 0 no-repeat !important; background-size:auto 43px !important;*/ width:50px; height:45px;  margin-top:-7px; background:none !important; text-indent:0; padding: 0;}
.glossaryAudio div.jp-audio, .glossaryAudio div.jp-video { border:none !important; width:50px !important; height:45px !important; background-color:transparent; margin-left:15px; margin-top:18px; }
.glossary .glossaryRecord h3 a.jp-play::before,
.glossary .glossaryRecord h3 a.jp-pause::before{
	display: none;
}
.glossary-page .glossaryAudio div.jp-interface ul.jp-controls a.jp-pause{
	margin-top: 0;
}
/*-----------------------| glossary audio end |-------------------------*/



/*-----------------------| black audio start |-------------------------*/
.blackAudio { float:left !important; }
.blackAudio div.jp-interface { width:0px !important; height:0px !important; }
.blackAudio ul.jp-controls { padding:0px !important; width:34px !important; height:30px !important; }
.blackAudio a.jp-play { background: url("top-audio-play.png") !important; }
.blackAudio .jp-pause { background: url("top-audio-pause.png") !important; }
.blackAudio div.jp-audio, .blackAudio div.jp-video { border:none !important; width:34px !important; height:30px !important; background-color:transparent; }

.helpInfo div.jp-interface ul.jp-controls a{ background:none !important; text-indent:0; width:30px; height:25px; }
.helpInfo .player{ margin-top:5px; }
/*-----------------------| black audio start |-------------------------*/



/*-----------------------| tooltip start |-------------------------*/
.toolTipGreenStrip div.jp-interface { width:0px !important; height:0px !important; }
.toolTipGreenStrip ul.jp-controls { padding:0px !important; width:34px !important; height:30px !important; }
.toolTipGreenStrip a.jp-play { background: url("white-audio-play.png") !important; }
.toolTipGreenStrip .jp-pause { background: url("white-audio-pause.png") !important; }
.toolTipGreenStrip div.jp-audio, .toolTip div.jp-video { border:none !important; width:34px !important; height:30px !important; background-color:transparent; float:left }
/*-----------------------| tooltip end |-------------------------*/




/*-----------------------| coomon to all start  |-------------------------*/
#mainArea .jp-audio ul, #mainArea .jp-audio ul li { padding:0px !important; margin:0px !important; background-image:none; }
#mainArea .jp-video ul, #mainArea .jp-video ul li { padding:0px !important; margin:0px !important; background-image:none; }
/*-----------------------| coomon to all end  |-------------------------*/



/*-----------------------| only video start  |-------------------------*/
#mainArea #onlyVideo ul.jp-controls { margin-left: 200px !important; }
#mainArea #onlyVideo ul.jp-toggles { margin-top: 10px !important; }
#mainArea #onlyVideo div.jp-video-270p { width: 640px; height:423px; }
#mainArea #onlyVideo div.jp-jplayer { height: 360px; }
#mainArea #onlyVideo div.jp-video-270p div.jp-video-play { height: 360px; }
#mainArea #onlyVideo a.jp-video-play-icon { top:190px }
#mainArea #onlyVideo div.jp-video div.jp-interface { height:63px; overflow:hidden; }
/*-----------------------| only video end  |-------------------------*/



/*-----------------------| audio task option start  |-------------------------*/
.audioOptions .jp-audio { cursor: pointer; display: block; float: none; font-size: 0; height: 64px; left: auto; position: absolute; top: auto; width: 64px; z-index: 6; overflow:hidden; left: 165px; top: 60px; /*left:67px\9;*/
}
.audioOptions .jp-jplayer { float:left }
.audioOptions div.jp-interface { height: 64px; width: 64px; background-color:transparent; overflow:hidden }
.audioOptions div.jp-audio { background-color:transparent; }
.audioOptions a.jp-play { background: url("ic_audio.svg") no-repeat scroll 0px 0px transparent; height: 64px; width: 64px; background-size:64px auto; }
.audioOptions a.jp-pause { background: url("ic_audio_pause.svg") no-repeat scroll 0px 0px transparent; height: 64px; width: 64px; background-size:64px auto; }
/*-----------------------| audio task option end  |-------------------------*/





/*-----------------------| drag and drop audio start  |-------------------------*/
.dragDropAudioOptions { position: relative; text-align: left; width: 330px; }
.dragDropAudioOptions .holder { float: left; height: 160px; margin-right: 24px; width:117px; }
.dragDropAudioOptions .holder span:first-child { float: left; width: 15px; padding-right:10px; }
.dragDropAudioOptions .jp-audio { cursor: pointer; display: block; float: none; font-size: 0; height: 30px; left: auto; position: absolute; top: auto; width: 102px; z-index: 6; margin-left:16px;  *margin-left:-9px;
}
.dragDropAudioOptions .jp-jplayer { float:left; height:0px; width:0px; }
.dragDropAudioOptions div.jp-interface { width: 102px; height: 30px !important; background-color:transparent; overflow:hidden; }
.dragDropAudioOptions a.jp-play { background: url("green-audio-play.png") no-repeat scroll 0px 0px transparent; height: 30px; width: 102px; }
.dragDropAudioOptions a.jp-pause { background: url("green-audio-pause.png") no-repeat scroll 0px 0px transparent; height: 30px; width: 102px; }
/*-----------------------| drag and drop audio end  |-------------------------*/



/*-----------------------| sorting audio start  |-------------------------*/
.sortingAudioOptions { /* position: absolute;*/
   background:##f00; text-align: left; /*width: 448px;*/
	z-index:1; display:block; text-align:center; padding:0px 30px 0 !important; margin-left:0 !important; }
.sortingAudioOptions .holder { /*float: left;
    margin-bottom: 150px;
    margin-right: 32px;*/
	vertical-align:top; width:150px !important; margin-right:20px !important; display:inline-block; padding:0 !important; height:30px; background:#f2f2f2 !important; }
.sortingAudioOptions .holder span:first-child { float: left; width: 15px; padding-right:10px; display:none; }
.sortingAudioOptions .jp-audio { cursor: pointer; display: block; float: none; font-size: 0; height: 30px; left: auto; position: absolute; top: auto; width: 150px; z-index: 6; margin-left:0px;  *margin-left:0px;
}
.sortingAudioOptions .jp-jplayer { float:left; height:0px; width:0px; }
.sortingAudioOptions div.jp-interface { width: 150px; height: 30px !important; background-color:transparent; overflow:hidden; }
.sortingAudioOptions a.jp-play { background: url("green-audio-play.png") no-repeat scroll center center #333; height: 30px; width: 150px; }
.sortingAudioOptions a.jp-pause { background: url("green-audio-pause.png") no-repeat scroll center center #333; height: 30px; width: 150px; }
/*-----------------------| sorting audio end  |-------------------------*/




/*
 * Project: CirclePlayer
 * http://www.jplayer.org
 *
 * Copyright (c) 2011 Happyworm Ltd
 *
 * Author: Silvia Benvenuti
 * Edited by: Mark J Panaghiston
 * Date: 6th May 2011
 * Artwork inspired by: http://forrst.com/posts/Untitled-CJz
 */

.cp-container { position: relative; width: 104px; /* 200 - (2 * 48) */ height: 104px; background: url("bgr.jpg") 0 0 no-repeat; padding: 48px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.cp-container :focus { border:none; outline:0; }
.cp-buffer-1, .cp-buffer-2, .cp-progress-1, .cp-progress-2 { position: absolute; top: 0; left: 0; width: 104px; height: 104px; clip:rect(0px,52px,104px,0px); -moz-border-radius:52px; -webkit-border-radius:52px; border-radius:52px; }
.cp-buffer-1, .cp-buffer-2 { background: url("buffer.png") 0 0 no-repeat; }
/* FALLBACK for .progress
 * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
 * (It needs the container selector to work. Or use div)
 */

.cp-container .cp-fallback { background: url("progress_sprite.jpg") no-repeat; background-position: 0 104px; }
.cp-progress-1, .cp-progress-2 { background: url("progress.png") 0 0 no-repeat; }
.cp-buffer-holder, .cp-progress-holder, .cp-circle-control { position:absolute; width:104px; height:104px; }
.cp-circle-control { cursor:pointer; }
.cp-buffer-holder, .cp-progress-holder { clip:rect(0px,104px,104px,52px); display:none; }
/* This is needed when progress is greater than 50% or for fallback */

.cp-buffer-holder.cp-gt50, .cp-progress-holder.cp-gt50, .cp-progress.cp-fallback { clip:rect(auto, auto, auto, auto); }
.cp-controls { margin:0; padding: 26px; }
.cp-controls li { list-style-type:none; display: block; /*IE Fix*/
	position:absolute; }
.cp-controls li a { position: relative; display: block; width:50px; height:50px; text-indent:-9999px; z-index:1; }
.cp-controls .cp-play { background: url("controls.jpg") 0 0 no-repeat; }
.cp-controls .cp-play:hover { background: url("controls.jpg") -50px 0 no-repeat; }
.cp-controls .cp-pause { background: url("controls.jpg") 0 -50px no-repeat; }
.cp-controls .cp-pause:hover { background: url("controls.jpg") -50px -50px no-repeat; }
.cp-jplayer { width: 0; height: 0; }
.sortAudioToColumn .ui-state-highlight a.jp-play { background: url("ic_audio.svg") no-repeat scroll 0px 0px transparent; height: 60px; width: 60px; background-size:60px auto; }
.sortAudioToColumn .ui-state-highlight a.jp-pause { background: url("ic_audio_pause.svg") no-repeat scroll 0px 0px transparent; height: 60px; width: 60px; background-size:60px auto; }
.assetArea div.jp-interface { background-color:#333; /*border-top:1px solid #fff;*/ }
.assetArea div.jp-audio div.jp-type-single div.jp-progress { width: 345px; top: 18px; left: 84px !important; }
#mainArea .assetArea div.jp-audio ul.jp-controls { padding:11px 20px 10px 15px !important; width:415px; }
#mainArea .assetArea div.jp-interface ul.jp-controls a.jp-play { /*background:url(play.svg) 0 0 no-repeat; background-size:42px 42px;*/ background:none; width:42px; height:42px; text-indent:0;}
#mainArea .assetArea div.jp-interface ul.jp-controls a.jp-pause { /*background:url(pause.svg) 0 0 no-repeat; background-size:42px 42px;*/ background:none; width:42px; height:42px; text-indent:0; }
#mainArea .assetArea div.jp-audio div.jp-type-single div.jp-time-holder { width:346px; color:#fff; top:35px !important; left: 83px !important; }
#mainArea .assetArea div.jp-current-time, #mainArea .assetArea div.jp-duration { font-style:normal; font-size:12px; }
.assetArea div.jp-audio div.jp-volume-bar, .assetArea div.jp-audio a.jp-volume-max, .assetArea div.jp-audio div.jp-type-single a.jp-mute, .assetArea div.jp-audio div.jp-type-single a.jp-unmute { display:none !important; }
.sortAudioToColumn .ui-state-highlight .holder { height:30px; background:#444; width:150px; position:relative; margin-top:0px; }
.sortAudioToColumn .ui-state-highlight .holder > span { display:none; }
.sortAudioToColumn .ui-state-highlight .holder .jp-audio { cursor: pointer; display: block; float: none; font-size: 0; height: 30px; left: auto; position: absolute; top: auto; width: 150px; z-index: 6; margin-left:0px;  *margin-left:0px;
}
.sortAudioToColumn .ui-state-highlight .holder div.jp-interface { width: 150px; height: 30px !important; background-color:transparent; overflow:hidden; }
.sortAudioToColumn .ui-state-highlight .holder a.jp-play { /*background: url("green-audio-play.png") no-repeat scroll center center #333;*/ height: 30px !important; width: 150px !important; background:none; text-indent:0; }
.sortAudioToColumn .ui-state-highlight .holder a.jp-pause { /*background: url("green-audio-pause.png") no-repeat scroll center center #333;*/ height: 30px !important; width: 150px !important;  background:none; text-indent:0; }