.blexplayer {
  position:             relative;
/*  width:                585px;           585 = contentwidth */

  padding:              2px;

  -moz-user-select:     none;
  z-index: 1000;
}

.mediaplayer-audiovideo .playerarea {
  position: relative;
  height:               385px;
  width:                585px;
}
.mediaplayer-audiophoto .playerarea {
  position: relative;
  height:               540px;
  width:                900px;
}

.mediaplayer-audiovideo .cuepointoverlay
{
  width:                585px;
  height:               385px;
  overflow:             hidden;
}
.mediaplayer-audiophoto .cuepointoverlay
{
  width:                900px;
  height:               540px;
  overflow:             hidden;
}

.cuepointoverlay img
{
  display: none;
}

.picback {
  position:             absolute;
  z-index:              2;
  opacity:              0;
}

.picfront {
  position:             absolute;
  z-index:              1;
}

.moviecontainer {
  width: 100%;
  height 100%;
}

.cuepointsubtitle
{
  position:             absolute;
  bottom:               0px;

  width:                100%;
  color:                #fff;

  background-color:     rgba(0,0,0,0.5);

  text-align:           center;

  z-index:              30;
}

.cuepointsubtitletxt
{
  padding:  10px;

  width:                100%;
  text-align:           center;

  font-size:    120%;
  font-weight:  bold;
  color:        #fff;
  line-height:  150%;
  z-index:              32;
}

/*.cuepointoverlayFixIE .cuepointsubtitletxt*/
.cuepointsubtitletxtFixIE
{
  position: absolute;
  bottom:   9px;
  padding:  0px;
}

.cuepointsubtitlebg
{
  position:             absolute;
  bottom:               0px;

  left:                 0;

  width:                100%;

  background-color:     #000;
  color:                #fff;

  opacity:              0.5;
  filter:               alpha(opacity=50);

  z-index:              31;
}

/*.cuepointoverlayFixIE .cuepointsubtitlebg*/
.cuepointsubtitlebgFixIE
{
  bottom:   -1px;
}

/* contains the slider and buttons */
.playercontrols
{
  position:             relative;
  margin-top:           2px;
  height:               26px;
}
.mediaplayer-audiovideo .playercontrols
{
  width:                585px;
}
.mediaplayer-audiovideo .playercontrols
{
  width:                900px;
}

.playpos {
  position:        absolute;
  z-index:         15;

/*  right:         150px;*/
  right:           177px;
  color:           #555;

  font-family:     monaco,"VT-100",terminal,"lucida console",courier,system;
  font-size:       x-small;
}

.btn {
  cursor:     pointer;
}

.btntoggleqp,
.btntoggleqpActive {
    width:  27px;
    height: 26px;
    background:             transparent url('../images/player/btnToggleQuepoints.png') no-repeat top left;
    position: absolute;
}
.btntoggleqp:hover,
.btntoggleqpActive {
    background:             transparent url('../images/player/btnToggleQuepointspoints_hover.png') no-repeat top left;
}
.mediaplayer-audiovideo .btntoggleqp,
.mediaplayer-audiovideo .btntoggleqpActive {
    left:   423px;
}
.mediaplayer-audiophoto .btntoggleqp,
.mediaplayer-audiophoto .btntoggleqpActive {
    left:   800px;
}


.btnprev {
    width:  27px;
    height: 26px;
    background:             transparent url('../images/player/btnPrev.png') no-repeat top left;

    position: absolute;
}
.btnprev:hover {
    background:             transparent url('../images/player/btnPrev_hover.png') no-repeat top left;
}
.mediaplayer-audiovideo .btnprev {
    left:   450px;
}

.btnstop,
.btnstopActive {
    width:  27px;
    height: 26px;
    background:             transparent url('../images/player/btnStop.png') no-repeat top left;

    position: absolute;
}
.btnstop:hover,
.btnstopActive {
    background:             transparent url('../images/player/btnStop_hover.png') no-repeat top left;
}
.mediaplayer-audiovideo .btnstop,
.mediaplayer-audiovideo .btnstopActive {
    left:   477px;
}
.mediaplayer-audiophoto .btnstop,
.mediaplayer-audiophoto .btnstopActive {
    left:   827px;
}

.btnplay,
.btnplayActive {
    width:  27px;
    height: 26px;
    background:             transparent url('../images/player/btnPlay.png') no-repeat top left;

    position: absolute;
}
.btnplay:hover,
.btnplayActive {
    background:             transparent url('../images/player/btnPlay_hover.png') no-repeat top left;
}
.mediaplayer-audiovideo .btnplay,
.mediaplayer-audiovideo .btnplayActive {
    left:   504px;
}
.mediaplayer-audiophoto .btnplay,
.mediaplayer-audiophoto .btnplayActive {
    left:   854px;
}

.btnnext {
    width:  27px;
    height: 26px;
    background:             transparent url('../images/player/btnNext.png') no-repeat top left;

    position: absolute;
}
.btnnext:hover {
    background:             transparent url('../images/player/btnNext_hover.png') no-repeat top left;
}
.mediaplayer-audiovideo .btnnext {
    left:   531px;
}

.btnmute,
.btnmuteActive {
    width:  27px;
    height: 26px;
    background:             transparent url('../images/player/btnMute.png') no-repeat top left;

    position: absolute;
}
.btnmute:hover,
.btnmuteActive {
    background:             transparent url('../images/player/btnMute_hover.png') no-repeat top left;
}
.mediaplayer-audiovideo .btnmute,
.mediaplayer-audiovideo .btnmuteActive {
    left:   558px;
}
.mediaplayer-audiophoto .btnmute,
.mediaplayer-audiophoto .btnmuteActive {
    left:   881px;
}

