/* 
Customized theme for dublab.com
www.goteama.com

based on: 
MP3-jPlayer 1.8.1 - Silver
www.sjward.org */

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

@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic,700italic');

#dublab-player { position: relative; }
#dublab-player .widget { margin-bottom: 0; }

/* SKIN 
--------------- */
/* MAIN WRAPPER (default class) */
div.wrap-MI { border:0; margin:0; background:none; min-width:116px; /* position||float set in-line! */ /* width set in-line! */ }

/* SUB WRAPPERS */
div.jp-innerwrap, div.jp-interface, div.listwrap_mp3j, div.playlist-wrap-MI { position:relative !important; width:100%; border:0; margin:0; padding:0; }
div.jp-innerwrap { background:none; background:#06c; border:none; }
div.jp-interface { height:101px/*player default height*/; min-height:67px; cursor:default; }
div.listwrap_mp3j { margin-top:0px; /* background set from admin */ }

.mp3jplayerwidget div.jp-interface { height: 44px; min-height: 44px; }
.mp3jplayerwidget div.listwrap_mp3j { width:auto; }

/* BACKGROUNDS */
div.innerx, div.innerleft, div.innerright, div.innertab { position:absolute; }
div.innerx { background:url('images/case-grad-x.png') repeat-x left -45px; width:auto; height:35px; left:0px; right:0px; bottom:3px; }
div.innerleft { background:url('images/shadow-l.png') no-repeat left bottom; width:1px; height:40px; left:-1px; bottom:0px; }
div.innerright { background:url('images/shadow-r.png') no-repeat right bottom; width:2px; height:40px; right:-2px; bottom:0px; }
div.innertab { /* background and opacity set from admin */ left:0px; top:0px; width:100%; bottom:38px;  }

.mp3jplayerwidget div.innerx, .mp3jplayerwidget div.innerleft, .mp3jplayerwidget div.innerright, .mp3jplayerwidget div.innertab  { display: none; }


/* PLAYLIST
----------------- */
div.playlist-colour { position:absolute; width:100%; height:100%; left:0px; top:0px; /* background set from admin */ /* opacity set from admin */ }				
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: 400 !important; /* background set from admin */ 
}
ul.UL-MI_mp3j li { margin:0px !important; padding:0px 0px 1px 0px !important; font-weight:400 !important; line-height:15px !important; letter-spacing:0px !important; font-size:14px !important; word-spacing:0px !important; margin:0px 1px 0px 1px !important; list-style-type:none !important; }
ul.UL-MI_mp3j li:before { content:none !important; }

ul.UL-MI_mp3j li a { 
	font-size:14px !important; 
	border:0 !important; 
	line-height:15px !important; 
	font-weight:400 !important; 
	text-decoration:none !important; 
	display:block !important; 
	width:auto !important; 
	font-family:'Open Sans', Helvetica, Arial, sans-serif !important; 
	outline:none !important; 
	padding:6px 0px 6px 14px!important; 
	color: #afd7ff;
}
ul.UL-MI_mp3j li a:hover { color: #87b7e8; }
ul.UL-MI_mp3j li a.mp3j_A_current { color: #fff; }

.mp3jplayerwidget div.playlist-wrap-MI ul { position:absolute; } 
.mp3jplayerwidget div.playlist-colour { display: none; }
.mp3jplayerwidget ul.UL-MI_mp3j li { 
	font-weight:700 !important; 
	line-height:20px !important;
	letter-spacing:0px !important; 
	font-size:12px !important; 
}
.mp3jplayerwidget ul.UL-MI_mp3j li a { 
	cursor: pointer;
	font-size:12px !important;
	line-height:20px !important; 
	font-weight:700 !important; 
	width:99px !important; 
	padding:0px!important; 
	text-align: center; 
	color: #fff; 
	background: #69c; 
	border-top: 1px solid #fff !important;
	border-right: 1px solid #fff !important; 
}
.mp3jplayerwidget ul.UL-MI_mp3j li a:hover { background: #72cae0; }
.mp3jplayerwidget ul.UL-MI_mp3j li a.mp3j_A_current { background: #06c; border-top: 1px solid #06c !important; }
.mp3jplayerwidget #mp3j_A_0_0, .mp3jplayerwidget #mp3j_A_0_1, .mp3jplayerwidget #mp3j_A_0_2, .mp3jplayerwidget #mp3j_A_0_3, .mp3jplayerwidget #mp3j_A_0_4 { position: absolute; top: 0; } 
.mp3jplayerwidget #mp3j_A_0_0 { left: 80px; }
.mp3jplayerwidget #mp3j_A_0_1 { left: 180px; }
.mp3jplayerwidget #mp3j_A_0_2 { left: 280px; }
.mp3jplayerwidget #mp3j_A_0_3 { left: 380px; }
.mp3jplayerwidget #mp3j_A_0_4 { left: 480px; }


/* SCREEN 
----------------- */			
div.player-track-title, div.jp-play-time, div.jp-total-time, div.statusMI { position:absolute; z-index:50; /* color set from admin */ font:normal normal 700 14px/16px 'Open Sans', Helvetica, Arial, sans-serif; }

div.player-track-title { top:7px; left:9px; width:40%; color:#fff; }
div.player-track-title span { font-size:10px; line-height:12px; padding-left:10px; max-width:95%; }

.mp3jplayerwidget div.player-track-title { top:6px; left: 50px; width:830px; height:30px; line-height: 30px; overflow: hidden; font-size:24px; font-weight: 300; }

div.jp-play-time, div.jp-total-time, div.statusMI { font-size:8px; line-height:10px !important; bottom:6px; text-align:left; font-family:'Open Sans', Helvetica, Arial, sans-serif;   }
div.jp-play-time { display: none; }
div.jp-total-time { display: none; }

.mp3jplayerwidget div.jp-play-time, .mp3jplayerwidget div.jp-total-time, .mp3jplayerwidget div.statusMI {
	font-size:10px; 
	line-height:12px !important; 
	bottom:-20px; 
	text-transform: uppercase;
}

span.mp3-finding, span.Smp3-finding, span.mp3-tint, span.mp3-gtint { padding:0px 0px 0px 6px !important; font-size:8px !important; line-height:10px !important; height:10px !important; overflow:hidden !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
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 -6px; opacity:.5; filter:alpha(opacity=50); /* background set from admin */ }
span.mp3-gtint { margin:0px 2px 0px -6px; opacity:.5; filter:alpha(opacity=50); background:#777; }
span.Smp3-finding { margin:0px 0px 0px 3px; }
span.tintmarg	{ margin:0 2px 0 3px; }

div.statusMI { left:42px; width:52px !important; height:10px; color: #afd7ff; }
.statusMI span.mp3-finding, .statusMI span.Smp3-finding, .statusMI span.mp3-tint, .statusMI span.mp3-gtint { padding:0px 0px 0px 6px !important; }
.statusMI span.mp3-tint, .statusMI span.mp3-gtint { margin:0px 2px 0px -6px; }

.mp3jplayerwidget div.statusMI { left:0px; width:80px !important; height:20px; 	line-height:20px !important; color: #000; background: #fff; font-weight: 700; text-align: center; }

.MI-image { position:absolute; top:0; left:0; padding:0; }
.MI-image img { border:none; padding:0px; background-color:#bbb; }
.MI-image a:hover img { /* background-colour set from admin */ }


/* BUTTONS
----------------- */
/* TRANSPORT BUTTONS */
div.transport-MI { position:absolute; width:auto; height:43px; left:50%; top:0px; border:0; }
div.transport-MI div { background-image: url("images/transport-dublab14.png"); text-indent:-9999px !important; float:right }

.mp3jplayerwidget div.transport-MI { left:0px; }

/* play */
div.buttons_mp3j { width:40px; height:43px; margin:1px 0px 0px 0px; background-position:0px 0px; }
div.buttons_mp3j:hover { background-position:0px -43px; }

/* pause */
div.buttons_mp3jpause { width:40px; height:43px; margin:1px 0px 0px 0px; background-position:-40px 0px; }
div.buttons_mp3jpause:hover { background-position:-40px -43px; }

/* prev & next buttons*/
span.Prev_mp3j, span.Next_mp3j { position:relative; width:20px; height: 20px; margin:0px 0px 0px 3px; padding:2px 0px 3px 12px; } 
span.Prev_mp3j { background: transparent url('images/transport-d12.png') no-repeat -25px -4px; }
span.Prev_mp3j:hover { background: transparent url('images/transport-d12.png') no-repeat -25px -36px; }
span.Next_mp3j { background: transparent url('images/transport-d12.png') no-repeat -44px -4px; }
span.Next_mp3j:hover { background: transparent url('images/transport-d12.png') no-repeat -44px -36px; }

/* stop */
div.stop_mp3j { width:26px; height:32px; margin:1px 3px 0px 0px; background-position:-81px 0px; } 
div.stop_mp3j:hover { background-position:-81px -32px; }

.mp3jplayerwidget .stop_mp3j { display: none; }

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

/* DOWNLOAD BUTTON */	
div.dloadmp3-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; bottom:39px; margin:0px !important; font-size:9px !important; text-align:center; left:0px; width:41%; min-width:75px; max-width:425px; 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; 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; 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; top:1px; right:80px; height:43px; color:#666; padding:0; width:40px; line-height:11px; border:none;  background-image:url('images/transport-dublab14.png'); background-repeat:no-repeat; background-position:-85px 0px; cursor: pointer; text-indent: -9999em; }
div.mp3j-popout-MI:hover { color:#606060; background-position:-85px -43px; }

/* YOUR PLAYER BUTTON */		
div.stream-link { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif; top:1px; right:9px; height:43px; color:#666; padding:0; width:56px; line-height:11px; border:none;  background-image:url('images/transport-dublab14.png'); background-repeat:no-repeat; background-position:-132px 0px; cursor:default; }
div.stream-link:hover { color:#606060; background-position:-132px -43px; }
div.stream-link a { display: block; width:56px; height:43px; outline: none; }


/* 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; height:4px !important; background:transparent; border:0px; font-size:1px; cursor:default; z-index:150; }
div.MIsliderVolume .ui-widget-header { /* background set from admin */ } 
div.MIsliderVolume .ui-slider-handle { border:0px; 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; }

.mp3jplayerwidget div.MIsliderVolume { display: none; }


/* LOADER AND POS SLIDER */	
div.bars_holder, div.loadMI_mp3j, div.poscolMI_mp3j, div.posbarMI_mp3j  { position:absolute; bottom:0px; left:0px; }
div.bars_holder { right:0; width:100%; bottom:38px; font-size:1px; cursor:default; background:transparent url('images/t60w.png') repeat-x left bottom;/* 1px highlight top of control bar */ }
div.loadMI_mp3j { bottom:1px; /* background set from admin */ /* opacity set from admin */ }
div.poscolMI_mp3j { bottom:1px; /* background set from admin */ /* opacity set from admin */ }			
div.bars_holder .ui-widget-header, div.bars_holder .ui-widget-content { border:0px !important; background:none; }
div.bars_holder .ui-slider-horizontal { top:0px; bottom:1px; height:auto; z-index:90; }
div.posbarMI_mp3j { 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; }


/* FORCED DOWNLOAD FRAME 
------------------------ */

div.mp3j-dlframe, iframe.mp3j-dlframe {
border:0px solid #ddd; 
width:1px; 
height:1px;
overflow:hidden;
margin:0;
padding:0;
display:none !important;
}

/* MESSAGES */
div.mp3j-finfo {
position:absolute; 
top:36px; 
z-index:9999 !important;
width:80%;
left:10%;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
background:url('images/fdloadW-x.png') repeat-x left top;
-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.35); -moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.35); box-shadow:0px 1px 4px rgba(0, 0, 0, 0.35);
padding:0;
min-height:31px;
overflow:hidden;
min-width:170px;
}

div.mp3j-finfo * { font-family:Arial, Helvetica, sans-serif !important; }
div.mp3j-finfo-sleeve { position:relative !important; width:100%; height:100%; }
div.mp3j-finfo-gif { position:absolute !important; top:0; left:0; right:10%; bottom:0; background:url('images/loader.gif') no-repeat center 37px; width:auto; padding:0px; height:100%; }
div.mp3j-finfo-txt { position:relative !important; margin:0px 15px 0 15px !important; padding:10px 0 10px 0 !important; width:auto; }
div.mp3j-finfo-close { position:absolute !important; width:31px !important; height:27px !important; padding-top:5px !important; right:0 !important; top:0 !important; text-align:center !important; font-weight:700 !important; font-size:18px !important; line-height:22px !important; color:#aaa !important; border-bottom:1px solid #ccc !important; border-left:1px solid #ccc !important; background:url('images/t40w.png') repeat left top !important; }
div.mp3j-finfo-close:hover { color:#888 !important; }

div.mp3j-finfo-txt h2 { font-size:15px !important; color:#333 !important; margin:0 0 10px 0 !important; }
div.mp3j-finfo-txt h3 { font-size:14px !important; color:#333 !important; margin:0 0 15px 0 !important; }
div.mp3j-finfo-txt p { font-size:11px !important; color:#555 !important; line-height:13px !important; margin:0 0 5px 0; }
div.mp3j-finfo-txt a {  }


/* backwards compat
------------------- */
div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 7px; left:5px; }
div.player-track-title.mp3j_widgetmods span { font-size: 9px; }
ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:10px !important; line-height:14px !important; }
ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:10px !important; line-height:14px !important; }


/*-------------------------
[mp3j] & [mp3t] SHORTCODES
==================================== */
span.wrap_inline_mp3j { position:relative; }
/*span.wrap_inline_mp3j:hover .buttons_mp3j { background:transparent url('images/transport-shard-B.png') no-repeat -80px -35px; }*/
span.indi_mp3j { position:relative; padding-left:2px; font-size: 0.7em !important; }

span.wrap_inline_mp3j { 
	position:relative;
	width:auto; 
	max-width: 100%;
	cursor:pointer; 
	white-space:nowrap; 
	text-align:left; 
	display: block;
	margin-bottom: 22px; 
	overflow: hidden;
	padding: 4px;
	background: #fff;
	border-top: 1px solid #000; 
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.wrap_inline_mp3j .T_mp3j {
	font-weight: 400;
}
span.wrap_inline_mp3j:hover .buttons_mp3j { background:transparent url('images/transport-d12.png') no-repeat -88px -35px; }


/* BARS */
span.bars_mp3j { position:absolute; width:100%; height:100%; }
span.load_mp3j, span.loadB_mp3j { position:absolute; /* background set from admin */ 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:-2px; border:1px solid #999; height:21px; width:4px; z-index:500; background:url('images/mp3t-poshandle.png') repeat-y -50px 0px; cursor:default; padding:0px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
span.posbar_mp3j .ui-slider-handle:hover { background:url('images/mp3t-poshandle.png') repeat-y -0px 0px; 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 30px; width:auto; }

span.textbutton_mp3j, span.T_mp3j { position:relative; width:auto; margin:0px; padding:0px !important; }

.wrap_inline_mp3j span.buttons_mp3j, .wrap_inline_mp3j span.buttons_mp3jpause {
	position:absolute;
	top:5px;
	left:5px;
}

span.buttons_mp3j { margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-d12.png') no-repeat -88px -3px;  }
span.buttons_mp3j:hover { background:transparent url('images/transport-d12.png') no-repeat -88px -35px; }
span.buttons_mp3jpause { margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-d12.png') no-repeat -2px -3px; }
span.buttons_mp3jpause:hover { background:transparent url('images/transport-d12.png') no-repeat -2px -35px; }

	
/* 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:6px; width:85%; max-width:100px; height:2px; }
span.vol_mp3j.flipped { right:4px; }
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 -1px 0px; }
span.vol_mp3t .ui-slider-handle:hover, span.vol_mp3j .ui-slider-handle:hover { background: transparent url('images/vol-handle.png') no-repeat -21px 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 -21px 0px; outline:none; border:0px; }



/*----------------------	
[mp3j-popout] SHORTCODE
================================================= */
.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; }


/* POPOUT PLAYER STYLES */

.popout {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	min-height: 350px;
	width:100%;
}
.popout .wrap-MI {
	background: #fff url(dub-pop-out-bg.png) center top repeat;
}
.popout .jp-innerwrap {
	background: transparent;
	border: none;
}
.popout .innerx {
	display: none;
}
.popout .jp-interface {
	height: 120px;
	min-height: 120px;
}
.popout .player-track-title {
	position: relative;
	text-align: center;
	left:auto;
	top:auto;
	width:100%;
    color: #06c;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    padding-top: 10px;
    height: 28px;
    background: rgba(255,255,255,.75);
}
.popout .MIsliderVolume {
	display: none;
}
.popout .transport-MI {
    border: none;
    height: 56px;
    position: relative;
    top: auto;
	left: auto;
    width: auto;
}
.popout .transport-MI div {
    background-image: url(dub-pop-out-transport.png);
    float: none;
}
.popout #playpause_mp3j_0 {
	position: relative;
	margin: 0 auto;
}
.popout .buttons_mp3j {
	background-position: 0 -22px;
    height: 56px;
    margin: 0;
    width: 105px;
    cursor: pointer;
}
.popout .buttons_mp3j:hover {
	background-position:0 -128px;
}
.popout .buttons_mp3jpause {
    background-position: -105px -22px;
    height: 56px;
    margin: 0;
    width: 105px;
    cursor: pointer;
}
.popout .buttons_mp3jpause:hover {
    background-position: -105px -128px;
}
.popout .stop_mp3j,
.popout .Next_mp3j,
.popout .Prev_mp3j {
	display: none;
}
.popout .playlist-toggle-MI {
	display: none;
}
.popout .listwrap_mp3j {
	
}
.popout .playlist-wrap-MI {
	
}
.popout .UL-MI_mp3j li {
	padding: 0 !important;
	margin: 0 !important;
}
.popout .UL-MI_mp3j li a {
	background: #fff;
	color: #636363;
}
.popout .UL-MI_mp3j li a:hover {
	color: #636363;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_0 { 	
	border-top: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #2d83d9 !important;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_1 { 
	border-bottom: 1px solid #60e1c1 !important;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_2 { 
	border-bottom: 1px solid #ffc02b !important;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_3 { 
	border-bottom: 1px solid #ff3c37 !important;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_4 { 
	border-bottom: 1px solid #60e1c1 !important;
}
.popout .UL-MI_mp3j li a.mp3j_A_current {
	background: #69c;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_0.mp3j_A_current,
.popout .UL-MI_mp3j li a#mp3j_A_0_0:hover { 	
	background: #2d83d9;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_1.mp3j_A_current,
.popout .UL-MI_mp3j li a#mp3j_A_0_1:hover { 
	background:#60e1c1;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_2.mp3j_A_current,
.popout .UL-MI_mp3j li a#mp3j_A_0_2:hover { 
	background: #ffc02b;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_3.mp3j_A_current,
.popout .UL-MI_mp3j li a#mp3j_A_0_3:hover { 
	background: #ff3c37;
}
.popout .UL-MI_mp3j li a#mp3j_A_0_4.mp3j_A_current,
.popout .UL-MI_mp3j li a#mp3j_A_0_4:hover { 
	background: #60e1c1;
}


.popout .bars_holder {
	display: none;
}
.popout .jp-play-time, 
.popout .jp-total-time {
	display: none;
}
.popout .statusMI {
	color: #06c;
	font-weight: 400;
    text-align: center;
    left: auto;
    width: 100% !important;
}
.popout .popout-footer {
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	color: #000;
	text-transform: uppercase;
}


/*================================================= 

MODS
(via 'style' param in shortcode) 
================================================= */

/* ===== "dark" ===== */
.dark .innerx { background-position:left -119px; }
.dark .transport-MI { height:38px; }
.dark .transport-MI div { background-image:url("images/transport-darkbg-trans2.png"); }
.dark .bars_holder { background:url('images/t40b.png') repeat-x left bottom; }
.dark .mp3j-popout-MI { color:#a2a2a2; background-position:-8px -6px; border-color:#585858; background-color:#aaa; }
.dark .mp3j-popout-MI:hover { color:#aaa; background-position:-8px -36px; }
.dark div.playlist-toggle-MI { background:#505050; color:#a2a2a2; }
.dark div.playlist-toggle-MI:hover { background:#585858; color:#aaa; }
.dark .MI-image img { background-color:#777; }

.dark div.mp3j-finfo { background:url('images/fdloadB-x.png') repeat-x left top; }
.dark div.mp3j-finfo-gif { background:url('images/loader-w2.gif') no-repeat center 37px; }
.dark div.mp3j-finfo-close { color:#999 !important; border-bottom:1px solid #777 !important; border-left:1px solid #777 !important; background:url('images/t40b.png') repeat left top !important; }
.dark div.mp3j-finfo-close:hover { color:#eee !important; }
.dark div.mp3j-finfo-txt h2 { color:#fff !important; }
.dark div.mp3j-finfo-txt h3 { color:#fff !important; }
.dark div.mp3j-finfo-txt p { color:#fff !important; }


/* ===== "text" ===== */
div.wrap-MI.text { /*min-width:300px;*/ }
.text div.innerx, .text div.innerleft, .text div.innerright { position: absolute; visibility: hidden; }
.text div.innertab { bottom: 38px; }
.text div.jp-interface { background:none; }
.text div.player-track-title { font:normal normal 500 16px/18px 'trebuchet ms', Arial, sans-serif; }
.text div.player-track-title span { font:italic normal 500 12px/14px 'trebuchet ms', Arial, sans-serif; opacity:0.7; filter:alpha(opacity=70); }
.text div.jp-play-time, .text div.jp-total-time, .text div.statusMI { bottom:20px; font-size:11px; font-family: 'trebuchet ms', Arial, sans-serif; }
.text div.jp-play-time { width:37px; left:0px; opacity:0.6; filter:alpha(opacity=60); }
.text div.jp-total-time { width:37px; left:100px; display:none; } 
.text div.statusMI { left:37px; width:70px !important; }
.text div.transport-MI { height:26px; right:2px; bottom:12px; }
.text div.transport-MI div { font-family: 'trebuchet ms', Arial, sans-serif; font-weight:700; overflow:hidden !important; background:none !important; white-space:nowrap !important; }
.text div.buttons_mp3j { text-indent:4px !important; width:32px; overflow:hidden !important; height: 25px; margin:0 6px 0 0px; background:none !important; line-height:25px !important; font-size:14px; }
.text div.buttons_mp3jpause { text-indent:-29px !important; width:38px; overflow:hidden !important; height: 25px; margin:0 -3px 0 3px; background:none !important; line-height:25px !important; font-size:14px; }
.text div.Prev_mp3j, .text div.Next_mp3j { text-indent:0px !important; height:23px; line-height:23px !important; font-size:12px; width:36px; margin:2px 0px 0px 0px; } 
.text div.stop_mp3j { text-indent:0px !important; width:31px; height:25px; margin:0px 0px 0px 4px; line-height:25px !important; font-size:14px; }
.text div.playlist-toggle-MI { bottom: 7px; font-family:'trebuchet ms', Arial, sans-serif; background:none; padding:0; opacity:0.6; filter:alpha(opacity=60); }
.text div.playlist-toggle-MI:hover { opacity:1.0; filter:alpha(opacity=100); }
.text div.dloadmp3-MI { font-size:11px; bottom: 6px; height:auto; right:0px !important; left:auto; margin:0; font-family: 'trebuchet ms', Arial, sans-serif; text-align:right; background:none !important; }				
.text div.dloadmp3-MI a { color:#888; font-size:inherit; margin:0px !important; padding: 0px !important; background:none !important; text-decoration:none; }
.text div.dloadmp3-MI a:hover { color:#555; background:none !important; }
.text div.dloadmp3-MI.betweenlinks a { display:none; background:none !important; }
.text div.dloadmp3-MI.whilelinks a { display:block;  background:none !important; }
.text div.dloadmp3-MI.whilelinks a:hover {   text-decoration:none; background:none !important; }
.text div.dloadmp3-MI p { font-size: inherit; margin:0px !important; padding: 0px !important; background:none !important; text-decoration:none; }
.text div.mp3j-popout-MI { color:#888; font:normal normal 500 11px 'trebuchet ms', 'arial', sans-serif; bottom:15px; right:155px; left:auto; width:auto; opacity:1; filter:alpha(opacity=100); padding:0px; line-height:12px; border:0; background:none; cursor:default; z-index:500; }
.text div.mp3j-popout-MI:hover { color:#555; opacity:1.0; filter:alpha(opacity=100); }
.text div.MIsliderVolume { position:absolute; bottom:38px; top:auto; right:4px; width:108px !important; height:1px !important; background:transparent; border:0px; font-size:1px; cursor:default; z-index:150; }
.text div.MIsliderVolume .ui-slider-handle, .text div.vol_mp3j .ui-slider-handle { height:11px !important; width:10px !important; padding:0px !important; margin-left:-5px; top:-7px; 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; }
.text div.MIsliderVolume .ui-slider-handle:hover, .text div.vol_mp3j .ui-slider-handle:hover { background:transparent url('images/vol-handle.png') no-repeat -21px 0px; }
.text div.MIsliderVolume .ui-state-active, .text div.MIsliderVolume .ui-widget-content .ui-state-active, .text div.vol_mp3j .ui-state-active, .text div.vol_mp3j .ui-widget-content .ui-state-active { border:0px; background:transparent url('images/vol-handle.png') no-repeat -21px 0px; outline:none; }
.text div.dloadmp3-MI.whilelinks, .text div.dloadmp3-MI.logintext { background:none !important; }


/* ===== "noscreen" ===== */
.noscreen div.jp-interface { height:44px; min-height:44px; }
.noscreen div.player-track-title { display:none; }
.noscreen div.bars_holder { top:auto; bottom:0px; height:7px; }
.noscreen div.innertab { bottom: 0px; top:0; display:none; }
.noscreen div.dloadmp3-MI { bottom: 11px; }
.noscreen div.transport-MI { bottom:17px; }
.noscreen div.jp-play-time, .noscreen div.jp-total-time, .noscreen div.statusMI { bottom:25px; }
.noscreen div.playlist-toggle-MI { bottom: 12px; }
.noscreen div.mp3j-popout-MI { bottom: 20px; }
.noscreen div.MIsliderVolume { bottom: 43px; }
.noscreen div.MIsliderVolume .ui-widget-header { background:transparent url('images/vol-grad60b2.png') repeat-y 0px top; }
.noscreen div.MIsliderVolume .ui-slider-handle { top:-6px; }
.noscreen h2 { margin:0 !important; padding:0 0 0px 0 !important; }
.noscreen div.posbarMI_mp3j .ui-slider-handle { top:-5px; margin-left:-7px !important; border:0; bottom:-5px; width:14px !important; z-index:100; background:none; border:none; cursor:default ; padding:0px !important; }
.noscreen div.posbarMI_mp3j .ui-slider-handle:hover { background:none; border:none; }
.noscreen .MI-image { top:15px; }


/* ===== "nolistbutton" ===== */
.nolistbutton div.playlist-toggle-MI { visibility:hidden; }

/* ===== "nopopoutbutton" ===== */
.nopopoutbutton div.mp3j-popout-MI { display:none; }

/* ===== "nopn" ===== */
.nopn div.Prev_mp3j { display:none; }
.nopn div.Next_mp3j { display:none; }

/* ===== "nostop" ===== */
.nostop div.stop_mp3j { display:none; }


/* ===== "bars100" ===== */
.bars100 div.player-track-title { left:112px; }
.bars100 div.dloadmp3-MI { left:102px; width:36%;}
.bars100 div.bars_holder  { left:102px; width:auto; }
.bars100 .MI-image img { padding:1px; }
.bars100 div.player-track-title { top:20px; }

/* ===== "bars150" ===== */
.bars150 div.player-track-title { left:162px; }
.bars150 div.dloadmp3-MI { left:152px; width:33%;}
.bars150 div.bars_holder  { left:152px; width:auto; }
.bars150 .MI-image img { padding:1px; }
.bars150 div.player-track-title { top:20px; }

/* ===== "bars200" ===== */
.bars200 div.player-track-title { left:212px; }
.bars200 div.dloadmp3-MI { left:202px; width:30%; }
.bars200 div.bars_holder { left:202px; width:auto; }
.bars200 .MI-image img { padding:1px; }
.bars200 div.player-track-title { top:20px; }

/* ===== "bars250" ===== */
.bars250 div.player-track-title { left:262px; }
.bars250 div.dloadmp3-MI { left:252px; width:27%;}
.bars250 div.bars_holder  { left:252px; width:auto; }
.bars250 .MI-image img { padding:1px; }
.bars250 div.player-track-title { top:20px; }

/* ===== "bars300" ===== */
.bars300 div.player-track-title { left:312px; }
.bars300 div.dloadmp3-MI { left:302px; width:24%; }
.bars300 div.bars_holder { left:302px; width:auto; }
.bars300 .MI-image img { padding:1px; }
.bars300 div.player-track-title { top:20px; }

/* ===== "bars350" ===== */
.bars350 div.player-track-title { left:362px; }
.bars350 div.dloadmp3-MI { left:352px; width:21%;}
.bars350 div.bars_holder  { left:352px; width:auto; }
.bars350 .MI-image img { padding:1px; }
.bars350 div.player-track-title { top:20px; }

/* ===== "bars400" ===== */
.bars400 div.player-track-title { left:412px; }
.bars400 div.dloadmp3-MI { left:402px; width:18%; }
.bars400 div.bars_holder { left:402px; width:auto; }
.bars400 .MI-image img { padding:1px; }
.bars400 div.player-track-title { top:20px; }

/* ===== outline ==== */
span.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 span.buttons_mp3j { padding:2px 0px 5px 20px !important; background: transparent url('images/transport-outline.png') no-repeat -80px -1px; border:0; margin:0; }
.outline span.buttons_mp3j:hover { background:transparent url('images/transport-outline.png') no-repeat -80px -33px; }
.outline span.buttons_mp3jpause { padding:2px 0px 5px 20px !important; background: transparent url('images/transport-outline.png') no-repeat 1px -1px; border:0; margin:0; }
.outline span.buttons_mp3jpause:hover { background:transparent url('images/transport-outline.png') no-repeat 1px -33px; }
.outline span.posbarB_mp3j { position:absolute; width:100%; height:100%; border:0px solid #f77; }
.outline span.posbarB_mp3j .ui-widget-header { z-index:-500; }	
.outline span.posbarB_mp3j .ui-slider-handle { top: 0px; margin-left:0px; border:1px solid #aaa; height:23px; width:5px !important; z-index:500; background:url('images/t10b.png') repeat; cursor:default; padding:0px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
.outline span.posbarB_mp3j .ui-slider-handle:hover { background:url('images/t20b.png') repeat; border-color:#777; }
.outline div.transport-MI div { background-image: url("images/transport-hardZ.png"); }
.outline div.mp3j-popout-MI { background-image:url('images/buttons-popoutF.png'); }

.dark.outline div.transport-MI div { background-image: url("images/transport-hardK.png"); }
.dark.outline div.mp3j-popout-MI { background-image:url('images/buttons-popoutF.png'); }


/* ===== wtransbars ==== */
.wtransbars div.loadMI_mp3j { background:#fff; opacity:0.1; filter:alpha(opacity=10); } 
.wtransbars div.poscolMI_mp3j { background:#fff url('images/posbar-soften-tipped-2.png') repeat-y right top; opacity:0.15; filter:alpha(opacity=15); } 
.wtransbars div.player-track-title { color:#fff; }

/* ===== btransbars ==== */
.btransbars div.loadMI_mp3j { background:#000; opacity:0.1; filter:alpha(opacity=10); } 
.btransbars div.poscolMI_mp3j { background:#000 url('images/posbar-soften-tipped-2.png') repeat-y right top; opacity:0.15; filter:alpha(opacity=15); } 
.btransbars div.player-track-title { color:#000; }


/* 960 Grid
================================================== */

    /* Note: content width of 940px */

	@media only screen and (min-width: 960px) and (max-width: 1199px) {

		.mp3jplayerwidget div.player-track-title { 
			width: 740px;
		}

	}


/* #Tablet (Portrait)
================================================== */

    /* Note: content width of 748px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

		.mp3jplayerwidget div.player-track-title { 
			width: 540px;
		}

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note:content width of 300px */

    @media only screen and (max-width: 767px) {
	    
	    .site-header {
		    padding-top: 50px;
	    }
    
		.mp3jplayerwidget div.player-track-title { 
			font-size: 18px;
			width: 240px;
		}
    	.mp3j-popout-MI,
    	.stream-link {
	    	display:none;
    	}
    
		.mp3jplayerwidget div.statusMI {
			width:300px !important;
		}
		.mp3jplayerwidget ul.UL-MI_mp3j li a { 
			width:74px !important;
		}
		.mp3jplayerwidget #mp3j_A_0_0, 
		.mp3jplayerwidget #mp3j_A_0_1 {
			width:149px !important;
		    top: 0px;
		}
		.mp3jplayerwidget #mp3j_A_0_2, 
		.mp3jplayerwidget #mp3j_A_0_3,
		.mp3jplayerwidget #mp3j_A_0_4 {
			width:99px !important;
		    top: 20px;
		}
		.mp3jplayerwidget #mp3j_A_0_0 { left: 0px; }
		.mp3jplayerwidget #mp3j_A_0_1 { left: 150px; }
		.mp3jplayerwidget #mp3j_A_0_2 { left: 0px; }
		.mp3jplayerwidget #mp3j_A_0_3 { left: 100px; }
		.mp3jplayerwidget #mp3j_A_0_4 { left: 200px; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: content width of 420px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    
		.mp3jplayerwidget div.player-track-title { 
			width: 360px;
		}
		
		.mp3jplayerwidget div.statusMI {
			width:420px !important;
		}
		.mp3jplayerwidget ul.UL-MI_mp3j li a { 
			width:104px !important;
		}
		.mp3jplayerwidget #mp3j_A_0_0, 
		.mp3jplayerwidget #mp3j_A_0_1 {
			width:209px !important;
		}
		.mp3jplayerwidget #mp3j_A_0_2, 
		.mp3jplayerwidget #mp3j_A_0_3,
		.mp3jplayerwidget #mp3j_A_0_4 {
			width:139px !important;
		}
		.mp3jplayerwidget #mp3j_A_0_0 { left: 0px; }
		.mp3jplayerwidget #mp3j_A_0_1 { left: 210px; }
		.mp3jplayerwidget #mp3j_A_0_2 { left: 0px; }
		.mp3jplayerwidget #mp3j_A_0_3 { left: 140px; }
		.mp3jplayerwidget #mp3j_A_0_4 { left: 280px; }
		
		

    }
    
/* #Mobile (Landscape)
================================================== */

    /* Note:content width of 300px */

    @media only screen and (max-width: 479px) {

		.mp3jplayerwidget div.jp-play-time, .mp3jplayerwidget div.jp-total-time, .mp3jplayerwidget div.statusMI,
		.mp3jplayerwidget ul.UL-MI_mp3j li a {
			font-size: 10px !important;
		}

    }