﻿/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font-family:arial, sans-serif;
	font-size:12px;
	background:#6db5d5;
	width:100%;
	text-align:center;
	background:#6db5d5;
}
td, a{
	color:#ffffff;	
}
:focus{
  outline:0;
}
body.home{
	background:#6db5d5 url('../images/bgspannershort.png') top repeat-x;
	text-align:left;
}
body.default{
	background:#6db5d5 url('../images/bgspannerlong.png') top repeat-x;
	text-align:left;
}
h3{
	font-size:2.1em;
	color:#effaff;
	margin:0px;
	padding:0px;
	font-weight:normal;
	letter-spacing:-.09em;
	text-transform:uppercase;
}
h3.tabLabel{
	font-size:13px !important;
}
.clear{
	clear:both;
}
.submitVideo{
	color:#fff;
	padding:5px 5px 5px 20px;
	margin:0px;
	background:#71b6e4;
	border:1px solid #85c6e9;	
}
.errorText{
	color:#ffffff;
	padding:4px;
	background-color:#ffffff;
}
div.home{
	width:100%;
	height:374px;
	background:url('../images/homebg.png') top center no-repeat;
}
div.default{
	width:100%;
	height:374px;
	background:url('../images/normalbg.png') top center no-repeat;
}
div.nineForty{
	width:940px; 
	margin:auto; 
	text-align:left;
}
div.eightForty{
	width:840px;
	margin:auto;
	text-align:left;
}
div.center{
	text-align:center;
}
div.topPanel{
	height:auto;
	min-height:475px;
	padding:10px 0 0 10px;
}

/* HEADER */
div#Header{
	background:url('../images/title.png') top left no-repeat;
	padding:40px 0 0 0;
	margin:0px;
	height:31px;
	text-align:right;
	color:#dcecff;
}
div#Header a{
	color:#ffffff;
}

/* SITE NAVIGATION */
div#Navigation{
	float:left;
}
div#Navigation ul{
	padding:20px 0 10px 0;
	margin:0px;
}
div#Navigation li{
	display:inline;
	list-style:none;
	background:url('../images/navBG_default.gif') left top no-repeat;
	margin-left:5px;
	padding:4px 0 4px 10px;
}
div#Navigation li.current{
	background:url('../images/navBG_current.gif') left top no-repeat;
}

div#Navigation a{
	color:#ffffff;
	text-decoration:none;
	padding:4px 15px 4px 4px;
	background:url('../images/navCap_default.gif') right top no-repeat;
}
div#Navigation li.current a{
	background:url('../images/navCap_current.gif') right top no-repeat;
}


/* SITE SEARCH */
div#Search{
	float:right;
	padding:0;
	margin:10px 0 0 0;
}
div#Search input.box{
	float:left;
	padding:7px 0 0 7px;
	margin:0 5px 0 0;
	border:none;
	font-size:15px;
	background:url('../images/searchBox.png') top left no-repeat;
	width:290px;
	height:32px;
	color:#074560;
}
div#Search input.button{
	float:left;
	padding:0;
	margin:0;
	border:0;
	width:71px;
	height:32px;
}

/* PAGE TITLE */
div#Title{
	padding:0 0 0 12px;
	margin-top:10px;
}
div#Title h1{
	margin:0;
	padding:0 0 0 0;
	color:#ffffff;
	font-size:22px;
	font-weight:normal;
}

/* VIDEO PLAYER SECTION */
div#Video{
	height:491px; 
	padding:10px 0 0 0;
	background:url('../images/videoDetailsBg.png') top right no-repeat;
}
div#Video p{
	display:block;
	width:100%;
	padding:0 0 8px 0;
	margin:8px 0 0 0;
	border-bottom:1px solid #c5c06d;
}
div#Video p.last{
	border:none;
}
div#Video h2{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0px;
}
div#Video a{
	color:#532e0a;
	
}
div#Video .left{
	padding:0 0 0 12px;
	float:left;
}
div#Video .player{
	width:640px; 
	height:385px; 
	border:2px solid #ffffff;	
}
div#Video .details{
	float:left;
	width:260px;
	padding:10px;
	color:#532e0a;
	max-height:350px;
	overflow:auto;
}

/* VIDEO GRID - FOR DATALISTS */
div#VideoGrid p{
	line-height:18px;
	margin:0px;
	padding:0;
}
div#VideoGrid .thumbnail{
	/*width:128px;
	height:96px;*/
	border:1px solid #ffffff;
}
div#VideoGrid .title{
	font-size:14px;
	font-weight:bold;
}
div#VideoGrid .left{
	overflow:auto;
	float:left;
	width:132px;
}
div#VideoGrid .right{
	overflow:auto;
	float:left;	
	padding:0 0 0 5px;
	width:300px;
}
div.reviewNav
{
	background:url(../images/shadowBoxTop.png) bottom left no-repeat;
	overflow:hidden;
	padding-left:15px;
	padding-bottom:14px;
	width:917px;
}
div.reviewNav a
{
	display:block;
	float:left;
	text-align:center;
	height:23px;
	padding-top:8px;
	margin-right:3px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
div.reviewNav a.selected
{
	background:#0f0;
}
a#ctl00_cphTop_lbReviewVideos
{
	background:url(../images/tab_review_queue.gif) top left no-repeat;
	width:137px;
}
a#ctl00_cphTop_lbReviewVideos.selected
{
	background:url(../images/tab_review_queue-selected.gif) top left no-repeat;
}

a#ctl00_cphTop_lbApprovedVideos
{
	background:url(../images/tab_approved_videos.gif) top left no-repeat;
	width:153px;
}
a#ctl00_cphTop_lbApprovedVideos.selected
{
	background:url(../images/tab_approved_videos-selected.gif) top left no-repeat;
}

a#ctl00_cphTop_lbBlockedVideos
{
	background:url(../images/tab_blocked_videos.gif) top left no-repeat;
	width:142px;
}
a#ctl00_cphTop_lbBlockedVideos.selected
{
	background:url(../images/tab_blocked_videos-selected.gif) top left no-repeat;
}

a#ctl00_cphTop_lbFlaggedVideos
{
	background:url(../images/tab_flagged_videos.gif) top left no-repeat;
	width:142px;
}
a#ctl00_cphTop_lbFlaggedVideos.selected
{
	background:url(../images/tab_flagged_videos-selected.gif) top left no-repeat;
}

.testing
{
	color:#0f0;
}

/* VIDEO LISTS */
div#VideoLists{
	background:url('../images/videoListsVrBg.png') center no-repeat;
	padding-top:20px;
}
div#VideoLists a{
	color:#ffffff;	
}
div#VideoLists p{
	line-height:18px;
	margin:0px;
	padding:0;
}
div#VideoLists .left{
	float:left;
	width:400px;
}
div#VideoLists .right{
	float:right;
	width:400px;
}
div#VideoLists .thumbnail{
	width:128px;
	height:96px;
	border:1px solid #ffffff;
}
div#VideoLists .title{
	font-size:14px;
	font-weight:bold;
}
div#VideoLists .altRow{
	background-color:#7bbedc;	
}


/* TAB BOX: CATEGORIES */
div#Categories{
	padding:0 0 15px 0;
	background:url('../images/tabBoxBody_Categories.png') bottom left no-repeat;
}
div#Categories .left{
	float:left;
	width:230px;
	padding-bottom:10px;
}
div#Categories a{
	color:#ffffff;
}
div#Categories a:hover{
	text-decoration:none;
}
div#Categories h3{
	display:block;
	margin:0px;
	padding:10px 10px 10px 15px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:url('../images/tabBoxTop_Categories.png') top left no-repeat;
}
div#Categories div.contents{
	margin:0px;
	padding:14px 0 0 0;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	clear:both;
}
div#Categories ul{
	list-style:url('../images/li.png');
	margin:0;
	font-size:16px;
	font-weight:bold;
	line-height:27px;
	
	display:inline;
}

/* TAB BOX SMALL: VIDEO PAGE */
div#RelatedVideos{
	padding:0 0 15px 0;
	background:url('../images/tabBoxBody_Small.png') bottom left no-repeat;
}
div#RelatedVideos h3{
	display:block;
	margin:0px;
	padding:10px 10px 10px 10px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:url('../images/tabBoxTop_Small.png') top left no-repeat;
	width:450px;
}
div#RelatedVideos div.contents{
	margin:0px;
	width:458px;
	padding:0 0 0 2px;
	color:#ffffff;
	clear:both;
}
div#RelatedVideos .title{
	padding-left:4px;	
}

/* TAG CLOUD */
div#Tags{
	background:url('../images/tagCloudBg.png') top center no-repeat;
	text-align:center;
	padding:100px 0 0 0;
	height:210px;
	line-height:2.7em;
}
div#Tags a{
	color:#25668b;
	padding:5px;
}
div#Tags a:hover{
	background:#6db5d5;
	color:#fff;
}

/* SHADOW BOX (USED BEHIND GRIDVIEWS OF VIDEOS - MOSTVIEWED, SEARCH, ETC) */
div#ShadowBox{
	background:url('../images/shadowboxBg.png') bottom left no-repeat;	
	color:#ffffff;
} 
div#ShadowBox .boxTop{
	display:block;
	width:932px;
	height:10px;
	background:url('../images/shadowBoxTop.png') top left no-repeat;
	
}
div#ShadowBox .boxContents{
	padding:12px 20px 20px 20px;
}
div#ShadowBox .searchTitle{
	color:#ffffff;
	padding:0 0 10px 0;
	border-bottom:1px solid #0d5a7a;
	font-weight:bold;
}

/* CHANNEL PAGE */
div.videoList
{
	background:#0d516e;
	color:#fff;
	border:1px solid #000;
	height:170px;
	overflow:auto;
	width:600px;
}
div.videoList.submitted
{
	padding:5px 5px 0 5px;
}
div.videoList.submitted p.added, div.videoList.submitted p.notAdded
{
	margin:0px;
	padding:0 0 5px 20px;
}
div.videoList.submitted p.added span, div.videoList.submitted p.notAdded span
{
	display:none;
}
div.videoList.submitted p.added
{
	background:url(../images/added_video_icon.png) top left no-repeat;
}
div.videoList.submitted p.notAdded
{
	background:url(../images/did_not_add_video_icon.png) top left no-repeat;
}
div.videoList.submitted p.notAdded em
{
	color:#86a8b7;
	font-style:normal;
}

/* MESSAGEBOX */
div.messageBox{
	padding:10px;	
	color:#ffffff;
	background-color:#000000;
	border:1px solid #dbdbdb;
}

/* FOOTER */
div#Footer{
	border-top:1px solid #98cee6;
	color:#e5f4fa;
}
div#Footer a{
	color:#e5f4fa;
	text-decoration:none;
}
div#Footer .left{
	padding:10px 0 0 0;
	float:left;
}
div#Footer .right{
	padding:10px 0 20px 0;
	float:right;
	text-align:right;
}

