@charset "utf-8";
/*	FILE:	/assets/dpc_themes/default/main.css
	DESC:	The default stylesheet for DPC channel pages
			
	REV:	$Rev: 12676 $
			
	MAKE NO EDITS ABOVE THIS LINE
	
	MORE:	
	
	LAST MODIFIED:	3/25/2010 by Dennis Murray
*/
@charset "utf-8";
/* THE OVERALL PAGE LAYOUT */
html { min-height: 100%; margin-bottom: 1px; } /* force scroll bar */
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:80%;
	line-height:1.4em;
	background-attachment:scroll;
	background-color:#ccc;
	background-image:url(/assets/dpc_themes/default/top_bg.png);
	background-repeat:repeat-x;
	background-position:50% 50px;
	color:#333;
	padding: 0px;
	margin: 0px;
}

/* RESET SOME BASIC TYPE */
h1,h2,h3,h4,h5,h6 {
	margin:5px 0px 5px 0px;
	padding:0px;
	color:#314da5;
	float:none;
	clear:both;
	font-weight:normal;
}
h1,h3,h4 {
	font-weight:bold;
}
a,a:visited {
	text-decoration:none;
	color:#2578B0;
}
a:hover {
	color:#35ADFD;
	text-decoration:underline;
}
/* COMMON COLORS */
.lightYellow 	{ color:#fcc735;}
.yellow 		{ color:#D68D2D;}
.darkYellow 	{ color:#b07425;}
.lightBlue 		{ color:#4a6fcf;}
.blue 			{ color:#314da5;}
.darkBlue 		{ color:#1A2C7D;}
.lightDyynoBlue { color:#35adfd;}
.medDyynoBlue 	{ color:#2d93d6;}
.darkDyynoBlue 	{ color:#2578b0;}

/* THE MAIN AREAS OF THE PAGE */
#pageHeader {
	margin:auto;
	width:100%;
	height:50px;
	padding-top:0px;
	text-align: center;
	background-color: #FFF;
}
#pageNav {
	margin:auto;
	width:960px;
	height:95px;
	padding-top:0px;
	text-align: center;
}
#pageNav .navLinks {
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	vertical-align:middle;
	width: 960px;
}
#pageNav .navLinks a {
	color:#2578b0;
	text-decoration:none;
	font-weight:bold;
	height:14px;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #fff;
	font-size: 10px;
}
#branding  {
	height:50px;
	width:960px;
	padding:0px;
	margin:auto;
	background-color: #FFF;
}
#dyynoLogo   {
	text-align: left;
	width: 122px;
	float: left;
	
}
#dyynoMessage   {
	float:right;
	clear:right;
	color:#D68D2D;
	font-size:18px;
	padding-top:18px;
}
#pageMain {
	margin:auto;
	width:958px;
	background-color: #FFF;
	padding:10px 0px 10px 0px;
	border-right:1px solid #999;
	border-left:1px solid #999;
}
#pageFooter {
	margin:auto;
	width:960px;
	padding-top:85px;
	border-bottom:1px solid #999;
	z-index:1;
	background-color: #fff;
	background-image: url(/assets/themes/light/images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top;
}
#pageFooter .navLinks {
	text-align:left;
	padding:10px 5px 10px 5px;
	color:#fff;
	vertical-align:middle;
}
#pageFooter .navLinks a {
	text-decoration:none;
	height:14px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #fff;
	color:#2578b0;
	font-size: 10px;
	font-weight:bold;
}
#pageFooter .copyright {
	color:#999;
	line-height:1em;
	padding-top:0px;
	margin-top:0px;
	font-size: 10px;
}
#pageFooter .copyright p {
	padding:5px;
	margin:0px;
}

/* THE SEARCH BOX */
#channelSearch {
	height:28px;
	float:right;
	clear:none;
	text-align:right;
}

/* THE MAIN NAVIGATION MENU */
#nav {
	height:28px;
	width:958px;
	border:1px solid #35adfd;
	background-image: url(/assets/themes/light/images/mainnav_bg_up.png);
	color:#fff;
	margin:0px;
	padding:0px;
	text-align:left;
}
#nav ul {
	width:550px;
	float:left;
}
ul.menu {
	list-style:none; 
	margin:0; 
	padding:0;
	text-size:13px;
	height:28px;
}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:29px; left:-1px; background:#2578b0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:1px solid #35adfd; border-top:none; width:125px; margin:0}
ul.menu ul li a {display:block; padding:5px 0px 5px 5px; background-color:#2578b0;color:#fff;}
ul.menu ul li a:hover {background-color:#2d93d6}
ul.menu ul ul {left:125px; top:0px}
ul.menu .menulink {border-right:1px solid #35adfd;padding:5px 0px 5px 5px; font-weight:bold; /*background:url(../../../css/images/header.gif);*/ width:120px; height:18px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(/assets/themes/light/images/mainnav_bg_over.png)}
ul.menu .sub {background:#2578b0 /*url(../../../css/images/arrow.gif)*/ 120px 8px no-repeat}
ul.menu .topline {border-right 1px solid #35adfd}

/* CLASSES FOR MULTI-COLUMN PAGE LAYOUTS, ETC */
.clearFloats {
	float:none;
	clear:both;
	height:0px;
	padding:0px;
	margin:0px;
}
.fullWidthContent {
	padding:0px 8px 8px 8px;
	margin-bottom:10px;
}
.wideLeft {
	background-color:#fff;
	padding:0px 5px 10px 5px;
	margin-bottom:10px;
	width:680px;
	float:left;
	clear:none;
}
.narrowRight {
	border-left:thin solid #ddd;
	padding:3px;
	margin-bottom:10px;
	width:250px;
	float:right;
	clear:none;
}
.narrowLeft {
	border-right:thin solid #ddd;
	padding:0px 8px 8px 8px;
	margin-bottom:10px;
	width:300px;
	float:left;
	clear:left;
}
.wideRight{
	padding:0px 8px 8px 8px;
	margin-bottom:10px;
	width:617px;
	float:right;
	clear:right;
}
.wideLeftBorderless {
	padding:0px;
	margin-bottom:0px;
	width:637px;
	float:left;
	clear:left;
}
.centerColumn {
	padding:0px 8px 8px 8px;
	margin-bottom:10px;
	width:298px;
	float:right;
	clear:right;
}

/* SPECIALTY CLASSES */
.videoThumbNail {
	position: relative;
	border: 4px solid #666;
	background-color: #333;
	padding: 1px;
	margin: 0 10px 10px 0;
	width: 200px;
	height: 150px;
	display: inline-block;
}

.videoThumbNail a {
	text-decoration: none;
}

.videoThumbNail img {
	width: 200px;
	height: 150px;
}

.videoThumbNail a .title {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 32px;
	line-height: 32px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-weight: bold;
	filter: alpha(opacity=66);
	opacity: 0.66;
	clear: none;
	float:left;
	clip: rect(auto,auto,auto,auto);
	top: 119px;
	left: 1px;
}

.videoThumbNail a:hover .title {
	filter: alpha(opacity=100);
	opacity: 1;
}
#videoArea {
	/*background-color: #999;
	padding:5px;
	text-align:center;
	margin:auto;
	width:100%;
	border: 1px solid red;*/
	background-color: #999;
	padding:0px 10px 10px 10px;
}
#dyynoContentArea {
	width:646px;
	border-left:solid 2px #77B8F7;
	border-right:solid 2px #77B8F7;
	padding: 0px 50px 0px 50px;
	background-color: #074687;
	background-repeat: repeat-x;
	display: block;
}
.dyynoVideoTable {
	margin: auto;
	background-color:#000;
}
.dyynoVideoPlayer {
	margin: auto;
	background-color: #000;
	padding: 0px;
	width: 960px;
	/*border: 1px solid #CCF;*/
	background-image: url(/assets/dpc_themes/default/video_bg_not_playing.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.dyynoVideoPlayer_playing {
	margin: auto;
	/*background-image: url();*/
	background-color: #000;
	padding: 0px;
	width: 960px;
	/*border: 1px solid #CCF;*/
}
#dyynoplayerdiv {
	margin:auto;
}
#dyynoHelp {
	width:960px;
	margin: auto;
	border-top:1px solid #333;
	background-color: #000;
	background-image: url(/assets/dpc_themes/default/support_bg.png);
	display: block;
}
#dyynoSupport {
	width:250px;
	padding:3px;
	float:left;
	color:#FC0;
	font-size:10px;
	text-align:left;
	border-right:1px solid #333;
}
.playerButtons,.playerButtons a{
	color:#FC0;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
}
#dyynoGetDyyno {
	width:250px;
	padding:3px;
	float:right;
	color:#FC0;
	font-size:10px;
	text-align:right;
	border-left:1px solid #333;
}
#dyynoGetDyyno a,#dyynoSupport a {
	color:#FC0;
	font-weight:bold;
}
#dyynoFooter {
	background-image: url(/in/1pv/usatt09/footer.png);
	background-repeat: no-repeat;
	margin:-20px 0px 0px 0px;
	padding:0px;
}
.dyynoContentBlock {
	margin:auto;
	clear:both;
	margin-top:10px;
}
.dyynoContentBlock h2 { 
	font-size:12px;
	font-weight:bold;
}
.dyynoContentBlock iframe {
	margin-left:3px;
	border: 1px solid #77B8F7;
}
.dyynoVideoThumbnail_up {
	width:320px;
	font-size: 10px;
	border:1px solid #EEE;
	background-color: #FFF;
	padding: 5px;
	cursor:pointer;
	display:block;
	margin:0px 5px 5px 0px;
	float:left;
}
.dyynoVideoThumbnail_over {
	width:320px;
	font-size: 10px;
	border:1px solid #DDD;
	background-color: #DDF1FF;
	padding: 5px;
	cursor:pointer;
	display:block;
	margin:0px 5px 5px 0px;
	float:left;
}
.thumbImg {
	padding-right:5px;
	width:145px;
	height:80px;
	border:0px;
	float:left;
}
.dyynoVideoThumbnail_up div.vidInfo,.dyynoVideoThumbnail_over div.vidInfo {
	float:left;
	width:160px;
}
.dyynoVideoThumbnail_up div p,.dyynoVideoThumbnail_over div p {
	margin: 0px 5px 0px 5px;
	clear:both;
	text-decoration:none;
}
.dyynoVideoThumbnail_up div p span,.dyynoVideoThumbnail_over div p span{
	float:left;
	width:50px;
	text-align:right;
	padding:0px 5px 0px 0px;
	margin:0px;
	text-decoration:none;
}
.clearFloats {
	clear:both;
}

/* USED BY THE COMPATIBILITY TEST */
#dyynoCompatFailed {
	width:400px;
	color:#FFF;
	font-size:12px;
	padding: 5px;
	margin: auto;
}
#dyynoCompatFailed ul {
	color:#F00;
	display:block;
	list-style-image: url(/assets/dpc_themes/default/red_x.png);
}

#dyynoCompatFailed ul li.fail{
	color:#F00;
}
#dyynoCompatFailed ul li.pass{
	display:none;
}
#dyynoCompatFailed a {
	color:#FC0;
}
#dyynoCompatFailed h2 {
	color:#FC0;
}
#pageMain .wideLeft #dyyno_noLiveVideos h2 {
}

/* SOCIAL NETWORKING LINKS */
.shareLinkFB { 
	padding:2px 0 0 20px; 
	height:16px;
	margin:8px;
	background-image:url(/assets/dpc_themes/default/facebook.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.shareLinkTwitter { 
	padding:2px 0 0 20px; 
	height:16px;
	margin:8px;
	background-image:url(/assets/dpc_themes/default/twitter.png);
	background-repeat:no-repeat;
	background-position:left;
}
.shareLinkEmail { 
	padding:2px 0 0 20px; 
	height:16px;
	margin:8px;
	background-image:url(/assets/dpc_themes/default/email.png);
	background-repeat:no-repeat;
	background-position:left;
}
.shareLinkMyspace { 
	padding:2px 0 0 20px; 
	height:16px;
	margin:8px;
	background-image:url(/assets/dpc_themes/default/myspace.png);
	background-repeat:no-repeat;
	background-position:left;
}