/*	
  MP3-jPlayer 1.7 - Text based Player
	
  -	This style sheet allows for the user 'colour settings' set from admin. The commented-out properties are set by the plugin, 
  	they can be overidden by setting them directly in the sheet.
  -	The class .mp3j_widgetmods is added when mods="y" is used in a shortcode/widget. It can 
  	be added to the following elements: 
	
	on [mp3-jplayer] 		
			div.player-track-title, div.player-artist, div.dloadmp3-MI, div.playlist-toggle-MI, div.mp3j-popout-MI, div.statusMI, div.jp-playlist li
	on [mp3-album] :
	on [mp3-basic] :
	on [mp3j] or [mp3t] : */

/* === [mp3-jplayer] ============================== */
/* POSITION AND WIDTH */
	div.wrap-MI { border:0; margin:0; background:transparent;
		/* position || float */
		/* width */
		min-width:116px;
padding-bottom:15px!important;
	}
	div.jp-innerwrap, 
	div.jp-interface,
	div.innertab, 
	div.bars_holder, 
	div.playlist-wrap-MI {
		width:100%;
	}
	
	div.jp-innerwrap { position:relative !important; background:transparent; border:0; margin:0; border:1px solid #e4e4e4;  }
	div.jp-interface { position:relative !important; height:96px; min-height:67px; border-top:0px solid #e8e8e8; margin:0; cursor:default; }
	
/* BACKGROUNDS */		
	div.innerx { position: absolute; visibility: hidden; }
	div.innerleft {	position: absolute; visibility: hidden; }
	div.innerright { position: absolute; visibility: hidden; }
	
	/* SCREEN BACKGROUND -------------- */
	div.innertab {		
		position: absolute;
		width: 100%;
		bottom: 47px;
		left: 0px;
		top: 0px;
		/* background */
		/* opacity */
	}
	
/* SCREEN TEXT */			
	div.player-track-title, 
	div.player-artist, 
	div.jp-play-time, 
	div.jp-total-time, 
	div.statusMI { 
		/* color */ 
	}


	div.player-track-title {	
		position: absolute;
		top: 4px;
		left: 15px;
		font-size: 16px;
		width: auto;
		max-width: 97%;
		height:auto;
		overflow: visible;
		z-index: 50;
		font-family: 'trebuchet ms', Arial, sans-serif; 

color:#64C60B;
	}
	div.player-track-title.mp3j_widgetmods {
		font-size: 14px;
	}
	
							
	div.player-artist {		
		position: absolute;
		top: 27px;
		left: 16px;
		width: auto;
		max-width: 96%;
		padding: 0px 0px 0px 0px;
		font-size: 12px;
		font-style: italic;
		opacity:0.7;
		filter:alpha(opacity=70);
		line-height:14px;
		overflow: visible;
		/*overflow: hidden;*/
		z-index: 50;
		font-family: 'trebuchet ms', Arial, sans-serif;
	}
	div.player-artist.mp3j_widgetmods {
		font-size: 11px;
	}
							

	div.jp-play-time,
	div.jp-total-time,
	div.statusMI {		position: absolute;
					left: 2px;
					text-align: left;
					font-size: 11px;
					z-index: 50;
					font-family: 'trebuchet ms', Arial, sans-serif;
					 }
					
	div.jp-play-time {	bottom: 26px; width:37px; opacity:0.6; filter:alpha(opacity=60); }
	/*div.jp-total-time {	top: 63px; width:37px; visibility:hidden; } */
	div.jp-total-time { visibility:hidden; } 
	div.statusMI { 	bottom: 26px; left: 37px; }
	
	/*span.mp3-finding { background: url('../css/images/finding-bar1b.gif') repeat-y -4px 3px; margin-left: -3px; padding-left: 4px; }
	span.mp3-loading { background: url('../css/images/finding-bar1b.gif') repeat-y -4px 3px; margin-left: -3px; padding-left: 4px; } */
				
	
	span.mp3-finding, span.mp3-loading, span.mp3-tint { 
		margin: 0px 0px 0px -3px !important;
		padding: 0px 0px 0px 3px !important;
		font-size: 8px !important;
		line-height: 10px !important;
		height: 10px !important;
		overflow: hidden !important;
	}
	span.mp3-finding { background: transparent url('../css/images/finding-bar1f.gif') repeat-y 0px 3px; /* opacity */ }
	span.mp3-loading { background: transparent url('../css/images/finding-bar1f.gif') repeat-y 0px 3px; /* opacity */ }
	
	span.mp3-tint { 
		margin: 0px 2px 0px -3px !important;
		/* background */
		opacity:.4;
		filter:alpha(opacity=40);
	}
	
	
/* DIV TRANSPORT since 1.6 */
	/* Transport wrap */
	div.transport-MI { position:absolute; width:auto; height:30px; right:2px; bottom:17px; border:0; }
	div.transport-MI div { font-family: 'trebuchet ms', Arial, sans-serif; font-weight:700; /* color */ }
	div.transport-MI div:hover { /* color */ }
	
	/* playpause button */
	div.buttons_mp3j { text-indent:4px !important; white-space:nowrap; float:right; width:32px; overflow:hidden !important; height: 25px; margin:0 6px 0 0px; background: transparent !important; line-height:25px !important; font-size:14px; }
	div.buttons_mp3j:hover { background:transparent !important; }
	div.buttons_mp3jpause { text-indent:-29px; white-space:nowrap; !important; float:right; width:38px; overflow:hidden !important; height: 25px; margin:0 -3px 0 3px; background: transparent !important; line-height:25px !important; font-size:14px; }
	div.buttons_mp3jpause:hover { background:transparent !important; }

	/* prev & next buttons */
	div.Prev_mp3j, div.Next_mp3j { text-indent:0px !important; float:right; height: 23px; line-height:23px !important; font-size:12px; } 
	div.Prev_mp3j { width:36px; margin:2px 0px 0px 0px; background: transparent !important; }
	div.Prev_mp3j:hover { background: transparent !important; }
	div.Next_mp3j { width:36px; margin:2px 0px 0px 0px; background: transparent !important; font-size:12px; }
	div.Next_mp3j:hover { background: transparent !important; }
	
	/* stop button */
	div.stop_mp3j { text-indent:0px !important; float:right; width:31px; height: 25px; margin:0px 0px 0px 4px; background: transparent !important; line-height:25px !important; font-size:14px; }
	div.stop_mp3j:hover { background:transparent !important; }


/* other buttons*/
		div.playlist-toggle-MI {	
			position: absolute;
			bottom: 10px;
			right: 1px;
			width: auto;
			font-size: 10px;
			opacity:0.6;
			filter:alpha(opacity=60);
			font-family: 'trebuchet ms', Arial, sans-serif;
		}

		div.playlist-toggle-MI:hover {
			opacity:0.9;
			filter:alpha(opacity=90);
		}
		
		div.dloadmp3-MI {
			position: absolute;
			font-size: 10px;
			bottom: 10px;
			height: auto;
			left:2px !important;
			margin:0;
			font-family: 'trebuchet ms', Arial, sans-serif; 
		}
		div.dloadmp3-MI.mp3j_widgetmods {
			font-size: 10px;
		}
		
		div.dloadmp3-MI.betweenlinks {  }
		div.dloadmp3-MI.whilelinks { }
		div.dloadmp3-MI.whilelinks:hover {  }
							
		div.dloadmp3-MI a {	color:#888; font-size: inherit; margin:0px !important; padding: 0px !important; background:none; text-decoration:none; }
		div.dloadmp3-MI a:hover { background:none; color:#333; }
		
		div.dloadmp3-MI.betweenlinks a { display: none; }
		div.dloadmp3-MI.whilelinks a { display: block; color:#888; }
		div.dloadmp3-MI.whilelinks a:hover {  color:#333; text-decoration:none; }
		
	div.mp3j-popout-MI {
		position: absolute;
		font: normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif;
		top: 0px; 
		right: 3px;
		height: auto;
		opacity:0.6;
		filter:alpha(opacity=60);
		padding: 0px;
		margin: 0px;
		line-height: 11px;
		border: 0px solid #acacac;
		background: none;
		cursor: default;
		z-index:500;

	}
	div.mp3j-popout-MI:hover { 
		opacity:1.0;
		filter:alpha(opacity=100);
	}

/* BARS */
	.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; }
	
	/* VOLUME */
	div.MIsliderVolume { position:absolute; bottom:48px; right:4px; width:108px !important; height:1px !important; background:transparent; border:0px; font-size:1px; cursor:default; z-index:150; }
	div.MIsliderVolume .ui-widget-header, 
	div.vol_mp3j .ui-widget-header { 
		/* background */ 
	} 
	div.MIsliderVolume .ui-slider-handle, 
	div.vol_mp3j .ui-slider-handle {
		height:11px !important; width:10px !important; padding:0px !important; margin-left:-5px; top:-5px; border:0px !important; -moz-border-radius:2px; -webkit-border-radius:2px; background:transparent url('images/vol-handle.png') no-repeat -41px 0px; z-index:150; overflow:hidden !important;	cursor:default; 
	}
	div.MIsliderVolume .ui-slider-handle:hover, 
	div.vol_mp3j .ui-slider-handle:hover {
		background:transparent url('images/vol-handle.png') no-repeat -21px 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 -21px 0px; outline:none; 
	}
	
	/* LOADER AND SLIDER */						
	div.bars_holder { position:absolute; top:0px; left:0px; border-left:0px solid #ccc; bottom:48px; font-size:1px; cursor:default;
		background:transparent url('images/t10b.png') repeat-x left bottom;  /* 1px highlight top of control bar */ 
	}
		/* LOAD BAR */
		div.loadMI_mp3j { position:absolute; top:0px; left:0px; bottom:1px; 
			/* background */
			/* opacity */
		}
		/* POSITION SLIDER */
		div.bars_holder .ui-widget-header { border:0px !important;
			 background: #ddd;
			/* opacity */
		}
		div.bars_holder .ui-slider-horizontal { top:0px; bottom:1px; }
		div.posbarMI_mp3j { position:absolute; left:0px; top:0px; bottom:1px; width:100%; }
		div.posbarMI_mp3j .ui-slider-handle { top:-6px; margin-left:-5px !important; border:0px; bottom:-2px; width:15px !important; z-index:100; background:none; cursor:e-resize; padding:0px !important; }
		div.posbarMI_mp3j .ui-slider-handle:hover { background:none; z-index:100; }

/* PLAYLIST */					
	div.listwrap_mp3j { position:relative; padding: 0px 0px 0px 0px; margin-top:0px; /* background */ border: 1px solid #e4e4e4; width:100%; border-top:none; }
	div.playlist-wrap-MI { position:relative; }
	div.playlist-wrap-MI ul { position:static; border-top:none; }
	
	
	div.playlist-colour { position:absolute; width:100%; height:100%; left:0px; top:0px;
		/* background */
		/* opacity */
	}
	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;
		/* background */ 
	}
	ul.UL_mp3j li { margin:0px !important; padding:0px 0px 0px 15px !important; content:none !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; content:none !important; font-weight:500 !important; line-height:28px !important; letter-spacing:0px; font-size:12px !important; word-spacing:0px; margin:0px 1px 0px 1px !important; }
	ul.UL-MI_mp3j li:before { content:none !important; }
	ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:11px !important; line-height:26px !important; }
	
	ul.UL-MI_mp3j li a { border-bottom:1px solid #ddd; font-size:12px !important; content:none !important; line-height:28px !important; font-weight:500 !important; text-decoration:none !important; display:block !important; width:auto !important; font-family:comic sans ms !important; outline:none !important; padding:0px 0px 0px 14px !important;  }
	ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:11px !important; line-height:26px !important; }


/* === [mp3j] & [mp3t] ============================ */
span.wrap_inline_mp3j { position:relative; width:auto; cursor:pointer; padding:0; white-space:nowrap; text-align:left; }
span.wrap_inline_mp3j:hover .buttons_mp3j { background:transparent url('images/transport-outline.png') no-repeat -80px -34px; }

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

/* bars wrap */
span.bars_mp3j { position:absolute; width:100%; height:100%; }
	
	/* bars for [mp3t] */
	span.load_mp3j { position:absolute; /* background */ 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 -30px; 
		opacity:0.65;
		filter:alpha(opacity=65);
		cursor: default; padding:0px !important; }
	span.posbar_mp3j .ui-slider-handle:hover { background: transparent url('images/inlineHandle1.png') no-repeat 8px 0px; }
	
	/* bars for [mp3j], [mp3-album], & [mp3PL] */
	span.loadB_mp3j { position:absolute; /*background */ top:19px; left:0px; height:2px; }
	span.posbarB_mp3j { position:absolute; width:100%; height:100%; border:0; z-index:450; cursor:pointer; }
	span.posbarB_mp3j .ui-widget-header { background:transparent; z-index:450; height:100%; }	
	span.posbarB_mp3j .ui-slider-handle { top: 1px; 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 -30px;
		opacity:0.65;
		filter:alpha(opacity=65);
		cursor: default; padding:0px !important; }
	span.posbarB_mp3j .ui-slider-handle:hover { background: transparent url('images/inlineHandle1.png') no-repeat 8px 0px; }

/* SPAN TRANSPORT */
	span.group_wrap { position:relative; margin:0px 0px 0px 0px; width:auto; }
	
	/* playpause button */
	span.textbutton_mp3j, span.T_mp3j { position:relative; width:auto; margin:0px; padding:0px; }
	span.buttons_mp3j { position:relative; margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-outline.png') no-repeat -80px -2px; }
	span.buttons_mp3j:hover { background:transparent url('images/transport-outline.png') no-repeat -80px -34px; }
	span.buttons_mp3jpause { position:relative; margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-outline.png') no-repeat 1px -2px; }
	span.buttons_mp3jpause:hover { background:transparent url('images/transport-outline.png') no-repeat 1px -34px; }
	
	/* prev & next buttons*/
	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-outline.png') no-repeat -25px -4px; }
	span.Prev_mp3j:hover { background: transparent url('images/transport-outline.png') no-repeat -25px -36px; }
	span.Next_mp3j { background: transparent url('images/transport-outline.png') no-repeat -44px -4px; }
	span.Next_mp3j:hover { background: transparent url('images/transport-outline.png') no-repeat -44px -36px; }

/* -- player & list containers -- */
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; /* background */ }

/* image for [mp3-album] */
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; /* width */ }

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 { /* background */ 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; }

.mp3j-link-play { cursor:pointer; }

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

span.mp3j-link-play, span.textbutton_mp3j:hover, div.transport-MI div{
color:#F5107A;
}

div.MIsliderVolume .ui-widget-header, div.vol_mp3j .ui-widget-header{
background:url("http://mauricelopez.com/wordpresscariwest/wp-content/plugins/mp3-jplayer/css/images/vol-grad60b2.png");
}