/*{{{ general playlist settings, light gray */
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;}

/*****petrol colored*****
div.clips.petrol a {background-color:#193947; color:#fff; border:1px outset #193947;}
div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {background:url(/img/playlist/dark.png) no-repeat 0px -69px; border:0;}
div.clips.petrol a.paused {background-position:0 0;}
div.clips.petrol a span {color:#aaa;}
div.clips.petrol a em {color:#FCA29A; font-weight:bold;}
div.clips.petrol a:hover {background-color:#274D58;}
div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {background-color:transparent !important;}
/**********************/

/****low version*******
div.clips.low a {height:32px;}
div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {background-image:url(/graphics/light_small.png) no-repeat; background-position:0 -55px;}
div.clips.low a.paused {background-position:0 0;}
/********************/

/*****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 {background-position:0px -60px;}
/***************/