/*
SymfoniP Linear Audio Stack Version 2 - 2010 -2012
*/
div.symline {
 margin-bottom:2px;
	margin-top: 2px;
}

div.symline a,
div.symline a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 display:inline-block;
 min-height:13px;
 vertical-align: middle;
 background-color:#E14158;
 color:#EDEDED!important;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 min-width:210px;
 _width:210px; /* IE 6 */
 text-decoration:none!important;
 font-weight:normal;
 padding: 3px 3px 3px 25px;
}

div.symline a.sm2_link {
 /* safari 3.1+ fun (or, proprietary crap. TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.2s ease-in-out;
 -moz-transition: background-color 0.2s ease-in-out 0s; /* firefox 4 */
  -o-transition-property: background-color; /* opera 10.5 */
  -o-transition-duration: 0.2s;
  transition: background-color 0.2s ease-in-out;
}

div.symline a, /* use a.sm2_link {} if you want play icons showing only if SM2 is supported */
div.symline a.sm2_paused:hover,
div.symline a.sm2_link:hover {
 background-image:url(../files/symsoundlinear/images/icon_play.png);
 background-position:3px 50%;
 background-repeat:no-repeat;
 _background-image:url(../files/symsoundlinear/images/icon_play.gif); /* IE 6 */
}

div.symline a.sm2_link:hover {
 /* default hover color, if you'd like.. */
 background-color:#B8B8B8!important;
 color:#3D3D3D!important;
}

div.symline a.sm2_paused {
 background-color:#B8B8B8;
 color: #B8B8B8;
}

div.symline a.sm2_paused:hover {
 background:#B8B8B8 url(../files/symsoundlinear/images/icon_play.png) no-repeat 3px 50%;
 _background-image:url(../files/symsoundlinear/images/icon_play.gif);
 color: #B8B8B8;
}

div.symline a.sm2_playing,
div.symline a.sm2_playing:hover,div.symline a.sm2_playing:active {
 background:#FA2F02 url(../files/symsoundlinear/images/icon_pause.png) no-repeat 3px 50%!important;
 _background-image:url(../files/symsoundlinear/images/icon_pause.gif);
 color: #FFFFFF!important;
 text-decoration:none;
}

/* hide button while playing?
div.symline 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;
}



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;
}
 

/* new stuff for FlashBlock */
/*
 SoundManager 2 + useFlashBlock
 Flash positioning and flashblock / clicktoflash handling
*/

#sm2-container {
 /*
  where the SM2 flash movie goes. by default, relative container.
  set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
 */
 position:relative;
 width:1px;
 height:1px;
 _overflow:hidden; /* screw IE 6, just make it display nice */
 margin-left:-9999em;height:1px;width:1px;
}

#sm2-container object,
#sm2-container embed {
 /*
  the actual movie bit.
  SWF needs to be able to be moved off-screen without display: or position: changes. important.
  changing display: or position: or overflow: here or on parent can cause SFW reload or other weird issues after unblock,
  eg. SM2 starts but strange errors, no whileplaying() etc.
 */
 position:absolute;
}

#sm2-container object,
#sm2-container embed,
#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed {
 /* 
  when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
  48px square flash placeholder is typically used by blockers.
 */
 left:auto;
 top:auto;
 width:48px;
 height:48px;
}

#sm2-container.swf_unblocked {
 /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
 width:1px;
 height:1px;
}

#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
 /* hide flash off-screen (relative to container) when it has loaded OK */
 left:-9999em;
 top:-9999em;
}

#sm2-container.swf_error {
 /* when there is a fatal error (flash loaded, but SM2 failed) */
 display:none;
}

#sm2-container.high_performance {
 /* "high performance" case: keep on-screen at all times */
 position:absolute;
 position:fixed;
 _top:-9999px; /* IE 6 hax, no position:fixed */
 _left:-9999px;
 bottom:0px;
 left:0px;
 /*
  special case: show at first with w/h, hide when unblocked.
  might be bad/annoying.
 */
 width:48px;
 height:48px;
 z-index:99; /* try to stay on top */
}

#sm2-container.high_performance.swf_unblocked {
 z-index:auto;
}

#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /* 8x8px is required minimum to load in fx/win32 in some cases(?), 6x6+ good for fast performance, even better when on-screen via position:fixed */
 width:8px;
 height:8px;
  _top:-9999px; /* IE 6 hax, no position:fixed */
 _left:-9999px;
 bottom:0px;
 left:0px;

}

#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /* high-performance case must stay on-screen */
 left:auto;
 top:auto;
}

#sm2-container.high_performance.swf_timedout {
 z-index:99; /* try to stay on top */
}
