#kyteContainer {position: relative; height: 380px; width: 960;}

/*This is the main background color for the middle section*/
#channelSpecificContent { position: absolute; top: 120px; left: 0px; height: 700px; background-color: #edf1fa;/*background: url('contentBg2.png') no-repeat;*/  width: 860px; color: #333333; }


/*title of the page that you are on and desription, both have color values*/
#pageTitle { position: absolute; height: auto; width: auto; top: 17px; left: 49px; font-size: 15px;  font-weight: bold;  }
#pageDesc { position: absolute; height: auto; width: 700px; top: 37px; left: 49px; font-size: 11px; font-weight: normal;  }


/*player and embed code field*/
#player { position: absolute; height: auto; width: auto; top: 60px; left: 50px;   }
#embedCode { position: absolute; height: auto; width: auto; top: 500px; left: 50px;   }


/*The Show data that appears underneith the player - the color values are within the actual elements below*/
#showData { position: absolute; height: 50px; width: 416px; top: 300px; left: 50px; color: #FFFFFF; }
	/* color elements for the show date are below*/
	#sharevideo { position: absolute; height: auto; width: 100px;  right: 28px; }
	#sdRating { position: absolute; height: auto; width: auto; top: 40px; left: 0px; }
	#sdTime { position: absolute; height: auto; width: auto; top: 15px; left: 0px; }
	#sdViews { position: absolute; height: auto; width: auto; top: 30px; left: 0px; font-weight: bold; }
	#sdDesc { position: absolute; height: auto; width: auto; top: 55px; left: 0px; }
	#sdTitle { position: absolute; height: auto; width: auto; top: 0px; left: 0px;  font-size: 12px; color: #FFFFFF; font-weight: bold; }
	#sdDesc table { padding: 0px; margin: 0px; border-collapse: collapse; }
	#sdFunctions { position: absolute; height: auto; width: auto; top: 5px; right: 0px; font-size: 11px; font-weight: bold; }


/*the show browser stuff, the back-ground color is defined here, under showThumbTable*/
#showThumbsFrame { position: absolute; height: 260px; width: 455px; right: 0px; top: 20px; }
#showThumbTable {  position: absolute; left: 2px; overflow: auto; height: 260px; width: 100%; background-color: #ecf2f7; scrollbar-base-color: #D2E89E;}




	/*Paging controls, only color is the deactivated color*/
	#pager { color:#FFFFFF; position: absolute; height: auto; width: 327px; right: 0px; top: 270px; font-weight: bold; font-size:11px; }
		.pagerTable { width: 100%; font-weight: bold; font-size:9px;}
		.pagerTable td { width: 33%; font-size:9px; }
		.pagingControl a { color: #FFFFFF; font-weight: bold; font-size:9px; }
		.pagingControl a:hover { color: #6598B8; font-weight: bold; font-size:9px; }
		.pagingControl { width: 100%; padding: 5px 0px; font-size:9px;}
		.pagingControl span { padding: 2px; font-size:9px;}
		.pagingTacble { width: 100%; font-size:9px;}
		.pagingTable .totalCell { text-align: left; width: auto; font-size:9px;}
		.pagingTable .pagingCell { text-align: right; width: auto; font-size:9px;}
		.currentPage {font-size:10px; color: #6598B8; }
	.deact { color: gray; font-size:10px; }
	
	
	/*main filter buttons for Show browser sort modes*/
	#filters { height: 30px;}
	
	

/*the Sort modes, Produce button, and Share video colors*/
.buttonCell {width: 130px; background-color: #677681; font-weight: bold;}
.buttonCell a {color: #FFFFFF;}
/*.buttonCell a:hover {color: white}*/
.buttonTable {padding: 0px 0px 7px 0px; font-weight: bold;}
.buttonTableText a {color: #999999;}
.buttonTableText a:hover {color: #222222;} 

.buttonCellShow {width: 130px; background-color: #92a4b2; font-weight: bold;}
.buttonCellShow a {color: #eeeeee;}
.buttonCellShow a:hover {color: white;}



/*Search form Styling*/
.search { padding: 0px 0px 0px 0px; font-weight: bold; font-size: 10px;}
.goButton { background-color: #677681; color: white; border: 0px; font-weight: bold;}
.styledTF { background-color: #ffffff; color: #000000; border: solid 1px #999999; }


/*All the show browsing positioning/styling, colors for this are in the scripts.js*/	
#showList { position: fixed; }
	.showCell { position: absolute; left: 0px; height: 96px; width: 435px;}
	.showCell .show { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
	.showCell .play { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
	.showCell .show .metaData { position: absolute; top: 4px; left: 130px; height: auto; width: auto; }
	.showCell .show .metaData a { color: #666666; font-weight: bold; }
	.showCell .show .metaData a:hover { color: #333333; font-weight: bold;}
	.showCell .show .thumb { position: absolute; top: 4p;}
	.showCell .show .thumb { position: absolute; top: 4px; left: 4px; height: auto; width: auto; }