
/********* picture thumbnail layout *********/
#picture_thumbnails_container { width:306px; margin:0; padding:8px 0 0 0; }
#picture_thumbnails { float:left; display:inline; list-style:none; position:relative; margin:0; padding:0; }
#picture_thumbnails li { float:left; display:block; width:90px; margin:0; padding:0 0 8px 8px; }
#picture_thumbnails li img { width:90px; height:59px; }
#picture_thumbnails li a img { border:2px solid white;}
#picture_thumbnails li a:hover img { border:2px solid #5B81FF;}

/********* video thumbnail layout *********/
ul.video_thumbnails { width:289px; margin:2px 8px; padding:7px 0 4px 0; float:left; display:inline; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; }
ul.video_thumbnails li { border-top:1px solid #ccc; width:289px; display:block; float:left; margin:0 0 8px 0; padding:8px 0 0 0;}
ul.video_thumbnails li.first { border:none; margin:0 0 8px 0; padding:0;}
ul.video_thumbnails.home, ul.video_thumbnails.home li { width:441px; }
ul.video_thumbnails a p { margin:0; padding:2px 0 0 0; display:block; float:left; width:185px; cursor:pointer; }
ul.video_thumbnails.home a p { padding:2px 5px 0 0; width:180px; }
ul.video_thumbnails a p.stats { margin:0; padding:2px 0 0 16px; width:134px; border-left:1px solid silver; }
ul.video_thumbnails a h4 { color:#111; font-size:12px; font-weight:bold; margin:0; padding:0; cursor:pointer; }
ul.video_thumbnails a:hover h4  { color:#5B81FF; }
ul.video_thumbnails a h4 img { border:2px solid white; width:90px; height:59px; float:left; margin:0 10px 0 0; padding:0; }
ul.video_thumbnails a:hover h4 img { border:2px solid #5B81FF;}
ul.video_thumbnails h4 span.video_tn_button { width:90px; float:left; margin:0; padding:0 14px 0 0; cursor:pointer; }
ul.video_thumbnails h4 span.watch_video { width:74px; display:block; float:left; height: 21px; line-height: 21px; padding:0 0 0 16px; margin:4px 0 0 0; color:#000; background: #eee url(../../images/buttons_arrows/make-button-bg-l.png) no-repeat left top; }
ul.video_thumbnails h4 span.watch_video b { text-align:center; width:62px; color:#000; background: #eee url(../../images/buttons_arrows/make-button-bg-r.png) no-repeat right top; font-weight: normal; float: left; display: block; margin: 0; padding: 0 16px 0 0; }
ul.video_thumbnails a:hover h4 span.watch_video { color:#fff; background-position: left -21px; }
ul.video_thumbnails a:hover h4 span.watch_video b{ color:#fff; background-position: right -21px; }
ul.video_thumbnails a:active h4 span.watch_video { color:#bbb; background-position: left -21px; }
ul.video_thumbnails a:active h4 span.watch_video b{ color:#bbb; background-position: right -21px; }

