

/*SPORT SCHEDULE SCROLL*/


#spScheduleArea .jcarousel-scope {
    position: relative;
    width:310px; 
     height: 212px;
}
#spScheduleArea jcarousel-container {
   width:310px;
   }

#spScheduleArea .jcarousel-clip {
 z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%; 
     height: 212px;
}

#spScheduleArea .jcarousel-list {   
     width:310px;  
     height: 212px;
}


#spScheduleArea  .jcarousel-list li {
    float: left;
    list-style: none;
    background:url('/fls/8800/site_graphics/2009/Schedule/spSchItemBg.jpg') no-repeat;
    height: 222px;
    width: 155px;
    padding-left:1px;
    
}
#spScheduleArea .jcarousel-next{
cursor: hand;
}

#spScheduleArea .jcarousel-prev{
cursor: hand;
}
 
#spScheduleArea .jcarousel-next-disabled-horizontal img{
     cursor: default;
       /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }

#spScheduleArea .jcarousel-prev-disabled-horizontal img{
     cursor: default;
        /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }




/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
#WhatHotArea .jcarousel-scope {
    position: relative;  
 
}

#WhatHotArea .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;   
     width:275px;
    height: 260px; 
}


/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
#WhatHotArea .jcarousel-list {
    width:275px;
    height: 260px; 
}

#WhatHotArea .jcarousel-list li {  
float: left;
    list-style: none;
    height: 65px;
    width: 260px;    
}



/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 * COMMON to ALL *  
 */
#WhatHotArea .jcarousel-next{
cursor: hand;
}

#WhatHotArea .jcarousel-prev{
cursor: hand;
}


#WhatHotArea .jcarousel-next-disabled-vertical img{
     cursor: default;
        /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }
 
#WhatHotArea  .jcarousel-prev-disabled-vertical img{
     cursor: default;
         /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }

 






/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
#DawgBytesArea .jcarousel-scope {
    position: relative;  
 
}

#DawgBytesArea .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;   
    width:585px;
     height: 214px;
}


/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */



#DawgBytesArea .jcarousel-list {
     width:585px;
     height: 214px;
}

#DawgBytesArea .jcarousel-list li {  
    float: left;
    list-style: none;
    width:195px;
     height: 214px; 
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 * COMMON to ALL *  
 */
#DawgBytesArea .jcarousel-next{
cursor: hand;
}

#DawgBytesArea .jcarousel-prev{
cursor: hand;
}


 
#DawgBytesArea .jcarousel-next-disabled-horizontal img{
     cursor: default;
       /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }

#DawgBytesArea .jcarousel-prev-disabled-horizontal img{
     cursor: default;
        /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
#spRotatorNav .jcarousel-scope {
    position: relative;  
 
}

#spRotatorNav .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;   
   width:238px;
height:85px;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */



#spRotatorNav .jcarousel-list {
width:238px;
height:85px;
}

#spRotatorNav .jcarousel-list li {  
    float: left;
    list-style: none;
    width:119px;
     height:75px; 
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 * COMMON to ALL *  
 */
#spRotatorNav .jcarousel-next{
cursor: hand;
}

#spRotatorNav .jcarousel-prev{
cursor: hand;
}


 
#spRotatorNav .jcarousel-next-disabled-horizontal img{
     cursor: default;
       /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }

#spRotatorNav .jcarousel-prev-disabled-horizontal img{
     cursor: default;
        /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.4;
 }



