.blexscrollerVertical
{
  position:     absolute;
  top:          2px;
  bottom:       2px;
  right:        25px; /* sliderwidth+padding */
}

.blexscrollerVertical .slider {
  position:     absolute;
  top:          22px;
  bottom:       22px;
  z-index:      13;
  width:        23px;
}
/*
.blexscrollerVertical .slider
{
  height: expression( this.parentNode.clientHeight-44 );
}
*/
.sliderRange {
    position:               absolute;
    width:                  23px;

    z-index:                16000;

    /* initial */
    left:                   0px;
    top:                    0px;
    height:                 1px;

    background-color:       #0a0a0a;
    border-top:             1px solid #575757;
    border-left:            1px solid #575757;
    border-right:           1px solid #040404;
    border-bottom:          1px solid #040404;
}
.sliderRange.active {
    opacity:                0.8;
}

.btnscrollup {
  position:     absolute;
  top:          0;
  left:         0;

  width:         23px;
  height:        22px;
  background:             transparent url('../images/player/btn_scrollup.png') no-repeat top left;
}
.btnscrolldown {
  position:     absolute;
  bottom:       0;
  left:         0;

  width:        23px;
  height:       22px;
  background:             transparent url('../images/player/btn_scrolldown.png') no-repeat top left;
}
.btnscrollup:hover {
  background:             transparent url('../images/player/btn_scrollup_hover.png') no-repeat top left;
}
.btnscrolldown:hover {
  background:             transparent url('../images/player/btn_scrolldown_hover.png') no-repeat top left;
}





.sliderCacheBar
{
    position:               absolute;
    width: 0;
    height:                 26px;
    background:             #0a0a0a url('../images/player/sliderbg_cached.png') repeat-x center left;
}


.toddSliderBar.active {
}
.toddSliderBarHover {
}
.toddSliderBar {
    cursor:                 pointer;
    z-index:                13;
}

.sliderPart {
    position:                       absolute;
    width:                          2px;

    height:                         100%;

    margin-left:            -1px;
    top:                            -3px;
    padding-top:            6px;
    background-color:       #DDDDDD;
}
.toddSliderKnob {
    position:               absolute;
    width:                  14px;
    height:                 15px;
    left:                   0px;

    top:                    50%;
    margin-top:             -8px;

    margin-left:            -7px;

    background:             transparent url('../images/player/sliderknob.png') no-repeat top left;

    z-index:                16000;
}
.toddSliderKnob.active {
    opacity:                0.8;
}

.quepoints {
  position:     absolute;
  top:          0;
  left:         0;
  width:        100%;      /* inherit size to be able to position contained children based on % */
  z-index:      14000;
}

.quepoint {
  position:     absolute;
  width:        2px;
  height:       26px;
  margin-left:  1px;       /* compensate width/2 to center the quepoint */
  background-color: #0a0a0a;
}

.playerseekslider /* extends .sliderbar */
{
    position:               absolute;
    left:                   3px;
    height:                 26px;
    background-color:       #ddd;
    background:             #0a0a0a url('../images/player/sliderbg.png') repeat-x center left;
}
.mediaplayer-audiovideo .playerseekslider
{
    width:                  417px;
}
.mediaplayer-audiophoto .playerseekslider
{
    width:                  794px;
}