/**
 * SoundManager 2 homepage demo CSS
 * --------------------------------
 * MP3 player button, Muxtape/page player,
 * inline player and 360 player demo bits
 * combined and minified for optimal performance.
 * For raw source, see individual demo pages.
 * --------------------------------
 * Source files:
 * demo/play-mp3-links/css/inlineplayer.css
 * demo/page-player/css/page-player.css
 * demo/360-player/360player.css
 * demo/360-player/360player-visualization.css
 * demo/mp3-player-button/css/mp3-player-button.css
 * demo/flashblock/flashblock.css
 * demo/index/index.css
 */
body {
	font-size:90%
}
body, #nav ul li strong a {
	background:#999;
}
#special-demo-left
{
	width:320px;
	background:#FFF;
	}


.sm2-inline-list .ui360, .sm2-inline-block .ui360 {
	position:relative;
	/*
	display:inline-block;
	float:left;
	_display:inline;
	margin-bottom:-15px
	*/
}




body.home .sm2-inline-list .ui360-vis {
	margin-right:0
}
body.home #special-demo-left .ui360 {
	margin-right:4px;
	background-color:rgba(0,0,0,0.025);
	box-shadow:inset 0 0 8px rgba(0,0,0,0.075);
	border:1px solid rgba(0,0,0,0.075);
	border-radius:32px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	-moz-transition-property:background, border, box-shadow;
	-webkit-transition-property:background, border, box-shadow;
	transition-property:background, border, box-shadow
}
body.home #special-demo-left .ui360:hover {
	background-color:rgba(0,0,0,0.045);
	border-color:rgba(0,0,0,0.15);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.15)
}
body.home #special-demo-left .ui360:last-child {
	margin-right:0
}
body.home .sm2-inline-list .ui360-vis {
	margin:0 auto
}
body.home #special-demo-left {
	min-height:70px;
	position:relative;
	float:left;
	display:inline;
	margin-right:14px;
	padding-right:.9em;
	_width:210px
}