/* CSS Document */

Body {font-family:Verdana, Arial, Helvetica, sans-serif; color: #202020; font-size: 13px; background-color: #C9C8CD; margin-top: 0px; margin-left: 5px; margin-right: 0px; margin-bottom: 0px}

/* HEADER */

.Header {background-color:#000000; background-image:url(../images/HeaderBG.jpg); background-repeat:repeat-x; width: 1000px; height: 130px; border-left: 1px solid #000000; border-right: 1px solid #000000; vertical-align:top}

.HeaderLogo { padding-left: 25px; vertical-align:bottom; padding-bottom:10px}

.HeaderLogin {text-align:right; padding-right: 5px; color: #F2F2F2; font-size: 11px;}

.HeaderAd {vertical-align:middle; text-align:right; padding-right: 5px; padding-bottom: 5px}

.NavTable {width: 1000px; height: 27px; background-image:url(../images/NavBG.jpg); background-repeat:repeat-x; font-size: 12px; font-weight:bold; color:#000000; border-left: 1px solid #000000; border-right: 1px solid #000000}

.NavLeft { border-right: 1px solid #898A8B; height: 27px; text-align:center; vertical-align:middle}

.Nav { border-left: 1px solid #FFFFFF;  border-right: 1px solid #898A8B; height: 27px; text-align:center; vertical-align:middle}

.SearchBG {  border-left: 1px solid #FFFFFF; height: 27px; width: 300px; vertical-align:middle; padding-left: 7px; padding-right: 7px}

.SearchField {border: 1px solid #000000; padding-left: 6px; height: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; width: 200px; background-color: #F2F2F2}

.SearchBtn {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}




/* GLOBAL STUFF */

.Content {width: 1000px; border-left:1px solid #000000; border-right: 1px solid #000000; background-color:#FFFFFF; line-height: 19px; padding-left: 15px; padding-right: 15px;  vertical-align:top; background-image:url(../images/PageBG.jpg); background-repeat:repeat-x}

.LeftColunn {width: 175px; vertical-align:top; padding-right: 10px; border-right: 1px solid #666666; padding-top: 10px; padding-bottom: 15px;}

.MiddleColumn {width: 513px; vertical-align:top; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;}

.RightColumn { padding-left: 10px; vertical-align:top; border-left: 1px solid #666666; padding-top: 13px; padding-bottom: 15px;}

.ClipBorder { border: 1px solid #4084B4;}

.UCTVShowsTitle {font-size: 12px; line-height: 15px; padding-left: 10px; vertical-align:top;}

.ChannelsTitle {line-height: 30px; font-size: 18px; font-weight:bold;white-space:nowrap;}
.ChannelsList {line-height: 19px; padding-bottom:10px;}


.PageTitles {font-size: 16px; font-weight:bold;}


/* FONTS */

.SmallText {font-size: 11px; }
.SmallTextGrey {font-size: 11px; color:#666666;}
.VeryLargeText {font-size: 18px; color:#000000; font-weight:bold;}
.LargeText {font-size:15px; color:#000000; font-weight:bold;}

/* Home Stuff */

.ClipWeekHeaderON {background-color:#000000; height: 33px; padding-left: 15px; vertical-align:middle; width: 195px; font-size: 15px; font-weight:bold}

.ClipWeekHeaderOFF { height: 33px; padding-left: 15px; vertical-align:middle; width: 195px; font-size: 15px; font-weight:bold}

.MostRecentON { background-color:#000000; height: 33px; padding-left: 15px; vertical-align:middle; font-size: 15px; font-weight:bold}

.MostRecentOFF {  height: 33px; padding-left: 15px; vertical-align:middle; font-size: 15px; font-weight:bold}

.HomePlayBG {background-color: #666666; background-image:url(../images/HomeBoxBG.jpg); background-repeat:repeat-x;}

.HomePlayTable {padding: 10px; width: 100%; height: 140px; vertical-align:top; color: #F2F2F2; font-size: 12px; line-height: 16px}

.HomeSlider {height: 80px; width: 100%; vertical-align:middle}
 
.HomeSlideLeft {text-align:left; font-size: 20px; padding-left: 10px; vertical-align:middle; font-weight:bold  }

.HomeSlideRight {text-align:right; font-size: 20px; padding-right: 10px; vertical-align:middle; font-weight:bold}

.ShareVideoFields {border: 1px solid  #999999; width: 255px; height: 15px; padding-left: 3px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size: 10px; background-color: #F2F2F2; vertical-align:middle}

.HomeVideoDescriptions { font-size:12px; line-height: 16px; padding-left: 15px; padding-right: 10px; padding-bottom:5px; vertical-align:top;}
.HomveVideoTitle {font-size: 13px;}

.HomeVideoType {height: 22px; font-weight:bold; font-size: 13px; vertical-align:middle; border-bottom: 1px solid #CCCCCC; width: 100%}

.HomeVideoTitle {height: 30px; font-weight:bold; font-size: 12px; vertical-align:bottom; padding-bottom: 4px}

.HomeBGCorners {background-color:#666666; width:100%; height:10px; vertical-align:bottom}


/* MY UCTV - HOMEPAGE  */

.MyTVFrame {width: 100%; background-image:url(../images/MyTV-Slice.jpg); background-repeat:repeat-x; color:#FFFFFF;background-color:#5F5F60}
.MyTVHeader {font-size: 14px; font-weight:bold; padding-left: 4px; vertical-align:top; padding-top: 8px; padding-bottom: 6px}
.MyTVTitles {font-size:11px; padding-right: 5px;}
.MyTV_View {font-weight:bold; font-size: 11px; text-align:right; padding-right: 10px; font-style:italic;}


.MyTVFields { width: 81px; border: 1px solid #000000; background-color:#FFFFFF; padding-left: 3px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; height: 15px;}

.MyTVLoginFrame {padding-left: 5px; padding-right:5px; color:#FFFFFF}

.dottedBottom{vertical-align:top;padding-bottom:10px;}



/* Video Details  */

.VideoDetailsBold {font-weight:bold; vertical-align:top; font-size: 11px; padding-right: 7px}
.VideoDetails {vertical-align:top; font-size: 11px; line-height: 15px; padding-right: 5px;}
.VideoDescriptions {vertical-align:top; font-size: 12px; line-height: 17px; padding-right: 7px; width: 100%; padding-bottom:8px}


.VideoPlayTitle {height: 30px; padding-left: 10px; color: #33CCFF; font-size: 13px; font-weight: bold; text-align:left }

.VideoPlayTable  {background-color:#000000; width: 90%; height: 310px; color:#F2F2F2}

.CommentField {border: 1px solid #999999; background-color: #F2F2F2; padding-left: 3px; font-size: 12px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top: 3px; width: 100%; height: 50px}

.Comments {vertical-align:top; padding-left: 7px; font-size: 10px; height: 150px; overflow:auto; border: 1px solid #CCCCCC; line-height: 15px}


.PhotoAlbumDiv {height: 30px; text-align:center; vertical-align:top; padding-top: 8px;}

/* VIDEO LIST */

.VideoListTable { border: 1px solid #F2F2F2; padding: 8px; width: 100%}
.VidListThumbCol {padding-bottom: 8px; border-bottom: 1px solid #CCCCCC; padding-top: 5px}
.VideoListDescriptions { padding-left: 8px; padding-bottom: 8px; padding-top: 5px; border-bottom: 1px solid #CCCCCC; vertical-align:top; font-size: 11px; line-height: 16px}
.VidListDescriptTitle {font-size: 14px; font-weight:bold;}
.UserVideoListTitle {font-size: 11px; font-weight:normal; padding-right: 15px}
.UserVideoStatus {vertical-align:top; text-align:center; font-size: 12px}





/* LOGIN & REGISTER */

.Sections {border: 1px solid #E7E7E7; padding: 5px; width: 400px; vertical-align:top;}
.RegNames {font-weight:bold; font-size: 11px; padding-right: 12px; vertical-align:top; text-align:right;  width: 175px; line-height: 22px}
.RegDrops { border: 1px solid #999999 ;background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding-left: 2px; }

.RegFields { border: 1px solid #999999; background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; width: 150px; height: 14px}
.RegBase{ border: 1px solid #999999; background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; }
.RegFieldShort { border: 1px solid #999999;background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; width: 100px}
.RegCheckNames {font-weight:bold; font-size: 11px; padding-right: 12px;  vertical-align:top; }


.LoginFields {border: 1px solid #999999;background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; width: 150px}



/* UPLOAD */


.UploadNames {font-weight:bold; font-size: 11px; padding-right: 12px; vertical-align:top; text-align:right;  width: 160px; line-height: 22px}
.UploadDrops { border: 1px solid #999999 ;background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; }

.UploadFields { border: 1px solid #999999;background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; width: 150px}

.UploadDescription { border: 1px solid #999999;background-color: #F2F2F2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; padding-left: 2px; width: 220px; height: 60px}

/* Buttons */

.BtnBG {background-color: #F2F2F2; padding: 20px; border: 1px solid #E7E7E7; height: 50px; width: 100%; font-size: 11px; vertical-align:middle; text-align:center}


.BtnLarge { font-size: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.BtnVeryLarge { font-size: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}


/* FOOTER */


.FooterBG {background-color:#222222; background-image:url(../images/FooterBG.jpg); width: 1000px; border-left: 1px solid #000000; border-right: 1px solid #000000; background-repeat:repeat-x; height: 150px; color:#F2F2F2; font-size: 11px; line-height: 16px; vertical-align:top; padding-top: 30px; padding-left: 10px; padding-right: 5px; padding-bottom:15px; }

.FooterContent { background-color: #6C6B6D; width: 725px; height: 50px; padding: 5px; color:#FFFFFF}


/* BORDERS &  PADDING */

.DottedBorder { border-bottom: 1px dotted #666666;}

.GreyBorder {border-top: 1px solid #CCCCCC;}

.PaddingLeft {vertical-align:top; padding-left: 15px; }

/* MOST WINNERS */

.MostFrame {border: 1px solid #CCCCCC; width: 100%;}

.MostHeader {background-color: #F2F2F2;  padding-left: 10px; font-size: 16px; font-weight:bold; text-align:center; height: 30px; vertical-align: middle;}

.MostDate {padding-left: 10px; padding-right: 5px; vertical-align:middle; font-size: 13px; font-weight:bold;  border-right: 1px solid #F2F2F2}

.MostTitle {padding-left: 10px; background-color: #F2F2F2; border-bottom: 1px solid #666666; height: 18px; vertical-align:middle; font-weight:bold;}

.MostEntry2 { padding-left: 10px; padding-right: 5px; vertical-align:top; font-size: 11px; line-height: 15px; height: 40px}

.MostEntry { padding-left: 20px; padding-right: 5px; vertical-align:top; padding-top: 3px; font-size: 12px; border-right: 1px solid #F2F2F2; font-style:italic}




/* LINKS */

A { color:#4084B4; text-decoration: none; }

A:hover {  color: #333333; text-decoration: underline; }



a.NavLink:link	{  text-decoration: none; color:#333333}
a.NavLink:visited	{ text-decoration: none; color:#333333   }
a.NavLink:active	{  text-decoration: none; color:#333333   }
a.NavLink:hover	{ text-decoration: none; color: #FFFFFF}


a.FooterLink:link	{font-size:inherit;  text-decoration: none; color:#33CCFF }
a.FooterLink:visited	{ text-decoration: none; color:#33CCFF   }
a.FooterLink:active	{  text-decoration: none; color:#33CCFF   }
a.FooterLink:hover	{ text-decoration: none; color: #FFFFFF}

a.BrightLink:link	{  text-decoration: none; color:#4084B4 }
a.BrightLink:visited	{ text-decoration: none; color:#4084B4   }
a.BrightLink:active	{  text-decoration: none; color:#4084B4   }
a.BrightLink:hover	{ text-decoration: none; color: #FFFFFF}

a.SlideLink:link	{  text-decoration: none; color:#FFFFFF }
a.SlideLink:visited	{ text-decoration: none; color:#FFFFFF   }
a.SlideLink:active	{  text-decoration: none; color:#FFFFFF   }
a.SlideLink:hover	{ text-decoration: none; color: #4084B4}


a.MyTVLink:link	{  text-decoration: none; color:#56B6F9 }
a.MyTVLink:visited	{ text-decoration: none; color:#56B6F9   }
a.MyTVLink:active	{  text-decoration: none; color:#56B6F9   }
a.MyTVLink:hover	{ text-decoration: underline; color: #FFFFFF}

a.ActiveSort:link    {font-size:inherit; text-decoration: none; color:#4084B4; background-color: #CCCCCC } 
a.ActiveSort:visited    { text-decoration: none; color:#4084B4; background-color: #CCCCCC   } 
a.ActiveSort:active    {  text-decoration: none; color:#4084B4   } 
a.ActiveSort:hover    { text-decoration: underline; color: #333333}

.channelHighlight	{background-color:#cccccc;}
.channel			{padding:2px;}

table{font-size:1em;}

/* OTHER */
.error {color:red}

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../images/star_rating.gif) top left repeat-x;
}

.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}

.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(../images/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}