.playlist-header {
	margin: 20px 0 2px;
	background: #e5f0ff;
	height: 25px;
	line-height: 30px;
	padding: 5px;
	border: 1px solid #94c1ff;
}

.playlist-header > span {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

.playlist-header > a {
	height: 20px;
	width: 20px;
	float: right;
	margin: 2px 10px;
	outline: none;
	border: none;
}

.playlist-header > a.closed {
	background: url(../images/plus.png) no-repeat;
}

.playlist-header > a.opened {
	background: url(../images/minus.png) no-repeat;
	margin-top: 10px;
}

ul.mp3-list {
	padding: 0 0 30px;
	margin: 0;
}

.mp3-list li {
	height: 25px;
	background: #f8f8f8;
	border: 1px solid #efefef;
	padding: 5px;
	cursor: move;
}

.mp3-list li.placeholder-highlight {
	background: #fdffdf;
}

.mp3-list li > img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	float: left;
}

.mp3-list li > div {
	font-size: 12px;
	line-height: 30px;
	float: left;
	margin: 0;
	padding: 0;
}

.mp3-list li > div.delete {
	background: url(../images/delete.png) no-repeat;
	float: right;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 4px 10px 0 0;
}

.mp3-list li > div > p {
	margin: 0;
	padding: 0;
	line-height: 14px;
}

.mp3-list li > div > p.title {
	font-weight: bold;
}

.mp3-list li > div > p.meta {
	color: #878787;
	font-style: italic;
}



/* Helper */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }