/* playlist settings */
div.playlist {position:relative; float:left; overflow:hidden; height:100px !important; width:480px !important;}
div.playlist div.clips {position:absolute; width:20000em;}
div.playlist, div.clips {width:100px;}
div.clips a {
	display:block;
	float:left;
	background:url(/graphics/optionDiv-bg.jpg) bottom;
	padding:10px;
	height:78px; width:98px;
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;		
	text-decoration:none;
	color:#006B3F;
}
div.clips a.first {border-top-width:1px;} 
div.clips a.playing, div.clips a.paused, div.clips a.progress {background:url(/graphics/playing.png) no-repeat top left; width:100px; height:100px; border:0;}
div.clips a.progress {background:url(/graphics/playing.png) no-repeat top left; width:100px; opacity:0.4;}
div.clips a span {display:block;	font-size:11px; font-weight:normal; color:#666;}
div.clips a em {font-style:normal; color:#633; font-weight:normal;}	
div.clips a:hover {background:url(/graphics/optionDiv-bg-hover.jpg) bottom;}
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {background:url(/graphics/playing.png) no-repeat top left;}
div.clips a.paused {background:url(/graphics/playing.png) no-repeat top right;}
div.clips a.paused:hover {background:url(/graphics/playing.png) no-repeat top right;}

/*****go buttons*******/
a.go {
	float:left;
	display:block;
	width:30px; height:30px;
	background:url(/graphics/left-arrow.png) no-repeat;
	margin:30px 0;
	cursor:pointer;
}
a.go:hover, a.go.right:hover {background-position:0px -30px;}
a.go.right {float:left; background-image:url(/graphics/right-arrow.png);}
a.go.disabled, a.go.disabled:hover {background-position:0px -60px; cursor:default;}
/***************/