/*	MP3-jPlayer 1.8 - Default Players */

/* [mp3-jplayer] 
============================== */

/* POSITION AND WIDTH */
	div.wrap-MI { border:0; margin:0; background:none; /* position || float set from admin */ /* width set from admin */ min-width:116px; }
	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; }
	div.jp-interface { position:relative !important; height:96px; min-height:67px; border:0; margin:0; cursor:default; }
	
/* BACKGROUNDS */		
	div.innerx { position:absolute; width:auto; height:40px; left:9px; right:8px; bottom:0px; background:url('images/case2-x.png') repeat-x left bottom; }
	div.innerleft {	position:absolute; width:10px; height:40px; left:-1px; bottom:0px; background:url('images/case2-l.png') no-repeat left bottom; }
	div.innerright { position:absolute; width:10px; height:40px; right:-2px; bottom:0px; background:url('images/case2-r.png') no-repeat left bottom; }
	div.innertab { position:absolute; left:0px; top:0px; bottom:40px; /* background */ /* opacity */ }

/* SCREEN TEXT */			
	div.player-track-title, 
	div.jp-play-time, 
	div.jp-total-time, 
	div.statusMI { /* color */ }
	div.player-track-title { position:absolute; font:normal normal 500 14px 'verdana', 'Lucida Grande', 'arial', sans-serif; top:7px; left:9px; width:auto; max-width:97%; line-height:16px; z-index:50; }
	div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 7px; }					
		div.player-track-title span {	font:normal normal 500 10px 'verdana', 'Lucida Grande', 'arial', sans-serif; padding-left:10px; max-width:95%; line-height:12px; }
		div.player-track-title.mp3j_widgetmods span { font-size: 9px; }
	div.jp-play-time,
	div.jp-total-time,
	div.statusMI { position:absolute; font:normal normal 500 8px 'verdana', 'Lucida Grande', 'arial', sans-serif; bottom:43px; text-align:left; z-index:50; }
		div.jp-play-time {	right:84px; font-size:8px; }
		div.jp-total-time {	right:7px; opacity:0.8; font-size:8px; } 
		div.statusMI { right:39px; width:40px; font-size:8px; line-height:10px !important; height:10px !important; }
			
	span.mp3-finding,
	span.Smp3-finding,
	span.mp3-tint,
	span.mp3-gtint { padding:0px 0px 0px 3px !important; font-size:8px !important; line-height:10px !important; height:10px !important; overflow:hidden !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
		span.mp3-finding, span.Smp3-finding { margin:0px 0px 0px -2px; background:url('images/finding-bar1f.gif') repeat 0px 3px; }
		span.mp3-tint { margin:0px 2px 0px -3px; opacity:.5; filter:alpha(opacity=50); /* background */ }
		span.mp3-gtint { margin:0px 2px 0px -3px; opacity:.5; filter:alpha(opacity=50); background:#777; }
		span.Smp3-finding { margin:0px 0px 0px 3px; }
	span.tintmarg	{ margin:0 2px 0 3px; }
				
/* DIV TRANSPORT */
div.transport-MI { position:absolute; width:auto; height:38px; right:2px; bottom:0px; border:0; }
	/* playpause button */
	div.buttons_mp3j { text-indent:-9999px !important; float:right; width:30px; height: 34px; margin:0px; background: transparent url("images/transport-hard.png") -110px 1px no-repeat !important; }
	div.buttons_mp3j:hover { background:transparent url("images/transport-hard.png") -110px -31px no-repeat !important; }
	div.buttons_mp3jpause { text-indent:-9999px !important; float:right; width:30px; height: 34px; margin:0px; background: transparent url("images/transport-hard.png") -2px 1px no-repeat !important; }
	div.buttons_mp3jpause:hover { background:transparent url("images/transport-hard.png") -2px -31px no-repeat !important; }
	/* prev & next buttons */
	div.Prev_mp3j, div.Next_mp3j { text-indent:-9999px !important; float:right; height: 28px; } 
	div.Prev_mp3j { width:22px; margin:0px 3px 0px 0px; background: transparent url("images/transport-hard.png") -32px -1px no-repeat !important; }
	div.Prev_mp3j:hover { background: transparent url("images/transport-hard.png") -32px -33px no-repeat !important; }
	div.Next_mp3j { width:19px; margin:0px 4px 0px 0px; background: transparent url("images/transport-hard.png") -57px -1px no-repeat !important; }
	div.Next_mp3j:hover { background: transparent url("images/transport-hard.png") -57px -33px no-repeat !important; }
	/* stop button */
	div.stop_mp3j { text-indent:-9999px !important; float:right; width:26px; height: 34px; margin:0px 1px 0px 2px; background: transparent url("images/transport-hard.png") -81px 1px no-repeat !important; }
	div.stop_mp3j:hover { background:transparent url("images/transport-hard.png") -81px -31px no-repeat !important; }

/* PLAYLIST TOGGLE */
	div.playlist-toggle-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif; bottom:5px; left:2px; color:#707070; padding:2px 6px 2px 5px; line-height:9px; min-width:24px; background:#b9b9b9; -moz-border-radius:1px; -webkit-border-radius:1px; cursor:default; }
	div.playlist-toggle-MI:hover { background:#c6c6c6; color:#808080; border-right:1px solid #a9a9a9; }

/* DOWNLOAD BUTTON */	
	div.dloadmp3-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; bottom:40px; margin:0px !important; font-size:9px !important; text-align:center; left:0px; width:41%; min-width:75px; max-width:225px; padding:0px 0px 0px 0px !important; border:0px; background:transparent url('images/t10b.png') repeat left top !important; color:#fff; line-height:11px !important; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; overflow:hidden; z-index:150; cursor:default; }							
	div.dloadmp3-MI.whilelinks, div.dloadmp3-MI.logintext { background:transparent url('images/t50b.png') repeat left top !important; }
	div.dloadmp3-MI.whilelinks:hover { background:transparent url('images/t40b.png') repeat left top !important; }
		div.dloadmp3-MI a {	color:#ececec; display:block; width:auto; padding:1px 5px 2px 2px !important; margin:0px !important; background:transparent; text-decoration:none !important; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; font-size:9px !important; line-height:11px !important; /* after font declaration */ height:100%; border-bottom:none; visibility:hidden; }				
		div.dloadmp3-MI a:hover { outline: none; border-bottom: none; color: #ececec; }
		div.dloadmp3-MI.whilelinks a { color: #f3f3f3; visibility: inherit; }
		div.dloadmp3-MI.whilelinks a:hover { color: #fff; }
		div.dloadmp3-MI p {	color:#ececec; display:block; width:auto; padding:1px 5px 2px 2px !important; margin:0px !important; background:transparent; text-decoration:none !important; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; font-size:9px !important; line-height:11px !important; /* after font declaration */ height:100%; border-bottom:none; visibility:visible; }				

/* POPOUT BUTTON */		
	div.mp3j-popout-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif; bottom:18px; left:1px; height:16px; color:#595959; padding:3px 5px 0px 28px; min-width:2px; line-height:11px; border:1px solid #acacac; background:#bfbfbf url('images/buttons-popout.png') no-repeat -5px -65px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:default; }
	div.mp3j-popout-MI:hover { color:#606060; background:#c6c6c6 url('images/buttons-popout.png') no-repeat -5px -95px; }

/* 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; top:0px; right:4px; width:108px !important; height:4px !important; background:transparent; border:0px; font-size:1px; cursor:default; z-index:150; }
	div.MIsliderVolume .ui-widget-header { /* background */ } 
	div.MIsliderVolume .ui-slider-handle { height:11px !important; width:10px !important; padding:0px !important; margin-left:-5px; top:-3px; border:0px !important; -moz-border-radius:2px; -webkit-border-radius:2px; background:transparent url('images/vol-handle.png') no-repeat -1px 0px; z-index:150; overflow:hidden !important;	cursor:default; }
	div.MIsliderVolume .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 { 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:39px; font-size:1px; cursor:default; background:transparent url('images/t60w.png') repeat-x left bottom;  /* 1px highlight top of control bar */ }
		div.loadMI_mp3j { position:absolute; top:0px; left:0px; bottom:1px; /* background */ /* opacity */ }
		div.poscolMI_mp3j { position:absolute; top:0px; left:0px; bottom:1px; /* background */ /* opacity */ }
		div.bars_holder .ui-widget-header { border:0px !important; }
		div.bars_holder .ui-slider-horizontal { top:0px; bottom:1px; z-index:90; }
		div.posbarMI_mp3j { position:absolute; left:0px; top:0px; bottom:1px; width:100%; }
		div.posbarMI_mp3j .ui-slider-handle { top:-6px; margin-left:-1px !important; border:0; bottom:-2px; width:2px !important; z-index:100; background:none; cursor:default ; 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:-2px; /* background */ }
	div.playlist-wrap-MI { position:relative; }
		div.playlist-wrap-MI ul { position:static; }
		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-MI_mp3j li { margin:0px !important; padding:0px 0px 1px 0px !important; font-weight:500 !important; line-height:16px !important; letter-spacing:0px !important; font-size:11px !important; word-spacing:0px !important; margin:0px 1px 0px 1px !important; }
		ul.UL-MI_mp3j li:before { content:none !important; }
		ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:10px !important; line-height:14px !important; }
			ul.UL-MI_mp3j li a { font-size:11px !important; border:0 !important; line-height:16px !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:6px 0px 6px 14px !important; }
			ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:10px !important; line-height:14px !important; }
	div.playlist-colour { position:absolute; width:100%; height:100%; left:0px; top:0px; /* background */ /* opacity */ }


/* 	[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-shard.png') no-repeat -80px -35px; }*/
.wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/play-dark.png') no-repeat right center; }

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

/* BARS */
span.bars_mp3j { position:absolute; width:100%; height:100%; }
	span.load_mp3j, span.loadB_mp3j { position:absolute; /* background */ top:20px; left:0px; height:2px; }
	/* [mp3t] */
	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:-5px; border: 0px solid #888; height: 21px; width:10px; z-index: 500; background: transparent url('images/inlineHandle1.png') no-repeat center 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 center -30px; } */
	
	span.posbar_mp3j .ui-slider-handle { top: 2px; margin-left:-2px; border:1px solid #999; height:21px; width:4px; z-index:500; background:url('images/t20b.png') repeat; cursor:default; padding:0px !important; }
	span.posbar_mp3j .ui-slider-handle:hover { background:url('images/t15b.png') repeat; border-color:#aaa; }
	
	
	/* [mp3j] */
	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: 0px; margin-left:-6px !important; border:0px solid #888; height:23px; width:12px !important; z-index: 500; background: transparent url('images/inlineHandle2.png') no-repeat -3px -3px; cursor: default; padding:0px !important; }
	span.posbarB_mp3j .ui-slider-handle:hover { background: transparent url('images/inlineHandle2.png') no-repeat -3px -33px; }

/* SPAN TRANSPORT */
span.group_wrap { position:relative; margin:0px 0px 0px 0px; width:auto; }
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-shard.png') no-repeat -80px -3px; }
span.buttons_mp3j:hover { background:transparent url('images/transport-shard.png') no-repeat -80px -35px; }
span.buttons_mp3jpause { position:relative; margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-shard.png') no-repeat -2px -3px; }
span.buttons_mp3jpause:hover { background:transparent url('images/transport-shard.png') no-repeat -2px -35px; } 
*/
span.buttons_mp3j { position:relative; margin:0 0 0 5px; padding:1px 0px 3px 14px; background:url('images/play-dark.png') no-repeat right center; border-left:1px solid #bbb; }
span.buttons_mp3j:hover { background:url('images/play-dark.png') no-repeat right center; }
span.buttons_mp3jpause { position:relative; margin:0 0 0 5px; padding:0px 0px 2px 13px; background:url('images/t10b.png') repeat; border:1px solid #bbb; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
span.buttons_mp3jpause:hover { background:url('images/t20b.png') repeat; }






/* VOLUMES */
span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; }
span.vol_mp3j { position:absolute; top:-9px; right:5px; width:85%; max-width:100px; height:2px; }

	span.vol_mp3t .ui-widget-header, 
	span.vol_mp3j .ui-widget-header {  background: transparent url('images/vol-grad60b2.png') repeat left top; z-index:500; height:100%; }	
	span.vol_mp3t .ui-slider-handle, 
	span.vol_mp3j .ui-slider-handle { height:11px !important; width:10px !important; padding:0px !important; margin-left:-5px; border:0px !important; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; z-index:600; overflow:hidden !important; cursor:default; top:-6px; background: transparent url('images/vol-handle.png') no-repeat -21px 0px; }
	span.vol_mp3t .ui-slider-handle:hover, 
	span.vol_mp3j .ui-slider-handle:hover { background: transparent url('images/vol-handle.png') no-repeat -1px 0px; }
	span.vol_mp3t .ui-state-active, 
	span.vol_mp3t .ui-widget-content .ui-state-active,
	span.vol_mp3j .ui-state-active, 
	span.vol_mp3j .ui-widget-content .ui-state-active { background:transparent url('images/vol-handle.png') no-repeat -1px 0px; outline:none; border:0px; }

span.vol_mp3j.flipped { right:4px; }


/* === [mp3j-link] ========================= */
.mp3j-link-play { cursor:pointer; }


/* === [mp3j-popout] ========================== */
.mp3j-popout-link-wrap { cursor:pointer; position:relative; clear:left; }
.mp3j-popout-link { float:left; margin:0 5px 0 0; min-width:22px; min-height:18px; background:url('images/buttons-popout.png') no-repeat -10px -65px; }
.mp3j-popout-link-wrap:hover .mp3j-popout-link { background:url('images/buttons-popout.png') no-repeat -10px -95px; }


/*	-------------- 
	CUSTOM CLASSES 
	-------------- */

/* ===== mp3j_tiny (singles) ==== */
.mp3j_tiny { font-size:10px; line-height:14px !important; margin:0 !important; }
.mp3j_tiny .load_mp3j, .mp3j_tiny .loadB_mp3j { top:14px; }
.mp3j_tiny span.posbar_mp3j .ui-slider-handle { top: 2px; height:15px; }
.mp3j_tiny span.posbarB_mp3j .ui-slider-handle { top: -4px; height: 23px; }
.mp3j_tiny span.Smp3-finding,
.mp3j_tiny span.mp3-tint,
.mp3j_tiny span.mp3-gtint { padding:0px 0px 0px 2px !important; font-size:4px !important; line-height:6px !important; }
.mp3j_tiny .mp3-gtint { margin:0 2px 0 -2px; }

.mp3j_tiny .buttons_mp3j { padding:1px 0px 2px 12px; }
.mp3j_tiny .buttons_mp3jpause {padding:0px 0px 2px 11px; }

/* ===== dark (playlist) ===== */
.dark { border:0; margin:0; background:none; /* position || float set from admin */ /* width set from admin */ min-width:116px; }
	.dark .innerx { bottom:-3px; background:url('images/case2dark-x.png') repeat-x left bottom; }
	.dark .innerleft { bottom:-3px; background:url('images/case2dark-l.png') no-repeat left bottom; }
	.dark .innerright { bottom:-3px; background:url('images/case2dark-r.png') no-repeat left bottom; }
	.dark .innertab { bottom:37px; }
	.dark .jp-interface { height:95px; }
		.dark .transport-MI { bottom:-2px; }
			.dark .buttons_mp3j { background: transparent url("images/transport-dark.png") -110px 1px no-repeat !important; }
			.dark .buttons_mp3j:hover { background:transparent url("images/transport-dark.png") -110px -31px no-repeat !important; }
			.dark .buttons_mp3jpause { background: transparent url("images/transport-dark.png") -4px 1px no-repeat !important; }
			.dark .buttons_mp3jpause:hover { background:transparent url("images/transport-dark.png") -4px -31px no-repeat !important; }
			.dark .Prev_mp3j { background: transparent url("images/transport-dark.png") -34px -1px no-repeat !important; }
			.dark .Prev_mp3j:hover { background: transparent url("images/transport-dark.png") -34px -33px no-repeat !important; }
			.dark .Next_mp3j { background: transparent url("images/transport-dark.png") -57px -1px no-repeat !important; }
			.dark .Next_mp3j:hover { background: transparent url("images/transport-dark.png") -57px -33px no-repeat !important; }
			.dark .stop_mp3j { background: transparent url("images/transport-dark.png") -81px 1px no-repeat !important; }
			.dark .stop_mp3j:hover { background:transparent url("images/transport-dark.png") -81px -31px no-repeat !important; }
		.dark .playlist-toggle-MI { bottom:2px; left:1px; color:#a2a2a2; padding:2px 6px 3px 5px; line-height:9px; min-width:24px; background:#4a4a4a; -moz-border-radius-top:2px; -webkit-border-top-radius:2px; cursor:default; }
		.dark .playlist-toggle-MI:hover { background:#595959; color:#aaa; border-right:0px solid #636363; }
		.dark .mp3j-popout-MI { position:absolute; font:normal normal 500 10px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif; bottom:17px; left:1px; height:16px; color:#a2a2a2; padding:3px 6px 0px 29px; line-height:11px; border:0px solid #686868; background:#555 url('images/buttons-popout.png') no-repeat -5px -5px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:default; }
		.dark .mp3j-popout-MI:hover { color:#aaa; background:#606060 url('images/buttons-popout.png') no-repeat -5px -35px; }
		.dark .dloadmp3-MI { bottom:38px; }
		.dark .bars_holder { bottom:37px; background:transparent url('images/t40b.png') repeat-x left bottom; }
		.dark .listwrap_mp3j { margin-top:0px; /* background */ }
		
/* ===== silver (singles) ==== */
.silver { font-size:14px; line-height:22px !important; margin:0 !important; font-weight:700; }
.silver span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; background: transparent; }
.silver span.vol_mp3j { position:absolute; top:-9px; right:7px; width:85%; max-width:100px; height:2px; background: transparent; }
.silver span.listen_mp3j { color:#807201; }
.silver span.listen_mp3j:hover { color:#b2a115; }

.silver .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/transport-shard.png') no-repeat -80px -35px; border:0; margin:0; }
.silver .buttons_mp3j { padding:2px 0px 3px 20px; background: transparent url('images/transport-shard.png') no-repeat -80px -3px; border:0; margin:0; }
.silver .buttons_mp3j:hover { background:transparent url('images/transport-shard.png') no-repeat -80px -35px; }
.silver .buttons_mp3jpause { padding:2px 0px 3px 20px; background: transparent url('images/transport-shard.png') no-repeat -2px -3px; border:0; margin:0; }
.silver .buttons_mp3jpause:hover { background:transparent url('images/transport-shard.png') no-repeat -2px -35px; }

/* ===== outline (singles) ==== */
.outline { font-size:14px; line-height:22px !important; margin:0 !important; }
.outline span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; background: transparent; }
.outline span.vol_mp3j { position:absolute; top:-9px; right:7px; width:85%; max-width:100px; height:2px; background: transparent; }
.outline .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/transport-outline.png') no-repeat -80px -34px; border:0; margin:0; }
.outline .buttons_mp3j { padding:2px 0px 3px 20px; background: transparent url('images/transport-outline.png') no-repeat -80px -2px; border:0; margin:0; }
.outline .buttons_mp3j:hover { background:transparent url('images/transport-outline.png') no-repeat -80px -34px; }
.outline .buttons_mp3jpause { padding:2px 0px 3px 20px; background: transparent url('images/transport-outline.png') no-repeat 1px -2px; border:0; margin:0; }
.outline .buttons_mp3jpause:hover { background:transparent url('images/transport-outline.png') no-repeat 1px -34px; }




/* ===== mp3j_bigger (singles) ===== */
.mp3j_bigger { font-size:18px; line-height:26px !important; margin:0 !important; }
.mp3j_bigger span.load_mp3j,
.mp3j_bigger span.loadB_mp3j { top:24px; left:0px; height:2px; }
.mp3j_bigger span.posbar_mp3j .ui-slider-handle { top: 4px; border: 1px solid #bbb; height:23px; width:6px !important; margin-left:-3px !important; background:url('images/t10b.png') repeat left top; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.mp3j_bigger span.posbar_mp3j .ui-slider-handle:hover {  background:url('images/t20b.png') repeat left top; }
.mp3j_bigger span.posbarB_mp3j .ui-slider-handle { top:4px; }

/* ===== mp3j_vbig (singles) ===== */
.mp3j_vbig { font-size:28px; line-height:36px !important; margin:0 !important; }
.mp3j_vbig .load_mp3j, .mp3j_vbig .loadB_mp3j  { top:33px; left:0px; height:3px; }
.mp3j_vbig .posbar_mp3j .ui-slider-handle, .mp3j_vbig .posbarB_mp3j .ui-slider-handle { top: 1px; border: 1px solid #bbb; height:36px; width:10px !important; margin-left:-5px !important; background:url('images/t10b.png') repeat left top; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.mp3j_vbig .posbar_mp3j .ui-slider-handle:hover, .mp3j_vbig .posbarB_mp3j .ui-slider-handle:hover { background:url('images/t20b.png') repeat left top; }
.mp3j_vbig .indi_mp3j { font-size: 0.5em !important; }

.mp3j_vbig .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/play-dark.png') no-repeat right center; }
.mp3j_vbig .buttons_mp3j { padding:1px 0px 1px 21px; background:url('images/play-dark.png') no-repeat right center; border-left:1px solid #bbb; margin-left:10px; }
.mp3j_vbig .buttons_mp3j:hover { background:url('images/play-dark.png') no-repeat right center; }
.mp3j_vbig .buttons_mp3jpause { padding:0px 0px 0px 20px; background:url('images/t10b.png') repeat; border:1px solid #bbb; margin-left:10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.mp3j_vbig .buttons_mp3jpause:hover { background:url('images/t20b.png') repeat; }

/*.mp3j_vbig .vol_mp3t{ height:1px; max-width:110px; right:14px; top:0px; }*/
.mp3j_vbig .vol_mp3j{ height:1px; max-width:110px; right:58px; top:-5px; }

/*.mp3j_vbig .vol_mp3t .ui-slider-handle,
.mp3j_vbig .vol_mp3t .ui-slider-handle:hover,*/
.mp3j_vbig .vol_mp3j .ui-slider-handle,
.mp3j_vbig .vol_mp3j .ui-slider-handle:hover { height:12px !important; width:29px !important; margin-left:-12px; border-right:1px solid #bbb !important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; top:-11px; background:url('images/volhandle-dark.png') no-repeat -3px bottom; }


/* mp3j_huge (singles)
======================== */
.mp3j_huge { font-size:48px; line-height:60px !important; margin:0 !important; }
.mp3j_huge .load_mp3j, .mp3j_huge .loadB_mp3j { top:56px; left:0px; height:4px; }

.mp3j_huge .posbar_mp3j .ui-slider-handle, .mp3j_huge .posbarB_mp3j .ui-slider-handle { top: 4px; border: 1px solid #bbb; height: 57px; background:url('images/t10b.png') repeat left top; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.mp3j_huge .posbar_mp3j .ui-slider-handle:hover, .mp3j_huge .posbarB_mp3j .ui-slider-handle:hover { background:url('images/t20b.png') repeat left top; }
.mp3j_huge .indi_mp3j { font-size: 0.5em !important; }

.mp3j_huge .vol_mp3t{ height:1px; max-width:110px; right:20px; top:0px; }
.mp3j_huge .vol_mp3j{ height:1px; max-width:110px; right:87px; top:-6px; }

.mp3j_huge .vol_mp3t .ui-slider-handle,
.mp3j_huge .vol_mp3t .ui-slider-handle:hover,
.mp3j_huge .vol_mp3j .ui-slider-handle,
.mp3j_huge .vol_mp3j .ui-slider-handle:hover { height:15px !important; width:36px !important; margin-left:-12px; border-right:1px solid #bbb !important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; top:-14px; background:url('images/volhandle-dark.png') no-repeat -3px bottom; }

.mp3j_huge .Smp3-finding,
.mp3j_huge .mp3-tint,
.mp3j_huge .mp3-gtint { margin-left:8px; padding:0px 0px 0px 11px !important; font-size:18px !important; line-height:20px !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.mp3j_huge .mp3-gtint { margin:0 2px 0 -11px; }

.mp3j_huge .textbutton_mp3j { font-weight:500; }
.mp3j_huge .T_mp3j { font-weight:700; }

.mp3j_huge .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/play-dark.png') no-repeat right center; }
.mp3j_huge .buttons_mp3j { padding:1px 0px 0px 34px; background:url('images/play-dark.png') no-repeat right center; border-left:1px solid #bbb; margin-left:10px; }
.mp3j_huge .buttons_mp3j:hover { background:url('images/play-dark.png') no-repeat right center; }
.mp3j_huge .buttons_mp3jpause { padding:0px 0px 0px 34px; background:url('images/t10b.png') repeat; border:1px solid #bbb; margin-left:10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.mp3j_huge .buttons_mp3jpause:hover { background:url('images/t20b.png') repeat; }


/* green (singles)
======================== */
.green { color: #006600; }
.green .textbutton_mp3j { color:#009900; font-size:0.7em; font-weight:700; }
.green .load_mp3j, .green .loadB_mp3j { background: #00cc00; }
.green .mp3-tint { background: #006600; } 
.green .indi_mp3j { color:#003300; }

/* straw (singles)
======================== */
.straw { color: #9e9988; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }
.straw .textbutton_mp3j { color:#b5b09e; font-size:0.7em; font-weight:700; }
.straw .load_mp3j, .straw .loadB_mp3j { background: #d1cbb6; }
.straw .mp3-tint { background: #9e9988; } 
.straw .indi_mp3j { color:#716d61; }

/* bold (singles)
======================== */
.weighty { font-weight:700; }









/* ===== Art's UM class (singles) ==== */

	/* playback times */
.um { font-size:14px !important; line-height:22px !important; margin:0 !important; font-weight:700; color:#000000 !important; }

.um span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; background: transparent; }
.um span.vol_mp3j { position:absolute; top:-9px; right:7px; width:85%; max-width:100px; height:2px; background: transparent; }

.um span.listen_mp3j { font-size:14px !important; color:#000000; }
.um span.listen_mp3j:hover {  font-size:14px !important; color:#000000; }

.um .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/transport-shard1.png') no-repeat -80px -35px; border:0; margin:0; }
.um .buttons_mp3j { padding:2px 0px 3px 20px; background: transparent url('images/transport-shard1.png') no-repeat -80px -3px; border:0; margin:0; }
.um .buttons_mp3j:hover { background:transparent url('images/transport-shard1.png') no-repeat -80px -35px; }
.um .buttons_mp3jpause { padding:2px 0px 3px 20px; background: transparent url('images/transport-shard1.png') no-repeat -2px -3px; border:0; margin:0; }
.um .buttons_mp3jpause:hover { background:transparent url('images/transport-shard1.png') no-repeat -2px -35px; }


.umm { font-size:14px !important; line-height:22px !important; margin:0 !important; font-weight:600; color:#808080 !important; }

.umm span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; background: transparent; }
.umm span.vol_mp3j { position:absolute; top:-9px; right:7px; width:85%; max-width:100px; height:2px; background: transparent; }

.umm span.listen_mp3j { font-size:13px !important; color:#808080; }
.umm span.listen_mp3j:hover {  font-size:13px !important; color:#808080; }

.umm .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/transport-shard2.png') no-repeat -80px -35px; border:0; margin:0; }
.umm .buttons_mp3j { padding:2px 0px 3px 20px; background: transparent url('images/transport-shard2.png') no-repeat -80px -3px; border:0; margin:0; }
.umm .buttons_mp3j:hover { background:transparent url('images/transport-shard2.png') no-repeat -80px -35px; }
.umm .buttons_mp3jpause { padding:2px 0px 3px 20px; background: transparent url('images/transport-shard2.png') no-repeat -2px -3px; border:0; margin:0; }
.umm .buttons_mp3jpause:hover { background:transparent url('images/transport-shard2.png') no-repeat -2px -35px; }







	/* playback times */
.ump { font-size:14px !important; line-height:22px !important; margin:0 !important; font-weight:700; color:#bbbbbb !important; }

.ump span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; background: transparent; }
.ump span.vol_mp3j { position:absolute; top:-9px; right:7px; width:85%; max-width:100px; height:2px; background: transparent; }

.ump span.listen_mp3j { font-size:14px !important; color:#bbbbbb; }
.ump span.listen_mp3j:hover {  font-size:14px !important; color:#bbbbbb; }

.ump .wrap_inline_mp3j:hover .buttons_mp3j { background:url('images/transport-shardp.png') no-repeat -80px -35px; border:0; margin:0; }
.ump .buttons_mp3j { padding:2px 0px 3px 20px; background: transparent url('images/transport-shardp.png') no-repeat -80px -3px; border:0; margin:0; }
.ump .buttons_mp3j:hover { background:transparent url('images/transport-shardp.png') no-repeat -80px -35px; }
.ump .buttons_mp3jpause { padding:2px 0px 3px 20px; background: transparent url('images/transport-shardp.png') no-repeat -2px -3px; border:0; margin:0; }
.ump .buttons_mp3jpause:hover { background:transparent url('images/transport-shardp.png') no-repeat -2px -35px; }


