#player{width:1px;height:1px;background:transparent;position:absolute;top:0;left:0;}
#mp a {outline:0;}
#mp{width: 100%;font-size:11px;line-height:1;font-family:'Roboto', sans-serif !important;position:fixed;margin: 0 0 0 0;}
#mp .bottomRounders{position:absolute;bottom:0;left:0;background:#f3f3f3;width:100%;height:4px;z-index:9999;}
#mpTop{
	padding: 2px 10px;
	line-height:15px;
	background:#333333;
	position:relative;
	z-index:200;
}
#mpTop .player_top_grad{position:absolute;width:100%;height:100%;top:0;left:0;}
#mpTop .player_corners{position:absolute;width:100%;height:100%;top:0;left:0;}
#mpTop .longText{padding-top:2px;overflow:hidden;position:relative;}
#mp h2{font-size:12px;color:white;font-weight:bold;width:9999px;padding:0;margin:1px;}
#mp h3{color:#bcdeff;font-size:12px;font-weight:normal;width:9999px;padding:0;margin:1px;}
#settings{
	position: absolute;
    top: -8px;
    right: 55px;
    height: 24px;
    width: 60px;
}
#settings .icon{display:block;position:absolute;right:-1px; overflow:hidden;color: #fff;
    line-height: 40px;}
#info-icon .icon2 {display:block;position:absolute;right:-1px; overflow:hidden;color: #fff;
    line-height: 40px;}

#settings .open, #settings .icon:hover{background-position:left bottom;}
#settings .popout{
	position: absolute;
    top: 20px;
    right: 35px;
    width: 180px;
    background: #000000;
    padding: 0px;
	display:none;
	box-shadow: 0 0 20px #000;
}
#settings .popout_arrow{ display: none; border-bottom:8px solid black;border-left:7px solid transparent;border-right:7px solid transparent;height:0;width:0;position:absolute;top:-7px;right:6px;}
#settings .popout li{line-height:14px;}
#settings .popout li:hover{text-decoration: underline;}
#settings li a{color:white;}
#settings li a:hover{text-decoration:none;}


#info-icon {
    position: absolute;
    top: -8px;
    right: 1px;
    height: 24px;
    width: 35px;
}
#info-icon .icon2 {
    display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	overflow: hidden;
	color:#fff;
	text-decoration: none;
}
#info-icon .icon2:hover{
	text-decoration: underline;
}
#info-icon .popout {
	position: absolute;
	top: -33px;
	right: 36px;
	width: 210px;
	background: black;
	padding: 5px;
	display: none;
        color:#fff;
}
#info-icon .popout strong {
    display:block;
    padding-bottom: 5px;
}




#dlPlaylist{position:absolute;top:0;right:32px;height:24px;width:20px;}
#dlPlaylist .icon, 
#dlPlaylist .icon2 {display:block;position:absolute;top:2px;right:0;width:16px;height:17px;background:url('/resource/player/images/player_icon_dlpl.png') no-repeat 0 0;overflow:hidden;}
#dlPlaylist .icon:hover, 
#dlPlaylist .icon2:hover {background-position:left bottom;}
#before-timeline{
	background:#333333;
}
#timeline{
	background: #333333;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 50px;
    z-index: 100;
    max-width:1200px;
    margin: auto;
}
#timeline .waveform{height:100%; width:100%; background-size: 100% 100%;}
#timeline .loader{height:100%;position:absolute;left:0;top:0;background:white;filter:alpha(opacity=50);opacity:.50;cursor:default;}
#timeline .tracker{position:absolute;left:0;top:0;height:100%;}
#timeline .trackerBG{width:100%;height:100%;background:#333333;filter:alpha(opacity=50);opacity:.50;}
#timeline .timer-bar { width: 0px; height: 100%; position: absolute; top:0; left: 0; text-decoration: none; background: transparent;}
#mp .jp-seek-bar { height: 100%; position: absolute; top: 0; left:0; }
#timeline .ui-slider-handle{width:1px;height:100%;position:absolute;top:0;left:0;text-decoration:none;}
#timeline .ui-slider-handle:active{background-position:right 0;}
#timeline .timer-bar { display:none; }
#timeline .tracker_timer{font-size:10px;color:white;display:none;position:absolute;top:37px;right:-33px;width:33px;height:14px;line-height:14px;text-align:center;background:url('/resource/player/images/player_tracker_timer.png') no-repeat 0 0;}
#timeline .tracker_timer:active{background-position:0 bottom;}
#playlist{
	position: absolute;
    background: #f3f3f3;
    /* display: block; */
    overflow:hidden;
    max-height: 410px;
	min-height: 410px;
	min-width: 304px;
    bottom: 1px;
    right:0;
}
#mp #playlist ul{position:relative;list-style: none;}
#playlist li{position:relative;margin-left:-40px;color:#333;}
#playlist li:hover{background:#fff;}
#playlist li.playing,
#playlist li.selected{background:#ffddb3; color:#fff;}
#playlist li .item{display:block;position:relative;height:50px;overflow:hidden;width:304px;text-decoration:none;color:#333;font-size:12px;border-bottom:1px solid #fff;}
#playlist .name,
#playlist .composer{position:absolute;display:block;left:32px;top:5px;width:195px;overflow:hidden;line-height:16px;height:16px;}
#playlist .composer{color:#999;top:19px;}
#playlist li.playing .composer,
#playlist li.selected .composer{color:#000;}
#playlist .length{position:absolute;display:block;right:0;top:0;height:40px;line-height:40px;padding:0 10px;background:inherit;font-weight:bold;}
#playlist li:hover .length,
#playlist li:active .length{display:none;}
#playlist li .control{position:absolute;display:block;height:20px;width:20px;overflow:hidden;top:10px;background-color:transparent;display:none;}
#playlist li:hover .control,
#playlist li:active .control{display:block;}
#playlist li .play_status,
#playlist .selected .play_status{display:block;left:6px;background:url('/resource/player/images/player_track_controls.png') no-repeat 0 0;}
#playlist .item:hover .play_status,
#playlist .selected:hover .play_status{background-position:0 -20px;}
#playlist .item:active .play_status,
#playlist .selected:active .play_status{background-position:0 -40px;}
#playlist .playing .play_status{background:url('/resource/player/images/player_track_playing.gif') no-repeat 2px 2px;}
#playlist .playing:hover .play_status{background:url('/resource/player/images/player_track_controls.png') no-repeat -20px -20px;}
#playlist .playing:active .play_status{background:url('/resource/player/images/player_track_controls.png') no-repeat -20px -40px;}
#playlist .paused .play_status{background:url('/resource/player/images/player_track_controls.png') no-repeat 0 0;}
#playlist .paused:hover .play_status{background-position:0 -20px;}
#playlist .paused:active .play_status{background-position:0 -40px;}
#playlist li .controlAdd{right:48px;background:url('/resource/player/images/player_track_controls.png') no-repeat -40px 0;}
#playlist li .controlAdd:hover{background-position:-40px -20px;}
#playlist li .controlAdd:active{background-position:-40px -40px;}
#playlist li .controlDl{right:28px;background:url('/resource/player/images/player_track_controls.png') no-repeat -60px 0;}
#playlist li .controlDl:hover{background-position:-60px -20px;}
#playlist li .controlDl:active{background-position:-60px -40px;}
#playlist li .controlRemove{right:8px;background:url('/resource/player/images/player_track_controls.png') no-repeat -80px 0;}
#playlist .jslink {
    visibility: hidden;
	
}
#playlist li .controlRemove:hover{background-position:-80px -20px;}
#playlist li .controlRemove:active{background-position:-80px -40px;}
#playlist li .controlDark{background-position:0 32px;}
#mpBot{position:relative;z-index:300;}
#mpBot .ctrls{display:block;width:9px;height:11px;margin:6px 10px 0 0;background:url('/resource/player/images/player_ctrls.png') no-repeat 0 -18px;cursor:default;}
#mpBot .play{background-position:0 0;cursor:pointer;}
#mpBot .pause{background-position:0 -37px;cursor:pointer;}
#mpBot .timer{color:#ccc;}
#mpBot .timer strong{color:white;font-weight:bold;}
#mpBot .copl{display:none;padding-right:15px;background:url('/resource/player/images/player_copl.png') no-repeat right 0;height:24px;line-height:24px;color:white;margin-right:10px;}
#mpBot .open{background-position:right bottom;}
#volume{position:relative;width:21px;display:none;}
/*#volume .spk{display:block;width:21px;height:24px;background:url('/resource/player/images/player_spk.png') no-repeat 5px 0;}
#volume .muted{background-position:5px bottom;}
*/
#volume .barBG{position:absolute;bottom:24px;left:0;width:21px;height:52px;background:#646464;display:none;}
#volume .barHidden{position:absolute;bottom:5px;left:0;width:21px;height:39px;}
#volume .bar{position:absolute;top:4px;left:9px;width:2px;height:46px;background:#989898;font-size:0;}
#volume .ui-slider-handle{display:block;width:14px;height:13px;margin-bottom:-7px;position:absolute;left:-3px;bottom:100%;background:url('/resource/player/images/player_slider.png') no-repeat 0 0;}
#timeline,#timeline a{border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important;border-top-left-radius:0px !important;border-top-right-radius:0px !important;border:0;}
/*
* These are the controls below the timeline and under the playlist.
* They use the same styles,although the latter one scrolls below
* the first one when playlist closes.
*
*/
#mp .player_controls{width:100%;height:30px;background:#282828;position:relative;display:none;}
#mpBot .player_controls{margin-top:-6px;display:none;}
#mp .player_controls .control_mute,#mp .player_controls .control_unmute,
#mp .player_controls .control_prev,#mp .player_controls .control_next,
#mp .player_controls .control_pl_hide,#mp .player_controls .control_pl_show{width:20px;height:20px;display:block;position:absolute;top:5px;overflow:hidden;}
#mp .player_controls .control_mute{left:3px;background:url('/resource/player/images/player_controls_sound.png') no-repeat 0 0;}
#mp .player_controls .control_unmute{left:3px;background:url('/resource/player/images/player_controls_sound.png') no-repeat 0 -20px;}
#mp .player_controls .control_pl_show{width:65px; right:3px;background:url('/resource/player/images/player_controls_pl_toggle.png') no-repeat 0 0;}
#mp .player_controls .control_pl_hide{width:65px; right:3px;background:url('/resource/player/images/player_controls_pl_toggle.png') no-repeat 0 -20px;}
.control_pl_show:after, .control_pl_hide:after{
	content: "Playlist ";
	color:#fff;
	padding-left: 20px;
	line-height: 20px;
	font-weight: bold;
}
.control_pl_show:hover:after, .control_pl_hide:hover:after{
	text-decoration: underline;
}
#mp .controls_playback{/* Container for .control_prev,.control_next,.control_play and .control_pause */
width:70px;height:30px;position:absolute;left:50%;margin-left:-35px; display: none;}
#mp .controls_playback .control_prev,
#mp .controls_playback .control_next{background:url('/resource/player/images/player_controls_prev_next.png') no-repeat 0 0;}
#mp .controls_playback .control_prev{left:0px;}
#mp .controls_playback .control_next{right:0px;background-position:right 0;}
#mp .controls_playback .control_pause,
#mp .controls_playback .control_play{width:30px;height:30px;display:block;position:absolute;left:50%;margin-left:-15px;overflow:hidden;background:url(/resource/player/images/player_controls_play_pause.png) no-repeat 0 0;}
#mp .controls_playback .control_play{background-position:-30px 0;}
#mp .controls_playback .control_play:hover{background-position:-30px -30px;}
#mp .controls_playback .control_play:active{background-position:-30px -60px;}
#mp .controls_playback .control_pause{background-position: 0 0;}
#mp .controls_playback .control_pause:hover{background-position:0 -30px;}
#mp .controls_playback .control_pause:active{background-position:0 -60px;}
#mp .scrollbarWrap,
#slider-wrap{position:absolute;top:0;right:0;width:8px;border:0px;background:transparent;}
#mp .scrollbarWrap .ui-slider-handle,
#mp #slider-wrap .ui-slider-handle{background:#CDCDCD;border:0 none;display:block;position:absolute;left:0;width:8px;}
#mp #slider-vertical{position:relative;height:100%;background:transparent;border:0;width:8px;}
#mp .ui-corner-all{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
/* JScrollPane */
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:8px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspVerticalBar *,
.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:transparent;position:relative;}
.jspDrag{background:#CDCDCD;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
.jspPane { width: 304px !important; }
* html .jspCorner{margin:0 -3px 0 0;}
.longText h2{
	display: inline;
}
.longText h3{
	display: inline;
}
#waveform-loading-bar{
	display: none;
	position: absolute;
	background: #333333;
	border-radius: 10px;
	padding:3px 10px 3px 10px;
	color:#76B1DC;
    left: 44.5%;
    bottom: 33%;
    z-index: 12;
    font-size: 12px;
}
#max-min-player{
	position: absolute;
	right:80px;
	top: 7px;
	background: none;
	color:#ffffff;
	cursor: pointer;
	border:none;
}