@font-face {
	font-family: 'btn';
	src: url('../font/btnswtch.eot');
	src: local('☺'), url('../font/btnswtch.woff') format('woff'), url('../font/btnswtch.ttf') format('truetype'), url('../font/btnswtch.svg#webfontQzCqWRjL') format('svg');
	font-weight: normal;
	font-style: normal;
}

#jukebox {
	padding: 10px;
	width: 300px;
}

#jukebox .loader {
	height: 10px;
	margin: 10px 0px
}

#jukebox .load-progress {
	width: 0px;
	height: 10px;
}

#jukebox .play-progress {
	width: 0px;
	height: 10px;
}

#jukebox .controls {
	height: 60px;
}

#jukebox .controls span {
	font-family: btn;
	font-size: 3em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#jukebox .controls span::selection {
}
#jukebox .controls .buttons{
	text-align:center;
}
#playlist li {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}

/*volume stuff*/
#volume{}
#volume_control{margin:0 20px;}

.hide, .ui-icon.hide {
	display: none;
}

.controls .ui-icon {
	float: left;
	cursor: pointer;
	text-indent: -100em;
}
.controls .ui-icon.ui-icon-volume-on{
	float:right;
	position:relative;
	top:-17px;
}
#playlist ul{
	list-style:none;
	margin:0;
}