/* designarcade.co.uk audio and video player style sheet */

div.map /* medium audio player */
{
width: 320px; height: 21px; background: #808080; margin: -2px 0px 2px 0px; border: 2px solid #808080; border-radius: 5px; border-width: 2px 2px 0px 2px; padding: 0px;
}

div.mvp /* medium video player */
{
width: 320px; height: 265px; background: #808080; margin: -2px 0px 2px 0px; border: 2px solid #808080; border-radius: 5px; border-width: 2px 2px 0px 2px; padding: 0px;
}
 
div.cns /* audio and video controls */ 
{
width: 312px; height: 13px; background: #808080; margin: 3px 4px 5px 4px; border: 0px; padding: 0px;
} 
 
div.pts /* progress bar times */
{
width: 84px; height: 13px; background: #808080; float: left; margin: 0px 9px 0px 9px; border: 0px; padding: 0px; text-align: center; font-size: 12px; line-height: 12px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
}
 
button.ppb /* play pause button */
{
cursor: pointer; background: url(playxx11.jpg); width: 15px; height: 13px; outline: none; display: block; float: left; margin: 0px 4px 0px 2px; border: 0px; padding: 0px;
}

button.vlb /* volume button   not clickable */
{
background: url(volxxx11.jpg); width: 15px; height: 13px; outline: none; display: block; float: right; margin: 0px 6px 0px 0px; border: 0px; padding: 0px; cursor: crosshair !important;
}
 
input.prb /* audio and video progress bar */
{
cursor: pointer; width: 120px; outline: none; display: block; float: left; margin: 0px; border: 0px; padding: 0px;
} 

input.vlc /* volume control */
{
cursor: pointer; width:  40px; outline: none; display: block; float: left; margin: 0px 0px; border: 0px; padding: 0px;
}
  
input[type='range'] 
{
-webkit-appearance: none !important; margin: 0px; border-radius: 4px; padding: 0px; background: #000000; height: 13px;
}
input[type='range']::-webkit-slider-thumb 
{
-webkit-appearance: none !important; background: #6495ED; height: 11px; width: 11px; border: 0px; border-radius: 5px; cursor:pointer;
}

input[type='range']::-ms-fill-lower
{
background: #000000;
}
input[type='range']::-ms-fill-upper
{
background: #000000;
}
input[type='range']::-ms-thumb
{
-webkit-appearance: none !important; background: #6495ED; height: 11px; width: 11px; border: 0px; border-radius: 5px; cursor:pointer;
}
input[type='range']::-ms-tooltip
{
display: none;
}
 
input[type='range']::-moz-range-track
{
border: none; background: #000000;
} 
input[type='range']::-moz-range-thumb
{
background: #6495ED; height: 11px; width: 11px; border: 0px; border-radius: 5px; cursor:pointer;
}