.sc-player {
	width: 100%;
	height: 81px;
	position: relative;
	overflow: hidden;
}

.sc-player ol, .sc-player li{
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

/* Artworks */

.sc-player .sc-artwork-list{
	display:none;
}

.sc-player .sc-artwork-list li{
	list-style-type: none;
	display: none;
}

.sc-player .sc-artwork-list li.active{
	list-style-type: none;
	display: block;
}

.sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div{
	list-style-type: none;
	width: 100%;
	height: 100%;
}

.sc-no-artwork {
	display: none;
}

/* controls */

.sc-player .sc-controls{
	position: absolute;
	z-index: 800;
	width: 48px;
	height: 48px;
	top: 0;
	left: 0;
}

.sc-player .sc-controls a{
	display: block;
	width: 48px;
	height: 48px;
}

.sc-player .sc-controls a.sc-pause{
	display: none;
}

.sc-player.playing .sc-controls a.sc-play{
	display: none;
}

.sc-player.playing .sc-controls a.sc-pause{
	display: block;
}



/* scrubber */

.sc-scrubber {
	position: absolute;
	left: 0px;
	height:100%;
	right: 0;
	padding: 0 23px 0 50px;
	display: block;
	z-index: 600;
	overflow:hidden;
}

.sc-scrubber .sc-time-span{
	height: 100%;
	position: relative;
}

.sc-scrubber .sc-buffer, .sc-scrubber .sc-played{
	height: 77px;
	position: absolute;
	top: 2px;
}

.sc-track-duration {
	text-align: right;
	float: right;
	padding: 0 5px;
	margin-left: 5px;
}
.sc-scrubber .sc-time-indicators{
	bottom: 0;
	left: 0px;
	position: absolute;
	text-align: center;
	width: 48px;
}

/* tracks */

/* Track listings*/

.sc-player ol.sc-trackslist {
	display:none;
}

.sc-player ol.sc-trackslist li{
	cursor: pointer;
	margin: 1px 5px;
	padding: 3px 30px 3px 5px;
	position: relative;
}

.sc-player ol.sc-trackslist li span {
	position: absolute;
	right: 0;
	top: 3px;
}

/* Track info*/

.sc-player .sc-info {
	display: block;
	height: 100%;
	width:100%;
	position: absolute;
	z-index: 601;
}

	.sc-player .sc-info.inactive{
		left: 100%;
		display:none;
	}

	.sc-player .sc-info.active{
		left: 0;
	}


.sc-player .sc-volume-toggle,
.sc-player .sc-like,
.sc-player .sc-embed-toggle,
.sc-player .sc-soundcloud {
	position: absolute;
	right: 0px;
	width: 20px;
	height: 15px;
	z-index: 602;
	cursor:pointer;
}

.sc-player .sc-volume-toggle { top: 0px; }
.sc-player .sc-like { top: 24px; }
.sc-player .sc-embed-toggle { top: 40px; }
.sc-player .sc-soundcloud { top: 56px; }
.sc-player .sc-volume-toggle { border-top-width: 9px !important; } /* to mask background stuff */
.sc-player .sc-soundcloud { border-bottom-width: 9px !important; } /* to mask background stuff */

/* no volume toggle on touch devices */
.sc-player.touchDev .sc-volume-toggle { display: none; }
.sc-player.touchDev .sc-like { top: 0px; }
.sc-player.touchDev .sc-embed-toggle { top: 32px; }
.sc-player.touchDev .sc-soundcloud { top: 52px; }
.sc-player.touchDev .sc-like { border-top-width: 13px !important; } /* to mask background stuff */
.sc-player.touchDev .sc-soundcloud { border-bottom-width: 13px !important; } /* to mask background stuff */

	.sc-player .sc-embed{
		display: block;
		height: 100%;
		width:100%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 601;
	}

		.sc-player .sc-content {
			height: 100%;
			left: 0;
			padding: 5px 80px 0 60px;
			right: 0;
			text-align: left;
			-moz-user-select: text;
		}

		.sc-player .sc-embed.inactive {
			left: 100%;
			display:none;
		}

		.sc-player .sc-embed.active {
			left: 0;
		}

.sc-player .sc-info-toggle{
	position: absolute;
	top: 20px;
	right: 0px;
	width: 28px;
	z-index: 602;
}

.sc-player .sc-info-toggle.active{

}

.sc-player .sc-info-close,
.sc-player .sc-embed-close {
	position: absolute;
	top: 1px;
	right: 25px;
	cursor:pointer;
}

/* volume control */
.sc-volume-slider {
	height: 8px;
	position: absolute;
	right: -118px;
	top: 8px;
	width: 110px;
	z-index: 802;
	background-color: white;
}

	.sc-volume-slider.inactive {
		right: -118px;
		display: none;
	}

	.sc-volume-slider.active {
		/* right: 22px; */
		right: 32px;
	}

.sc-volume-slider .sc-volume-status{
	position: absolute;
	width: 0%;
	height: 6px;
	top: 1px;
	left: 1px;
}

/* utilities */

.sc-player .hidden {
	display: none;
}

.sc-player-engine-container{
	width: 1px;
	height: 1px;
	position: fixed;
	top: 2px;
	left: 2px;
}

.sc-embed table {
	table-layout : fixed;
	word-break:break-all;
	width:100%;
}
	.sc-embed table td {
		padding: 2px 0;
	}
	.sc-embed table td.label {
		width: 45px;
		text-align: right;
		padding-right: 4px;
	}

	.sc-embed table td div.embed-code,
	.sc-embed table td div.link-url {
		background-color: white;
		border: 1px solid #ccc;
		display: block;
		margin: 0 5px 0 0;
		padding: 2px;
		height:10px;
		overflow:hidden;
		white-space: nowrap;
		/* width:100%; */
	}

.sc-comments {
	width:100%;
	position:absolute;
	background-color: transparent;
	height:100%;
	left:0;
	top:0;
	z-index: 801;
}

.sc-comments .sc-comment,
.sc-comments .sc-comment-cursor,
.sc-comments #sc-newcomment {
	position:absolute;
	top:0;
	height:100%;
	width:1px;
	overflow:visible;
	background-color: #efefef;
}

	.sc-scrubber .sc-comment-cursor {
		/* background-color: #60a0a0; */
		background-color: #efefef;
	}

	.sc-scrubber .sc-comment-cursor .sc-comment-cursor-avatarBox {
		display: none;
		position: absolute;
		bottom: -2px;
		left: 0;
		margin: 0;
		height: 16px;
		width: 16px;
		background: url('../../img/icon-comment.png') #60a0a0 center center no-repeat;
		border: 2px solid #efefef;
		position: absolute;
		/*
		-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
		box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
		*/
	}

		.sc-scrubber .sc-comment-bar:hover ~ .sc-comment-cursor .sc-comment-cursor-avatarBox { display: block; }

		.sc-scrubber .sc-comment-cursor.alignRight .sc-comment-cursor-avatarBox { right: 0; left: auto; }

	/*
	.sc-scrubber .sc-comment-bar:hover ~ .sc-comment-cursor {
		background-color: #efefef;
	}
	*/

	.sc-comments .sc-comment {
		z-index: 2;
		cursor: pointer;
	}

	.sc-comments .sc-comment .sc-comment-avatar {
		position:absolute;
		bottom: 0;
		margin: 0;
		width: 16px;
		height: 16px;
	}

		.sc-comments .sc-comment .sc-comment-avatar img {
			width:100%;
			height:100%;
		}

	.sc-comments .sc-comment .sc-comment-body {
		background-color: #d4d4d4;
		color: #242424;
		position: absolute;
		bottom: 21px;
		text-align: left;
		text-transform: none;
		padding: 2px 4px 3px;
		-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
		box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
		max-height: 28px;
		opacity: 0.8;
		filter: alpha(opacity=80);

		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		.sc-comments .sc-comment.alignRight .sc-comment-avatar,
		.sc-comments .sc-comment.alignRight .sc-comment-body { right: 0; }

		.sc-comments .sc-comment .sc-comment-username {
			color: #7e7e7e;
			/*
			text-align: center;
			border-bottom: 1px solid #7e7e7e;
			padding-bottom: 2px;
			margin-bottom: 2px;
			*/
		}
		/*
		.sc-comments .sc-comment .sc-comment-username,
		.sc-comments .sc-comment .sc-comment-text {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		*/

	.sc-scrubber .sc-comment-bar {
		width:100%;
		position:absolute;
		left:0;
		bottom:0;
		height:18px;
		background-color: transparent;
		border-top: 1px solid transparent;
		opacity: 0.4;
		filter: alpha(opacity=4);
		cursor: pointer;
		z-index: 1;
	}

		.sc-scrubber:hover .sc-comment-bar {
			background-color: #d4d4d4;
			border-top: 1px solid #666;
		}

	.sc-comments #sc-newcomment {
		background-color: #78a8a2;
		width:3px;
	}

	.sc-addcomment {
		width: 100%;
		position:absolute;
		top: 96px;
		background-color:#efefef;
		left: -8px;
		padding: 0 8px 7px;
		text-align:left;
	}

		.sc-addcomment .container {
			padding: 0 150px 0 50px;
			line-height: 40px;
			vertical-align: middle;
		}
		.sc-addcomment .sc-avatar {
			height: 40px;
			vertical-align: middle;
			position:absolute;
			left:8px;
			top:0;
		}

		.sc-addcomment .sc-buttons {
			position:absolute;
			right:12px;
			top: 0;
			text-transform: none;
			line-height: 40px;
			vertical-align: middle;
		}

			.sc-addcomment .sc-buttons button {
				margin-right: 0;
				margin-left: 4px;
				line-height: normal; /* IE */
			}

		.sc-addcomment .sc-comment-body {
			width:100%;
			background-color: #efefef;
			color: #7e7e7e;
		}

			.sc-addcomment .sc-comment-body.defaultText {
				color: #bbbbbb;
				font-style: italic;
			}