/* General warning: Beta-ish. Code could be a bit cleaner. */

.ui360 * 
{
	position:relative;
	vertical-align:middle;
}

.ui360{
	/* size of the container for the circle, etc. */
	position:relative;
	width:100px;
	height:100px;
	
	/* a little extra spacing */
	/*padding-top:1px;*/
	/*padding-bottom:1px;*/
	/*margin-bottom:-18px;*/ /* approximate "line height" we want */
	/*padding-left:256px;*/
	/*margin-left:0px;*/
	/*background-position:22.6% 50%;*/ /* (~109px) initial play button position */
	
	vertical-align:middle;
	
	/*background-position:6px 50%;*/
}


.ui360 a {
 line-height:50px;
}

.sm2-360ui 
{
	
	position:relative;
	display:inline-block; /* firefox 3 et al */
	
	float:left; /* firefox 2 needs this, inline-block would work with fx3 and others */
	*float:left; /* IE 6+7 */
	*display:inline;
	*clear:left;
	
	/* size of the container for the circle, etc. */
	width:100px;
	height:100px;
	
	/*margin-left:-50px;*/
	margin-left:0px;
}

.sm2-360ui.sm2_playing,
.sm2-360ui.sm2_paused {
 /* bump on top when active */
 z-index:10;
}

.ui360 a.sm2_link { /* this class added to playable links by SM2 */
 position:relative;
 display:none;
}

.ui360 a {
 color:#000;
 text-decoration:none;
}

.ui360 a,
.ui360 a:hover,
.ui360 a:focus {
 padding:2px;
 margin-left:-2px;
 margin-top:-2px;
}

.ui360 a:hover,
.ui360 a:focus {
 background:#eee;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -khtml-border-radius:3px;
 border-radius:3px;
 outline:none;
}

.ui360 .sm2-canvas {
 position:absolute;
 left:0px;
 top:0px;
}

.ui360 .sm2-timing
{
	display:none;
}
/*
.ui360 .sm2-timing {
 position:absolute;
 display:block;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 margin:0px;
 font:11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
 color:#666;
 text-align:center;
 line-height:50px;
}

.ui360 .sm2-timing.alignTweak {
 text-indent:1px;
}
*/
.ui360 .sm2-cover {
 position:absolute;
 left:0px;
 top:0px;
 z-index:2;
 display:none;
}

.ui360 .sm2-360btn {
 position:absolute;
 top:50%;
 left:50%;
 width:60px;
 height:60px;
 margin-left:-30px;
 margin-top:-30px;
 cursor:pointer;
 z-index:3;
}

.ui360 .sm2-360btn-default {
}

.ui360 .sm2-360data {
 display:inline-block;
 font-family:helvetica;
}

.ui360 .sm2-360ui.sm2_playing .sm2-cover,
.ui360 .sm2-360ui.sm2_paused .sm2-cover {
 display:block;
}

/* this could be optimized a fair bit. */

.ui360
{
}
.ui360 .sm2-360btn-default {
 background:transparent url(/img/360player/360-button-play.png) no-repeat 50% 50%;
 _background:transparent url(/img/360player/360-button-play.gif) no-repeat 50% 50%; /* IE 6-only: special crap GIF */
 cursor:pointer;
}


.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 background:transparent url(/img/360player/360-button-play.png) no-repeat 50% 50%;
 _background:transparent url(/img/360player/360-button-play.gif) no-repeat 50% 50%;
 cursor:pointer;
}

.ui360 .sm2-360btn-default:hover,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover {
 background:transparent url(/img/360player/360-button-play-light.png) no-repeat 50% 50%;
 _background:transparent url(/img/360player/360-button-play.gif) no-repeat 50% 50%;
 cursor:pointer;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn{
 background:transparent url(/img/360player/360-button-pause.png) no-repeat 50% 50%;
 _background:transparent url(/img/360player/360-button-pause.gif) no-repeat 50% 50%;
 cursor:pointer;
}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360 .sm2-360btn-playing:hover {
 background:transparent url(/img/360player/360-button-pause-light.png) no-repeat 50% 50%;
 _background:transparent url(/img/360player/360-button-pause-light.gif) no-repeat 50% 50%;
 cursor:pointer;
}

/*
.ui360 .sm2-360ui.sm2_playing .sm2-timing {
 visibility:visible;
}

.ui360 .sm2-360ui.sm2_buffering .sm2-timing {
 visibility:hidden;
}

.ui360 .sm2-360ui .sm2-timing,
.ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing,
.ui360 .sm2-360ui.sm2_paused .sm2-timing {
 visibility:hidden;
}

.ui360 .sm2-360ui.sm2_dragging .sm2-timing,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing {
 visibility:visible;
}
*/

.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
x.ui360 .sm2-360btn-playing,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover {
 /* don't let pause button show on hover when dragging (or paused and dragging) */
 /*
 background:transparent;
 cursor:auto;
 */
}

.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover {
  background:transparent url(/img/360player/icon_loading.gif) no-repeat 50% 50%;
  opacity:0.5;
  visibility:visible;
}

/* inline list style */

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

.sm2-inline-list .ui360 {
 margin-bottom:0px;
}

.sm2-inline-block .ui360 {
 margin-right:8px;
}

.sm2-inline-list .ui360 a {
 display:none;
}

/* annotations */

ul.ui360playlist {
 list-style-type:none;
}

ul.ui360playlist,
ul.ui360playlist li {
 margin:0px;
 padding:0px;
}

div.ui360 div.metadata {
 display:none;
}

div.ui360 a span.metadata,
div.ui360 a span.metadata * {
 /* name of track, note etc. */
 vertical-align:baseline;
}


#sm2-container.swf_unblocked {
	width:1px;
	height:1px;
	visibility:hidden;
}