body{
font:normal 13px/15px helvetica, sans-serif;
}

.windowFade{background:#171925;}

#videoupper{overflow:hidden;}

.currentvideo, .norelated, .portrait .currentvideo, .landscape .currentvideo{
color:#fff; width:768px; height:175px; margin-left:auto; margin-right:auto; padding:30px 20px 20px 20px;
}
	.portrait {height:255px;}
	.landscape {height:235px;}
	
		.landscape .currentvideo{
		padding-top:48px; height:137px;
		width:1024px;
		}
		.landscape .norelated, .portrait .norelated{
		width:520px;
		padding-top:48px;
		}
			.portrait .norelated {height:157px;}
	
	.meta, .portrait .meta, .landscape .meta{
	float:left; width:285px; padding-right:10px;
	position:relative;top:-2px;
	}
		.portrait .meta{width:275px;}
	
	.relatedlinks, .portrait .relatedlinks, .landscape .relatedlinks{
	float:left; width:200px; padding-left:15px; border-left:1px solid #2b2d39;
	}
		.portrait .relatedlinks {width:220px;}
		
		.landscape .relatedlinks{
		float:left; width:465px;
		padding-bottom:30px;
		}
		.relatedlabel{ 
		text-transform:uppercase; color:#fff; margin-bottom:8px;
		background:url(../../images/touch/bgline-2b2d39.gif) repeat-x 0 8px transparent;
		position:relative;
		top:-2px;
		}
			.relatedlabel span{
			background:#171925; padding:0 7px 0 0;
			font-weight:bold;
			color:#fff;
			}
		.relateditem{
		float:left; width:220px;
		}
			.landscape .relateditem {width:230px;}
			
		.thumb{
		position:relative;
		float:left; width:100px; margin:0 8px 15px 0;
		}
		.relatedheadline{
		float:left; width:102px;
		position:relative;top:-2px;
		font-size:14px;
		line-height:16px;
		}
			.landscape .relatedheadline {width:112px;}
		
			.relatedheadline a{color:#fff;}
			
			.portrait .relatedheadline{width:110px;}
		
	.currentvideo h1{ font-size:24px; line-height:24px; color:#fff; }
	.currentvideo .overview{margin:2px 0 8px; line-height:17px; color:#ccc;font-size:15px;}
	.currentimage{
	float:left; margin:0 15px 0 0; position:relative;
	}
	
	.watchlink{text-transform:uppercase; 
	color:#fff;
	font-weight:bold;
	font-size:15px;
	}

	.watchlink .white-arrow {background:url(../../images/touch/right-white-arrow.png) no-repeat 0 0 transparent;
	width:7px;
	height:8px;
	display:inline-block;
	margin-left:3px;
	position:relative;
	top:-1px;
	}



#preview-wrapper{ clear:both; }

.browsetabs{padding-right:10px;
border-bottom:1px solid #838a9a;
height:29px;
}

.browsetabs a div{
text-align:center;
width:102px; height:30px;
margin-right:3px;
float:right;
background: url(../../images/touch/shows_sections_tabs.png) no-repeat;
}
	.browsetabs #tab9482930.inactive div{
	background: url(../../images/touch/shows_sections_tabs.png) no-repeat -305px 0;
	}
	.browsetabs #tab9482930.active div{
	background: url(../../images/touch/shows_sections_tabs.png) no-repeat -202px 0;
	}
	.browsetabs #tab9482931.inactive div{
	background: url(../../images/touch/shows_sections_tabs.png) no-repeat -103px 0;
	}
	.browsetabs #tab9482931.active div{
	background: url(../../images/touch/shows_sections_tabs.png) no-repeat 0 0;
	}

#browse_div, .browse{
	float:left;
	height:auto;
	margin:0; 
	padding:0;
}

#browse_inner{
background:#fff;
}
#playlistWrapper{
width:500px;
}

.showit{ display:block;}
.hideit{ display:none;}

.playlist_container  {
background:url(../../images/touch/secondary-bg.gif) repeat-y -88px 0;
float:left;
height:auto;
width:242px; overflow:hidden;
}

#menuBack div{
	height:45px; width:218px;
	background:url(../../images/touch/back_button_states_off_on.png) no-repeat;
}
	#menuBack div:active{background-position:-225px 0;}
	
	#primarymenu{
	z-index:10;
	}http://10.192.34.37:7002/video/t/index#
	#secondarymenu,#primarymenu {
		width:242px;
		height:auto;
		float:left;
		margin-right:30px;
		color:#000;
	}
		#primarymenu .header,#secondarymenu .header { 
		height:auto; 
		padding:10px 5px 9px 10px;
		font-weight:bold;
		font-size:16px;
		color:#a2a2a2;
		line-height:18px;
		text-transform:uppercase;
		width:210px;
		}
			#primarymenu .header a,#secondarymenu .header a{
			color:#a2a2a2;
			font-weight:bold;
			}
			
		#primarymenu ul,#secondarymenu ul {
			background: url(../images/player/bg-subsection.gif) repeat-y;
		}
		#primarymenu ul li,#secondarymenu ul li {
		background:url(../../images/touch/right-arrow.gif) no-repeat 210px 16px;
		font-weight:bold;
		font-size:19px;
		line-height:20px;
		}
		#primarymenu ul li div,#secondarymenu ul li div {
		padding:10px 29px 9px 10px; width:185px;
		border-top:1px solid #fff; border-bottom:1px solid #ccc;
		}
		#primarymenu ul li.active,#secondarymenu ul li.active {
		background: url(../../images/touch/ipad_playlist_arrow_bg.png) no-repeat;
		border-bottom:none; 
		}
			#primarymenu ul li.inactive,#secondarymenu ul li.inactive {
			}
			#primarymenu ul li.active div,#secondarymenu ul li.active div{
			background:#bed0e4;
			margin-right:17px;
			}
		#primarymenu .active,#secondarymenu .active{
			color:#036;
		}
		#primarymenu .inactive, #secondarymenu .inactive{
			color:#000;
		}
		#primarymenu ul li div a,#secondarymenu ul li div a {display:inline-block;
		width:100%;
		}
	
#videoBrowsePane  {
float:left;
margin:0;
height:700px;
width:800px;
}
		
.browse .pane {
	background:#fff;
	padding:25px 7px 10px;
}
	.browse .pane .preview {
		color:#003366;
		float:left;
		margin-left:2px;
	}
	
	#videoBrowsePane .video {
		float:left;
		height:148px; 
		overflow:hidden; 
		width:152px;	
	}
	.portrait .video {
		margin-left:9px;
		margin-right:9px;
	}
	.landscape .video {
		margin-left:18px;
		margin-right:18px;
	}
	.browse .pane .preview .video a {
		color:#333; line-height:14px;	
	}
		.browse .pane .preview .video p {
			padding:0;
		}
	
	.browse .pane .preview .video img {width:150px; height:84px; border:1px solid #fff; background:#efefef;}
	.browse .pane .preview .video .image {position:relative;}
	.currentvideo .currentimage .icon,.currentvideo .relatedlinks .relateditem .thumb .icon, .browse .pane .preview .video .icon {
	background:url(../../images/icons/play_icon_35x35.png) no-repeat 0 0 transparent;
	height:35px;
	width:35px;
	position:absolute;
	right:6px;
	bottom:8px;
	}	
		.currentvideo .relatedlinks .relateditem .thumb .icon {bottom:5px;
		right:3px;
		}
	
	.browse .pane .preview .v-divider {color:#ccc;font-weight:bold;}
		
	.browse .pane .preview .current {border:1px solid #369;}
	.browse .pane .preview .portrait {width:700px;}
	.browse .pane .preview .landscape {width:960px;}