/* SoundManager 2 Audio */

ul.flat
	{
	list-style-type:none;
	padding-left:0px;
	}

ul.flat li, ul.SMgraphic li
	{
	padding-bottom:1px;
	}

ul.flat li a
	{
	display:inline-block;
	padding:2px 4px 2px 4px;
	}

ul.SMgraphic
	{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

ul.SMgraphic li 
	{
	margin-bottom:2px;
	}

/* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
ul.SMgraphic li a,ul.SMgraphic li a.sm2_link 
	{
	display:inline-block;
	padding-left:22px;
	min-height:26px;
	vertical-align: middle;
	line-height:26px;
	background-color:#83B421; /* light green */
	border-radius:3px;
	padding:3px 3px 3px 25px;
	min-width:250px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
	}

ul.SMgraphic li a.sm2_link 
	{
	/* safari 3.1+ fun (or, proprietary crap. TBD.) */
	-webkit-transition-property: hover;
	-webkit-transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear 0s; /* firefox 4 */
	-o-transition-property: background-color; /* opera 10.5 */
	-o-transition-duration: 0.15s;
	}

/* use a.sm2_link {} if you want play icons showing only if SM2 is supported */
ul.SMgraphic li a,ul.SMgraphic li a.sm2_paused:hover,ul.SMgraphic li a.sm2_link:hover 
	{
	background-image:url(/images/icon_play.png);
	background-position:3px 50%;
	background-repeat:no-repeat;
	}

ul.SMgraphic li a.sm2_link:hover 
	{
	/* default hover color, if you'd like.. */
	background-color:#6D9B12;  /* middle green*/
	color:#ffffff;
	}

ul.SMgraphic li a.sm2_paused 
	{
	background-color:#999;
	}

ul.SMgraphic li a.sm2_paused:hover 
	{
	background:#476609 url(/images/icon_play.png) no-repeat 3px 50%; /* dark green*/ 
	}

ul.SMgraphic li a.sm2_playing,ul.SMgraphic li a.sm2_playing:hover 
	{
	background:#476609 url(/images/icon_pause.png) no-repeat 3px 50%; /* dark green*/
	text-decoration:none;
	}

/* hide button while playing */
ul.SMgraphic li a.sm2_playing 
	{
	background-image:none;
	}

body #sm2-container object,body #sm2-container embed 
	{
	/*
	flashblock handling: hide SWF off-screen by default (until blocked timeout case.)
	include body prefix to ensure override of flashblock.css.
	*/
	left:-9999em;
	top:-9999em;
	}

/* flat CSS example */

ul.flat a.sm2_link 
	{
	/* default state: "a playable link" */
	border-left:6px solid #999;
	padding-left:4px;
	padding-right:4px;
	}

ul.flat a.sm2_link:hover 
	{
	/* default (inactive) hover state */
	border-left-color:#333;
	}


ul.flat a.sm2_playing 
	{
	/* "now playing" */
	border-left-color:#6666ff;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	}

ul.flat a.sm2_playing:hover 
	{
	/* "clicking will now pause" */
	border-left-color:#cc3333;
	}

ul.flat a.sm2_paused 
	{
	/* "paused state" */
	background-color:#666;
	color:#fff;
	text-decoration:none;
	}

ul.flat a.sm2_paused:hover 
	{
	/* "clicking will resume" */
	border-left-color:#33cc33;
	}