/* root element should be positioned relatively so that 
    child elements can be positioned absolutely */
div.vcontrols {
    position:relative;
    height:7px;
    /* black background with a gradient */
    background:#000 url(/img/player/skin/vcontrols.png) repeat-x 0 -4px;
    width:640px;
    cursor:pointer;
    
}

/* play/pause button */
div.vcontrols a.play, div.vcontrols a.pause { 
    display:hidden;
    position:absolute;
    color:#fff;
    width:46px;
    height:7px;
    display:block;
    text-indent:-9999em;
    background:url(/img/player/skin/vcontrols.png) no-repeat 10px -61px;
    cursor:pointer;
/*  border-right:1px solid #000; */
}

div.vcontrols a.play:hover {
    background-position:10px -105px;    
}

/* pause state */
div.vcontrols a.pause { 
    background-position:11px -148px;
}

div.vcontrols a.pause:hover {
    background-position:11px -192px;    
}

/* the timeline (or "scrubber")  */
div.vcontrols div.track {  
    left:0px;
    position:absolute;
    cursor:pointer;
    width:640px;
    /*border-left:1px solid #999;*/
    height:7px; 
}

/* the draggable playhead */
div.vcontrols div.playhead {
    display:none;
/*  position:absolute;
    cursor:pointer; 
    background-color:#fff;
    opacity:0.3;
    filter: alpha(opacity=30);  
    width:1px;
    height:7px;*/
    /*border-right:1px solid #444;*/
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.vcontrols div.progress, div.vcontrols div.buffer {  
    position:absolute;
    height:7px; 
    width:0px;  
    background-color:#333;
/*  filter: alpha(opacity=60);
    opacity:0.6;*/
}

div.vcontrols div.buffer {
    background-color:#1a1919;
    cursor:pointer;     
    
/*  opacity:0.1;
    filter: alpha(opacity=10);*/
}

/* time display */
div.vcontrols div.time {display: none;}

/* total duration in time display */
div.vcontrols div.time strong {}

/* mute / unmute buttons */
div.vcontrols a.mute, div.vcontrols a.unmute {display:none;}

div.vcontrols a.mute:hover {}

/* unmute state */
div.vcontrols a.unmute {}

div.vcontrols a.unmute:hover {}