@import url('/style/children_global.css');


/* DEN sub */
#topimage {
z-index:0;
	position:relative;
	width: 860px;
	height:187px;
	background-color: #000000;
	text-align:left;

}



#wrapper {

	width: 860px;
	left:0px;
	top:0px;
	position:absolute;
	margin: 1px 0px 0px 1px;
	background-color: #000000;
}


/* DEN HOME PAGE MAIN CONTENT AREA */

#content
{
	width:860px;
	float: left;
	border-top:solid 1px white;
	border-bottom:solid 1px white;
	background-color:#ffffff;
}

#content p
{
	margin:0.6em 1em;
	
}


/* Player back button */
#backbutton {
padding:0px 5px;
}



/* programmer header densub*/
#progheader
{
	background-image:url(/tv/theden/images/header_densub.gif);
	background-repeat:no-repeat;
	height: 49px;
	width: 513px;

}



/* footercolor den*/
#footer {

	background-color: #CCCDCD;
}

#footer p{
margin:0px;
	padding: 2px 14px;

}

#contentFooter {
border-top:solid 1px #FFFFFF;
height:19px;
clear:both;
	background-color: #CCCDCD;
	background-image:url(/tv/theden/images/footer_curve2.gif);
	background-repeat:no-repeat;

}
#logoImg
{
	width:300px;
	height:54px;	
	margin:9px 0px;
	float:left;
}

#playerPlaceholder
{
	float:left;
	border-top:solid 1px white;
	width: 100%;
	height: 376px;	
	background-color: #FFFFFF;
	clear: both;
}

#playerFrame
{
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 512px;
	height: 334px;
	background-color: #eee;
}

#playerControls
{
	width: 512px;
	height: 46px;
	margin: 0px auto;
	background-color: #FFFFFF;
}

#left
{
	float:left;
	width: 529px;
}


#playerFooter
{
	border-top:solid 1px white;
	border-left:solid 1px white;
	width: 859px;
	height: 1.6em;
	background-color: #380D05;
	clear:both;
	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-top:0.3em;
}

#playerFooter a {
color:#ffffff;
}

#playerFooter div#copyright{
	background-color: #380D05;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
font-weight:bold;
color:#ffffff;
padding-left:407px;
display:inline;
float:left;
}

#playerFooter div#terms{
	background-color: #380D05;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
font-weight:bold;
color:#ffffff;
float:right;
display:inline;
padding-right:15px;
}


.title
{
	background-image:url(/tv/ttv/images/ttv_vidleft.jpg);
	background-repeat:no-repeat;
	text-align: left;
	vertical-align: baseline;
	padding: 0em 0em 0.0em 0em;
	width: 100%;
	color:#3E476F;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 9px;
	height: 49px;
}

.title h1 {
	padding:2px 0px;
	margin:0px;
	float:left;
	width:100px;
	height: 43px;
	color:#FFFFFF;
}
.title a
{
	color:#FFFFFF;
	text-transform:none;
}

.title a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}


.playerSettingLinks {
width:40%;
float:right;
text-align:right;
font-size: 8pt;
padding-right:80px;
padding-top:23px;
}


.buttonPlaceholder
{
	float:left;
	margin: 8px 8px;
}


a.button
{
	background-color: rgb(70,29,23);
	margin:0px 4px;
	padding:0px;
}

a.button img
{
	width:16px;
	height:16px;
	vertical-align: middle;
	padding:4px 9px;
	border: none;
}

.timerPlaceholder
{
	float:left;
	width:200px;
	margin: 8px 8px;
}

.audioPlaceholder
{
	float:left;
	margin: 8px 8px;
}

.audio
{
	font-size:4pt;
	width:7px;
	margin: 0px 0px;
	text-decoration: none;
	border: 1px rgb(70,29,23) solid;
	display: inline-block ;
}

.audioSel
{
	font-size:4pt;
	width:7px;
	margin: 0px 0px;
	background-color: rgb(70,29,23);
	border: 1px rgb(70,29,23) solid;
	text-decoration: none;
	display: inline-block ;
}

#playerContent
{
	border-top:solid 1px white;
	border-left:solid 1px white;
	float:right;
	width: 340px;
	height: 461px;	
	background-color: #FFFFFF;
}


#playerContent h1
{
	background-image:url(/tv/ttv/images/ttv_vidright.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:right;
	width: 316px;
	background-color: #FFFFFF;
	margin:0em 0em;
	padding:0em 12px;
	font-size: x-large;
	font-weight: normal;
	border-bottom:solid 1px white;
}


#playerContent div.clipMenu
{
	width:340px;
	height:334px;
	float:right;
	clear:both;
	overflow:auto;
	background-color: #a1a1a1;
}

#playerContent div.clipMenu div.clipTitle
{
	font-size: 11pt;
	font-weight: bold;
	padding: 0.3em 0em 0.2em 0em;
}

#playerContent ul.clipList
{
	list-style: none;
font-weight:normal;
	padding:0px;
	margin:0px;
	border-bottom: 1px #EEEEEE solid;
	border-left: 1px #EEEEEE solid;
}

#playerContent ul.clipList li
{
	margin: 0px;
	padding: 0.1em 0.3em 0.5em 12px;
	font-size: 9pt;
	clear: both;
}

#playerContent ul.clipList li.sel
{
	background-color:#EEEEEE;
}

#playerContent ul.sel
{
	background-color:#EEEEEE;
}


#playerContent ul.clipList li .clipNav
{
	margin:0em;
	padding:0em 0em 0.2em 0em;
	clear: both;
	height: 1.8em;
}

#playerContent ul.clipList li .clipPlay
{
	width: 135px;
	float: left;
}

#playerContent ul.clipList li .clipPlay img
{
  padding: 0px 5px 0px 0px;
  border:0px;
}

#playerContent ul.clipList li .clipPlay a
{
	text-decoration: none;
}

#playerContent ul.clipList li .clipPlay a:hover
{
	text-decoration: underline;
}

#playerContent ul.clipList li .clipDuration
{
padding-top:7px;
float:right;
}


#playerContent ul.clipList li img
{
	float: left;
	margin: 0.2em 0.5em 0.1em 0em;
	border: 1px #555 solid;
}

#playerContent ul.clipList li div.clipDescr
{
	clear: both;
}

#playerContent ul.clipList li div.clipDescr p
{
	margin: 0px;
	padding: 0px;
}

/* stops the text in CLIPDESCR disappearing in IE */
/* for IE */
* html .ieTextFix {
 height: 68px;
}

#playerContent ul.clipList li a
{
color:#000000;
	text-decoration: none;
}

#playerContent ul.clipList li a:hover
{
color:#000000;
	text-decoration: underline;
}



#playerSettings
{
	padding: 1em;
}


/* NAVIGATION - style overwrite for horizontal left nav */
.leftnavpic{
display:none;
}

#navi ul li {
padding-right:5px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #navi ul {
margin: 2px 0px -1px 0px;
padding:0px;
}

* html #navi ul li {
margin: -3px 0;
padding-right:0px;
margin-right:-6px;
}

* html #navi ul li div{
padding:0px;
margin:0px;
}

 /* End hide from IE5/mac */

.playerlogo {
float:left;
padding:1px 5px 0px 0px;
}


/* SUB NAVIGATION - style overwrite for horizontal right nav */
#rightcol {
	float: left;
	width:100%
}

#subnavi {

	font-family: Arial, sans-serif;
	color: #333;
	font-size:9px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width:100%;


	}

#subnavi ul {	
	list-style: none;
	margin: 0.3em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
		}

		
#subnavi ul li {

	background-image: url(/tv/ttv/images/navigap_top_ttv.gif);
	background-repeat: no-repeat;
	width: 150px;
	margin: 0px;
	padding: 0px;
	padding-top:6px;
	padding-bottom:1px;
	padding-right:2px;
	float:left;
	clear:none;
	display:inline;
}

#subnavi ul li.cafenav {
	background-image: url(/tv/ttv/images/navigap_top_cafe.gif);
}

#subnavi ul li.leftnavpic{
	display:none;
}

#subnavi ul li div {

	background-image: url(/tv/ttv/images/navigap_bottom_ttv.gif);
	background-repeat: no-repeat;
	width: 147px; 
	height: 6px;
	margin: 0px;
	padding: 0px 0px;
}
#subnavi ul li.cafenav div {
	background-image: url(/tv/ttv/images/navigap_bottom_cafe.gif);
}

#subnavi li a {
	background-image: url(/tv/ttv/images/navigap_grade_ttv.gif);
	background-repeat: repeat-y;
	display: block;
	width: 147px;
	padding:0px 5px;
	font-family: Arial, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

#subnavi li.cafenav a {
	background-image: url(/tv/ttv/images/navigap_grade_cafe.gif);
}

#subnavi li a:hover {
	font-family: Arial, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: underline;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #subnavi ul {
margin: 2px 0px -1px 0px;
padding:0px;
}

* html #subnavi ul li {
margin: -3px 0;
padding-right:0px;
margin-right:-6px;
}

* html #subnavi ul li div{
padding:0px;
margin:0px;
}
 /* End hide from IE5/mac */