html { height: 100% }

body {
	font-family: Verdana, Latha, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	color: #000;
	margin: 0;
    	padding: 0;
}
	
a:link, a:visited, a:active { color: #03C;
	text-decoration:none; }

img { border: none; }
	
form { margin: 0px; padding: 0px; }

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #000;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 0px;
	}

h1 { 
	font-size: 19px; 
	}
	
h2 { 
	font-size: 16px; 
	}
	
h3 { 
	font-size: 14px; 
	}

h4 { 
	font-size: 12px; 
	}

h5 { 
	font-size: 10px; 
	}

h6 { 
	font-size: 10px; 
	}
	
hr {
	border: 0px; 
	margin-top: 12px;
	border-top: 1px dashed #999;
	height: 1px;
	}







#baseDiv {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}

#masthead {
	width: 800px;
	height: 155px;
	margin: 15px auto;
}

#masthead .logo {
	width: 350px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}


#masthead .logo img {
    	width: 350px;
	height: 50px;
	background: white url(../images/logo.jpg) no-repeat scroll 0px 0px;
}

#masthead .nav {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width: 460px;
	height: 28px;
	list-style-type: none;
}

#masthead .nav-item {
	display: block;
	float: left;
	z-index: 1;

	background-color:#E6E6E6;
	margin-right: 1px;
}

#masthead .nav-item.selected {

	background-color:#CCCCCC;
}


#masthead .nav-item .content {
	width: 114px;
	height: 22px;
	text-align: center;
	display: block;
	float: left;
	padding: 6px 0 0 0;
    	color: #039;
	font-family: Verdana, Latha, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
}

#masthead .nav-item.selected .content {
	color: #333;
}





#masthead .bar {
	width: 800px;
	height: 77px;
	border: none;
	padding: 0;
	background-color:#CCCCCC;

}

#masthead .bar .search-bar {
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	width: 520px;
	height: 28px;

}

#masthead .bar .google_search-bar {
	margin-left:140px;
	margin-right:auto;
	padding-top:15px;
	width: 600px;
	height: 28px;

}

#masthead .bar .select {
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	width: 800px;
	list-style-type: none;
	text-align: center;

}

#masthead .bar .select .select-item {
	display: block;
	float: left;
	z-index: 1;
	margin-right: 1px;
	width: 800px;

}






/* hpMainContent */

#hpMainContent {
	float: left;
	width: 620px;
	}

#hpVideoList{ 
	margin-left: 0px; 
	}

.vEntry {
	padding: 10px 0px;
	border-bottom: 1px dotted #999;
	}

.QLContainer {
	position: relative;
	z-index: 0;
}

.videoIconWrapperOuter {
	width: 122px;
	border: 1px solid #999;
}

.videoIconWrapperInner {
	overflow: hidden;
	width: 120px;
	height: 72px;
	border: 1px solid #fff;
}

.videoIconWrapperInner img {
	margin-top: -10px;
}

.vimg120 {
	width: 120px;
	height: 90px;
	}

.vtitle { 
	font-weight: bold; 
	font-size: 12px; 
	}

.vtitlelink {
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	}

a.vtitlelink:hover {
	text-decoration: underline;
	}

.vdesc { 
	margin: 3px 0px; 
	font-size: 12px; 
	}

.vInfo {
	padding-left: 20px;
	font-size: 11px; 
	padding-top: 1px; 
	line-height: 1.4em;
	}

.smgrayText { 
	font-size: 11px; 
	color: #666; 
	}

.runtime { 
	color: #000; 
	font-weight: bold; 
	font-size: 11px; 
	}








/* hpSideContent */

#hpSideContent {
	float: right;
	width: 160px;
	}

.hpContentBlock { 
	margin: 5px 0px; 
	}

.contentBox {
	padding: 6px; 
	border: 1px solid #CCC;
	}

.title { 
	font-weight: bold; 
	font-size: 12px; 
	}

a.title:link {font-family: Verdana, Latha, Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:active {font-family: Verdana, Latha, Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:visited {font-family: Verdana, Latha, Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:hover {font-family: Verdana, Latha, Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bolder;}

.smallText { 
	font-size: 11px; 
	}

#channelBrandDiv { 
	padding: 4px 14px 4px 14px; 
	margin: 0px 0px 5px 0px; 
	background-color: #fff; 
	border: 1px solid #ccc; 
	}






/* searchFooterBox for pages with nummber */

.searchFooterBox div {
	clear: both;
	text-align: center;
	font-size: 16px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.searchFooterBox div span.smallLabel {
	font-size: 14px;
}

.pagingDiv {
	background: #CCC;
	padding: 4px;
	font-weight: bold;
	text-align: right;
	}

.smallLabel { 
	font-size: 11px; 
	font-weight: bold; 
	color: #333; 
	}








/* Show Video */

/* Left Side */

.floatR { 
	float: right; 
	}

#vidTitle { 
	font-size: 18px; 
	font-weight: bold; 
	margin: 10px 0px 5px 0px; 
	}



#thisVidCell { 
	padding-right: 40px; 
	}

#thisVidDiv { 
	width: 600px; 
	}







#ratingAndStatsDiv .rating {
	height: auto;
	vertical-align: text-bottom;
}
#ratingAndStatsDiv .statLabel {
	margin: 0px 4px 0px 0px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
#ratingAndStatsDiv .viewCount{
	margin: 0px 0px 0px 0px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#ratingAndStatsDiv #viewsDiv {
	float: right;
	margin-top: 2px;
	padding-top: 3px;
	padding-right: 80px;
}

#ratingAndStatsDiv .statsLabel { 
	color: #333; 
	font-weight: bold; 
	}



.floatL { 
	float: left; 
	}


.clearL { 
	clear: left; 
	}

.spacer { 
	clear: both; 
	height: 1px; 
	font-size: 1px; 
	}







.wsWrapper { 
	margin-bottom: 10px; 
	}

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

.marT5 { 
	margin-top: 5px;
	}




#commentPostDiv {
	margin-top:12px;
	}








/* Show Video */

/* Right Side */

#otherVidsCell { }

#otherVidsDiv { 
	width: 160px; 
	}

.alignC { 
	text-align: center; 
	}

#channelVidsDiv { 
	background: #EEE; 
	border: 1px solid #CCC; 
	}

#channelVidsTop { 
	padding: 4px 7px 3px 7px; 
	}

.normalLabel { 
	font-size: 12px; 
	font-weight: bold; 
	color: #333; 
	}

#videoDetailsDiv {
	margin-top: 3px;
	border-top: 1px dotted #CCC;
	padding: 7px 7px;
	}

#urlDiv {
	border-top: 1px solid #CCC;
	padding: 5px 0 0 0;
	margin-top: 5px;
	font-size: 11px; 
}

.urlField { 
	width: 250px; 
	font-size: 10px; 
	}

.embedField { 
	width: 250px; 
	font-size: 10px; 
	}

.wsBody { 
	border: 1px solid #CCC; 
	margin-top: 5px; 
	margin-bottom:20px;
	}

.expand-panel .expand-content {
	display: none;
	}

.expand-panel.expanded .expand-content {
	display: block;
	}

.expand-panel .collapse-content {
	display: block;
	}

.expand-panel .expand-header {
	font-size: 16px;
	font-weight: bold;
	}

#relatedVidsBody { 
	padding-left: 7px; 
	}

.relatedListView .relatedBox, .relatedGridView .relatedBox {
	padding-top:7px;
	overflow:auto;
	}

.v90WideEntry {
	font-size: 11px; 
	line-height: 14px; 
	text-align: center;
	width: 92px;
	}

.v90WrapperOuter {
	width: 92px;
	border: 1px solid #999;
	}

.v90WrapperInner {
	overflow: hidden;
	width: 90px;
	height: 54px;
	border: 1px solid #fff;
	}

.v90WrapperInner img {
	margin-top: -10px;
	}

.vimg90 {
	width: 90px;
	height: 70px;
	border: 1px solid #999;
	}

.relatedDivider {
	clear:both; 
	margin-bottom:3px; 
	margin-right:7px; 
	padding-bottom:3px; 
	border-bottom: 1px dotted #CCC
	}

.relatedListView .relatedThumb {
  float:left;
	}

.relatedListView .relatedFacets {
	margin-left:100px;
	margin-right: 5px;
	}

.relatedListView .relatedListFacet, .relatedListView .relatedDivider {
	display: block;
	}

.relatedListView .relatedListFacetAlt {
	display: inline;
	}

.relatedListView {
	padding-top: 0px;
	}








/* Footer Elements */

#footer {
	clear: both;
	width: 800px;
	margin-top: 15px;
	font-size: 11px;
	line-height: 13px;
	background: #eee;
	border-top: 1px solid #ccc;
}

#footer .links {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}








#navbar {
	clear: both;
	text-align: center;
	font-size: 16px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: -10px solid #ccc;
	}
	
#navbar img{
	visibility:hidden;
	width:0px;
	height:0px;
	}

#navbar span {
	font-size: 16px;
	font-weight: bold;
}

#navbar td {
	padding-left:10px;
}

#navbar .b{
	padding-top:18px;
	padding-left:30px;
	padding-right:20px;
}


.show_image {
	text-align:center;
}

.show_image img {
	text-align:center;
}






#content {
	width: 800px;
	height:200px;
	margin-left: auto;
	margin-right: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:50px;
	font-size:12px;
	text-align:center;
	
	}