.tl_title_div{
 margin-top: 10px;   
 width: 100%;
 text-align: right;
}

.relative{
    position: relative;
}

/*#subSwitch{*/
/*    position: absolute;*/
/*    right: 0px;*/
/*    top:4px;*/
/*    right:3px;*/
/*}*/
.subSwitch_off{
/*    width: 81px;
    height: 15px;
    border: 0px;
    background-image: url(../data/layout/tl_subtitle_on_off.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;*/
         cursor: pointer;
	cursor:hand;
        border:none;
        color:#000;
        background: none;
        background-color: #737373;
}

.subSwitch_on{
/*    width: 81px;
    height: 15px;
    border: 0px;
    background-image: url(../data/layout/tl_subtitle_on_off.png);
    background-repeat: no-repeat;
    background-position: 0px -15px;*/
         cursor: pointer;
	cursor:hand;
        background: none;
        background-color: #737373;
        border:none;
        color:#000;
}


#htmlplayerdiv{
    float:left;
    display: none;
    width: 704px;
    border: 1px solid #363634; 
}


#flasplayerdiv{
 float:left;
/* border: 1px solid #363634;   */
    width: 100%;
}

#eplayer{
position: relative;
width: 704px;
height: 436px;

background-color: #000;
}

#c {
position: absolute;
top: 0;
left: 0;
width: 704px;
height: 396px;

}

#bbbd {
position: absolute;
top: 0;
left: 0;
width: 704px;
height: 396px;
z-index: 1000;
}

#v {
position: absolute;
top: 0px;
left: 0px;
width: 704px;
height: 396px;
/*visibility: hidden;*/
}



#progres{
    position: absolute;
   top: 14px;
    left: 170px;
    height: 12px;
    width: 300px;
    background-color: #5a5a5a;
}


#progresbar{
    position: absolute;
    top: 14px;
    left: 170px;
    height: 12px;
    width: 0px;
    background-color: #e4f617;
}



#progresvolume{
    position: absolute;
   top: 14px;
    left: 565px;
    height: 12px;
    width: 100px;
    background-color: #5a5a5a;
    
}


#progresbarvolume{
    position: absolute;
    top: 14px;
    left: 565px;
    height: 12px;
    width: 0px;
    background-color: #e4f617;
}



#ovladani{

 position: absolute;
bottom: 0;
left: 0;
width: 704px;
height: 40px;
color: #fff;
/*padding-left: 20px;*/
padding-top: 0px;
background-color: #383838;
    overflow: hidden;
}


#ovladani a{
    color: #fff;
}

#ovladani a:hover{
    color: #ccc;
}

#cas{
  position: absolute;
top: 13px;
right: 155px;
font-size: 11px;
}

#start{
    text-decoration: none;
    position: absolute;
    top: 7px;
    left: 10px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/play.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;

}

#start:hover{
    text-decoration: none;
    
    
    width: 26px;
    height: 26px;
    background-image: url(../data/images/play.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}




#konec{
    text-decoration: none;
   
    position: absolute;
    top: 7px;
    left: 40px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/stop.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;

}

#konec:hover{
    text-decoration: none;
    
    
    width: 26px;
    height: 26px;
    background-image: url(../data/images/stop.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}




#stop{
    text-decoration: none;
    
    position: absolute;
    top: 7px;
    left: 10px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/pause.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    
}

#stop:hover{
    text-decoration: none;
   
    
    width: 26px;
    height: 26px;
    background-image: url(../data/images/pause.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}








#prev{
    text-decoration: none;
    
    position: absolute;
    top: 7px;
    left: 70px;
    width: 39px;
    height: 26px;
    background-image: url(../data/images/prev.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    
}

#prev:hover{
    text-decoration: none;
   
    
    width: 39px;
    height: 26px;
    background-image: url(../data/images/prev.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}



#next{
    text-decoration: none;
    
    position: absolute;
    top: 7px;
    left: 110px;
    width: 39px;
    height: 26px;
    background-image: url(../data/images/next.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    
}

#next:hover{
    text-decoration: none;
   
    
    width: 39px;
    height: 26px;
    background-image: url(../data/images/next.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}



#preloaderbar{
    position: absolute;
    top:0px;
    left: 0px;
    width:704px;
    height: 396px;
    background-image: url(../data/images/ajax-loader3.gif);
    background-repeat: no-repeat;
    background-position: center center;
}



#repro{
    text-decoration: none;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/repro.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;

}

#repro:hover{
    text-decoration: none;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/repro.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}


#reprooff{
    text-decoration: none;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/reprooff.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;

}


#reprooff:hover{
    text-decoration: none;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-image: url(../data/images/reprooff.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;

}