/* Adapted vodpod Sidebar2.0 with paging */

/* 
 * <link href="/storage/stylesheets/vodpod_widget.css" media="all" rel="Stylesheet" type="text/css" />  
 * <div id="vodpod_recent_videos_499821"></div>
 * <script src="http://widgets.vodpod.com/javascripts/recent_videos.js?id=499821&v=2&type=custom&options[paging]=true&category_id=latest"></script>
 */

/* CONSTANTS for 135-wide by 5 vids high, -footer, +paging
 * 135x574 total
 * 135x22  header
 * 135x102 vid thumb
 * 135x106 thumb w margin
 * 133 	   vid placeholder
  (135-2)

 * 127	   footer width	    (135-8)
 *     510 is 102*5
 *     526 is 102+106*4 (4 margins)
 *     548 is header + vid containder
 *     555 is paging controls (y pos)
 *      18 paging height
 *     573 is everything
 *  30	   page left x margin
 *  55	   page right x margin 30+11+55+11= 97 + 30 = 133ish

 */

/*
 * CONSTANTS for 200-wide by 5 vids high, -footer, +paging
 * 200x819 total
 * 200x22  header
 * 200x151 vid thumb
 * 200x155 thumb w margin
 * 198 	   vid placeholder (200-2)

 * 192	   footer width    (200-8)
 *     755 is 151*5
 *     771 151+155*4 (4 margins)
 *     793 is header + vid container
 *     800 is paging controls (y pos)
 *      18 paging height
 *     818 is everything
 *  30	   page left x margin
 *  110	   page right x margin
 */

.vodpod_videos_widget {
  width:200px !important;
  color:#eee !important;
  position:relative !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-family:arial,verdana,sans-serif !important;
  padding:0px !important;
  margin:0px !important;
}
.vodpod_videos_widget * {
  font-size:11px !important;
  color:#eee !important;
}
.vodpod_videos_widget a {
  color:#666 !important;
}
  .vodpod_videos_widget .vodpod_header {
    display:block !important;
  }
  .vodpod_videos_widget .vodpod_video {
    position:relative !important;
    width:200px !important;
    height:151px !important;
    margin-bottom:4px !important;
    cursor:pointer !important;
  }
    .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail {
      display:block !important;
      width:200px !important;
      height:151px !important;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img {
      width:200px !important;
      height:151px !important;
      border:none !important;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img:hover {
      border-color:#00adef !important;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_placeholder1 {
      position:absolute !important;
      background:#666 !important;
      width:198px !important;
      padding-left:2px !important;
      opacity:0.6 !important;
      filter:alpha(opacity=60) !important;
      -moz-opacity:0.60 !important;
      height:29px !important;
      bottom:0px !important;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_play_image {
      display:none;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_title {
      position:absolute !important;
      display:block !important;
      bottom:3px !important;
      left:4px !important;
      font-weight:bold !important;
      height:26px !important;
      line-height:14px !important;
      overflow:hidden !important;
      text-align:left !important;
      color:#fff !important;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_views {
      display:none !important;
    }
    .vodpod_videos_widget .vodpod_video .vodpod_video_created_at {
      display:none !important;
    }
    .vodpod_videos_widget .vodpod_video:hover .vodpod_video_title {
      display:none !important;
    }
    .vodpod_videos_widget .vodpod_video:hover .vodpod_video_views {
      display:block !important;
      position:absolute !important;
      bottom:12px !important;
      padding-left:4px !important;
    }
    .vodpod_videos_widget .vodpod_video:hover .vodpod_video_created_at {
      display:block !important;
      position:absolute !important;
      bottom:2px !important;
      line-height:12px !important;
      padding-left:4px !important;
    }
.vodpod_videos_widget .vodpod_footer_separator {
  height:1px !important;
  line-height:1px !important;
}

.vodpod_videos_widget .vodpod_footer {
/*  text-align:right !important;
 *  background:#777 !important;
 *  padding:2px 4px !important;
 *  height:15px !important;
 *  width:192px !important;
 */
  display:none;
}
.vodpod_videos_widget .vodpod_footer a {
/*  color:#fff !important;
 */

  display:none;
}
.vodpod_videos_widget .vodpod_footer .vodpod_see_all {
  display:none;
}
.vodpod_videos_widget .vodpod_footer .vodpod_powered_by {
  display:none;
}

/*  .vodpod_videos_widget .vodpod_powered_by b {
 *    font-size:1.4em !important;
 * } 
 */

#vodpod_player_container {
  margin:0px !important;
  padding:0px !important;
  font-size:11px !important;
  font-family:arial,verdana,sans-serif !important;  
}
  #vodpod_player_container * {
    margin:0px !important;
    padding:0px !important;
    border:none !important;
    text-align:left !important;
  }

.vodpod_videos_widget #vodpod_paging { 
  display:block !important; 
  position:absolute !important; 
  top:800px !important; 
} 
.vodpod_videos_widget #vodpod_paging #vodpod_paging_prev {     
  float:left !important; 
  display:inline !important; 
  width:11px !important; 
  height:16px !important; 
  background:url(http://assetscdn.vodpod.com/images/widget/left_blue.gif) !important; 
  cursor:pointer !important; 
  margin-left:30px !important; 
} 
.vodpod_videos_widget #vodpod_paging #vodpod_paging_prev.inactive { 
  background:url(http://assetscdn.vodpod.com/images/widget/left_grey.gif) !important; 
  cursor:default !important; 
} 
.vodpod_videos_widget #vodpod_paging #vodpod_paging_prev a { 
  display:none !important; 
} 
.vodpod_videos_widget #vodpod_paging #vodpod_paging_next { 
  float:left !important; 
  display:inline !important; 
  width:11px !important; 
  height:16px !important; 
  background:url(http://assetscdn.vodpod.com/images/widget/right_blue.gif) !important; 
  cursor:pointer !important; 
  margin-left:110px !important; 
} 
.vodpod_videos_widget #vodpod_paging #vodpod_paging_next.inactive { 
  background:url(http://assetscdn.vodpod.com/images/widget/right_grey.gif) !important; 
  cursor:default !important; 
} 
.vodpod_videos_widget #vodpod_paging #vodpod_paging_next a { 
  display:none !important; 
}

/* .vodpod_videos_widget #vodpod_paging {
 *  display:none;
 * } 
 */