/* STYLESHEET FILE DESCRIPTION: Styles for TV screen */

/* GROUPS
######################################### */
#tv-groups {
	width: 270px;
	height: 720px;
	left: 80px;
	background: url('../images/generic/opacity-b3.png');
}

#tv-groups-shadow-left {left: -20px;}
#tv-groups-shadow-right {left: 270px;}


#screen.menu-full #tv-groups {left: 265px;}

#tv-groups-title {
	top: 35px;
	left: 20px;
	font-family: BasefontRegular;
	font-size: 38px;
}

#tv-groups-separator {
	height: 1px;
	width: 230px;
	left: 20px;
	background: url('../images/generic/opacity-w7.png');
}

#tv-groups .item {
	height: 40px;
	width: 205px;
	padding-left: 30px;
	font-family: BasefontRegular;
	font-size: 23px;
	line-height: 40px;
}

#tv-groups-focus {
	width: 270px;
	height: 40px;
}

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

#tv-groups-12,
#tv-groups-focus.tv-groups-12 {top: 580px;}
#tv-groups-13,
#tv-groups-focus.tv-groups-13 {top: 620px;}


#tv-groups-separator {top: 560px;}

#tv-groups .fav,
#tv-groups .fav.i-selected.i-focused {padding-left: 56px !important; background: url('../images/generic/fav.png') no-repeat 30px -34px;}
#tv-groups .fav.i-selected {background-position: 30px -68px;}

#tv-groups .inarchive,
#tv-groups .inarchive.i-selected.i-focused {padding-left: 56px !important; background: url('../images/sections/tv/inarchive.png') no-repeat 33px 0;}
#tv-groups .inarchive.i-selected {background-position: 33px -40px;}



/* LIST
######################################### */
#tv-list {
	width: 335px;
	height: 720px;
	left: 350px;
	background: url('../images/generic/opacity-b4.png');
}

#tv-list-shadow-left {left: -20px;}
#tv-list-shadow-right {left: 335px;}

#screen.menu-full #tv-list {left: 535px;}

#tv-list-focus {
	width: 335px;
	height: 40px;
}

#tv-list .item {
	width: 335px;
	height: 40px;
	font-family: BasefontRegular;
	overflow: hidden;
}

#tv-list .number {
	width: 45px;
	font-size: 19px;
	line-height: 42px;
	text-align: right;
	opacity: 0.5;
}

#tv-list .title {
	left: 55px;
	font-size: 24px;
	line-height: 40px;
	white-space: nowrap;
}

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

#tv-list-1 {top: 40px;}
#tv-list-2 {top: 80px;}
#tv-list-3 {top: 120px;}
#tv-list-4 {top: 160px;}
#tv-list-5 {top: 200px;}
#tv-list-6 {top: 240px;}
#tv-list-7 {top: 280px;}
#tv-list-8 {top: 320px;}
#tv-list-9 {top: 360px;}
#tv-list-10 {top: 400px;}
#tv-list-11 {top: 440px;}
#tv-list-12 {top: 480px;}
#tv-list-13 {top: 520px;}
#tv-list-14 {top: 560px;}
#tv-list-15 {top: 600px;}
#tv-list-16 {top: 640px;}


#tv-list-focus.tv-list-1 {top: 40px;}
#tv-list-focus.tv-list-2 {top: 80px;}
#tv-list-focus.tv-list-3 {top: 120px;}
#tv-list-focus.tv-list-4 {top: 160px;}
#tv-list-focus.tv-list-5 {top: 200px;}
#tv-list-focus.tv-list-6 {top: 240px;}
#tv-list-focus.tv-list-7 {top: 280px;}
#tv-list-focus.tv-list-8 {top: 320px;}
#tv-list-focus.tv-list-9 {top: 360px;}
#tv-list-focus.tv-list-10 {top: 400px;}
#tv-list-focus.tv-list-11 {top: 440px;}
#tv-list-focus.tv-list-12 {top: 480px;}
#tv-list-focus.tv-list-13 {top: 520px;}
#tv-list-focus.tv-list-14 {top: 560px;}
#tv-list-focus.tv-list-15 {top: 600px;}
#tv-list-focus.tv-list-16 {top: 640px;}

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

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

#tv-list-up {top: 15px;}
#tv-list-down {top: 690px; background-position: 50% -20px;}


/* CHANNEL
######################################### */
#tv-channel {
	width: 595px;
	height: 720px;
	left: 685px;
	background: url('../images/generic/opacity-b3.png');
}

#tv-channel-shadow-left {left: -20px;}

#screen.menu-full #tv-channel {left: 870px;}

#tv-channel-logo,
#tv-channel-logo-place {
	width: 128px;
	height: 128px;
	top: 30px;
	left: 20px;
	background-repeat: no-repeat;
	border-radius: 4px;
}

#tv-channel-logo {z-index: 10;}
#tv-channel-logo-place {background: url('../images/generic/opacity-b3.png');}

#tv-channel-name {
	top: 35px;
	left: 162px;
	font-family: BasefontRegular;
	font-size: 38px;
}

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

#tv-channel-group {
	top: 75px;
	left: 162px;
	width: 420px;
	font-size: 20px;
	line-height: 26px;
}

#tv-channel-group .inarchive {
	margin: 5px 0 5px 0;
	padding-left: 20px;
	color: #8cc63e;
	text-indent: -9000px;
	background: url('../images/sections/tv/channel-inarchive.png') no-repeat 3px 0;
	display: none;
}

.inarchive #tv-channel-group .inarchive {display: block;}

#tv-channel-fav {
	top: 115px;
	left: 162px;
}

#tv-channel-fav .fav > span {
	padding-left: 32px;
	background-image: url('../images/generic/fav.png');
	background-repeat: no-repeat;
}

#tv-channel-fav .i-focused.fav > span {
	background-position: 0 -34px;
}

/* Generic tv programme elements */
.programme .item {
	width: 555px;
	height: 50px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	overflow: hidden;
}

.programme .time {
	width: 75px;
	margin-top: 10px;
	font-size: 36px;
	text-align: right;
}

.programme .time sup {
	font-size: 20px;
	vertical-align: super;
}

.programme .title {
	width: 400px;
	margin-left: 90px;
	font-size: 21px;
	line-height: 52px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

	/* Live */
.programme .live .time,
.programme .live .title {
	color: #8cc63f;
}

.programme .live .progress {
	height: 6px;
	margin-top: 42px;
	background-color: #7ba043;
	border-top: 1px solid #58587d;
	border-right: 1px solid #58587d;
	display: block;
}

.programme .live.i-focused {background: none;}

.b-focused .programme .live.i-focused .time,
.b-focused .programme .live.i-focused .title {color: #fff;}

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

.programme .item.old {
	opacity: 0.5;
}

.programme .inarchive-icon,
.programme .info-icon {
	width: 20px;
	height: 20px;
	top: 16px;
	display: none;
}

.programme .inarchive .inarchive-icon,
.programme .info .info-icon {display: block;}

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

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

/* Tv programme */
#tv-channel.tvprogramme #tv-channel-programme {display: block;}

#tv-channel-programme-focus {
	width: 555px;
	height: 47px;
}

#tv-channel-programme {
	width: 555px;
	height: 450px;
	top: 190px;
	left: 20px;
	display: none;
}

#tv-channel-programme-1 {top: 0px;}
#tv-channel-programme-2 {top: 50px;}
#tv-channel-programme-3 {top: 100px;}
#tv-channel-programme-4 {top: 150px;}
#tv-channel-programme-5 {top: 200px;}
#tv-channel-programme-6 {top: 250px;}
#tv-channel-programme-7 {top: 300px;}
#tv-channel-programme-8 {top: 350px;}
#tv-channel-programme-9 {top: 400px; border-bottom: none;}

#tv-channel-programme .tv-channel-programme-1 {top: 2px;}
#tv-channel-programme .tv-channel-programme-2 {top: 52px;}
#tv-channel-programme .tv-channel-programme-3 {top: 102px;}
#tv-channel-programme .tv-channel-programme-4 {top: 152px;}
#tv-channel-programme .tv-channel-programme-5 {top: 202px;}
#tv-channel-programme .tv-channel-programme-6 {top: 252px;}
#tv-channel-programme .tv-channel-programme-7 {top: 302px;}
#tv-channel-programme .tv-channel-programme-8 {top: 352px;}
#tv-channel-programme .tv-channel-programme-9 {top: 402px;}

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

#tv-channel.b-focused.tvprogramme #tv-channel-programme-up,
#tv-channel.b-focused.tvprogramme #tv-channel-programme-down {display: block;}

#tv-channel-programme-up {top: -23px;}
#tv-channel-programme-down {top: 455px; background-position: 50% -20px;}


/* PiP */
#tv-channel.pip #tv-channel-pip {display: block;}

#tv-channel-pip .pipscreen {
	width:541px;
	height: 304px;
	background-color: #000;
}

#tv-channel-pip {
	width: 541px;
	height: 304px;
	padding: 7px;
	top: 180px;
	left: 20px;
	background: url('../images/generic/opacity-b3.png');
	border-radius: 4px;
	display: none;
}

#tv-channel-pip.i-focused {background: #2a93d6;}

#tv-channel-pip-programme,
#tv-channel-pip-programme-1,
#tv-channel-pip-programme-2,
#tv-channel-pip-programme-3 {display: none;}

#tv-channel.pip #tv-channel-pip-programme,
#tv-channel.pip #tv-channel-pip-programme-1,
#tv-channel.pip #tv-channel-pip-programme-2,
#tv-channel.pip #tv-channel-pip-programme-3 {display: block;}

#tv-channel.pip #tv-channel-pip-programme {
	top: 515px;
	left: 20px;
}

#tv-channel-pip-programme-1 {top: 0px;}
#tv-channel-pip-programme-2 {top: 50px;}
#tv-channel-pip-programme-3 {top: 100px; border-bottom: none;}


/* No programme */
#tv-channel-noprogramme {
	left: 20px;
	width: 555px;
	text-align: center;
	background: url('../images/generic/opacity-b3.png');
	border-radius: 6px;
	display: none;
}

.noprogramme #tv-channel-noprogramme {display: block;}

.noprogramme #tv-channel-programme,
.noprogramme #tv-channel-pip-programme {display: none !important;}

.tvprogramme #tv-channel-noprogramme {
	top: 190px;
	height: 450px;
	line-height: 450px;
	font-size: 21px;
}

.pip #tv-channel-noprogramme {
	top: 510px;
	height: 150px;
	line-height: 150px;
}


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

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

#chswitch {
	top: 314px;
	left: 565px;
	background: url('../images/generic/opacity-b8.png');
	border-radius: 6px;
	z-index: 100;
}

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

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


/* EMPTY FAVOURITES LIST
######################################### */
.nofav #tv-list,
.nofav #tv-channel {display: none;}

#tv-nofav {
	left: 350px;
	width: 930px;
	height: 720px;
	background: url('../images/generic/opacity-b4.png');
	display: none;
}

#screen.menu-full #tv-nofav {left: 535px;}

#tv-nofav span {
	width: 930px;
	text-align: center;
	font-size: 21px;
	line-height: 28px;
	display: table-cell;
	vertical-align: middle;
}

.nofav #tv-nofav {display: table;}


.tvprogramme #tv-channel-noprogramme {
	top: 190px;
	height: 450px;
	line-height: 450px;

}

.pip #tv-channel-noprogramme {
	top: 510px;
	height: 150px;
	line-height: 150px;
}
