/* STYLESHEET FILE DESCRIPTION: TV play screen styles */

/* PLAY MENU
######################################### */
#playmenu-menu-shadow-right {left: 350px; display: none;}
.tvprogramme .b-focused #playmenu-menu-shadow-right,
.langmenu .b-focused #playmenu-menu-shadow-right {display: block;}

/* Channel name */
#playmenu-channel {
	top: 35px;
	left: 20px;
}

#playmenu-channel > strong {
	width: 220px;
	height: 30px;
	top: 30px;
	text-indent: -9000px;
	background: url('../images/sections/tv/channel-inarchive.png') no-repeat 3px 3px;
	position: absolute;
	display: none;
}

.inarchive #playmenu-channel > strong {display: block;}

#playmenu-channel > em {
	font-family: BasefontRegular;
	font-size: 28px;	
}

.infav #playmenu-channel > span {
	width: 34px;
	height: 28px;
	margin-left: 6px;
	vertical-align: bottom;
	background: url('../images/generic/fav.png') no-repeat 0 -35px;
	display: inline-block;
}

/* Menu */
#playmenu-list {top: 80px;}

.menuitems-1 #playmenu-1,
.menuitems-1 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-1 #playmenu-separator {display: none;}

.menuitems-2 #playmenu-1,
.menuitems-2 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-2 #playmenu-2,
.menuitems-2 #playmenu-focus.playmenu-2 {top: 100px;}
.menuitems-2 #playmenu-separator {top: 80px;}

.menuitems-3 #playmenu-1,
.menuitems-3 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-3 #playmenu-2,
.menuitems-3 #playmenu-focus.playmenu-2 {top: 60px;}
.menuitems-3 #playmenu-3,
.menuitems-3 #playmenu-focus.playmenu-3 {top: 140px;}
.menuitems-3 #playmenu-separator {top: 120px;}

.menuitems-4 #playmenu-1,
.menuitems-4 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-4 #playmenu-2,
.menuitems-4 #playmenu-focus.playmenu-2 {top: 60px;}
.menuitems-4 #playmenu-3,
.menuitems-4 #playmenu-focus.playmenu-3 {top: 100px;}
.menuitems-4 #playmenu-4,
.menuitems-4 #playmenu-focus.playmenu-4 {top: 180px;}
.menuitems-4 #playmenu-separator {top: 160px;}

.menuitems-5 #playmenu-1,
.menuitems-5 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-5 #playmenu-2,
.menuitems-5 #playmenu-focus.playmenu-2 {top: 60px;}
.menuitems-5 #playmenu-3,
.menuitems-5 #playmenu-focus.playmenu-3 {top: 100px;}
.menuitems-5 #playmenu-4,
.menuitems-5 #playmenu-focus.playmenu-4 {top: 140px;}
.menuitems-5 #playmenu-5,
.menuitems-5 #playmenu-focus.playmenu-5 {top: 220px;}
.menuitems-5 #playmenu-separator {top: 200px;}

.menuitems-6 #playmenu-1,
.menuitems-6 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-6 #playmenu-2,
.menuitems-6 #playmenu-focus.playmenu-2 {top: 60px;}
.menuitems-6 #playmenu-3,
.menuitems-6 #playmenu-focus.playmenu-3 {top: 100px;}
.menuitems-6 #playmenu-4,
.menuitems-6 #playmenu-focus.playmenu-4 {top: 140px;}
.menuitems-6 #playmenu-5,
.menuitems-6 #playmenu-focus.playmenu-5 {top: 180px;}
.menuitems-6 #playmenu-6,
.menuitems-6 #playmenu-focus.playmenu-6 {top: 260px;}
.menuitems-6 #playmenu-separator {top: 240px;}

.menuitems-7 #playmenu-1,
.menuitems-7 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-7 #playmenu-2,
.menuitems-7 #playmenu-focus.playmenu-2 {top: 60px;}
.menuitems-7 #playmenu-3,
.menuitems-7 #playmenu-focus.playmenu-3 {top: 100px;}
.menuitems-7 #playmenu-4,
.menuitems-7 #playmenu-focus.playmenu-4 {top: 140px;}
.menuitems-7 #playmenu-5,
.menuitems-7 #playmenu-focus.playmenu-5 {top: 180px;}
.menuitems-7 #playmenu-6,
.menuitems-7 #playmenu-focus.playmenu-6 {top: 220px;}
.menuitems-7 #playmenu-7,
.menuitems-7 #playmenu-focus.playmenu-7 {top: 300px;}
.menuitems-7 #playmenu-separator {top: 280px;}

.menuitems-8 #playmenu-1,
.menuitems-8 #playmenu-focus.playmenu-1 {top: 20px;}
.menuitems-8 #playmenu-2,
.menuitems-8 #playmenu-focus.playmenu-2 {top: 60px;}
.menuitems-8 #playmenu-3,
.menuitems-8 #playmenu-focus.playmenu-3 {top: 100px;}
.menuitems-8 #playmenu-4,
.menuitems-8 #playmenu-focus.playmenu-4 {top: 140px;}
.menuitems-8 #playmenu-5,
.menuitems-8 #playmenu-focus.playmenu-5 {top: 180px;}
.menuitems-8 #playmenu-6,
.menuitems-8 #playmenu-focus.playmenu-6 {top: 220px;}
.menuitems-8 #playmenu-7,
.menuitems-8 #playmenu-focus.playmenu-7 {top: 260px;}
.menuitems-8 #playmenu-8,
.menuitems-8 #playmenu-focus.playmenu-8 {top: 340px;}
.menuitems-8 #playmenu-separator {top: 320px;}


#playmenu-list > div > span {
	width: 34px;
	height: 40px;
	margin-left: 6px;
	vertical-align: bottom;
	background-image: url('../images/generic/legend.png');
	background-repeat: no-repeat;
	display: inline-block;
}

#playmenu-list .description > span {background-position: 0 -555px;}
#playmenu-list .tvpause > span {background-position: 0 -305px;}
#playmenu-list .prevprogramme > span {background-position: 0 -355px;}
#playmenu-list .nextprogramme > span {background-position: 0 -405px;}

#playmenu-list .fav {padding-left: 58px !important; background: url('../images/generic/fav.png') no-repeat 30px -32px;}

#playmenu-list .fav.i-selected {background-position: 30px -68px;}


/* Channel description */
#playmenu-description {
	width: 310px;
	height: 180px;
	top: 485px;
	left: 20px;
	font-size: 19px;
	line-height: 26px;
	overflow: hidden;
}


/* Language menu */
#playmenu-lang {
	width: 240px;
	height: 720px;
	left: 350px;
	background: url('../images/generic/opacity-u9.png') !important;
	display: none;
}

.langmenu #playmenu-lang {display: block;}
.langmenu #playmenu-outline {left: 590px;}

#playmenu-lang-shadow-left {left: -20px;}

#playmenu-lang-title {
	top: 35px;
	left: 20px;
	font-family: BasefontRegular;
	font-size: 28px;	
}

#playmenu-lang .item {
	height: 40px;
	width: 240px;
}

#playmenu-lang .title {
	margin-left: 20px;
	font-family: BasefontRegular;
	font-size: 21px;
	line-height: 40px;
}

#playmenu-lang .border {
	width: 240px;
	height: 1px;
	margin-top: 39px;
	background: url('../images/generic/opacity-w1.png');
}

#playmenu-lang-focus {
	width: 240px;
	height: 40px;
}

#playmenu-lang-1,
#playmenu-lang-focus.playmenu-lang-1 {top: 100px;}
#playmenu-lang-2,
#playmenu-lang-focus.playmenu-lang-2 {top: 140px;}
#playmenu-lang-3,
#playmenu-lang-focus.playmenu-lang-3 {top: 180px;}
#playmenu-lang-4,
#playmenu-lang-focus.playmenu-lang-4 {top: 220px;}
#playmenu-lang-5,
#playmenu-lang-focus.playmenu-lang-5 {top: 260px;}
#playmenu-lang-6,
#playmenu-lang-focus.playmenu-lang-6 {top: 300px;}
#playmenu-lang-7,
#playmenu-lang-focus.playmenu-lang-7 {top: 340px;}
#playmenu-lang-8,
#playmenu-lang-focus.playmenu-lang-8 {top: 380px;}
#playmenu-lang-9,
#playmenu-lang-focus.playmenu-lang-9 {top: 420px;}
#playmenu-lang-10,
#playmenu-lang-focus.playmenu-lang-10 {top: 460px;}


/* TV PROGRAMME
######################################### */
#playmenu.tvprogramme #playmenu-outline {display: none;}

/* Days list */
#playmenu-tvprogramme-days {
	width: 330px;
	height: 720px;
	left: 350px;
	background: url('../images/generic/opacity-u9.png');
	display: none;
}

.tvprogramme #playmenu-tvprogramme-days {display: block;}

#playmenu-tvprogramme-days-shadow-left {left: -20px;}
#playmenu-tvprogramme-days-shadow-right {left: 330px;}


#playmenu-menu.b-focused,
#playmenu-tvprogramme-days.b-focused,
#playmenu-tvprogramme-list.b-focused,
#playmenu-lang.b-focused  {
	background: url('../images/generic/opacity-b9.png') !important;
}


#playmenu-tvprogramme-days-title {
	top: 35px;
	left: 20px;
	font-family: BasefontRegular;
	font-size: 28px;	
}

#playmenu-tvprogramme-days .item {
	height: 40px;
	width: 240px;
}

#playmenu-tvprogramme-days .day,
#playmenu-tvprogramme-days .title {
	font-family: BasefontRegular;
	font-size: 21px;
	line-height: 40px;
	white-space: nowrap;
}

#playmenu-tvprogramme-days .item .inarchive {
	width: 15px;
	height: 40px;
	margin-left: 12px;
	background: url('../images/sections/tv/playscreen-inarchive.png') no-repeat;
	opacity: 0.6;
	display: none;
}

#playmenu-tvprogramme-days .item.inarchive .inarchive {display: block;}

#playmenu-tvprogramme-days .item.i-selected .inarchive {background-position: 0 -40px; opacity: 1;}
#playmenu-tvprogramme-days .item.i-selected .day {opacity: 1;}

#playmenu-tvprogramme-days .day {
	width: 52px;
	text-align: right;
	opacity: 0.6;
}

#playmenu-tvprogramme-days .title {
	margin-left: 60px;
}

#playmenu-tvprogramme-days .border {
	width: 330px;
	height: 1px;
	margin-top: 39px;
	background: url('../images/generic/opacity-w1.png');
}

#playmenu-tvprogramme-days-focus {
	width: 330px;
	height: 40px;
}

#playmenu-tvprogramme-days-1,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-1 {top: 100px;}
#playmenu-tvprogramme-days-2,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-2 {top: 140px;}
#playmenu-tvprogramme-days-3,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-3 {top: 180px;}
#playmenu-tvprogramme-days-4,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-4 {top: 220px;}
#playmenu-tvprogramme-days-5,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-5 {top: 260px;}
#playmenu-tvprogramme-days-6,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-6 {top: 300px;}
#playmenu-tvprogramme-days-7,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-7 {top: 340px;}
#playmenu-tvprogramme-days-8,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-8 {top: 380px;}
#playmenu-tvprogramme-days-9,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-9 {top: 420px;}
#playmenu-tvprogramme-days-10,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-10 {top: 460px;}
#playmenu-tvprogramme-days-11,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-11 {top: 500px;}
#playmenu-tvprogramme-days-12,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-12 {top: 540px;}
#playmenu-tvprogramme-days-13,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-13 {top: 580px;}
#playmenu-tvprogramme-days-14,
#playmenu-tvprogramme-days-focus.playmenu-tvprogramme-days-14 {top: 620px;}

#playmenu-tvprogramme-days-14 .border {display: none;}

/* Programmes list */
#playmenu-tvprogramme-list {
	left: 680px;
	width: 600px;
	height: 720px;
	background: url('../images/generic/opacity-u8.png');
	display: none;
}

.tvprogramme #playmenu-tvprogramme-list {display: block;}

#playmenu-tvprogramme-list-shadow-left {left: -20px;}

#playmenu-tvprogramme-list .item {
	width: 560px;
	height: 50px;
	left: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	overflow: hidden;
}

#playmenu-tvprogramme-list .time {
	width: 75px;
	margin-top: 10px;
	font-size: 36px;
	text-align: right;
}

#playmenu-tvprogramme-list .time sup {
	font-size: 20px;
	vertical-align: super;
}

#playmenu-tvprogramme-list .title {
	width: 420px;
	margin-left: 90px;
	font-size: 21px;
	line-height: 52px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#playmenu-tvprogramme-list .inarchive-icon,
#playmenu-tvprogramme-list .info-icon {
	width: 20px;
	height: 20px;
	top: 16px;
	display: none;
}

#playmenu-tvprogramme-list .inarchive .inarchive-icon,
#playmenu-tvprogramme-list .info .info-icon {display: block;}

#playmenu-tvprogramme-list .inarchive-icon {
	left: 510px;
	background: url('../images/sections/tv/playscreen-inarchive.png') no-repeat 0 -10px;
}

#playmenu-tvprogramme-list .info-icon {
	left: 535px;
	background: url('../images/generic/legend.png') no-repeat 0 -466px;
	opacity: 0.8;
}

#playmenu-tvprogramme-list .live .time,
#playmenu-tvprogramme-list .live .title {
	color: #8cc63f !important;
}

#playmenu-tvprogramme-list .live .progress {
	height: 6px;
	margin-top: 42px;
	background-color: #7ba043;
	border-top: 1px solid #310a30;
	border-right: 1px solid #310a30;
	display: block;
}

#playmenu-tvprogramme-list .live.i-focused {
	background: none;
}

#playmenu-tvprogramme-list .live.i-focused .progress {
	border-top-color: #1963a4 !important;
	border-right-color: #1963a4 !important;
}

#playmenu-tvprogramme-list.b-focused .live.i-focused .time,
#playmenu-tvprogramme-list.b-focused .live.i-focused .title {
	color: #fff !important;
}

#playmenu-tvprogramme-list .item.old {
	opacity: 0.5;
}

#playmenu-tvprogramme-list-focus {
	width: 560px;
	height: 47px;
	left: 20px;
}

#playmenu-tvprogramme-list-1 {top: 38px;}
#playmenu-tvprogramme-list-2 {top: 88px;}
#playmenu-tvprogramme-list-3 {top: 138px;}
#playmenu-tvprogramme-list-4 {top: 188px;}
#playmenu-tvprogramme-list-5 {top: 238px;}
#playmenu-tvprogramme-list-6 {top: 288px;}
#playmenu-tvprogramme-list-7 {top: 338px;}
#playmenu-tvprogramme-list-8 {top: 388px;}
#playmenu-tvprogramme-list-9 {top: 438px;}
#playmenu-tvprogramme-list-10 {top: 488px;}
#playmenu-tvprogramme-list-11 {top: 538px;}
#playmenu-tvprogramme-list-12 {top: 588px;}
#playmenu-tvprogramme-list-13 {top: 638px; border-bottom: none !important;}

#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-1 {top: 40px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-2 {top: 90px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-3 {top: 140px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-4 {top: 190px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-5 {top: 240px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-6 {top: 290px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-7 {top: 340px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-8 {top: 390px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-9 {top: 440px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-10 {top: 490px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-11 {top: 540px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-12 {top: 590px;}
#playmenu-tvprogramme-list-focus.playmenu-tvprogramme-list-13 {top: 640px;}

#playmenu-tvprogramme-list-up,
#playmenu-tvprogramme-list-down {
	width: 600px;
	height: 20px;
	background-image: url('../images/generic/list-arrows.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	display: none;
}

.b-focused #playmenu-tvprogramme-list-up,
.b-focused #playmenu-tvprogramme-list-down {display: block;}

#playmenu-tvprogramme-list-up {top: 16px;}
#playmenu-tvprogramme-list-down {top: 692px; background-position: 50% -20px;}

	/* No programme */
#playmenu-tvprogramme-noprogramme {
	width: 600px;
	height: 720px;
	line-height: 720px;
	text-align: center;
	font-size: 21px;
	display: none;
}

.noprogramme #playmenu-tvprogramme-noprogramme {display: block;}

#playmenu-tvprogramme-list.noprogramme .item,
.noprogramme #playmenu-tvprogramme-list-up,
.noprogramme #playmenu-tvprogramme-list-down,
.noprogramme #playmenu-tvprogramme-list-focus {display: none;}


/* PLAYBAR
######################################### */
#playbar {display: none;}
#playbar.b-shown {display: block;}

#playbar-container {
	width: 650px;
	height: 134px;
	top: 564px;
	left: 610px;
	background: url('../images/generic/playbar-bg.png');
	border-radius: 6px;
}

#playbar-outline {
	width: 650px;
	height: 134px;
	top: 562px;
	left: 608px;
	border: 2px solid #fff;
	border-radius: 8px;
	opacity: 0.6;
	box-shadow: 0px 5px 15px #000;
}

/* Channel logo */
#playbar-logo {
	width: 128px;
	height: 128px;
	top: 3px;
	left: 3px;
	background-repeat: no-repeat;
	border-radius: 4px;
}

/*Channel number */
#playbar-chnumber {
	width: 50px;
	top: 3px;
	left: 125px;
	font-size: 19px;
	line-height: 42px;
	text-align: right;
	color: #777;
}

/* Channel name */
#playbar-channel {
	left: 185px;
	top: 3px;
	width: 270px;
	font-size: 22px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Archive status */
#playbar-archive {
	width: 220px;
	height: 19px;
	top: 12px;
	left: 426px;
	text-indent: -9000px;
	background: url('../images/sections/tv/channel-inarchive.png') no-repeat;
	display: none;
}

.inarchive #playbar-archive,
.fromarchive #playbar-archive {display: block;}

/* Programme guide */
#playbar-current {top: 43px;}
#playbar-next {top: 89px;}

#playbar-current,
#playbar-next {
	width: 500px;
	height: 45px;
	left: 141px;
	overflow: hidden;
}

#playbar-current {border-top: 1px solid rgba(255,255,255,0.5);}
#playbar-next {border-top: 1px solid rgba(255,255,255,0.3);}

#playbar-current .time,
#playbar-next .time {
	width: 65px;
	margin-top: 7px;
	font-size: 28px;
	text-align: right;
}

#playbar-current .time sup,
#playbar-next .time sup {
	font-size: 19px;
	vertical-align: super;
}

#playbar-current .title,
#playbar-next .title {
	width: 390px;
	margin-left: 80px;
	font-size: 19px;
	line-height: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#playbar-current .info-icon {
	width: 20px;
	height: 20px;
	top: 13px;
	left: 482px;
	background: url('../images/generic/legend.png') no-repeat 0 -466px;
	opacity: 0.8;
	display: none;
}

.info #playbar-current .info-icon {display: block;}



#playbar-current .liveprogress,
#playbar-next .liveprogress {
	height: 5px;
	margin-top: 39px;
	background-color: #7ba043;
	display: block;
}

#playbar-current .archiveprogress{
	height: 5px;
	margin-top: 39px;
	background-color: #0ab2ff;
	border-right: 1px solid rgba(0,0,0,0.5);
	display: block;
}

	/* Current programme live */
.current-live #playbar-current {color: #8cc63f}
.current-live #playbar-current .archiveprogress {display: none;}

	/* Current programme live, but from archive */
.current-livearchive #playbar-current {color: #8cc63f}

	/* Current programme from archive */
.current-archive #playbar-current {color: #0ab2ff}
.current-archive #playbar-current .liveprogress {display: none;}

/* No programme */
#playbar-noprogramme {
	width: 500px;
	height: 80px;
	top: 48px;
	left: 140px;
	text-align: center;
	line-height: 80px;
	font-size: 19px;
	display: none;
}

.noprogramme #playbar-noprogramme {display: block;}

.noprogramme #playbar-current .time,
.noprogramme #playbar-current .title,
.noprogramme #playbar-current .liveprogress,
.noprogramme #playbar-current .archiveprogress,
.noprogramme #playbar-next {display: none !important;}


/* Loading */
#playbar-loading {
	width: 500px;
	height: 5px;
	top: 37px;
	left: 141px;
	background: none;
	z-index: 10;
	display: none1;
}

#playbar-loading .progress {
	height: 5px;
	background-color: #0ab2ff;
	border-right: 1px solid rgba(0,0,0,0.5);
}



/* PAUSE NOTIFICATION
######################################### */
#paused {display: none;}
#paused.b-shown {display: block;}

#paused,
#paused .pause {
	width: 114px;
	height: 82px;
}

#paused {
	top: 30px;
	right: 30px;
	background: url('../images/generic/opacity-u9.png');
	border-radius: 14px;
	z-index: 20;
}

#paused-outline {
	width: 114px;
	height: 82px;
	top: -2px;
	left: -2px;
	border: 2px solid #fff;
	border-radius: 14px;
	opacity: 0.4;
}

#paused .pause {background: url('../images/generic/playscreen-paused.png') no-repeat 50% 50%;}


/* SWITCH CHANNEL BY NUMBER
######################################### */
#chswitch {display: none;}
#chswitch.b-shown {display: block;}

#chswitch,
#chswitch .chnumber {
	width: 150px;
	height: 92px;
}

#chswitch {
	top: 318px;
	right: 465px;
	background: url('../images/generic/opacity-u9.png');
	border-radius: 6px;
	z-index: 20;
}

#chswitch-outline {
	width: 150px;
	height: 92px;
	top: -2px;
	left: -2px;
	border: 2px solid #fff;
	border-radius: 8px;
	opacity: 0.4;
}

#chswitch .chnumber {
	text-align: center;
	line-height: 95px;
	font-size: 62px;
}

#chswitch.na .chnumber {color: #ff5100;}


/* TV PROGRAMME
######################################### */
#tvprogramme {display: none;}
#tvprogramme.b-shown {display: block;}




/* PROGRAMME DESCRIPTION
######################################### */
#prgdescription {
	z-index: 90;
}

#prgdescription {display: none;}
#prgdescription.b-shown {display: block;}

#prgdescription-backshade {
	width: 1280px;
	height: 720px;
	background: url('../images/generic/opacity-u8.png');
	z-index: 10;
}

#prgdescription-container {
	width: 1080px;
	height: 570px;
	top: 75px;
	left: 100px;
	background: url('../images/generic/opacity-b9.png');
	border-radius: 6px;
	z-index: 20;
}

#prgdescription-outline {
	width: 1080px;
	height: 570px;
	top: 73px;
	left: 98px;
	border: 2px solid #fff;
	border-radius: 8px;
	opacity: 0.4;
	z-index: 10;
}

/* Channel name */
#prgdescription-channel {
	top: 24px;
	left: 20px;
	font-size: 26px;	
}

/* Programme date */
#prgdescription-date {
	top: 60px;
	left: 20px;
	font-size: 20px;	
}

/* Programme name */
#prgdescription-programme {
	width: 285px;
	top: 120px;
	left: 20px;
	font-size: 22px;
	line-height: 31px;
}

/* Legend */
#prgdescription-legend {
	top: 535px;
	left: 20px;
}

/* Separator */
#prgdescription-separator {
	height: 530px;
	width: 1px;
	top: 20px;
	left: 325px;
	background: url('../images/generic/opacity-w5.png');
}

/* Scrolling arrows */
#prgdescription-up,
#prgdescription-down {
	width: 705px;
	height: 20px;
	left: 350px;
	background-image: url('../images/generic/list-arrows.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#prgdescription-up {top: 8px;}
#prgdescription-down {top: 540px; background-position: 50% -20px;}

/* Text */
#prgdescription-description {
	width: 700px;
	height: 510px;
	top: 30px;
	left: 350px;
	overflow: hidden;
}

#prgdescription-description-scroll {
	height: 510px;
	top: 30px;
	left: 1060px;
	display: block;
}

#prgdescription-description p {
	margin-bottom: 30px;
}

#prgdescription-description,
#prgdescription-description *  {
	font-size: 21px;
	line-height: 30px;
}

#prgdescription-description img {
	margin: 5px 15px 15px 0;
	border: 5px solid rgba(255,255,255,0.2);
	border-radius: 3px;
}

#prgdescription-description strong {
	font-weight: bold;
}