/*** Mediaplayer current time styling ***/
#top .main_color .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #d2091c;
    color: #fff;
}
#top .main_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border: solid 4px #d70d33;
    border-color: #d70d33 transparent transparent transparent;
}
.mejs-time-float {
    height: 20px;
    margin-bottom: 15px;
    width: 50px;
}
.mejs-time-float-current {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 15px;
}
.mejs-time-float-current {
    width: 30px;
    font-size: 18px;
    padding-top: 3px;
}
/*** End of Mediaplayer current time styling ***/

/*** this code for the bars ***/
.main_color .mejs-controls .mejs-time-rail .mejs-time-current {
    background: green;
}

div .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: yellow;
}

.main_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	background: red;
}