#page .mejs-audio {
	clear: none;
}

#page .mejs-container {
	position: relative;
	background-color: #transparent;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	float: left;
}

#page .single-post .mejs-container ,
#page .tp-shortcode .mejs-container {
	margin-bottom: 30px;
}

#page .mejs-container .mejs-controls {
	position: relative;
	float: left;
	left: auto;
	top: auto;
	width: auto;
}


/* PLAY/PAUSE */


#page .mejs-controls .mejs-play button{
	background-color: transparent;
	background-image: url('images/mp3-page-play-a.png');
	background-repeat: no-repeat;
	background-position: 0px 0px !important;
	width: 35px;
	height: 35px;
	float: left;
}

#page .mejs-controls .mejs-play button:hover{
	background: transparent url('images/mp3-page-play-b.png') no-repeat;
}

#page .mejs-controls .mejs-pause button{
	background: transparent url('images/mp3-page-pause-a.png') no-repeat;
	width: 35px;
	height: 35px;	
	float: left;
}

#page .mejs-controls .mejs-pause button:hover{
	background: transparent url('images/mp3-page-pause-b.png') no-repeat;
}

#page .mejs-controls .mejs-button button {
	position: relative;
}



/* TRACK */

#page .mejs-inner .mejs-controls .mejs-time-rail {
	height: 4px;
	top: 15px;
	left: 57px;	
	background-color: #bfbfbf;
	width: 424px !important;
}

#page .blog-classic .has-thumb .mejs-inner .mejs-controls .mejs-time-rail {
	width: 224px;
}
#page .blog-full .mejs-inner .mejs-controls .mejs-time-rail ,
#page .single-post .mejs-inner .mejs-controls .mejs-time-rail ,
#page .tp-shortcode .mejs-inner .mejs-controls .mejs-time-rail ,
#page .blog-classic .mejs-inner .mejs-controls .mejs-time-rail {
	width: 424px;
}

#page .blog-masonry .mejs-inner .mejs-controls .mejs-time-rail {
	width: 120px !important;
}



#page .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background-color: #bfbfbf;
}

#page .mejs-controls .mejs-time-rail .mejs-time-total {
	background-color: transparent;
	height: 14px;
}

#page .mejs-time-rail .mejs-time-current {
	background-color: #222;
}

#page .mejs-controls .mejs-time-rail .mejs-time-float-current {
	color: #222;
}

#page .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	display: none;
}


#page .mejs-controls .mejs-time-rail .mejs-time-float {
	top: -25px;
}


/* VOLUME */


#page .mejs-controls .mejs-volume-button button {
    background: url("images/mp3-page-vol-a.png");
}

#page .mejs-controls .mejs-volume-button button:hover {
	background: url("images/mp3-page-vol-b.png")
}

#page .mejs-controls .mejs-volume-button.mejs-unmute button {
    background: url("images/mp3-page-vol-c.png")
}

#page .mejs-controls .mejs-volume-button.mejs-unmute button:hover {
    background: url("images/mp3-page-vol-d.png")
}

#page .blog-classic .has-thumb .mejs-controls .mejs-volume-button {
	left: 290px;
	top: 11px;
}
#page .blog-full .mejs-controls .mejs-volume-button ,
#page .single-post .mejs-controls .mejs-volume-button ,
#page .tp-shortcode .mejs-controls .mejs-volume-button ,
#page .blog-classic .mejs-controls .mejs-volume-button {
	left: 495px;
	top: 11px;
}

#page .blog-masonry .mejs-controls .mejs-volume-button {
	left: 185px;
	top: 11px;
}

#page .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background-color: #bfbfbf;
	top: 0px;
}

#page .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	top: 0px;
	background-color: #222;
}

#page .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{
	top: 0px;
}

#page .blog-full .mejs-controls .mejs-horizontal-volume-slider ,
#page .single-post .mejs-controls .mejs-horizontal-volume-slider ,
#page .tp-shortcode .mejs-controls .mejs-horizontal-volume-slider ,
#page .blog-classic .mejs-controls .mejs-horizontal-volume-slider {
	top: 2px;
	left: 525px;
}
#page .blog-classic .has-thumb .mejs-controls .mejs-horizontal-volume-slider {
	top: 2px;
	left: 320px;
}

#page .blog-masonry .mejs-controls .mejs-horizontal-volume-slider {
	top: 2px;
	left: 215px;
}


/* RESPONSIVE */

@media all and (max-width: 732px){
	.mejs-inner .mejs-controls .mejs-time-rail ,
	#page .mejs-inner .mejs-controls .mejs-time-rail {
		width: 60px !important;
		left: 50px;
	}
	
	.mejs-controls .mejs-play button {
		left: 0px;
		margin-left: 0px;
	}
	
	.mejs-controls .mejs-volume-button,
	.mejs-controls div.mejs-horizontal-volume-slider {
		display: none;
	}
}