div.wrap-MI { 
	border:0; 
	margin:0;
	position: absolute; 
	top: 0px;
	right: 0px;
	padding:0; 
	width:314px; 
	190px;
	z-index: 5;
}

div.jp-innerwrap, div.jp-interface,div.innertab,  div.playlist-wrap-MI {
	width:100%;
}


div.bars_holder{
	width: 312px;
}



div.jp-play-time, div.jp-total-time, div.statusMI { 
	color:#8f8f8f; 
} 
	
div.player-track-title{
	color: #fff;
}

div.player-artist{
	color: #777;
}


.coverwrap{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 20px;
	left: 0px;
	text-align: center;
}

.wrap-MI:hover .coverwrap{
	display: block;
}

.coverwrap img{
	width: 110px;
	height: 110px;
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8);
}
	
div.jp-innerwrap { 
	position:relative !important; 
	background:transparent; 
	border:0; 
	margin:0;
}

div.jp-interface { 
	position:relative !important; 
	height:60px; 
	border:0; 
	margin:0; 
}

div.innerx { 
	position:absolute; 
	width:314px; 
	height:60px; 
	right:0px; 
	right:0px; 
	top:0px;
}

.pinfo{
	position: absolute;
	top: 65px;
	right: 30px;
	height: 42px;
	width: 156px;
	overflow: hidden;
}

div.player-track-title, div.player-artist { 
	float: left; 
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	width:90%; 
	z-index:50;
	line-height: 16px; 
	padding-left: 5px;
	text-transform: uppercase;
	padding: 0px 0 5px 5px;
}

div.player-track-title.mp3j_widgetmods { 
	font-size: 11px; 
	top: 7px; 
}		
			

	
div.player-artist.mp3j_widgetmods { 
	font-size: 9px; 
	top:23px; 
}
						
div.jp-play-time{		
	position:absolute; 
	top: 110px;
	right: 127px; 
	text-align:center; 
	z-index:50; 
	width: 55px;
	height: 23px;
	line-height: 21px;
	font-size: 16px;
	background: #20252F;
	border: 1px solid #2F353F;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	-moz-border-radius:2px !important; 
	-webkit-border-radius:2px !important; 
	border-radius:2px !important;
	text-shadow: 1px 1px 0 #000; 
}

span.mp3-finding, span.mp3-loading, span.mp3-tint { 
	margin:0px 0px 0px -3px; 
	padding:0px 0px 0px 3px !important; 
	font-size:8px !important; 
	line-height:10px !important; 
	height:10px !important; 
	overflow:hidden !important; 
	-moz-border-radius:2px !important; 
	-webkit-border-radius:2px !important; 
	border-radius:2px !important; 
}

span.mp3-finding {
	background:transparent url(images/finding-bar1f.gif) repeat-y 0px 3px;
}
span.mp3-loading { 
	background:transparent url(images/finding-bar1f.gif) repeat-y 0px 3px;
}
	
span.mp3-tint {
	margin:0px 2px 0px -3px; 
	opacity:.5; 
	filter:alpha(opacity=50); 
}
			
div.transport-MI { 
	position:absolute; 
	width:153px; 
	height:37px; 
	right:30px; 
	top: 20px;
	border:0; 
}
	
	/* playpause button */
div.buttons_mp3j { 
	text-indent:-9999px !important; 
	position: absolute;
	top: 8px;
	left: 85px;
	width:21px; 
	height: 21px; 
	margin:0px; 
	background: transparent url(images/pbuttons.png) no-repeat  top left !important; 
	cursor: pointer;
}

div.buttons_mp3j:hover { 
	background: transparent url(images/pbuttons.png) no-repeat  bottom left !important; 
}

div.buttons_mp3jpause { 
	text-indent:-9999px !important; 
	position: absolute;
	top: 8px;
	left: 85px;
	width:21px; 
	height: 21px; 
	margin:0px; 
	cursor: pointer;
	background: transparent url(images/pbuttons.png) no-repeat -21px 0 !important; 
}

div.buttons_mp3jpause:hover { 
	background: transparent url(images/pbuttons.png) no-repeat  -21px -21px !important; 
}

div.Prev_mp3j, div.Next_mp3j { 
	text-indent:-9999px !important; 
	position: absolute;
	top: 8px;
	height: 21px;
	width: 21px;
	cursor: pointer;
} 

div.Prev_mp3j { 
	left: 8px;
	margin:0; 
	background: transparent url(images/pbuttons.png) no-repeat -63px 0 !important;  
}
	
div.Prev_mp3j:hover { 
	background: transparent url(images/pbuttons.png) no-repeat -63px -21px !important;   
}

div.Next_mp3j { 
	margin:0;
	left: 122px;
	background: transparent url(images/pbuttons.png) no-repeat -42px 0 !important;  
}

div.Next_mp3j:hover {
	background: transparent url(images/pbuttons.png) no-repeat -42px -21px !important;  
}
	
	/* stop button */
div.stop_mp3j { 
	text-indent:-9999px !important; 
	position: absolute;
	top: 8px;
	left: 48px;
	width:21px; 
	height: 21px; 
	margin:0px; 
	background: transparent url(images/pbuttons.png) no-repeat -84px 0 !important;
	cursor: pointer;
}
	
div.stop_mp3j:hover { 
	background: transparent url(images/pbuttons.png) no-repeat -84px -21px !important;
}

div.playlist-toggle-MI { 
	text-indent:-9999px !important; 
	position:absolute; 
	top:185px; 
	right:127px; 	
	padding:0px; 
	width: 60px;
	height: 28px;
	background:transparent url("images/expander.png") top left no-repeat; 
	cursor: pointer;
	overflow: hidden;
	display: none;
}


.gototrack { 
	text-indent:-9999px !important; 
	display: block;
	position:absolute; 
	bottom:3px; 
	left: 40px; 	
	padding:0px !important; 
	width: 30px;
	height: 18px;
	background:transparent url("images/pbuttonsalt.png") -30px 0 no-repeat !important; 
	cursor: pointer;
	display: none !important;
}

.gototrack:hover { 
	background:transparent url("images/pbuttonsalt.png") -30px -18px no-repeat !important; 
}

div.playlist-toggle-MI:hover { 
		background:transparent url("images/expander.png") bottom left no-repeat; 
}

div.MI_current{
	background:transparent url("images/pbuttonsalt.png") -60px 0 no-repeat !important; 
}

div.MI_current:hover{
	background:transparent url("images/pbuttonsalt.png") -60px -18px no-repeat !important; 
}

.artname, .trackname{
	display: block;
	float: left;
	white-space: nowrap;
}


.mp3j_A_current .artname, .mp3j_A_current .trackname, .artname:hover, .trackname:hover{
	color: #fff !important;
}

.artname{
	width: 30%;
	text-align: right;
	padding-right: 10px;
	color: #bfbfbf !important;
	overflow: hidden;
}

.trackname{
	width: 65%;
	color: #bfbfbf !important;
	overflow: hidden;
}

.ui-state-disabled { 
	cursor:default !important; 
}
	
.ui-slider { 
	position:relative; text-align:left; 
}

.ui-slider .ui-slider-handle { 
	position:absolute; z-index:200; cursor:default; 
}

.ui-slider .ui-slider-range { 
	position:absolute; z-index:1; font-size:.7em; display:block; border:0; 
}

.ui-slider-horizontal .ui-slider-range { 
	top:0; height:100%; 
} 

.ui-slider-horizontal .ui-slider-range-min { 
	left:0; 
}

.ui-slider-horizontal .ui-slider-range-max { 
	right:0; 
}

.ui-state-default, .ui-widget-content .ui-state-default { 
	outline:none; border:0px; 
}
	

div.MIsliderVolume { 
	position:absolute; 
	top:112px; 
	right:30px;
	height: 20px; 
	width:48px !important; 
	background:url(images/volbg2.png) no-repeat top left; 
	border:0px; font-size:1px; 
	cursor:default; z-index:150;
}

div.MIsliderVolume .ui-widget-header, div.vol_mp3j .ui-widget-header { 
	background:transparent url(images/volbg.png) no-repeat top left; 
} 

div.MIsliderVolume .ui-slider-handle, div.vol_mp3j .ui-slider-handle {
	height:11px !important; 
	width:10px !important; 
	padding:0px !important; 
	margin-left:-5px; 
	top:13px; 
	border:0px !important; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	background:transparent url('images/vol-handle.png') no-repeat -21px 0px !important; 
	z-index:150; 
	overflow:hidden !important;	
	cursor:pointer; 
}

div.MIsliderVolume .ui-slider-handle:hover, div.vol_mp3j .ui-slider-handle:hover {
	background:transparent url('images/vol-handle.png') no-repeat -1px 0px; 
}

div.MIsliderVolume .ui-state-active, div.MIsliderVolume .ui-widget-content .ui-state-active, div.vol_mp3j .ui-state-active, div.vol_mp3j .ui-widget-content .ui-state-active { 
	border:0px; background:transparent url('images/vol-handle.png') no-repeat -1px 0px; outline:none; 
}
	
					
div.bars_holder { 
	position:absolute; 
	top:150px; 
	right:30px;
	border:0px solid #000;  
	font-size:1px; 
	cursor:default;
	background: url(images/progressb.png) no-repeat center left;
	height: 11px;
	width: 287px;
}

div.loadMI_mp3j { 
	position:absolute; 
	top:0px; 
	left:0px; 
	height: 5px;
	background: url(images/ppbar.png);
}

div.bars_holder .ui-widget-header { 
	background:#5CC9FF url(images/pbar.png); 
} 


div.bars_holder .ui-widget-header { 
	border:0px !important;
}
		
div.bars_holder .ui-slider-horizontal {  
	bottom:1px; 
}

div.posbarMI_mp3j { 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100%; 
	height: 5px;
}
		
div.posbarMI_mp3j .ui-slider-handle { 
	top:-6px; 
	margin-left:-10px !important; 
	border:0px; bottom:-2px; 
	width:20px !important; 
	z-index:100; 
	background:none !important; 
	cursor:e-resize; 
	padding:0px !important; 
}
		
div.posbarMI_mp3j .ui-slider-handle:hover { 
	background:none; 
	z-index:100; 
}
	
		
				
div.listwrap_mp3j { 
	position:absolute;
	top: 180px;
	right: 0px; 
	margin-top:0px; 
	margin-left: 1px;
	z-index: 500;
}

div.playlist-wrap-MI { 
	position:relative; 
}

div.playlist-wrap-MI ul { 
	position:static !important; 
	border:0 !important; 
	height: auto !important;
	width: 286px;
	padding-left: 0px !important;
	margin-right: 10px;
}

ul.UL-MI_mp3j li { 
	background:transparent; 
	background-image:none !important; 
} 

ul.UL_mp3j li a, ul.UL-MI_mp3j li a { 
	background-image:none !important; 
	color:#525252 !important; 
} 

ul.UL-MI_mp3j li a:hover { 
	background-image:none !important; 
	color:#fff !important; 
} 

ul.UL-MI_mp3j li a.mp3j_A_current { 
	color:#fff !important; 
    background: #1f1f1f !important;
} 

ul.UL_mp3j li a.mp3j_A_current { 
	color:#34A2D9 !important; 
}

ul.UL_mp3j { 
	margin:0px !important; 
	padding:0px 0px 0px 0px !important; 
	list-style-type:none !important; 
	list-style:none !important; 
	list-style-image:none !important; 
}

ul.UL-MI_mp3j { 
	margin:0px !important; 
	padding:0px 0px 0px 0px !important; 
	list-style-type:none !important; 
	list-style:none !important; 
	list-style-image:none !important; 
	font-weight: 500 !important;
}

ul.UL_mp3j li { 
	margin:0px !important; 
	padding:0px 0px 0px 15px !important; 
	background:none !important; 
}

ul.UL_mp3j li:before { 
	content:none !important; 
}

ul.UL-MI_mp3j li { 
	margin:0px !important; 
	padding:0px 0px 1px 0px !important; 
	line-height:28px !important; 
	letter-spacing:0px !important; 
	font-size:11px !important; 
	word-spacing:0px !important; 
	margin:0px 1px 0px 1px !important; 
	float: none !important;
	text-transform: uppercase;
}

ul.UL-MI_mp3j li:before { 
	content:none !important; 
}

ul.UL-MI_mp3j.mp3j_widgetmods li { 
	font-size:10px !important; line-height:26px !important; 
}
	
ul.UL-MI_mp3j li a { 
	font-size:11px !important; 
	border:0 !important; 
	line-height:28px !important; 
	font-weight:500 !important; 
	text-decoration:none !important; 
	display:block !important; width:auto !important; 
	font-family:'verdana', 'Lucida Grande', 'arial', sans-serif !important; 
	outline:none !important; padding:0px 0px 0px 14px !important; 
}
	
ul.UL-MI_mp3j.mp3j_widgetmods li a { 
	font-size:10px !important; 
	line-height:26px !important; 
}
	
	
.mp3j-link-play { 
	cursor:pointer; 
}

span.wrap_inline_mp3j { 
	width:auto; 
	cursor:pointer !important; 
	padding:0; 
	white-space:nowrap; 
	text-align:left; 
	width: 70px;
	height: 35px;
	position: absolute;
	top: 0px;
	left: 0px;
}

span.wrap_inline_mp3j:hover .buttons_mp3j { 
	background:transparent url(images/singlebutton.png) no-repeat bottom left; 
}

span.indi_mp3j { 
	position:relative; 
	padding-left:2px; 
	font-size: 0.7em !important; 
}


span.bars_mp3j { 
	position:absolute; 
	width:35px;
	height:35px; 
}
	

span.load_mp3j { 
	position:absolute; 
	top:20px; 
	left:0px; 
	height:2px; 
}

span.posbar_mp3j { 
	position:absolute; 
	width:100%; 
	height:100%; 
	border:0px solid #f77; 
}

span.posbar_mp3j .ui-widget-header { 
	z-index:-500; 
}	

span.posbar_mp3j .ui-slider-handle { 
	top: 2px; 
	margin-left: -11px !important; 
	border: 0px solid #888; 
	height: 21px; 
	width: 19px !important; 
	z-index: 500; 
	background: transparent url('images/inlineHandle1.png') no-repeat 8px 0px;
	opacity:0.75;
	filter:alpha(opacity=75);
	cursor: default; 
	padding:0px !important; 
}

span.posbar_mp3j .ui-slider-handle:hover { 
	background: transparent url('images/inlineHandle1.png') no-repeat 8px -30px;
}
	
span.loadB_mp3j { 
	position:absolute;
	top:20px; 
	left:0px; 
	height:2px; 
}

span.posbarB_mp3j { 
	position:absolute; 
	width:40px; 
	height:35px; 
	border:0; 
	z-index:450; 
	cursor:pointer; 
	left: -6px;
}

span.posbarB_mp3j .ui-widget-header { 
	background:transparent; 
	z-index:450; 
	height:100%;
}	

span.posbarB_mp3j .ui-slider-handle { 
	top: 11px; 
	margin-left: -6px !important; 
	border: 0px solid #888; 
	height: 20px; 
	width: 20px !important; 
	z-index: 500; 
	background: transparent url('images/knob.png') no-repeat top left; 
	cursor: pointer; 
	padding:0px !important; 
}

span.posbarB_mp3j .ui-slider-handle:hover { 
	background: transparent url('images/knob.png') no-repeat bottom left; 
}


span.group_wrap { 
	position:relative; 
	margin:0px 0px 0px 0px; 
	width:35px; 
	display: block;
	margin-left: 34px;
}
	
span.textbutton_mp3j, span.T_mp3j { 
	position:relative; 
	width:auto; 
	margin:0px; 
	padding:0px; 
}

span.buttons_mp3j { 
	position:absolute;; 
	margin:0px; 
	padding:0px; 
	width: 24px;
	height: 24px;
	top: 5px;
	left: 0px;
	display: block;
	background: transparent url('images/singlebutton.png') no-repeat top left; 
}

.ui360{
position: relative;
}

span.buttons_mp3j:hover { 
	background:transparent url('images/singlebutton.png') no-repeat bottom left; 
}

span.buttons_mp3jpause { 
	position:absolute;; 
	margin:0px; 
	padding:0px; 
	width: 24px;
	height: 24px;
	top: 5px;
	left: 0px;
	background: transparent url('images/singlebutton.png') no-repeat top right; 
}

span.buttons_mp3jpause:hover { 
	background:transparent url('images/singlebutton.png') no-repeat bottom right; 
}
	
span.Prev_mp3j, span.Next_mp3j { 
	position:relative; 
	margin:0px 0px 0px 3px; 
	padding:2px 0px 3px 12px; 
} 

span.Prev_mp3j { 
	background: transparent url('images/transport-shard.png') no-repeat -25px -4px; 
}
	
span.Prev_mp3j:hover { 
	background: transparent url('images/transport-shard.png') no-repeat -25px -36px; 
}
	
span.Next_mp3j { 
	background: transparent url('images/transport-shard.png') no-repeat -44px -4px; 
}

span.Next_mp3j:hover { 
	background: transparent url('images/transport-shard.png') no-repeat -44px -36px; 
}



div.basiclist-player-wrap { 
	padding: 0px 0px 10px 0px; 
}

div.album-player-wrap { 
	padding: 20px 0px 15px 0px; 
}

div.listwrap-album-mp3j { 
	padding: 0px 0px 5px 0px; 
}


div.img_mp3j { 
	float:right; 
	margin: 10px 0px 25px 30px; 
	padding: 0px !important; 
}

div.img_mp3j a { 
	position:relative; 
	margin:0 !important; 
	padding:0 !important; 
}
	
div.img_mp3j img { 
	position:relative; 
	margin:0 !important; 
	padding:2px !important; 
	border: 2px solid #ccc; 
}


div.Holder_mp3j, div.Holderg_mp3j { 
	position:relative; 
}

div.Holderg_mp3j { 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}


div.vol_mp3j { 
	position:absolute; 
	top:-12px; 
	right:7px; 
	width:100px; 
	height:4px; 
	background: transparent url('images/t10g.png') repeat left top; 
}

div.vol_mp3j .ui-widget-header {
	z-index:50; 
	height:100%; 
}	

div.vol_mp3j .ui-slider-handle { 
	top:-4px; 
	background: transparent url('images/vol-handle.png') no-repeat -21px 0px; 
}

div.vol_mp3j .ui-slider-handle:hover { 
	background: transparent url('images/vol-handle.png') no-repeat -1px 0px; 
}

div.vol_mp3j .ui-state-active, div.vol_mp3j .ui-widget-content .ui-state-active { 
	background: transparent url('images/vol-handle.png') no-repeat -1px 0px; 
}

#debug_mp3j {
	position:relative; 
	border:1px solid #ccc; 
	padding:10px; 
	width:200px; 
}