/*

 SoundManager 2: In-page MP3 player example
 ------------------------------------------

 Clicks on links to MP3s are intercepted via JS, calls are
 made to SoundManager to load/play sounds. CSS classes are
 appended to the link, which are used to highlight the
 current play state and so on.

 Class names are applied in addition to "sm2_link" base.

 Default:

 sm2_link

 Additional states:

 sm2_playing
 sm2_paused

 eg.

 <!-- default -->
 <a href="some.mp3" class="sm2_link">some.mp3</a>

 <!-- playing -->
 <a href="some.mp3" class="sm2_link sm2_playing">some.mp3</a>


 Note you don't require ul.galleryList / ul.flat etc. for your use
 if only using one style on a page. You can just use .sm2_link{}
 and so on, but isolate the CSS you want.

 Side note: Would do multiple class definitions eg.

 a.sm2_default.sm2_playing{}

 .. except IE 6 has a parsing bug which may break behaviour,
 applying sm2_playing {} even when the class is set to sm2_default.


 If you want to make your own UI from scratch, here is the base:

 Default + hover state, "click to play":

 a.sm2_link {}
 a.sm2_link:hover {}

 Playing + hover state, "click to pause":

 a.sm2_playing {}
 a.sm2_playing:hover {}

 Paused + hover state, "click to resume":

 a.sm2_paused {}
 a.sm2_paused:hover {}


*/

/* two different list types */

/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/

#control-template {
 display:none;
}
#active-template {
 width:100px;
 display:block;
 position:relative;
}


.spectrum-container {
 width:90px;
 display:none;
 position:relative;
}

ul.use-spectrum li.sm2_playing .spectrum-container {
 left:0px;
 top:0px;
 display:block;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 background-color:#E7408E;
 border:1px solid #FF9ccc;
}
	.helping ul.use-spectrum li.sm2_playing .spectrum-container {
	 background-color:#E7408E;
	 border:1px solid #FF9ccc;
	}

ul.use-spectrum .spectrum-box {
 position:relative;
 font-size:1em;
 padding:2px 0px;
 height:1.2em;
 overflow:hidden;
}

ul.use-spectrum .spectrum-box .spectrum {
 position:absolute;
 left:0px;
 top:-2px;
 margin-top:20px;
 display:block;
 font-size:1px;
 width:1px;
 height:1px; /* set to 50px for a thick line, 1px for a thin line, etc. */
 overflow:hidden;
 background-color:#fff;
}

/*ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}*/

ul.playlist li:hover {
 background-color:#eee;
}


ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
 background-color:#6699cc;
}

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

ul.playlist .audioitem .sm2_link,
ul.playlist .videoitem a.itemLink{
margin:10px 5px 2px 5px;
width:68px;
padding:5px 16px 5px 4px;
display:block;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
color:#fff;
border:1px solid #7ACDF9;
background:#74B8DC url(../images/icons/play.gif) right center no-repeat;
}

	.helping ul.playlist .audioitem a.sm2_link,
	.helping ul.playlist .videoitem a.itemLink{
	border:1px solid #FF9CCC;
	background:#ED73AC url(../images/icons/play_p.gif) right center no-repeat;
	}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.audioitem  a:hover,
ul.playlist li.videoitem  a:hover {
 background-color:#017DBF;
}
	.helping ul.playlist li.sm2_playing a.sm2_link,
	.helping ul.playlist li.audioitem  a:hover,
	.helping ul.playlist li.videoitem  a:hover {
	 background-color:#DF0068;
	}

ul.playlist li.sm2_paused a.sm2_link,
ul.playlist li.sm2_paused a.itemLink {
background-color:#419ECF;
}
	.helping ul.playlist li.sm2_paused a.sm2_link,
	.helping ul.playlist li.sm2_paused a.itemLink { 
	background-color:#E7408E;
	}
ul.playlist li.sm2_playing a.sm2_link{background-image:url(../images/icons/pause.gif); }
.helping ul.playlist li.sm2_playing a.sm2_link{background-image:url(../images/icons/pause_p.gif); }

ul.playlist li .comment {
color:#777;
padding:2px 5px 0 10px;
line-height:1.2em;
font-size:0.9em;
display:block;
}
ul.playlist li.sm2_playing .comment,
ul.playlist li.sm2_paused .comment{
display:none;
}



ul.playlist li .controls {
 width:90px;
 margin:5px;
 color:#fff;
 display:none;
 position:relative;
 background-color:#efefef;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 display:block;
}

ul.playlist li .controls .statusbar {
 width:90px;
 height:0.5em;
 position:relative;
 background-color:#ccc;
/* border:3px solid #fff;*/
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color:#ccc;
 background-color:#999;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 background-color:#00599F;
 border-right:3px solid #00599F;
}
	.helping ul.playlist li .controls .statusbar .position {
	 background-color:#960046;
	 border-right:3px solid #960046;
	}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

ul.playlist li .controls .statusbar .loading {
 background-color:#999;
 background-color:#ccc;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}


ul.playlist li .timing {
display:none;
color:#fff;
position:relative;
float:left;
width:45px;
height:8px;
padding:2px 5px 4px 5px;
margin-left:5px;
letter-spacing:0px;
line-height:8px;
font:.6em monaco,"VT-100",terminal,"lucida console",courier,system;
vertical-align:middle;
-moz-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
background-color:#337DB9;
border:1px solid #7ACDF9;
}
	.helping ul.playlist li .timing{
	background-color:#E4267F;
	border:1px solid #FF9ccc;
	}

ul.playlist li:hover .timing {
 z-index:2;
}

/*ul.playlist li .timing div.sm2_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
}
*/
ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display:block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing,
ul.playlist.use-peak li.sm2_paused .peak {
 border-color:#ccc;
 background-color:#888;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
 display:none;
 position:relative;
}


ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
 display:inline;
 display:inline-block;
}

ul.playlist.use-peak li .peak {
 display:none; /* IE 7 */
}



ul.playlist.use-peak li .peak {
 display:none;
 zoom:1;
margin-left:2px;
width:20px;
height:8px;
padding:3px 4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
background-color:#337DB9;
border:1px solid #7ACDF9;
}
	.helping ul.playlist.use-peak li .peak {
	background-color:#E4267F;
	border:1px solid #FF9ccc;
	}

ul.playlist.use-peak li .peak-box {
 position:relative;
 height:0.55em;
 overflow:hidden;
}

ul.playlist li .peak .l,
ul.playlist li .peak .r {
 position:absolute;
 left:0px;
 top:0px;
 width:7px;
 height:50px;
 background:#fff;
 border:1px solid #fff;
 -moz-border-radius:1px;
 -khtml-border-radius:1px;
 margin-top:1em;
}

ul.playlist li .peak .l {
 margin-right:1px;
}

ul.playlist li .peak .r {
 left:10px;
}



div#zoom {
	
	z-index: 1000;
}

div#zoom_content p{padding: 0;}
div#zoom_content .caption{
	display:block;
	text-align:center;
	padding:3px 0 0 0;
}

.embedVid {
	width: 350px;
	height: 300px;
}