div{
height:53px;
margin-left:-5px;
}
.fallplayer-container {
	
}
.fallplayer-center {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height:53px;
}
.fallplayer-play-pause {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 42px;
	cursor: pointer;
	background-repeat:no-repeat;
}
.fallplayer-play {
	background-image: url("guia/playButton.png");
}
.fallplayer-pause {
	background-image: url("guia/pauseButton.png");
}
.active {
	visibility: visible;
	z-index: 10;
}
.inactive {
	visibility: hidden;
	z-index: 0;
} 
.fallplayer-mute-unmute {
	position: absolute;
	top: 18;
	left: 57;
	width: 22px;
	height:20px;
	cursor: pointer;
	background-repeat:no-repeat;
}
.fallplayer-mute {
	background-image: url("guia/muteButton.png");
}
.fallplayer-unmute {
	background-image: url("guia/unmuteButton.png");
}
.fallplayer-volume {
	position: absolute;
	top: 19;
	left: 82;
	background-repeat:no-repeat;
}
.fallplayer-volume-meter {
	z-index: 2;
	background-image: url("guia/volumeSliderProgress.png");
} 
.fallplayer-volume-clickarea {
	width: 100px;
	z-index: 3;
	height:16px;
	cursor: pointer;
}



.slider-color {
            -webkit-appearance: none;
            width: 100%;
            height: 13px;
            border-radius: 5px;
            background: #dbdbdb;
            outline: none;
            opacity:1;
            -webkit-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
            overflow:initial;
        }
        .slider-color:hover {
            opacity:1;
        }
        .slider-color::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #38b1b8;
            cursor: pointer;
        }
        .slider-color::-moz-range-thumb {
            width: 20px;
            height: 20px;
            border: 0;
            border-radius: 50%;
            background: #38b1b8;
            cursor: pointer;
        }