@charset "UTF-8";
/* CSS Document */

.player {
	position:relative;
	width:300px;
	height:80px;
	border:1px solid rgba(0, 0, 0, .5);
	background:rgba(255, 255, 255, .95);
	z-index:50;
}
	
		.player-disabled .player-toggle {
			display:none;
		}
		
		.player-disabled .player-progress {
			opacity:0.5;
		}
	
	.player span, .player.div {
		margin:0px;
		padding:0px;
	}
	
	.player a, .player a:link, .player a:active, .player a:visited {
		color:rgba(0, 0, 0, 1.0);
		text-decoration:none;
	}
	
	.player-list {
		position:absolute;
		top:6px;
		left:45px;
	}
	
		.player-list a {
			display:block;
			box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-o-box-sizing:border-box;
			float:left;
			width:15px;
			height:15px;
			margin-right:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:rgba(144, 51, 51, 1.0) !important;
			text-align:center;
			line-height:13px;
			border:1px solid rgba(144, 51, 51, 1.0);
			border-radius:7px;
				-webkit-border-radius:7px;
				-moz-border-radius:7px;
			opacity:.5;
		}
		
			.player .active {
				color:rgba(255, 255, 255, 1.0) !important;
				background-color:rgba(144, 51, 51, 1.0);
			}
		
		.player-list a:hover {
			text-decoration:none;
			opacity:1.0;
		}
	
	.player-more {
		display:block;
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
		position:absolute;
		top:6px;
		right:8px;
		height:15px;
		padding:0px 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:rgba(144, 51, 51, 1.0) !important;
		text-align:center;
		line-height:13px;
		border:1px solid rgba(144, 51, 51, 1.0);
		border-radius:7px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
		opacity:.5;
	}
	
		.player-more:hover {
			text-decoration:none;
			opacity:1.0;
		}
	
	.player-toggle {
		position:absolute;
		display:block;
		top:20px;
		left:3px;
		width:40px;
		height:40px;
		background-image:url("../image/icon/pause-play.png");
		background-position:-40px 0px;
		opacity:.5;
	}
	
		.player-toggle:hover {
			opacity:1.0;
		}
	
		.player-active {background-position:0px 0px !important;}
	
	.player-detail {
		position:absolute;
		top:21px;
		left:45px;
		width:245px;
		font-family:Arial, Helvetica, sans-serif;
		color:rgba(0, 0, 0, 1.0);
		text-align:left;
	}
		
		.player-detail .player-title {
			font-size:12px;
			font-weight:bold;
		}
		
		.player-detail .player-artist {
			margin-left:5px;
			font-size:12px;
		}
		
		.player-detail .player-description {
			position:absolute;
			left:0px;
			top:17px;
			font-size:10px;
			color:rgba(64, 64, 64, 1.0);
		}
	
	.player-progress {
		position:absolute;
		top:53px;
		left:45px;
		width:245px;
		height:6px;
		border:1px solid rgba(0, 0, 0, 1.0);
		border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
		overflow:hidden;
	}
	
		.player-progress .player-buffer, .player-progress .player-position {
			position:absolute;
			left:0px;
			top:0px;
			height:100%;
		}
	
		.player-progress .player-buffer {background-color:rgba(0, 0, 0, 0.1);}
		.player-progress .player-position {background-color:rgba(0, 0, 0, 1.0);}
		
			.player-progress .player-position .player-current {
				position:absolute;
				right:0px;
				top:0px;
				height:100%;
				padding-right:2px;
				vertical-align:middle;
				color:rgba(255, 255, 255, 1.0);
				font-size:8px;
				font-family:Arial, Helvetica, sans-serif;
			}

	.player-download {
		position:absolute;
		top:63px;
		left:45px;
		font-size:9px;
		font-family:"Lucida Console", Monaco, monospace;
		text-align:right;
	}
	
		.player-download a {
			display:block;
			float:left;
			padding:1px;
			margin:0px 1px;
			color:rgba(144, 51, 51, 1.0) !important;
			opacity:0.5;
		}
		
			.player-download a:link, .download a:active, .download a:visited {
				border:1px solid rgba(0, 0, 0, 0);
			}
		
			.player-download a:hover {
				text-decoration:none;
				border:1px solid rgba(144, 51, 51, 1.0);
				opacity:1.0;
			}