:focus {outline:none;}
::-moz-focus-inner {border:0;}

.luna-container, .luna .luna-controls{
	display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
	-webkit-box-pack       : space-around;
    -moz-box-pack          : space-around;
    -ms-flex-pack          : space-around;
    -webkit-justify-content: space-around;
    justify-content        : space-around;
    -webkit-box-align      : center;
    -moz-box-align         : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
}
.luna-container{
	margin-bottom:18px;
	max-width:260px;
		/*background: #404040;*/
	font-size: 11px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
	background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.luna-controls{
	max-width:252px;
}
.luna-audio-tag{
	display:none;
}
.luna-progress-bar, .luna-volume{
	margin:0 10px;
	max-width:110px;
}
.luna-progress-bar {
	min-width:60px;
}
.luna-volume{
	max-width:50px;
	min-width:50px;
}
.luna button{
	min-width:50px;
	min-height:32px;
	background-position:left center;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	outline-width:0;
	border-width:0;
	cursor: pointer;
}
.luna .luna-prev:hover, .luna .luna-next:hover,
.luna .luna-play:focus, .luna .luna-pause:focus {
	background-position: right center;
}
.luna .luna-prev{
	background-image: url('../images/prev.png');
}
.luna .luna-next{
	background-image: url('../images/next.png');
}
.luna .luna-play{
	background-image: url('../images/play.png');
}
.luna .luna-pause{
	background-image: url('../images/pause.png');
}
.luna .luna-progress-bar, .luna .luna-volume{
	background-color: #818181;
	border-radius:5px;
	height:0.45em;
	cursor: pointer;
}
.luna .ui-slider-handle{
	min-width: 20px;
	min-height:20px;
	background-color:transparent;
	background-image: url('../images/circle.png');
	background-repeat: no-repeat;
	top:-0.4em;
	outline-width:0;
	cursor: pointer;
}
.luna .luna-time-current, .luna .luna-time-total{
	margin:auto 3px;
	font-size:1em;
	color: #818181;
	width: 38px;
}
.luna .luna-speaker{
	min-width:16px;
	min-height:21px;
	max-width:16px;
	background-repeat: no-repeat;
	background-image: url('../images/speaker.png');	
}
@media (max-width: 639px){
	.luna .luna-progress-bar, .luna .luna-time-current,
	.luna .luna-time-total, .luna .luna-speaker,
	.luna .luna-volume	{
		display:none;
	}
}
button {
	background-color:transparent;}