/* container has a background image */
a.player {		
	width:512px;
	height:313px;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
	text-align: center;
	
}
 
/* splash image */
a.player img {
	margin-top:138px;
	border:0;	
	margin-left: 216px;
}


/* links
--------------------------------- */
a:link {
  color: #00cccc;
  text-decoration: none;
  }

a:visited {
  color: #00cccc;
  text-decoration: none;
  }
a:hover {
  color: #84ffff;
  text-decoration: underline;
  }


.flowplayer {
position: relative;
float:left;
left: -10px;
top: 10px;
width: 512px;
height: 313px;
background: #00CCCC;
z-index: 2;
border: 1px solid #000;
background: url(../images/b58videocard101.png) no-repeat;
}


/*{{{ general playlist settings, light gray */
.playlistarea {
 position: absolute;
 left: 0px;
 width: 510px;
 top: 23px;
 height: 288px;
 background: #000;
}

.playlistscroll {

}

div.playlist {
	position: relative;
	background: #e4e4e4;
	top: 0px;
	left: 0px;
	overflow:hidden;	 	
	height:267px !important;
}


div.playlist, div.clips {
	width:254px;	
	position:relative;
	
}

.playlistheader {
position: relative;
top: 10px;
left: 502px;
width: 255px;
height: 22px;
border: #000000 1px solid;
background: url(../images/playlist.gif) center #000;
z-index: 2;
}

.infobox {
width: 226px;
z-index: 2;
position: absolute;
top: 36px;
left: 266px;
background: #000;
}





div.clips a {
	display:block;
	background-color:#fefeff;
	width:250px;
	border-bottom:1px solid #000;	
	text-decoration: none;	
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	padding-right: 4px;
	z-index: 3;
	
}

div.clips img {
 border: 0;
 float: left;
 padding-right: 3px;
}

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

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(/img/playlist/light.png) no-repeat 0px -69px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

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

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

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

div.clips a:hover {
	background-color:#004953;		
	color: #ffffff;
}

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


/*{{{ petrol colored */

div.clips.petrol a {
	background-color:#000;
	color:#fff;
}

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:1px solid #000;
}

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:#ffffff;		
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color: #000;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	min-height:50px;
	border-bottom:1px solid #000;
	
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {

background-color: #000;	
color: #fff;

}

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


/*}}}*/


/*{{{ go buttons */

a.go {

	background:url(http://base58.com/images/up.png) center top no-repeat #fff ;
	position: absolute;
	top: 268px;
	left: 0px;
	width:126px;
	height:23px;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1px;
		
	cursor:pointer;
	text-align:right;
	
	
}


a.go.down {
		background:url(http://base58.com/images/down.png) top no-repeat #fff;
		position: absolute;
		top: 268px;
	left: 128px;
	width:126px;
	height:23px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1px;
		
		text-align:right;
	
		
}

a.go:hover, a.go.down:hover {	
background-position:0px -24px;
color: #004953;
}

div.petrol a.go {
		
}

div.petrol a.go.down {
		
}

a.go.disabled {
	background:url(http://base58.com/images/scroll.png) top no-repeat #000;
color: #000;	
}




/*}}}*/