/*CSS for Video List Module */
#video-box-list {
position:relative;
   width:705px;
/*   height:268px;*/
}
.video-thumbnail-container {
position:absolute;
top:0px;
left:0px;
overflow:hidden;
height:268px;
width:480px;
background:#CCCCCC;
}
.video-player-container{
  height:268px;
}
.video-thumbnail-container .thumb-caption {
position:absolute;
bottom:0px;
left:0px;
background:#000;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
color:#999999;
width:480px;
padding:10px 20px 10px 10px;
font-size:12px;
}

video-image-item {
position:absolute;
top:0px;
left:0px;
}
.video-hidden{
visibility:hidden;
}
.video-list-container {
/*
position:absolute;
top:0px;
left:490px;
height:268px;
width:215px;
overflow:auto;
*/
}
#yt-video-details{
  float:left;
}

.yt-item{
  float:left;
  width:225px;
  padding:5px;
}
.yt-item a{
  color:#fff;
  font-weight:normal;
  font-size:11px !important;
}

.yt-thumbnail-container {
  float:left;
}
.yt-desc-container{
  float:right;
  width:90px;
  margin:0 5px;
}
.yt-list-row {
  padding-bottom:15px;
}
/*Thumbnail display */
.yt-thumb img{
  margin-right:0 !important;
}
.yt-thumbnail-container {
  position:relative;
  height:67px;
  width:120px;
  overflow:hidden;
}
.yt-item .yt-img .yt-thumb  {
top: -12px;
position: absolute;
overflow: hidden;
}
.yt-item .yt-desc-container .yt-title a{
font-weight:normal;
font-size:14px;
}
.yt-item .yt-desc-container .yt-description{
  display:none;
}
.yt-item .yt-desc-container .yt-length {
color:#00aef0;
font-weight:bold;
}
#yt-video-description-container {
  border-bottom:1px;
  border-style: solid;
  border-color:#4d4d4d;
  padding:10px 0 5px 0;
}
#yt-list-display {
  padding-top:5px;
}
.yt-item .yt-img{
  position:relative;
}
/*Thumbnail Play Button */
.yt-item .yt-img .yt-play-button{
    display:block;
    position:absolute;
    width:120px;
    height:67px;
    background:url(/wo/i/townhall/img/btn-play-youtube.png) no-repeat 33px 13px;
    top:0px;
    left:0px;
    cursor:pointer;
    text-indent:-1000px;
    overflow:hidden;
}

.yt-item .yt-play-overlay {
position: absolute;
display: block;
width: 120px;
height: 67px;
z-index: 20;
overflow:hidden;
}
.yt-list-row {
  min-height:118px;
}
.yt-item {
  min-height:118px;
}
.yt-list-page{
  min-height:236px;
}
.yt-list-page-hidden {
  display:none;
}
.yt-list-page-shown {
  display:block;
}

.yt-item .yt-play-overlay:hover .yt-play-button{
    background-position:33px -142px;
}
.yt-playing {
background:#4d4d4d;
}

#yt-video-details p.yt-video-title{
  color:#ffffff;
  font-size:30px;
  line-height:32px;
  }
#yt-video-details p.yt-video-desc{
  color:#c4c4c4;
  }
/*Navigation */
.yt-nav-container{
  margin:0 auto;
  text-align:center;
  /*
  border-top:1px;
  border-style: solid;
  border-color:#4d4d4d;
  padding-top:10px;
*/
}
.yt-nav-container .yt-page-num{
  padding:5px 8px;
  margin:8px;
}
.yt-nav-container a.yt-page-on{
color:#000;
background:#fff;
}
.yt-nav-container a.yt-page-off{
color:#fff;
background:#4d4d4d;
}