﻿BODY{
    margin:0px;
    padding:0px;

}

#vipalo-player{

    width: 694px;
    height: 506px;
    
    background: black;
    
    margin:0px; padding:0px;
    overflow:hidden;
    display: none;
}

#vipalo-player .container{

    
     width:100%;
     height: 306px;

    background: #242424 url('../img/bg-container.gif') repeat-x;
    margin:0px; padding:0px;
}

#vipalo-player .container .current{
    width:290px;
    margin-top:5px;
    margin-left:20px;
    border-bottom:1px solid #5e5e5e;
    padding-bottom:5px;
    float:left;
    
    font-weight: bold;
    
    text-decoration:none;
    color:white;
    font-family: Tahoma, Verdana;
    font-size:12px;
    
}

#vipalo-player .container .player{
    
    margin-left:10px;
    
    width: 322px;
    height:275px;
    background:black;
    float:left;
    padding:15px;
    

}

#wm_player{
    width:320px !important;
    height:240px !important;
    overflow: hidden;
    /*background-color:yellow;/**/
}

/*
#wm_player #splash{
    width:100%;
    height:100%;
    border:1px solid white;
    
}
*/

.container .player .buttons{

    margin-top:10px;
    width:320px;
    height:25px; 
}

.player .buttons *{

    float: right;
    height:25px;
    width:25px;
}



.player .buttons .inactive{
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.player .buttons .active{
  -moz-opacity: 1.0;
  filter: alpha(opacity=100);
  opacity: 1.0;
  cursor:pointer;
}


#btn_home{
    float: left; 
    position: relative; 
    top: -11px;
    height:20px;
}

#btn_home,#btn_home *{
    border:0px;
}

#btn_play{
    float:left;
    background: url('../img/btn-play.gif') no-repeat;
}

#btn_fullscreen{
    background: url('../img/btn-fullscreen.gif') no-repeat;
}

#btn_volume{
    background: url('../img/btn-volume.gif') no-repeat;
    cursor:pointer;
}

#frame-holder{

background:#0E0E0E url(../img/bg-links.gif) repeat-x scroll 0 0;
float:left;
height:47px;
width:324px;

} 

#iframe-2{
    height:30px;
    margin-left:10px;
    margin-top:5px;
    width:290px;
}

#links{

    
     width:370px;
     height: 47px;
    background: #0e0e0e url('../img/bg-links.gif') repeat-x;
    margin:0px; padding:0px;
    overflow:hidden;
    float:left;
}


#links *{
    display:block;
    height:47px;
    float:left;

}

#links a{
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
    background: #242424 url('../img/bg-link.gif') repeat-x;
    
    text-decoration:none;
    color:white;
    font-family: Tahoma, Verdana;
    font-size:12px;
}

#links a:hover{
    background: #0e0e0e url('../img/bg-link-hover.gif') repeat-x;
}

#links a:active{
    background: #959595 url('../img/bg-link-active.gif') repeat-x;
}


#links .border{
    width:4px;
    background: #242424 url('../img/bg-link-border.gif') no-repeat;
}

#links .first{
    width: 7px;
    margin-left:10px;
    background: #242424 url('../img/bg-link-first.gif') left center no-repeat;
}

#links .last{
    width: 7px;
    background: #242424 url('../img/bg-link-last.gif') left center no-repeat;
}

#vipalo-player .info{

    
     width:100%;
     height: 33px;
    background: #343434 url('../img/bg-info.gif') repeat-x;
    margin:0px; padding:0px;
    clear:left;

    overflow:hidden;
    
    text-decoration:none;
    color:white;
    font-family: Tahoma, Verdana;
    font-size:12px;
    font-weight:bold;
    
}

#vipalo-player .info #info-item{
    display:block;
    margin-top:15px;
    margin-left:10px;
}

.playlist-video-holder{
     width:290px;
     height: 260px;
     float:left;
     margin-left:20px;
     overflow:hidden;
}

.playlist-video-holder IFRAME{
    
    width:100%;
    height:100%;
    margin-top:5px;
}

#playlist_video{
     width:280px;
     height: 250px;
     clear:left;
     /*background:yellow;/**/

     /*overflow:hidden;/**/
}
/*
#playlist_video_scroll{
    width:10px;
    height: 260px;
    float:left;
    background: url('../img/bg-scroll.gif') repeat-y;
}
*/

.jScrollPaneContainer{
    margin-top:10px;
    margin-left:10px;
    clear:left;
    position: relative;
    overflow:hidden;
}

#playlist_video *{
    float:left;
    margin-left:5px;
    margin-bottom:5px;
    cursor:pointer;

}

#playlist_video *{    
    text-decoration:none;
    border:0;
}

.jScrollPaneTrack{
    float:right;
    background:#656565;
    height:100%;
}

.jScrollPaneDrag{
    position: relative;
    background:#262626;
}

.playlist-radio{

    
    
    width:100%;
    height: 80px;
    
    background: #343434;
    margin:0px; padding:0px;

}

#btn_left{
    float:left;
    width:20px;
    height:80px;
    margin-left:5px;
   background: url('../img/btn-left.gif') no-repeat;
   cursor:pointer;
}

#btn_right{
    float:right;
    width:20px;
    height:80px;
    margin-right:5px;
   background: url('../img/btn-right.gif') no-repeat;
   cursor:pointer;
}


.playlist_radio_holder{
    width:634px;
    height: 80px;
    
    float:left;
    overflow:hidden;
}

#playlist_radio{
    height: 80px;
    width:5000px;
}

#playlist_radio *{
   
    float:left; 
    margin-left:5px;
    margin-top:5px;
    margin-bottom:10px;
    cursor:pointer;
    text-decoration:none;
    border:0;
}

.border-top, .border-bottom{

   width:100%;
   height:20px;
   background: #343434;

    margin:0px; padding:0px;
}

.border-top{
    background: #000000;
}

#btn_update{
    float:right;
    text-decoration:none;
    color:white;
    font-family: Tahoma, Verdana;
    font-size:10px;
    padding-top:3px;
    cursor:pointer;
}
.ctl{
    width:20px;
    height:20px;
    float:left;
    background: #000000 url('../img/bg-ctl.gif') no-repeat;
}

.ctr{
    width:20px;
    height:20px;
    float:right;
    background: #000000 url('../img/bg-ctr.gif') no-repeat;
}

.cbl{
    width:20px;
    height:20px;
    float:left;
    background: #343434 url('../img/bg-cbl.gif') no-repeat;
}

.cbr{
    width:20px;
    height:20px;
    float:right;
    background: #343434 url('../img/bg-cbr.gif') no-repeat;
}
