/* edit on cmsudv02 light #333355 */
@import url(http://www.dr.dk/drdkicons/css.drxml?color=333355&selector=.playerMain);
@import url(http://www.dr.dk/drdkicons/css.drxml?color=333355&selector=.compWrapperCliplist);


/*									*/
/*		compWrapperPlayer		*/
/*									*/

/* Elements not to show */
.hidden,
.compWrapperCliplist .notPlaying,
.compWrapperCliplist .extrainfo,
.compWrapperCliplist .readmore,
.compWrapperPlayer .footerWrapper {
	display:none;
}


/*	tabline */
.tabline {
	rwidth:620px;
	width:100%;
	height:26px;
	line-height:18px;
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/tablineBG.gif');
}
.tabitem {
	float:left;
	height:20px;
	text-align:center;
		white-space: nowrap;
}
.tabitemScroll {
	float:left;
	width:20px;
	cursor:pointer;
	overflow:hidden;
	height:20px;
	text-align:center;
	display:none;
}
.tabline .scrollLeft {background:#626262 url('/design/www/DRPlayer/img/drPlayerGeneric/Light/tabArrowLeft.gif');}						/* light #626262 */			
.tabline .scrollRight {background:#626262 url('/design/www/DRPlayer/img/drPlayerGeneric/Light/tabArrowRight.gif');}					/* light #626262 */

.tabline .level1 {
	width:116px;	/* 124 */
	background:#626262 url('/design/www/DRPlayer/img/drPlayerGeneric/Light/tabitemlevel1.gif');					/* light #626262 */
	cursor:pointer;
		overflow:hidden;
}
.tabline .currenttabitem {
	background:#D5D5D5 url('/design/www/DRPlayer/img/drPlayerGeneric/Light/tabitemlevel1current.gif');		/* light #D5D5D5 */
}

.tabline .level1 a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;								/* light #fff */
	rmargin-top:3px;
	line-height:20px;
	_line-height:18px;
}
.tabline .currenttabitem a {
	color:#333;								/* light #333 */
}


.tablinesub {
	float:left;
	width:100%;		/* width:618px; */
	pheight:20px;
	background:#D5D5D5;					/* light #D5D5D5 */
	display:none;
	line-height:18px;
	rrborder:1px solid #A9A9A9;				/* light #A9A9A9 */
	border-top:none;
}
.tabline .level2 a {
	padding:0px 10px 0px 10px;
	color:#333;								/* light #333 */
	line-height:20px;
	_line-height:18px;
}
.currenttablinesub {
	display:block;
}




/* Main colors and paddings for h2, p, a, span */
.playerMain .txtContentPlayer * {
	color:#333;										/* light #333 */
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:14px;
	font-family:verdana,arial,sans-serif;
	text-decoration:none;
}

/* Link colors */
.playerMain a:link, 
.playerMain a:active, 
.playerMain a:visited {color:#333;}			/* light #333 */
.playerMain a:hover {color:#555;}			/* light #555 */

/* Background-color and border-top */
.playerMain {
	background-color:#D5D5D5;					/* light #D5D5D5 */
	margin-bottom:10px;
}

/* headline above player */
.playerMain h3 {
	height:20px;
	border:1px solid #a9a9a9;					/* light #a9a9a9 */
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/headlinebg.png');
	margin-bottom:0px;
	padding-left:10px;
	_filter:alpha(opacity=100);	/* prevent override from local stylesheet */
}
.playerMain h3 span {
	color:#333;							/* light #333 */
	line-height:18px;
}

/* Margins etc for specific elements inside player */
.playerMain p {
	margin-bottom:5px;
}
.playerMain #clipinfoDescription {
	margin-bottom:10px;
}

/* Sizes + backgrounds of different player areas */
	.txtContentPlayer .classDeeplink { margin-bottom:5px;}
	.comp717_02 .classDeeplink {
		display:none;
	}
	
	#columnWrap .comp717_02 {
		width:200px;
	}

.comp717_01 .playerMain {width:410px; float:left;}
.comp717_02 .playerMain {width:200px; float:left;}
.comp717_03 .playerMain {width:620px; float:left;}
.comp717_04 .playerMain {width:550px;}			/* Update */

.comp717_02 div#divPlayerFrameBG {height:115px; background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerFrameBG_200.gif') no-repeat;}
.comp717_01 div#divPlayerFrameBG {height:234px; background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerFrameBG_410.gif') no-repeat;}
.comp717_03 div#divPlayerFrameBG {height:351px; background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerFrameBG_620.gif') no-repeat;}
.comp717_04 div#divPlayerFrameBG {height:310px; background:#000; }


/* divPlayer sizes and overlay backgrounds */
	#divPlayerBG {
		position:absolute;
		margin-left:3px;
		margin-top:3px;
		rbackground:#00f;
	}


#divPlayer {
	position:absolute;
	rmargin-left:3px;
	rmargin-top:3px;
	tbackground:#222;
}

.comp717_01 #divPlayerBG,
.comp717_01 #divPlayer,
.comp717_01 #divPlayer #overlay {
	width:404px;
	height:227px;
}
.comp717_02 #divPlayerBG,
.comp717_02 #divPlayer,
.comp717_02 #divPlayer #overlay {
	width:194px;
	height:109px;
}
.comp717_03 #divPlayerBG,
.comp717_03 #divPlayer,
.comp717_03 #divPlayer #overlay {
	width:614px;
	height:345px;
}
	.comp717_04 #divPlayerBG,
	.comp717_04 #divPlayer,
	.comp717_04 #divPlayer #overlay {
		width:550px;
		height:310px;
		margin:0px;
	}
#divPlayer #overlay {
	opacity: 0.7;
	_filter:alpha(opacity=70);
	cursor:pointer;
}
/*
.comp717_01 #divPlayer #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 172px 85px;}
.comp717_02 #divPlayer #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconsmall.gif') no-repeat 82px 40px;}
.comp717_03 #divPlayer #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 275px 150px;}
*/
.comp717_01 .playerMain #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 172px 85px;}
.comp717_02 .playerMain #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconsmall.gif') no-repeat 82px 40px;}
.comp717_03 .playerMain #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 275px 150px;}

.comp717_01 .mediaVideo #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 172px 85px;}
.comp717_02 .mediaVideo #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconsmall.gif') no-repeat 82px 40px;}
.comp717_03 .mediaVideo #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 275px 150px;}

.comp717_01 .mediaAudio #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconAudio.gif') no-repeat 172px 85px;}
.comp717_02 .mediaAudio #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconsmallAudio.gif') no-repeat 82px 40px;}
.comp717_03 .mediaAudio #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconAudio.gif') no-repeat 275px 150px;}
/* .comp717_04 #divPlayer #overlay {background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playicon.gif') no-repeat 275px 150px;} */



/*							*/
/*		playerBar		*/
/*							*/

		/* positionDiv and children */
		.comp717_02 #divPlayerbar {
			display:none;
		}
		.comp717_01 #divPlayerbarSmall,
		.comp717_03 #divPlayerbarSmall,
		.comp717_04 #divPlayerbarSmall {
			display:none;
		}
		
		
		.comp717_01 #positionDiv {
			height: 16px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/positionBG_410.png');
		}
		/* .comp717_02 #positionDiv {
			height: 16px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/positionBG_200.png');
		} */
		.comp717_03 #positionDiv {
			height: 16px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/positionBG_620.png');
		}
		.comp717_04 #positionDiv {
			height: 16px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/positionBG_550.png');
		}
			
			#positionScrollContainer {
					xposition: relative;	
				float: left;
				height: 10px;
				margin-top: 1px;
				margin-left:2px;
			}
			.comp717_01 #positionScrollContainer {
				width: 354px;
			}
			.comp717_03 #positionScrollContainer {
				width: 564px;
			}
			.comp717_04 #positionScrollContainer {
				width: 485px;
			}
			
			
				#positionScrollPointer {
					position: relative;	/* fugg */			
					left: 0px;
					top: 0px;
					width: 10px;
					height: 10px;
					cursor: pointer;
					xdisplay:none;			/* will not work properly */
				}
				
					/* Pga en flickering-bug ved brug af background-image på det bevægende div i IE skal selve billedet laves som et separat element */
					#positionScrollPointer div {
						width: 10px;
						height: 10px;
						background-color: #86A2B0;
						border-left: 2px solid #717070;
						border-right: 2px solid #717070;
						overflow: hidden;
					}
			
			#timerDiv {
				float: left;
				margin: 0px;
				color: #000;			/* light #000 */
				text-align: center;
				width: 50px;
				height: 10px;
				vertical-align: middle;
				font-family: verdana, arial;
				font-size: 8px;
				margin-top:-2px;
				xpadding-right:5px;
				padding-bottom: 2px;
				overflow: hidden;
			}
			
		/* Player control knapper */
		.comp717_01 #buttonStateDiv {
			height:20px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/buttonStateBG_410.png');
		}
		.comp717_02 #buttonStateDiv {
			height:20px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/buttonStateBG_200.png');
		}
		.comp717_03 #buttonStateDiv {
			height:20px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/buttonStateBG_620.png');
		}
		.comp717_04 #buttonStateDiv {
			height:20px;
			background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/buttonStateBG_550.png');
		}
		
			.buttonStateSpacer {
				float:left;
				width:3px;
				height:20px;
				background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/buttonStateSpacer.png');
			}
			
			/* sørg for at alle <a> tagsne fylder det de skal. Der er brugt <a> tags, da IE ikke understøtter :hover på alle elementer. */
			div.playerButton a,
			div.playerButtonAlt a {
				width: 100%;
				height: 100%;
				display: block;
				cursor: pointer;
			}
			
			.playerButton a:hover 					{ background-position: 100% 0; }
			.playerButton a.mouseDown:hover 		{ background-position: 100% 100%; }
			.playerButtonAlt a:hover 				{ background-position: 100% 0; }
			.playerButtonAlt a.mouseDown:hover	{ background-position: 100% 100%; }
			
			div#previousDiv a	{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/previous_map.png') }
			div#playDiv a 		{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/play_map.png') }
			div#stopDiv a		{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/stop_map.png') }
			div#nextDiv a 		{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/next_map.png') }
			div#nativeDiv a 	{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/native_map.png') }
			div#friendDiv a 	{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/friend_map.png') }
			div#maxDiv a 		{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/max_map.png') }
			div#reportDiv a 	{ background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/report_map.png') }
			
			div#previousDiv,
			div#playDiv,
			div#stopDiv,
			div#nextDiv,
			div#nativeDiv,
			div#friendDiv,
			div#maxDiv,
			div#reportDiv {
				float: left;
				xmargin-right: 2px;
				width: 20px; height: 20px;
			}
			div#maxDiv {
				margin-right: 0px;
			}
			
			/* HIDE / UNHIDE REPORT ERROR BUTTON */
			div#reportDiv {display:block}
			
			
			div#playDiv.playerButtonAlt				a { background-image: url('/design/www/DRPlayer/img/drPlayerGeneric/Light/pause_map.png') }
			
			/* quality */
			div#qualityContainer {
				float:left;
				padding:3px;
				_padding:0px;
				margin:0px;
				width:134px;	/* 140 */
				height:20px;
				overflow:hidden;
			}
				div#qualityContainer input {
				}
				div#qualityContainer label {
					font-family: verdana, arial;
					font-size:6px;
					letter-spacing: 0.1em;
					padding-top: 0px;
					color: #000;							/* light #000 */
				}
				div#qualityContainer div.divInput {
					float: left;
					padding-left:3px;		/* 4px */
				}
				div#qualityContainer div.divInputFF {
					float: left;
					padding-top:10px;
					padding-left:7px;
				}
				div#qualityContainer div.divLabel {
					float: left;
						padding:1px 7px 0px 3px;
						_padding:1px 1px 0px 0px;
				}
			
			/* volumekontrol */
			div#volumeDiv {
				float: left;
				width: 77px;	/* 100px before report-button added */
				height: 20px;
				background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/volumebarbg.png');
				overflow:hidden;
			}
				
				div#volumeScrollContainer {
					float: left;
					height: 10px;
					width: 43px;	/* 100px before report-button added */
					padding: 0px;
					margin-left: 7px;
					margin-top: 4px;
					xxxdisplay:none;	/* will not work */
				}
				
					div#volumeScrollPointer {
						padding: 0px;
						margin: 0px;
						position: relative;
						left: 0px;
						top: 0px;
						width: 10px;
						height: 10px;
						cursor: pointer;
						background: #D2D2D2 url('/design/www/DRPlayer/img/drPlayerGeneric/Light/volumePointer.png');
					}
			
			/* Bar with playerstate info */
			div#playerstateDiv {
				xxxwidth: 410px;
				height: 10px;
				padding-left:7px;
				padding-top:2px;
				font-family: verdana, helvetica;
				font-size:8px;
				letter-spacing: 0.2em;
				line-height: 10px;
				text-transform: uppercase;
				color: #ddd;
			}
			.comp717_01 #playerstateDiv {
				background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerStateBG_410.png');
			}
			/* .comp717_02 #playerstateDiv {
				background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerStateBG_200.png');
			} */
			.comp717_03 #playerstateDiv {
				background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerStateBG_620.png');
			}
			.comp717_04 #playerstateDiv {
				background: transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/playerStateBG_550.png');
			}



/*														*/
/*		Clipinfo below player playerbar		*/
/*														*/

.playerMain .txtContentPlayer {
	padding:5px 10px 0px 10px;
	border:1px solid #a9a9a9;		/* light #a9a9a9 */
}
.playerMain #clipinfoDate {
	color:#666;							/* light #666 */
}
.playerMain #clipinfoReadmore {
	margin-bottom:10px;
}
.playerMain #clipinfoReadmore span {
	display:block;
}
.playerMain #clipinfoReadmore a {
	display:block;
	padding-left:15px;
	rbackground:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/icInternal.gif') no-repeat 0px 1px;
}


.playerMain .inputDeeplink {
	height:14px;
	font-size:9px;
	line-height:12px;
	color:#777;										/* light #777 */
	background-color:#dcdcdc;					/* light #dcdcdc */
	border:1px solid #eee;						/* light #eee */
}
.comp717_01 .playerMain .inputDeeplink {width:310px;}
.comp717_02 .playerMain .inputDeeplink {display:none;}	/* Don't show deeplink in mini-player */
.comp717_03 .playerMain .inputDeeplink {width:454px;}
.comp717_04 .playerMain .inputDeeplink {width:310px;}


#ratingDiv {
	float:right;
	sposition:relative;
	rmargin-left:356px;
	margin-bottom:5px;
	width: 170px;
	height: 22px;	/* 22px */
	border: 2px solid #4D4D4D;
	overflow:hidden;
}

	#ratingText {
		float: left;
		padding-left: 5px; margin-top:4px;
		width: 90px;
		height: 22px;
		font-family: verdana, arial;
		font-size:8px;
		letter-spacing: 0.1em;
		overflow: hidden;
		color: #fff;
	}
	.starrOnGreen  {float:left; width:14px; height:20px; background: transparent url(/design/www/DRPlayer/img/drPlayerGeneric/Light/starrOnGreen.gif) no-repeat;}
	.starrOn  		{float:left; width:14px; height:20px; background: transparent url(/design/www/DRPlayer/img/drPlayerGeneric/Light/starrOn.gif) no-repeat;}
	.starrOff 		{float:left; width:14px; height:20px; background: transparent url(/design/www/DRPlayer/img/drPlayerGeneric/Light/starrOff.gif) no-repeat;}





/*										*/
/*		playerCliplist				*/
/*										*/
.playerCliplist {
	float:left;					
	background:#494849;
}

.lookA {width:200px;}
.lookB {width:410px;}
.lookC {width:620px;}
.lookD {width:830px;}
.lookE {width:410px;}
.lookF {width:830px;}


/* divCol is default 200px but lookE and lookF has divCol 410px */
.divCol {float:left; width:200px; margin-left:10px;   overflow:hidden;}
.divColFirst {margin-left:0px;}
.lookE .divCol {width:410px;}
.lookF .divCol {width:410px;}
.divCol img {
	width:			100%;
}

/* Special for playerMainAdjacent - playerCliplist next to playerMain. */
.playerMainAdjacent .lookA {width:210px; margin-left:0px;}
.playerMainAdjacent .lookB {width:420px; margin-left:0px;}
.playerMainAdjacent .lookE {width:420px; margin-left:0px;}

.playerMainAdjacent .lookA .divCliplistOuter {width:208px; border:1px solid #a9a9a9;}		/* light #a9a9a9 */
.playerMainAdjacent .lookB .divCliplistOuter {width:418px; border:1px solid #a9a9a9;}		/* light #a9a9a9 */
.playerMainAdjacent .lookE .divCliplistOuter {width:418px; border:1px solid #a9a9a9;}		/* light #a9a9a9 */

.playerMainAdjacent .divCol {float:left; margin-left:0px;}



/* Background-color and border-top */
.compWrapperCliplist {
	overflow:hidden;
	background-color:#d6d6d6;					/* light #d6d6d6 */
}

.compWrapperCliplist .txtContentClip .date {
	color:#333;										/* light #333 */
}

/* Main colors and paddings for h2, p, a, span */
.compWrapperCliplist .txtContentClip * {
	color:#333;										/* light #333 */
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:14px;
	font-family:verdana,arial,sans-serif;
	text-decoration:none;
}

/* Link colors */
.compWrapperCliplist a:link, 
.compWrapperCliplist a:active, 
.compWrapperCliplist a:visited {color:#333;}							/* light #333 */
.compWrapperCliplist a:hover {color:#555;}							/* light #555 */

.compWrapperCliplist .seProgram a:link, 
.compWrapperCliplist .seProgram a:active, 
.compWrapperCliplist .seProgram a:visited {color:#6B6A6A;}		/* light #6B6A6A */
.compWrapperCliplist .seProgram a:hover {color:#4F4E4E;}			/* light #4F4E4E */


/* CSS for optional cliplist-links above cliplist. */
.cliplistExtra {
	padding-left:10px;
}
.cliplistExtraContent {
	padding-top:3px;
}
.cliplistExtra .icInternal {
	padding:0px 0px 5px 12px;
	display:block;
}

.cliplistExtra .icInternal a {
	text-decoration:none;
}


/* programSelector (tabs for each program to show clips for) */
.compWrapperCliplist .programSelector {
	height:35px;
}
.compWrapperCliplist .programSelector .txtContentProgramSelector {
	padding:10px 0px 0px 0px;			/* padding:10px 0px 0px 10px; */
}

.programSelector .programSelectorButton,
.programSelector .programSelectorButtonScroll {
	float:left;					/* Overwrites float in iconcss.drxml */
	width:38px;
	height:18px;
	color:#333;
	font-size:10px;
	letter-spacing: -0.1em;
	font-weight:bold;
	text-align: center;
	margin:0px;
	margin-left:2px;
	border:none;
	cursor:hand;
}

/* Programselector scroller */
.programSelector .scrollleft {
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/programSelectorLeftMap.gif');
	width:16px;
	visibility:hidden;
}
.programSelector .scrollright {
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/programSelectorRightMap.gif');
	width:16px;
	visibility:hidden;
}
.programSelector button:hover { background-position: 100% 0; }


/* Programselectors */
.programSelector .programSelectorButton {
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/programSelectorMap2.gif');
}
.programSelector .current {
	background-position: 100% 100%;
	color:#fff;
}


/* divCliplistOuter */
.divCliplistOuter {
	position:relative;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-face-color: #C5C5C5;			/* light #C5C5C5 */
	scrollbar-track-color: #ABABAB;			/* light #ABABAB */
	scrollbar-arrow-color: #5E5E5E;			/* light #5E5E5E */
	scrollbar-shadow-color: #E2E2E2;			/* light #E2E2E2 */
	scrollbar-darkshadow-color: #E2E2E2;	/* light #E2E2E2 */
	scrollbar-highlight-color: #E2E2E2;		/* light #E2E2E2 */
	scrollbar-3dlight-color: #E2E2E2;		/* light #E2E2E2 */
}


/* divCliplistInner */
.divCliplistInner {
	display:none;
}

.divCliplistInner .txtHeadline {
	padding:5px 10px 5px 10px;
	background-color:#F1EFEF;					/* light #F1EFEF */
}
.divCliplistInner .txtHeadline h4 {
	padding:7px 0px 5px 0px;
	font-size:12px;
	color:#333;										/* light #333 */
}


/* Specials for lookE and lookF - wide divCol. */
.lookE .imgContentClip,
.lookF .imgContentClip  {width:200px; float:left; position: relative; overflow: hidden;}

.lookE .txtContentClip,
.lookF .txtContentClip  {float:left;}

.lookE .imgContentClip + .txtContentClip,
.lookF .imgContentClip + .txtContentClip {width:180px; float:left;}	/* Only affects firefox (because of + (preceding) operator. */

.lookE img,
.lookF img  {margin-bottom:5px;}

.lookE .txtHeadline,
.lookF .txtHeadline  {padding:5px 10px 5px 10px; background-color:#F1EFEF;}					/* light #F1EFEF */

.lookE .txtHeadline h4,
.lookF .txtHeadline h4  {padding:7px 0px 5px 0px; font-size:12px; color:#333;}				/* light #333 */


/* css for elements inside compWrapperCliplist */
.compWrapperCliplist h3 {
	height:20px;
	border:1px solid #a9a9a9;					/* light #a9a9a9 */
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/headlinebg.png');
	margin-bottom:0px;
	padding-left:10px;
	padding-right:0px;
	_filter:alpha(opacity=100);	/* prevent override from local stylesheet */
}

.compWrapperCliplist h3 span {
	color:#333;							/* light #333 */
	line-height:18px;
			float:left;					/* for goback-knap */
}

#page .playerCliplist .compWrapperCliplist  h3 span.goback {
	width:22px;
	height:20px;
	background:#ff0 url('/design/www/DRPlayer/img/drPlayerGeneric/Light/tabknap.gif');
	text-indent:-1000px;
	float:right;
}

.compWrapperCliplist p {
	margin-bottom:5px;
}

.compWrapperCliplist .contentWrapperClip {
	border-bottom:1px solid #a9a9a9;				/* light #a9a9a9 */
}

.compWrapperCliplist .txtContentClip {
	padding:5px 10px 5px 10px;
}

.compWrapperCliplist .seProgram {
	float:left;
	padding-left:16px;
}

.compWrapperCliplist .isPlaying {
	color:#333;
	float:right;
	width:70px;
	height:14px;
	background:#fff;
	text-align:center;
}


/* Special: playicon on images in cliplist */
body#page .compWrapperCliplist .imgContentClip .mask {
	cursor:hand;
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	width:200px;
	height:112px;
	opacity:0.7;
	_filter:alpha(opacity=70);
	background:transparent url(/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconCliplist.gif) no-repeat 0px 0px;
}

body#page .compWrapperCliplist .imgContentClip img
{
    width: 200px;
    height: 112px;
}

body#page .compWrapperCliplist .divCliplistInner .mediaAudio .mask {
	background:transparent url(/design/www/DRPlayer/img/drPlayerGeneric/Light/playiconCliplistAudio.gif) no-repeat 0px 0px;
}

/* Overrides .mask in global.css (which is 800px high and overlaps playercontrols in playerMain, causing them do 'inherit' functionality of mask-element above. */
body#page .mask {
	height:400px;
}









/* */
/* 'hScrolll player'. Cliplist below playerMain is horizontal scroll. */
/* */

/* playerMain */
.hScrolll #XXXpreviousDiv,
.hScrolll #XXXnextDiv,
.hScrolll #playerstateDiv,
.hScrolll #clipinfoTitle,
.hScrolll #clipinfoDate,
.hScrolll .classDeeplink {
	display:none;
}

.hScrolll											{_padding-bottom:10px;}
.hScrolll .playerMain 							{margin-bottom:0px;}
.hScrolll .playerMain .txtContentPlayer 	{padding:5px 5px 0px 5px;}
.hScrolll .txtContentPlayer 					{border:none; border-top:1px solid #7A7A7A;}


/* playerCliplist */
.playerMainBelow .txtContentClip h2,
.playerMainBelow .txtContentClip .date,
.playerMainBelow .txtContentClip .seProgram,
.playerMainBelow .txtContentClip .isPlaying {
	display:none;
}

.playerMainBelow {
	margin-bottom:10px;
}

.playerMainBelow .divCliplistOuter {
	width:410px;
	margin-bottom:5px;
}

.playerMainBelow .divCliplistInner {
	width:3000px;
}

.playerMainBelow .divCol {
	width:100%;
	margin-left:0px
}

.playerMainBelow .contentWrapperClip {
	float:left;
	width:130px;
	margin:3px 4px 3px 3px;
	_margin:3px 6px 3px 1px;		/* special for ie */
	background-color:#eee;														/* light #eee */
}

.playerMainBelow .contentWrapperClip .imgContentClip img {
	width:130px;
}

.playerMainBelow .contentWrapperClip .txtContentClip {
	height:51px;
	_height:54px;
	overflow:hidden;
	padding:5px 5px 5px 5px;
}

.playerMainBelow .contentWrapperClip .txtContentClip p.description {
	font-weight:bold;
}

body#page .playerMainBelow .contentWrapperClip .imgContentClip .mask {
	width:130px;
	height:73px;
	background:transparent url(http://www.dr.dk/drdk/graphics/update/ic_clipNormal.gif);
}


/* header - line under cliplist with link and scroll-buttons */
.playerMainBelow .compWrapperCliplist .header {
	height:24px;
	width:410px;
}

.playerMainBelow .compWrapperCliplist .header .headline {
	float:left;
	height:20px;
	line-height:20px;
	margin-left:8px;
	width:164px;
}

.playerMainBelow .compWrapperCliplist .header .contentNav {
	float:right;
	height:22px;
	width:120px;
}

.playerMainBelow .compWrapperCliplist .header .navSlider {
	float:right;
}

.playerMainBelow .compWrapperCliplist .header .navSlider a {
	rrrbackground:transparent url(http://www.dr.dk/drdk/graphics/update/upd_sliderNavigation_btn.gif);
	background:transparent url('/design/www/DRPlayer/img/drPlayerGeneric/Light/upd_sliderNavigation_btn.gif');
	display:block;
	float:left;
	line-height:22px;
	text-decoration:none;
	text-indent:-50px;
	color:#51A32D;
}

.playerMainBelow .compWrapperCliplist .header .navSlider a.left									{width:22px; background-position:0px 0px;}
.playerMainBelow .compWrapperCliplist .header .navSlider a.right									{width:22px; background-position:-25px 0px;}
.playerMainBelow .compWrapperCliplist .header .navSlider a.m_section								{width:6px;  background-position:-60px 0px;}
.playerMainBelow .compWrapperCliplist .header .navSlider a.current								{width:6px;  background-position:-60px -23px;}

.playerMainBelow .compWrapperCliplist .header .contentNav .navSlider a:hover.left			{background-position:0px -23px;}
.playerMainBelow .compWrapperCliplist .header .contentNav .navSlider a:hover.right			{background-position:-25px -23px;}
.playerMainBelow .compWrapperCliplist .header .contentNav .navSlider a:hover.m_section		{background-position:-60px -23px;}

.playerMainBelow .compWrapperCliplist .header .navSlider .ssliderArrow img						{visibility:hidden; width:22px; height:22px;}
.playerMainBelow .compWrapperCliplist .header .navSlider .sslider img 							{visibility:hidden; width:6px; height:22px;}