/* Videos styles */
.ui-widget-picker dl.ico-videos dt { background:url(../images/icon-videos.jpg) 0 0 no-repeat; background-position:top left;  } 
.ui-widget-picker dl.ico-listing-handler dt { background:url(../images/icon-videos.jpg) 0 0 no-repeat; background-position:top left; }

div.single-video { padding-top:10px; padding-bottom:20px; padding-left:55px; background:url(../images/icon-video.jpg) 0 0 no-repeat; background-position: center left; } 

div.stream-video { position:relative; width:auto; } 
div.current-video { position:relative; height:70px; width:auto; line-height:70px; padding-left:70px;  background:url(../images/currentvideo.jpg) 0 0 no-repeat; background-position: center left; }
a.play-video { right:7px; background:url(../images/admin-play.jpg) 0 0 no-repeat; }

div.preview-window { position:absolute; top:50%; left:50%; width:420px; margin-left:-260px; margin-top:-150px; height:300px; background:url(../images/video.preview.gif) 0 0 no-repeat; z-index:9999;  } 
div.preview-window div#playing { position:relative; width: 402px; height:265px;  }
div.preview-window div.preview-container { position:relative; width:402px; height:265px; margin-top:26px; margin-left:9px; background:url(../images/loader.gif) 0 0 no-repeat; background-position:center center; } 

a.close-preview { position:absolute; top:0px; right:7px; display:block; height:21px; width:30px;background:url(../images/video.close.gif) 0 0 no-repeat;  }
a.close-preview:hover { background:url(../images/video.close.over.gif) 0 0 no-repeat;  }


.videos-grid { position:relative; }
.videos-row { position:relative; display:inline-block; padding:6px; padding-bottom:0px; }
.videos-row { display:block; zoom: 1; } 
.videos-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.video-cell { position:relative; float:left; width:200px;  padding:5px; border:1px solid #ccc; height:235px; margin-right:6px; }
.video-cell-last { margin-right:0px; } 
.video-cell-title { color: #235678; padding-top:5px; height:60px; font-weight:bold; overflow:hidden; }
.video-cell img.vip { position:absolute; top:10px; left: 5px; display:none; }
.videos-filters { position:relative; height:20px; text-align:right; }
.videos-filters a { color:#006699; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.videos-filters a.active-video-filter { color:#cc0000; } 
.video-featured-cell img.vip { display:block; } 

a.controller-play { position:absolute; display:block; height:22px; line-height:22px; font-size:10px; color:#767674; text-transform:uppercase; width:70px; right:5px; bottom:5px;  background:url(../images/controller-play.jpg) 0 0 no-repeat; background-position:right;  }
a.controller-play:hover { color:#b22626; background:url(../images/controller-play.over.jpg) 0 0 no-repeat; background-position:right; }
a.more-videos { display:block; height:30px; text-align:right; padding-right:5px; margin-top:20px; color:#cc3333; font-weight:bold; outline:none; }
a.more-videos:hover, a.more-videos:active { outline:none; }

.video-container { position:relative; width:319px; padding:5px; padding-bottom:23px; background-color:#cadcdc; height:255px;  }
.video-container #video { position:relative; margin:0px auto; width:319px; height:210px; }
.video-title { position:relative; clear:both; color: #235678; padding-top:5px; height:27px; font-weight:bold; overflow:hidden; }
.video-publish-date { color: #235678; font-size:10px;  }
.video-play-count { font-size:10px; color:#848484; } 
.video-filters-choice { position:absolute; left:0px; bottom:0px; width:324px; padding-right:5px; height:18px; padding-top:2px; background-color:#d9e5e5; text-align:right; color:#b5c5c5; } 
.video-filters-choice a { color:#1a7399; text-transform:uppercase; font-size:10px; } 
.video-filters-choice a:hover { color:#b22626; } 

.video { position:relative; width:574px; margin:0px auto; padding:5px; padding-left:66px; border:1px solid #ccc; }
.video #video { position:relative; width:500px; height:400px; }
.video .video-title { position:relative; width:400px; color:#cc3333; padding-right:100px; padding-bottom:5px; }
.video .video-title span { display:block; height:20px;s width:100px; position:absolute; top:7px; right:0px; font-weight:normal; color:#585858; font-size:10px; }


table.pagination { margin-top:18px; }
table.pagination td { width:20px; }
table.pagination td.prev, table.pagination td.next { width:100px; }
table.pagination td { width:20px; }
table.pagination td a { display:block; width:20px; height:20px; text-align:center; }
table.pagination td a.selected { color:#000; font-weight:bold; }
table.pagination td.prev a { width:100px; }
table.pagination td.next a { width:100px; }

table.ui-videos-pagination td { width:22px; height:18px; }
table.ui-videos-pagination td a { font-size:11px; font-weight:normal; width:12px; height:11px; line-height:11px; color:#000; line-height:11px; }
table.ui-videos-pagination td.prev, table.pagination td.next { width:12px; height:11px; padding-top:0px; }
table.ui-videos-pagination td.next a { background:url(../images/arrow_paging_next_inactive.gif) 0 0 no-repeat; width:12px; height:11px;  }
table.ui-videos-pagination td.next a.active { background:url(../images/arrow_paging_next.gif) 0 0 no-repeat; }
table.ui-videos-pagination td.prev a { background:url(../images/arrow_paging_prev_inactive.gif) 0 0 no-repeat; width:12px; height:11px; }
table.ui-videos-pagination td.prev a.active { background:url(../images/arrow_paging_prev.gif) 0 0 no-repeat; width:12px; height:11px; }
table.ui-videos-pagination td.next a:hover { background:url(../images/arrow_paging_next.gif) 0 0 no-repeat; width:12px; height:11px; }
table.ui-videos-pagination td.prev a:hover { background:url(../images/arrow_paging_prev.gif) 0 0 no-repeat; width:12px; height:11px; }
table.ui-videos-pagination td.first a { background:url(../images/arrow_paging_first_inactive.gif) 0 0 no-repeat; width:22px; }
table.ui-videos-pagination td.last a { background:url(../images/arrow_paging_last_inactive.gif) 0 0 no-repeat; width:22px; }
table.ui-videos-pagination td.last a.active { background:url(../images/arrow_paging_last.gif) 0 0 no-repeat; }
table.ui-videos-pagination td.first a:hover { background:url(../images/arrow_paging_first.gif) 0 0 no-repeat; width:22px; }
table.ui-videos-pagination td.last a:hover { background:url(../images/arrow_paging_last.gif) 0 0 no-repeat; width:22px; }
table.ui-videos-pagination td a.selected { color:#000; text-decoration:underline; font-weight:normal; }

/* Video window */
.video-window { position:absolute; display:none; padding:2px; top:80px; left:80px; width:500px; height:365px;  background-color:#267890; z-index:9999; } 
.video-window-visible { display:block; }
.video-embed-controls { position:relative; height:20px; }
.video-embed-controls a { position:absolute; top:-2px; right:5px; display:block; width:24px; height:16px; background:url(../images/close.jpg) 0 0 no-repeat; }
.video-embed-controls a:hover { background:url(../images/close.over.jpg) 0 0 no-repeat; } 
.video-embed { position:relative; width:500px; height:345px; background:url(../images/goldloader.gif) 0 0 no-repeat; background-position:center center; background-color:#cadcdc; }