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

.player-more {display:none !important;}

#sample {
	display:block;
	width:100%;
}
	
		#sample::after {
			content:"";
			display:block;
			clear:both;
		}

	.sample-playlist {
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
		position:relative;
		float:left;
		width:230px;
		margin:15px 10px 0px 0px;
	}
	
		.sample-playlist:last-of-type {margin:15px 0px 0px 0px;}
		
		.sample-playlist > .label {
			width:100%;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
		}
		
			.sample-playlist > .label h1 {
				font-size:30px;
				font-weight:normal;
				margin:0px;
			}
			
			.sample-playlist > .label h2 {
				font-size:16px;
				font-weight:normal;
				margin:0px;
				color:rgba(0, 102, 144, 0.5);
			}
			
				.sample-playlist > .label h2 span {opacity:0.75;}
		
		.sample-playlist ul {
			display:block;
			box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-o-box-sizing:border-box;
			position:relative;
			width:100%;
			margin:5px 0px 0px 0px;
			padding:10px;
			border:1px solid rgba(0, 0, 0, 0.125);
			list-style:none;
		}
			
				.sample-playlist ul::after {
					content:"";
					display:block;
					clear:both;
				}
		
			.sample-playlist ul li {
				margin:0px 0px 5px 0px;
			}
			
				.sample-playlist ul li:last-of-type {margin:0px;}
			
				.sample-playlist ul li a {
					display:block;
					box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						-o-box-sizing:border-box;
					position:relative;
					width:100%;
					padding:10px 10px 10px 56px;
					color:rgba(0, 102, 144, 1.0);
					font-family:Arial, Helvetica, sans-serif;
					border:1px solid rgba(255, 255, 255, 1.0);
					border-radius:10px;
						-webkit-border-radius:10px;
						-moz-border-radius:10px;
				}
					
					.sample-playlist ul li a:hover, .sample-playlist ul li a.active {
						color:rgba(255, 255, 255, 1.0);
						border-color:rgba(0, 102, 144, 1.0);
					}
					
					.sample-playlist ul li a:hover {background:rgba(0, 102, 144, 0.5);}
					.sample-playlist ul li a.active {background:rgba(0, 102, 144, 1.0);}
					
					.sample-playlist ul li a span.sample-track {
						display:block;
						box-sizing:border-box;
							-webkit-box-sizing:border-box;
							-moz-box-sizing:border-box;
							-o-box-sizing:border-box;
						position:absolute;
						width:36px;
						height:36px;
						left:10px;
						top:50%;
						margin-top:-18px;
						color:rgba(0, 102, 144, 0.5);
						text-align:center;
						line-height:30px;
						font-size:18px;
						font-weight:bold;
						border:3px solid rgba(0, 102, 144, 0.5);
						border-radius:18px;
							-webkit-border-radius:18px;
							-moz-border-radius:18px;
					}
					
						.sample-playlist ul li a:hover span.sample-track, .sample-playlist ul li a.active span.sample-track {color:rgba(255, 255, 255, 1.0); border-color:rgba(255, 255, 255, 1.0);}
					
					.sample-playlist ul li a span.sample-title {
						display:block;
						line-height:18px;
						font-size:15px;
					}
					
					.sample-playlist ul li a span.sample-artist {
						display:block;
						line-height:18px;
						font-size:12px;
						opacity:0.75;
					}

#cloud {
	display:block;
	width:250px;
	height:250px;
	margin:25px auto 0px auto;
}
	
	#cloud img {
		display:block;
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
		width:250px;
		height:250px;
		margin:0px auto;
		border:25px solid rgba(255, 113, 1, 0.5);
		border-radius:150px;
			-webkit-border-radius:150px;
			-moz-border-radius:150px;
	}
	
	#cloud:hover img {border-color:rgba(255, 113, 1, 1.0);}