/****************************************************************************** 
 * VIDEOS CSS                              
 ******************************************************************************/
 
.VideosLeft { float: left; padding: 10px; width: 200px; }
.VideosLeftNoPadding { clear:both; float: left; padding: 0px; margin-left: -10px; width: 200px; }
.VideosMid { float: left; padding: 10px; width: 400px; background-color: #F6F6F6; }
.VideosMid2 { float: left; padding: 2px 10px 10px 10px; width: 660px; background-color: #F2F2F2; }
.VideosMid3 { float: left; padding: 10px 10px 0px 10px; width: 660px; background-color: #F2F2F2; }
.VideosRight { float: right; padding: 10px 10px 10px 0px; width: 240px; }
.VideosSubRight1 { padding: 10px; margin: 5px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#F5F5F5; }
.VideosSubRight2 { }
.VideosNotFound { padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.PaginationTop { float: left; padding: 10px 10px 0px 10px; width: 660px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F6F6F6; }
.PaginationBot { float: left; padding: 10px 10px 10px 10px; width: 638px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #CCC; }
.PageBlank {}
.PageInfo { padding-right: 10px; width: 100px; height: 16px; text-align:right; }
.PageDot { width: 20px; text-align: center;}
.PageOn  {
	width: 18px;
	height: 16px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-image: url(../_images/icons/page_on.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}
.PageOff {
	width: 18px;
	height: 16px;
	text-align: center;
	color: #333;
	background-image: url(../_images/icons/page_off.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

A.LinkPage:link, A.LinkPage:visited { display: block; padding-top: 1px; width: 18px; height: 15px; color:#000; text-align: center; text-decoration:none; }
A.LinkPage:hover, A.LinkPage:active { display: block; padding-top: 1px; width: 18px; height: 15px; color:#FFF; text-align: center; text-decoration:none; }


.VideosMidWrapper { border: 1px solid #CCC; border-bottom: none; }
.VideosListHeader { padding: 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background-color: #EFEFEF; border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; }
.VideosMidList { background-color: #FFF; border-bottom: 1px solid #CCC; cursor: pointer; }
.VideosMidListLeft { float: left; width: 122px; padding: 10px; }
.VideosMidListRight { float: right; width: 505px; padding: 10px 10px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#555; }
.VideosMidDate { padding-bottom: 3px; margin-bottom: 3px; font-family: Trebuchet, Trebuchet MS, Arial, Verdana, sans-serif; font-size: 9px; color: #666; text-transform: uppercase; border-bottom: 1px dotted #CCC; } 
.VideosFilterText { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.HoverBgd { background-color:#F2F2F2; }
.VideoPic { padding: 0; margin: 0; border: none; }
 
.VideoLeft { float: left; padding: 10px; width: 580px; background-color: #F6F6F6; }
.VideoRight { float: right; padding: 10px; width: 280px; }
.VideoHeader { font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000; }
.VideoPlayer {padding: 0; background-color:#EFEFEF;}
.VideoStats { padding: 10px; margin: 10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#FFF;}
.VideoText { padding: 10px; margin: 10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#FFF;}
.VideoComments { padding: 10px; margin: 10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#FFF;}

.VideoCatTable,
.VideosFilter { margin-bottom: 10px; border-bottom: 1px solid #CCC; }
.HeaderOutline { border: 1px solid #CCC; }
.VideoCatHeader { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; border-top: 1px solid #FFF; background-color: #f3f3f3; }
.VideoCatListing { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }

A.LinkSub:link, A.LinkSub:visited { display: block; padding: 5px; color:#666; text-decoration:none; background-color: #FFF; }
A.LinkSub:hover, A.LinkSub:active { display: block; padding: 5px; color:#000; text-decoration:none; background-color: #EFEFEF; }

A.LinkSubActive:link, A.LinkSubActive:visited { display: block; padding: 5px; color:#FFF; text-decoration:none; background-color: #999; }
A.LinkSubActive:hover, A.LinkSubActive:active { display: block; padding: 5px; color:#FFF; text-decoration:none; background-color: #999; }

A.Sorting:link, A.Sorting:visited { display: block; padding: 5px; color:#666; text-decoration:none; }
A.Sorting:hover, A.Sorting:active { display: block; padding: 5px; color:#000; text-decoration:none; }

A.SortingActive:link, A.SortingActive:visited { display: block; padding: 5px; color:#000; text-decoration: underline; }
A.SortingActive:hover, A.SortingActive:active { display: block; padding: 5px; color:#000; text-decoration: underline; }