.playercombo {
	background-color: #B5DF94;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 242px;
	margin: 10px;
	padding: 10px;
	position: relative;
	width: 574px; /* + 322px (player width) + 242px (playlist item width) + 10px (spacing between player / playlist) */
	z-index: 500;
}

.playersingle {
	background-color: #B5DF94;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 242px;
	margin: 10px;
	padding: 10px;
	position: relative;
	width: 322px; /* + 322px (player width) + 242px (playlist item width) + 10px (spacing between player / playlist) */
	z-index: 500;
}

.player_container {
	float: left;
	height: 242px; /* 262px (total height) */
	width: 322px; /* 322px (total width) */
}


.player {
	height: 240px; /* 242px (total width) - 1px (border top) - 1px (border bottom) */ 
	width: 320px; /* 322px (total width) - 1px (border right) - 1px (border left) */    
}

/* styling of the container. */ 
a.player,
#content a.player {     
	background-color: #B5DF94;
	border: 1px solid #FFF; 
	display: block;     
	height: 240px;
	text-align:center;    
	width: 320px; /* 322px (total width) - 1px (border right) - 1px (border left) */    
} 
/* play button */ 
a.player img,
#content a.player img {    
	border: 0; 
	cursor: pointer;
	margin: 85px 0 105px 0;
	height: 50px; /* 240px -50px (image height) - 85px (padding top) - 105px (padding bottom) */
	width: 50px;
} 
/* when container is hovered we alter the border color */ 
a.player:hover,
#content a.player:hover {     
}