#err {
    background: #ffffff;
    color: #ff0000;
    font-weight: bold;
    /*border:solid 1px;*/
    margin: 2px;
}

#controls {
    border:solid 1px;
    /*width:423px;*/
}
#controls-contents {
    position: relative;
    /*left: 80px;*/
}
#controls-panel {
    position: relative;
    left: 30;
}

/* Progress-bar for player position */
#player-position {
    /* this will also include a "display: none" for hiding/revealing */
    border: solid 1px;
    position: relative;
}

#positionContainer {
    position:relative;
    top:0px;
    left:0px;
    /*width:423px;*/
    height:16px;
    padding:0px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}


#positionBufferBack {
    position:absolute;
    top:0px;
    left:0px;
    /*width:423px;*/
    height:8px;
    background-color:#2020FF;
}

#positionBufferMask {
    position:absolute;
    font-size:1px;
    /*width:423px;*/
    height:8px;
    background-color:#0000A0;
    left:0px;
    top:0px;
}


#positionTimeBack {
    position:absolute;
    top:8px;
    left:0px;
    /*width:423px;*/
    height:8px;
    background-color:#FF2020;
}

#positionTimeMask {
    position:absolute;
    font-size:1px;
    /*width:423px;*/
    height:8px;
    background-color:#A00000;
    left:0px;
    top:8px;
}

#positionProgressIndicator {
    position:absolute;
    top:0px;
    left:0px;
    /*width:423px;*/
    height:16px;
    font-family:verdana;
    font-weight:bold;
    color:#FFFFFF;
    font-size:10pt;
    text-align:center;
    z-index:10;
}

#positionGlass {
    position:absolute;
    background-color:transparent;
    top:0px;
    left:0px;
    /*width:423px;*/
    height:16px;
    z-index: 20;
}



/* Progress-bar for volume */
#volumeContainer {
    position:relative;
    top:0px;
    /*left:32px;*/
    width:200px;
    height:15px;
    padding:0px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}

#volumeGradient {
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:15px;
    background-image:url("volume.png");
    background-repeat:no-repeat;
}

#volumeMask {
    position:absolute;
    font-size:1px;
    width:200px;
    height:14px;
    background-color:#FFFFFF;
    left:0px;
    top:1px;
}

#volumeProgressIndicator {
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:15px;
    font-family:verdana;
    font-weight:bold;
    color:#202020;
    font-size:10pt;
    text-align:center;
    z-index:10;
}

#volumeGlass {
    position:absolute;
    background-color:transparent;
    top:0px;
    left:0px;
    width:200px;
    height:15px;
    z-index: 20;
}

#volumeDown {
    position:relative;
    top:19px;
    left:0px;
}
#volumeUp {
    position:relative;
    top:-20px;
    left:238px;
}
