/*{{{ general playlist settings, light gray */
div.playlist, div.playlist2 {
	position:relative;
	overflow:hidden;	 	
	height:280px !important;
	position: relative;
}

div.playlist div.clips, div.playlist2 div.clips2 {	
	position:absolute;
	height:20000em;
}

div.playlist, div.clips, div.playlist2, div.clips2 {
	width:305px;
}

div.clips, div.clips2 {
	margin-left: 40px;
}

div.clips a, div.clips2 a {
	background:url(http://www.bcclarkjingle.com/fp/h80.png);
	display:block;
	background-color:#fefeff;
	padding:10px 15px;
	height:13px;
	width:195px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips a.first, div.clips2 a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress, div.clips2 a.playing, div.clips2 a.paused, div.clips2 a.progress {
	background:url(http://www.bcclarkjingle.com/fp/light_small.png) no-repeat 0px -33px;
	width:225px;
	border:0;
}
	
div.clips a.progress, div.clips2 a.progress {
	opacity:0.6;		
}

div.clips a.paused, div.clips2 a.paused {
	background-position:0 0;	
}

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

div.clips a em, div.clips2 a em {
	font-style:normal;
	color:#f00;
}	

div.clips a:hover, div.clips2 a:hover {
	background-color:#f9f9fa;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover, div.clips2 a.playing:hover, div.clips2 a.paused:hover, div.clips2 a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a, div.clips2.low a {	
	height:13px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress, div.clips2.low a.playing, div2.clips.low a.paused, div2.clips.low a.progress {
	background-image:url(http://www.bcclarkjingle.com/fp/light_small.png);
	background-position:0 -33px;
}

div.clips.low a.paused, div.clips2.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(http://www.bcclarkjingle.com/fp/up.png) no-repeat;
	margin:5px 0 5px 138px;
	cursor:pointer;
}

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

a.go.down {
	background-image:url(http://www.bcclarkjingle.com/fp/down.png);	
}

div.petrol a.go {
	background-image:url(http://www.bcclarkjingle.com/fp/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(http://www.bcclarkjingle.com/fp/down_dark.png);		
}

a.go.disabled {
	/* visibility:hidden; */
}

/*}}}*/


a.player, a.player2 {	
	margin-top:40px;
	display:block;
	width:425px;
	height:298px;
	padding:0 86px 75px 87px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

a.player {	
	background:url(http://www.bcclarkjingle.com/fp/splash3.png) no-repeat;
}

a.player2 {	
	background:url(http://www.bcclarkjingle.com/fp/splash2.png) no-repeat;
}

a.player3 {	
	background:url(http://www.bcclarkjingle.com/fp/splash.png) no-repeat;
}

/* splash image */
a.player img, a.player2 img {
	margin-top:115px;
	border:0;	
}

	a.player, a.player2 {
		margin-top:0px;		
	}


div.player3 {
	height:367px;
	width:425px;
	float:left;
	padding:0;
	text-align: center;
	margin-left: 66px;
	cursor:pointer;

}

/* play button */
div.player3 img {
	margin-top:113px;
}

/* info area */
div.player3 div.info {
	height:40px;
	background:#000 url(http://www.bcclarkjingle.com/fp/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}

/* duration data inside info area */
div.player3 div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}