/********* Videofront General CSS *********/

#content h3, h1 {
    text-align: left;
}

body#videofront {
    background-color:#000000;
    background-image: none;
    font-family:helvetica,sans-serif,arial;
	font-size:12px;
}
body#videofront h1,
body#videofront h2,
body#videofront h3,
body#videofront h4,
body#videofront h5,
body#videofront h1 a,
body#videofront h2 a,
body#videofront h3 a,
body#videofront h4 a,
body#videofront h5 a,
body#videofront input, 
body#videofront select, 
body#videofront table {
    font-family:helvetica,sans-serif,arial;
}
body#videofront a{
    cursor:pointer;
    color:#FFFFFF;
	font-weight:100;
}
body#videofront div#header {
	background:transparent;
	background-image: none;
	height:90px;
	position:relative;
}
body#videofront div#header table {
	height: 90px;
	width: 100%;
}
body#videofront div#header td.left {
	width: 20%;
	padding-right: 8px;
}
body#videofront div#header td.right {
	width: 80%;
}

/********* Classified Bar ********/
body#videofront div#classified-bar, 
body#videofront div#classBarNav, 
body#videofront div#classBarNav ul.classBarNavLink a, 
body#videofront div#classified-bar a,
body#videofront div#classBarNav ul.classBarNavMember  
{	
	background-color:#000000;
	background-image: none;
	color:#FFFFFF;
	font-weight:bold;
	line-height:20px;
	margin:0px;
	padding: 0px;
}
body#videofront div#classified-bar {
	height:25px;
	padding-top:5px;
}
body#videofront div#classBarNav ul.classBarNavMember,
div#classBarNav ul.classBarNavLink li {
	border: 0px;
}
/********* Classified Bar ********/
body#videofront	div#logo {
	top:auto;
	position:relative;
	bottom:auto;
	left:auto;
	float:none;
	margin:0 10px 10px 10px;
} 

body#videofront	#sectionBreadcrumb {
    border-left:1px solid #999999;
	bottom:auto;
	color:#fff;
	font-size:30px;
	font-weight:100;
	left:auto;
	line-height:40px;
	padding:4px 0 0 8px;
	text-transform:inherit;
	top: auto;
	position: relative;
}


body#videofront div#container{
    background-color:#000000;
    background:#000000 url(/hive/images/tivid/videofront-back-fade.jpg) repeat-y scroll 0 0;
}
/******* Hide search box ******
body#videofront div#navigation div#search {
	display: none;
	
}
*/
.result-row {
    width: 100%;
    clear:both;
}
	
div#top-content {
	width:980px;
	float:left;
	text-align:left;
	background-color: #1f2027;
}

#top-content div#videofront-rail {
	float:right;
	position:relative;
	width:336px;
	padding:10px 5px;
	*padding:10px 0px;
}

#top-content div#videofront-rail table.cubeAd {
	border:0px;
	background-color:#3B3C42;
}
#top-content div#videofront-rail #companion_Ad{
	padding: 0px; 
}

body#videofront #info-container{
    padding: 15px 0 10px 0;
    clear:both;
}
body#videofront #info-container #video-info{
    float:left;
    padding: 5px 0 5px 10px;
    text-align: left;
}
body#videofront #info-container #video-info #video-title h1,
body#videofront #info-container #video-info #video-title h2{
    padding: 0;
    margin: 0; 
    color: #ffffff;
    font-size: 28px;
    font-weight:100;
}	
	
/* Summary / Captioning Tab  */

.current-tab {
	
	z-index: 999;
}

#top-content #video-tab-container {
	clear:left;
	margin:0 10px 10px 5px;
	background-color: #000;
	width:498px;
	float:left;
	border:1px solid #203352;
}

#top-content #video-tab-container ul a{
	background-color: #000;

}
#top-content #video-data #summary-tab,
#top-content #video-data #caption-tab {
/*  for tabs
	border-left:1px solid #203352;
	border-right:1px solid #203352;
	border-top:1px solid #203352;
	*/
	background-color:#000000;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	padding:10px;
	position:relative;
	top:0;	
	text-decoration: none;
	margin-bottom: -1px;
	
	
}
#top-content #video-data li:hover,
#top-content #video-data li:hover {
	cursor: pointer;
}

#top-content #video-summary,
#top-content #video-caption {

   padding:10px 10px;
   color: #ffffff;
   font-size:14px;
   font-weight:100;
   clear: left;
   position: relative;
	/* border:1px solid #203352;       for tabs*/
	overflow: auto;
	height:125px;
	

}

#top-content #video-summary p,
#top-content #video-caption p{
   color: #ffffff;
   font-size:14px;
   font-weight:100;
}

/* End Summary / Captioning Tab  */

#top-content #video-data-category{
	float: left;
	color: #ffffff;
	font-size:12px;
	font-style:italic;
	width:118px;
}
#top-content #video-data-publish{
	float: left;
	color: #ffffff;
	font-size:12px;
	font-style:italic;
	width:118px;
}

#top-content #flash-container {
    float:left;
    width: 620px;
    height: 360px;
    padding:10px 5px;
    *padding:10px 0px;
	    text-align: right;
	}

	#videofront-player {

		text-align: right;
		float: right;
	}
#top-content #flash-container.livestream{
    height: 390px;
}

div#bottom-content {
	width:980px;
	float:left;
	margin: 10px 0;
	padding-top: 10px;
	background-color:#000000;
}


div#bottom-content #page-count{
   clear: both;
   color: #fff;
   padding:20px 0 20px 10px;
   text-align:center;
   width:300px;
   margin: 0 auto;
}

#bottom-content div#more-video {

	float:left;
	height:100%;
	padding:0px 0px 10px 5px;
	width:183px;
	margin-right:34px;
	position:relative;
	right:-6px;
	z-index: 99;
}
/*  changed         */
#bottom-content div#more-header {
	font-size:16px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	border-top: 1px solid #203352;
	border-bottom: 1px solid #203352;
	border-left: 1px solid #203352;
	margin-bottom: 12px;
	z-index:9999;
	background-color:#000;
	margin-left:-29px;
	position: relative;
	right:-29px;
	
}
/*  changed         */
#bottom-content div#category {
    border: 1px solid #203352;
    float: left;
    padding:20px 0px 3px 0px;
    margin-bottom:10px;
    position:relative;


}
/*  changed         */
#bottom-content div#category-list{
border: 1px solid #203352;
  width:171px;
padding-top:10px;

 
}

#bottom-content div#category-list div {

}

#bottom-content div#category-list a:hover {
  background:url(/hive/images/tivid/rollover_bottom.png) no-repeat scroll center bottom;
  *background:url(/hive/images/tivid/rollover_bottom.gif) no-repeat scroll center bottom;
  cursor: pointer;
}

#bottom-content div#category-list a.current {
  background:url(/hive/images/tivid/rollover_bottom.png) no-repeat scroll center bottom;
  *background:url(/hive/images/tivid/rollover_bottom.gif) no-repeat scroll center bottom;
  cursor: pointer;
}
/*  change */
#bottom-content .category-title a:hover div.gradient{
	background:url(/hive/images/tivid/rollover_gradient.png) repeat-x scroll center bottom;
	background-color: #24395b;
}

#bottom-content .category-title a div.gradient.current{
	background:url(/hive/images/tivid/rollover_gradient.png) repeat-x scroll center bottom;
	background-color: #24395b;
}


#bottom-content .category-title a{
	cursor:pointer;
	display:block;
	font-size:14px;
	font-weight:100;
	left:-6px;
	padding-bottom:12px;
	position:relative;
	width:183px;
	color: #fff;
	text-decoration: none;
}

#bottom-content .category-title a div.gradient{
	padding:4px 15px;
}

#bottom-content	#category-result li a.video-thumbnail {
    display: block;
    text-decoration: none;
    /*position: absolute;*/
	right: 0px;
	top:0px;
    width: 220px;
    height: 108px;
}

.horizontal_carousel ul li {
	
	position:relative;
}


.firstload {
	_right:65px;
	position: absolute;
/*	top: 85px;
	right: 79px;
	color:#fff; */
	
}

.horizontal_carousel .video-title  {
	overflow:hidden;
}

#playlist .video-more-detail {
	bottom: 0px;
	*bottom: 0px;
	
}

/*
#bottom-content	#category-result li a:hover div.result-item{
    background-color: #2e2f39;
}*/




#bottom-content	#category-result li a:hover {
    background-color: #2e2f39;
}


/******* NAV *******/
body#videofront div#navigation {
	border-color:#FFFFFF;
	margin-bottom:29px;
	margin-top:0;
}
body#videofront ul#root {
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}
body#videofront ul#root li ul.level2 {
	background-color:#79797C;
	background-image: none;
}
body#videofront div#navigation div#layerOne {
	background-color: #3b3c42;
    background-image: none;
	padding-top: 5px;
	display:inline-block;
	height:32px;
	margin-top:0;
	padding-top:5px;
	width:100%;
}

body#videofront ul#root li a.mainNav {
    color:#fff	;
	font-size:15px;
	font-weight:bold;
	margin-left:0;
	text-transform:none;	
	font-family:helvetica,sans-serif,arial;
}
body#videofront ul#root li.navLink a {
	padding:0 7px;
}
body#videofront ul#root li.navLink {
	padding:0;
}
body#videofront ul#root li a.mainNav span {
	display:block;
	padding:6px 10px 10px 0;
	line-height:normal;
}
body#videofront div#branding,
body#videofront ul#root li.highlight, 
body#videofront ul#root li:hover,
body#videofront #root li.first,
body#videofront div#navigation  {
	background-image: none;
	
}
body#videofront ul#root li ul.level2 {
	margin: 0px;
	overflow:hidden;
	height:25px;
	padding-top:4px;
	top:32px;	
}

body#videofront ul#root li.highlight a.mainNav span {
	background-color:#79797C;
	background-image: none;
	color:#FFFFFF;
}
body#videofront ul#root li.highlight a{
    background-color:#79797C;
	background-image: none;
}
body#videofront ul#root li.highlight ul.level2 li a, 
body#videofront ul#root li ul.level2 li a  {
    background-color:#79797C;
	background-image: none;
	color: #fff;
	font-size:12px;
	padding:0 4px;
	line-height:20px;
}
/******* End NAV *******/

/******* Footer *******/
body#videofront div#footer,
body#videofront div#footerContainer,
body#videofront div#footerlogo, div#footertext,
div#footer div#siteOverview {
	background-image: none;
	background-color: #000;
}
body#videofront div#footer div#footertext {
	float: right;
}
body#videofront div#footer div#siteOverview .siteOverview-main {
	border: 0px;
}

body#videofront div#footer div#siteOverview .siteOverview-links a.mainOverviewLink, 
body#videofront div#footer div#siteOverview .siteOverview-main a.mainNav,
body#videofront div#footer div#siteOverview .siteOverview-links a,
body#videofront div#footerlogo, 
body#videofront div#footertext,
body#videofront div#footer div#footertext ul.links li a
 {
	color: #fff;
	
}
body#videofront div#footertext {
	font-size:11px;
	width:640px;
}
body#videofront div#footer
{
	width: 980px;
	display:inline-block;
}
body#videofront div#footer div#footerlogo {
	float: left;
}
body#videofront div#footerlogo, body#videofront div#footertext {
	padding:10px;
}
body#videofront div#footerContainer {
min-height:110px;
padding-right:0;
width:100%;
}
body#videofront div#footer div#siteOverview .siteOverview-links a.mainOverviewLink, 
body#videofront div#footer div#siteOverview .siteOverview-main a.mainNav {
font-size:20px;
}
/******* End Footer *******/
/* changed */
#horizontal_carousel0 .previous_button { 
	    left:-36px;
	}
#horizontal_carousel0 .next_button { 
		    right:-17px;
		}
#horizontal_carousel0 {
	right:-10px;
}

.horizontal_carousel {
	*width:720px;
	*float:none;
	
}

.horizontal_carousel .video-more {
*margin:7px 0 0 50px;
}

.playBtn {
	position: absolute; height: 25px; width: 25px; padding: 28px 150px 55px 45px;; display: inline; left: 0px; top: 0px;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
.playBtn:hover {
	  filter:alpha(opacity=100);
  /* CSS3 standard */
 	 opacity:1.0;
 }

/* playList  */

	#playlist {
		background-color: #000000;
		color: #fff;
		
	}
	#playlist #playlist-header{
		color:#FFFFFF;
		font-size:14px;
		padding: 10px;
		background: #000000 url(/hive/images/tivid/nextup_bg.jpg) repeat-y scroll 0 0;
	}
	#playlist li{
		padding-top: 5px;
		
	}
	#playlist-inner {
	    
	    padding: 10px;
	}
	#playlist .result-item {
	   height: 50px;
	   font-size: 12px;
	   overflow: hidden;
	   color:#ffffff;
	   margin-top:10px;
	   position: relative;
	}
	#playlist .video-thumb {
		float: left;
		padding-right:8px;
	}
	#playlist .video-title {
		float: left;
		text-align: left;
		height: 53px;
		width:200px;
	}

	#playlist div.video-title a{
		color: #ffffff;
		font-weight:100;
	}

	#playlist .video-more {
		float:left;
		margin:7px 0 0 100px;
		*margin: 0px;
		*bottom: 0px;
		*left: 100px;
		position: absolute;
		bottom: 5px;

	}
	#playlist .video-more-detail {
		font-size: 12px;
		text-align: left;
	}

	#playlist .cat-title-line {

		margin:9px 3px 0;
		z-index: 0px;

	}
	
	#playlist .playBtn {
		display:inline;
		height:25px;
		left:0;
		opacity:0.6;
		padding:11px 2px 3px 33px;
		position:absolute;
		top:0;
		width:25px;
	}
/* END playList  */
	
	.show {
		display:block;
	}
	
	.hide {
		display: none;
	}

/* video search  */

#searchBox1 {
	background-color:#FFFFFF;
	position:	relative;
	width:	130px;
	border: none;
}
#searchBox2 {
	background-color:#FFFFFF;
	position:	relative;
	width:	144px;
}
#searchText {
	padding: 3px 0px 2px 3px;
	*padding: 2px 0px 1px 3px;
}
/* singling out basic search styles so that advanced search isn't affected */
div#search form#searchBox input#searchText {
	border: 0px solid;
	height: 15px;
}
#video-search-result {
	border: 1px solid #203352;
	padding:10px 16px 3px 16px;
	margin-bottom:10px;
	float:left;
	position:relative;
	width:900px;
}

#search-box-holder #searchButton {
	background-color:#FFFFFF;
	height:20px;
	width:20px;
	cursor: pointer;
	background:#ffffff url(/hive/images/tivid/Search_carrot.png) no-repeat scroll 6px 5px;
	position:absolute;
	top:0px;
	right:0px;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

#search-video #searchButton {
	background-color:#FFFFFF;
	height:20px;
	width:20px;
	cursor: pointer;
	background:#ffffff url(/hive/images/tivid/Search_carrot.png) no-repeat scroll 6px 5px;
	position:absolute;
	top:0px;
	right:0px;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

#search-results-header{
	color:#FFFFFF;
}

#search-results-header #title,
#search-results-header #search-box-holder{
	float:left;
	clear:left;
}

#search-results-header #title{
	float:left;
	padding-bottom:10px;
	font-size:16px;
}

#search-results-header #back-link {
	text-align:right;
	font-size:16px;
}

#search-video-title {
	color:#FFFFFF;
	font-size:13px;
	padding-bottom: 5px;
}
#search-video{
	padding: 0px 0 20px 10px;
}

#video-search-result-data {
	float:left;
	position: relative;
	clear:both;
	padding-top:40px;
	margin-left:16px;
	_right:15px;
}

#horizontal_carousel1 #category-result li {
	margin-right: 30px;
	margin-left: 30px;
	_margin-right: 20px;
	_margin-left: 20px;
}

#video-search-result div#horizontal_carousel1 {
	margin-left: 5px;
}

#video-search-result div#horizontal_carousel1 div.container {
	margin: 0px 12px;
}

#video-search-result div#horizontal_carousel1,
#video-search-result div#horizontal_carousel1 div.container ,
#video-search-result #horizontal_carousel1 div#category-result  {
	width:844px;
}
#video-search-result div#horizontal_carousel1 {
 _right: 20px;
_width: 900px;

}
#video-search-result div#horizontal_carousel1 {
	overflow: visible;
}

#video-search-result #horizontal_carousel1 div.next_button {
	right:-32px;
	_right:-40px;
	z-index:100;
}

#video-search-result #horizontal_carousel1 div.previous_button {
	left:-18px;
	
}

#video-search-result #search-results-text {
	color:#FFFFFF;
	font-size:14px;
	margin: 10px 0px;
	
}

#search-page-count {
	
	clear:both;
	color:#FFFFFF;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:0;
	padding-top:20px;
	text-align:center;
	width:300px;
}

body#videofront div#layerOne div#search {
 display: none;
}

/* advanced search */
#container #hotTopic #basicsearch {top: 2px;}

/* end video search  */
