/* player styling */ 
#player { 
    background-image:url(http://static.flowplayer.org/img/home/flow_eye.jpg); 
    width:400px; 
    height:300px; 
    display:block; 
    text-align:center; 
    margin:15px auto; 
} 
 
/* play button */ 
#player img { 
    margin-top:110px; 
    border:0px; 
} 
 
/* style for the player's wrapper element */ 
#player_wrap { 
    background:#ccc url(/images/h600.png) 0 0 repeat-x; 
    width:745px; 
    border:2px solid #fff; 
    outline:1px solid #789; 
    -moz-outline-radius:4px; 
    margin-bottom:15px; 
} 
 
/* override buffer color from controls-apple.css */ 
div.controls div.buffer { 
    background-color:#789; 
}


/* root element should be positioned relatively so that 
  child elements can be positioned absolutely */
div.controls { 
  position:relative;
  height:8px;
  margin:0px 0 0;
  padding:5px 0 0;
  width: 770px;
  overflow: hidden;
  margin-top: -150px;
  margin-left: 2px;
  float: left;
}

/* when play button toggles between play/pause class 
  we move it's background image */
div.controls a.play, div.controls a.pause { 
  position:absolute;
  width: 18px;
  height:10px;
  text-indent:-999em;
  cursor:pointer;
  overflow:hidden;
  background:url(/images/controls/play_pause.gif) center top no-repeat;
  margin-top: -5px;  
}

div.controls a.pause { 
  background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
  position:absolute;
  top:0px;  
  height:18px;
  left:20px;
  background:url(/images/controls/track.gif) no-repeat;
  text-align:left;
  cursor:pointer;
  width:753px;  
}

/* the draggable playhead */
div.controls div.playhead { 
  position:absolute;  
  height:12px;
  background:url(/images/controls/playhead.png) no-repeat;
  cursor:pointer;
  top:0px; 
  width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {  
  background-color:#789;
  height:6px;
  margin:3px 4px;
  width:0px;
  position:absolute;
  top:0;
  font-size:0px;  
  
  /* this is the way to fine tune buffer and progress max width */
  max-width:744px;
}

div.controls div.buffer {
  background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
  -moz-border-radius-bottomleft:2px;
  -moz-border-radius-topleft:2px;  
}

/* hide time and controls in Apple look */
div.controls div.time, div.controls a.mute, div.controls a.unmute {
  display:none;    
}


/* wrapper element for playlist items */
#clips {
  background:#fff url(/images/h150.png) repeat-x scroll;
  height:67px;
  margin-top:7px;
  padding:15px 34px;
  width:705px;
  -moz-border-radius:4px;
  overflow:hidden;
  float: left;
  margin-top: -108px;
  margin-left: 5px;
}

/* single playlist entry */
#clips a {
  background:transparent url(/images/entry.gif) no-repeat scroll 0;
  display:block;
  float:left;
  height:77px;
  margin:0 7px 0 7px;
  /*text-indent:-900px;*/
  width:86px;
  margin-bottom: 5px;
}

/* playlist entry when mouse is entered */
#clips a:hover {
  background-position:-87px 0;    
}

/* active playlist entry */
#clips a.playing, #clips a.paused {
  background-position:-174px 0;    
}


/************SLIDER***************/
#slider{
height: 67px !important;
margin-left: 0px;
width:705px !important;
overflow: hidden;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    }
#slider ul li ul{
    margin:0;
    padding:0;
    list-style:none;
    float: left;
    }
#slider ul li ul li{
    width:705px ;
    height:86px ;
    overflow:hidden; 
    }
#slider li{ 
    /* 
      define width and height of list item (slide)
      entire slider area will adjust according to the parameters provided here
    */ 
    width:86px !important;
    height:115px !important;
    overflow:hidden;
    padding: 0px 7px 5px; 
    }
  
#prevBtn a a.hover{
    display:block;
    width:30px;
    height:77px;
    background:url(/images/btn_prev.gif) no-repeat 0 0 !important;
    float: left;
    margin-top: -96px;
  }
#nextBtn a a.hover{
    display:block;
    width:30px;
    height:77px;
    background:url(/images/btn_next.gif) no-repeat 0 0 !important;
    float: right;
    margin-top: -96px;
  }          
.img_list{
    float: left;
    text-align: center;
    width: 225px;
  }
.li_inner{
    float: left;
    text-align: center;
    width: 681px;
    height: 115px;
    overflow: hidden;
 }