/********* 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#utilitylinks-container {
	background-color:#000000;
}

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(/common/images/video/videofront-back-fade.jpg) repeat-y scroll 0 0;
    width:980px;
}
/******* 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;
	border-collapse:collapse;
	height:280px;
	margin-bottom:20px;
	padding:0;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:336px;
}
#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;
}	


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

#top-content #flash-container {
    float:left;
    width: 620px;
    height: 360px;
    padding:10px 5px 15px;
    *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;
	margin-right:34px;
	width:183px;
	position:relative;
	right:-6px;
	z-index: 99;
}
#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;
	
}

#bottom-content div#category {

    border: 1px solid #203352;
    float: left;
    padding:20px 0px 3px 0px;
    margin-bottom:10px;
    position:relative;

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

#bottom-content div#category-list div {

}

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

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

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

#bottom-content .category-title a div.gradient.current{
	background:url(/common/images/video/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;
	right: 0px;
	top:0px;
    width: 220px;
    height: 108px;
}
.horizontal_carousel ul li {
	
	position:relative;
}


.firstload {
	position: absolute;
	_right:65px;
/*	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 {
    background-color: #2e2f39;
}


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


/******* NAV *******/
body#videofront div#navigation {
	border-color:#FFFFFF;
	margin-top:0;
	background-color:#3B3C42;
}
body#videofront div#navigation div#links {
	width:960px;
	margin: 1px 0 0 10px;
}

body#videofront div#navigation.extendedsearch div#links-container, 
body#videofront div#navigation.extendedsearch div#links-container div#links {
	width:960px;
}

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;
	margin: -2px 0 0 0;
	padding-top:4px;
	top:32px;
	top:42px;
}

body#videofront div#navigation div#links ul.level2, 
body#videofront div#navigation div#links ul.level2 ul.level3 {
	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:-1px;
	padding-top:5px;
	width:100%;
}
body#videofront div#links ul li a {
	left:-10px;
	padding:14px 4px 13px;
	position:relative;
}

body#videofront ul#root li a.mainNav {
    color:#fff	;
	font-size:17px;
	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 div#navigation div#links ul.level1 li a {
	font-size:13px;
	
}
body#videofront div#navigation div#links ul.level2 li a,
body#videofront div#navigation div#links ul.level3 li a  {
	font-size:13px;
	font-weight:bold;
	
}

body#videofront ul#root li a.mainNav span {
	display:block;
	padding:6px 10px 10px 0;
	line-height:normal;
	text-transform:capitalize;
}
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 div#branding {
background-color:transparent;
}

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:13px;
	font-weight:bold;
	line-height:20px;
	text-transform:Capitalize !important;	
	padding:2px 10px;
}

body#videofront div#sub-nav #sub-nav-links .sub-link a {
	color: #000;
	font-family:helvetica,sans-serif,arial;

}

/******* 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 p.copyright,
body#videofront div#footer div#physical-address address,
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;
	margin: 0;
	padding:10px 0;
	color: #fff;
}

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:24px;
}
/******* End Footer *******/
#horizontal_carousel0 {
	right:-10px;
}
.horizontal_carousel {
	*width:720px;
	*float:none;
	
}

#horizontal_carousel0 .previous_button { 
	    left:-45px;
	}
#horizontal_carousel0 .next_button { 
		    right:-20px;
		}

.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(/common/images/video/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;
	}
	/* 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;
	}
	
	#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;
	}
	

	/* End Summary / Captioning Tab  */
	
	/* video search  */
	#searchBox1 {
		background-color:#FFFFFF;
		position:	relative;
		width:	130px;
		border: none;
	}
	#searchBox2 {
		background-color:#FFFFFF;
		position:	relative;
		width:	144px;
	}

	#searchText {

		border: 0px solid;
		padding: 3px 0px 2px 3px;
		height: 15px;
		*padding: 2px 0px 1px 3px;
	}
	
	#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(/common/images/video/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(/common/images/video/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:-40px;
		z-index:100;


	}

	#video-search-result #horizontal_carousel1 div.next_button {
		right:-32px;
		_right:50px;
		_z-index: 999;
	}

	#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;
	}


	/* end video search  */