/*{{{ general playlist settings*/
div.playlist {
	position:relative;
	top:0px;
	left:20px;
	overflow:hidden;	 	
	height:400px !important; /*5 buttons x 80h for button image*/
}

div.playlist div.clips {
	position:absolute;
	height:20000em; /*really long to accommodate expanding list of clips*/
	left: 0px;
	top: 0px;
}

div.playlist, div.clips {
	width:260px;	
}

/*describes the content on the button*/
div.clips a {
	display:block;
	padding:10px 10px;
	height:60px;
	width:188px;
	font-size:11px;
	text-decoration:none;
	color:#ccc;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/bar2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	padding-right:35px;
	background-image: url(../img/bar2_play.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
	

div.clips a span {
	display:block;		
	font-size:11px;
	color:#ccc;
}

div.clips a em {
	font-style:normal;
	color:#ccc;
	font-weight:normal;
}
div.clips a.playing:hover em, div.clips a.paused:hover em, div.clips a.progress:hover em {
	font-style:normal;
	color:#b90000;
	font-weight:normal;
}
div.clips a:hover em {
	color:#b90000;		
}

div.clips a:hover {
	color:#b90000;		
}
/*hover on active playing clip*/
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	color:#b90000;
	background-image: url(../img/bar2_play.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
/*}}}*/


/*{{{ go buttons */

a.go {
	cursor:pointer;
	display:block;
	width:20px;
	height:20px;
	margin:0px 0 -20px -1px;
	background-image: url(../img/scrollbar_up.gif);
}

a.go:hover, a.go.down:hover {
	background-position:0px 0px;	
}

a.go.down {
	background-image:url(../img/scrollbar_down.gif);
	margin: -22px 0 0 -1px;
}
a.go.disabled {
	visibility:hidden;		
}

/*}}}*/