div#lists-container {
	color: #2E3534;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	/*background: #FFFFC0;*/
	min-height: 765px;
	margin-bottom:10px;
}

div#lists-container a {
	font-weight: normal;
}

.clear {
	clear: both !important;
	float: none !important;
	height: 0;
	overflow: hidden;
}

div#col-three {
	position: absolute;
	left: 940px;
	top: 400px;
}

body.proggrid-vert div#lists-container div#content {
	min-height: 550px;
}
body.proggrid-vert div#lists-container div#lists-channels {
	margin-top:10px !important;
}
body.proggrid-hor div#lists-container div#content {
	min-height: 300px;
}

/**********************************************************
					SPINNER
**********************************************************/

div#spinner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: url('../../img/lijsten/bg_spinner.png') no-repeat center center;
	background-color: rgba(255,255,255,0.8);
}


/**********************************************************
					DAYS
**********************************************************/

div#days {
	height: 32px;
	background: url('../../img/lijsten/bg_days_filters.png') no-repeat left top;
}

div#days ul, div#days ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}

div#days ul li, div#days ul li div a{
	float: left;
	cursor: pointer;
	color: #2D3633;
}

div#days ul li:hover {
	text-decoration: underline;
}

div#days ul li div {
	float: left;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	text-decoration: none;
	font-weight: bold;
	background: none;
}

div#days li#days-current {
	color: #FFFFFF;
}

div#days li#days-current div {

	background-repeat: no-repeat;
	background-position: -10px 0;
}

div#days div.day-left, div#days div.day-right {
	width: 10px;
}

div#days li#days-current div.day-left {
	background-position: 0 0;
}

div#days li#days-current div.day-right {
	background-position: -390px 0;
}

/*** orientation switch ***/
div#days div#orswitch {
	float: right;
	width: 270px;
	height: 32px;
	padding: 0 3px;
	margin-right: 5px;
	background: url('../../img/lijsten/bg_orswitch.png') no-repeat center center;
}

div#days div#orswitch a {
	float: left;
	width: 128px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	margin-left: 4px;
}

div#days div#orswitch a:hover {
	text-decoration: underline;
}

div#days div#orswitch a.current {
	background: url('../../img/lijsten/bg_orswitch_current.png') no-repeat center center;
	color: #FFFFFF;
	cursor: default;
	text-decoration: none !important;
}

/**********************************************************
					FILTERS
**********************************************************/
#filter-channels > div.filter-content
.filter{
	background-color:white;
	color:black;
}
.filterbuttons li{
	float:left;
	list-style-type:none;
}

div#filters {
	height: 38px;
	line-height: 32px;
	color: #000000;
	background:url('../../img/lijsten/bg_days_filters.png') no-repeat left -32px;
}

div#filters div {
	float: left;
	/*padding: 0 10px 6px 10px;*/
	padding: 0 10px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}


div#filters div.active {
	height: 38px;
	background: url('../../img/lijsten/bg_filter_item.png') no-repeat center bottom;
}

div#filters div:hover {
	text-decoration: underline;
}

div.filter {
	position: absolute;
	z-index: 99;
	display: none;
	max-width: 768px;
}

div.filter-header {
	overflow: hidden;
	height: 14px;
	text-align: right;
}

div.filter-content {
	font-size:12px;

}

div.filter-footer {
	float:right;
	height: 40px;
  margin-bottom: 5px;
    margin-right: 15px;
    margin-top: 5px;
}

#filter-footer div{
	float:left;
	width:50% ;
}
div.filter-header , .filter-footer img {
	cursor: pointer;
}
.filter-cancel, .filter-save{
	float:left !important;
	padding-top:5px !important;
	padding-left:10px !important;
	cursor:pointer !important;
	padding-bottom:5px !important;
	padding-right:10px !important;
}

.filter-save{
	background-color: #CB0000 !important;
	color:white !important;
}
.filter-cancel{
	color:#9d9d9d !important;
}
.filter-save:hover{
	background-color: #ED0101 !important;
}
div.filter-close {
	position: absolute;
	right: -5px;
	top: -5px;
	height: 19px;
	width: 19px;
	cursor: pointer;
}

span.filter-select {
	display: block;
	float: right;
	height: 18px;
	font-size:12px;
	color:#9d9d9d;
	margin: 5px 8px 15px 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right top;
}

/**********************************************************
					FILTER: GENRES
**********************************************************/

div#filter-genres{
	padding-left:10px;
}


div#filter-genres div.filter-content label {
	display: block;
	float: left;
	padding: 3px 5px;
	margin: 5px 5px 5px 0;
}

div#filter-genres div.filter-content input {
	vertical-align: -10%;
	margin-right: 5px;
}

div#filter-genres div.filter-genres-cat {
	float: none !important;
	clear: both !important;
	padding: 5px 0 0 0 !important;
	font-weight: bold;
	color:#ca0000;
}

div#filter-genres div.filter-content {
	padding-top: 0;
}

/**********************************************************
					FILTER: CHANNELS
**********************************************************/

div#filter-channels,
div#filter-kijkwijzer,
div#filter-genres,
div#filter-dagdeel
 {
	border: 1px solid #9d9d9d;
	z-index: 300;
	background: #FFFFFF;
}
.pg-zender-filter div.filter-content
{
	width:auto;
}
div#filter-channels.pg-zender-filter ul
{
	width:174px;
}
div#filter-channels ul, div#filter-channels ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#filter-channels ul {
	float: left;
}

div#filter-channels ul li {
	line-height: 29px;
	letter-spacing: -1px;
	padding-left: 10px;
	color: #474646;
	cursor: pointer;
}

div#filter-channels ul li:hover {
	text-decoration: underline;
}

div#filter-channels ul li.current {
	color: #CA0000;
	font-weight: 600;
}

div#filter-channels ul li.current:hover {
	text-decoration: none;
}

div#filter-channels-content {

	border-left:1px solid #ebebeb;
	padding-left:15px;
	overflow: auto;
}

div#filter-channels-content div {
	width: 70px;
	float: left;
	text-align: center;
	font-size: 90%;
	margin: 2px;
	padding: 5px 0;
	border: 1px solid #DCDCDC;
	height:65px;
	overflow:hidden;
	color:black;
	font-weight:400;
	cursor: pointer;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0));
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
}
#filter-channels-categories li span{
    padding-bottom: 10px;
    padding-top: 10px;
}
div#filter-channels-content div.pref {
	border-color: #ED1B24;
}

div#filter-channels-content img {
	margin: 5px 5px 0 5px;
	border: 1px solid #F0F0F0;
}

div#filter-channels div.filter-buttons {
	padding: 8px 20px 0 0;
}

/**********************************************************
					FILTER: KIJKWIJZER
**********************************************************/
div#filter-kijkwijzer div.filter-content{
	padding-left:15px;
	font-size:12px;
	padding-right:10px;
}
div#filter-kijkwijzer div.filter-content div.kijkw {
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 0;
	border: 1px solid #DCDCDC;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0));
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	text-align: center;
	cursor: pointer;
	font-size: 90%;
	height:85px;
}

div#filter-kijkwijzer div.filter-content div.pref {
	border-color: #ED1B24;
}

div#filter-kijkwijzer div.filter-content div.kijkw img {
	margin-bottom: 5px;
	border: 1px solid #F0F0F0;
}

div#content.kw-2 .kw-2,
div#content.kw-9 .kw-9,
div#content.kw-3 .kw-3,
div#content.kw-4 .kw-4,
div#content.kw-1 .kw-1,
div#content.kw-a .kw-a,
div#content.kw-d .kw-d,
div#content.kw-h .kw-h,
div#content.kw-g .kw-g,
div#content.kw-t .kw-t,
div#content.kw-s .kw-s {
	/*opacity: 0.3;
	-webkit-opacity: 0.3;*/
	color: #c1c3c2 !important;
}

div#content.kw-2 .kw-2  a,
div#content.kw-9 .kw-9 a,
div#content.kw-3 .kw-3 a,
div#content.kw-4 .kw-4 a,
div#content.kw-1 .kw-1 a,
div#content.kw-a .kw-a a,
div#content.kw-d .kw-d a,
div#content.kw-h .kw-h a,
div#content.kw-g .kw-g a,
div#content.kw-t .kw-t  a,
div#content.kw-s .kw-s a{
    /*opacity: 0.3;
    -webkit-opacity: 0.3;*/
    color: #c1c3c2 !important;
}

/**********************************************************
					FILTER: DAGDEEL
**********************************************************/
div#filter-dagdeel div.filter-content{
	padding-left:15px;
	font-size:12px;
	padding-right:10px;
	width:250px;
}

div#filter-dagdeel div.filter-content div.dagdeel {
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 0;
	border: 1px solid #DCDCDC;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0));
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	text-align: center;
	cursor: pointer;
	font-size: 90%;
	height:85px;
}
/**********************************************************
					TIMELINE
**********************************************************/

div#timeline {
	border-bottom: 1px solid #E5E5E5;
	height: 40px;
	width: 100%;
	background: #FFFFFF;
}

div#timeline-select {
	float: left;
	width: 125px;
	line-height: 30px;
	margin: 5px 5px 0 0px;
	padding-left: 23px;
	cursor: pointer;
	background: url('../../img/lijsten/btn_current_time.png') no-repeat left center;
}

div#timeline ul, div#timeline ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

div#timeline ul{
	padding:10px 5px;
}
div#timeline ul li {
	display: block;
	width: 22px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-right:10px;
	background: url('../../img/lijsten/bg_timeline_hour.png') no-repeat center center;
	text-decoration: none;
	color: #2D3633;
	text-align: center;
	cursor: pointer;
}

div#timeline ul li.current {
	background-image: url('../../img/lijsten/bg_timeline_hour_current.png');
	color: #FFFFFF;
}

div#timeline ul li.tmp {
	background: lime !important;
}

li#timeline-prev {
	text-indent: -99em;
	background: url('../../img/lijsten/bg_timeline_endstart.png') no-repeat -20px top !important;
}

li#timeline-next {
	text-indent: -99em;
	background: url('../../img/lijsten/bg_timeline_endstart.png') no-repeat left top !important;
}



/**********************************************************
					TIMESPAN
**********************************************************/


/*
div.timespan-top {
	float: none;
	clear: both;
	height: 40px;
	padding-top: 0;
}

div.timespan-top div.timespan-hour {
	font-size: 18px;
	line-height: 40px;
}

div.timespan-top div.timespan-prev, div.timespan-top div.timespan-next {
	background-image: url('../../img/lijsten/bg_timespan_endstart_top.png');
}
*/

/*** top ***/

div#timespan {
	border-bottom: 4px solid #E5E5E5;
	height: 40px;
	width: 100%;
}

div#channels-change-order {
	float: left;
	width: 137px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	font-weight: normal;
	background: url('../../img/lijsten/bg_channels_sortable.png') no-repeat left center;
	padding-left: 23px;
}

div#channels-change-order.active {
	background-image: url('../../img/lijsten/bg_channels_sortable_active.png');
	color: white;
}

div#timespan-hours {
	float: left;
}

div#timespan-hours div {
	float: left;
	font-size: 18px;
	line-height: 40px;
}

div#timespan-prev {
	background: url('../../img/lijsten/bg_timespan_endstart_top.png') no-repeat left bottom;
	text-align: left;
	padding-left: 20px;
	width: 300px;
	cursor: pointer;
}

div#timespan-mid {
	text-align: center;
	width: 485px;
}

div#timespan-next {
	background: url('../../img/lijsten/bg_timespan_endstart_top.png') no-repeat right top;
	text-align: right;
	padding-right: 20px;
	width: 135px;
	cursor: pointer;
}

div.hor-banner {
	width: 99999em;
	clear: both;
	height: 95px;
	margin-top: 25px;
	z-index: 999999;
	position: relative;
}

/*** main ***/
div.timespan {
	height: 45px;
	/*padding-top: 70px;*/
	width: 999em;
	overflow: hidden;
	border-bottom: 4px solid #E5E5E5;
	/*background: yellow;*/
}

div.timespan-hour {
	float: left;
	width: 380px;
	line-height: 40px;
	font-size: 11px;
	height: 40px;
	line-height: 56px;
	visibility: hidden;
}

div.timespan-prev, div.timespan-mid, div.timespan-next {
	width: 75px;
	visibility: visible;
}

div.timespan-prev {
	background: url('../../img/lijsten/bg_timespan_endstart.png') no-repeat left bottom;
	text-align: left;
	padding-left: 20px;
	cursor: pointer;
}

div.timespan-mid {
	text-align: center;
	width: 608px;
}

div.timespan-next {
	background: url('../../img/lijsten/bg_timespan_endstart.png') no-repeat right top;
	text-align: right;
	padding-right: 20px;
	cursor: pointer;
}


/**********************************************************
				HORIZONTAL PROGRAMLIST
**********************************************************/

div#programlist {
	clear: both;
	width: 980px;
	padding-bottom: 10px;
}

div.banner-prog-hor {
	width: 728px;
	height: 90px;
	margin: 8px 0 5px 96px;
	margin-left: 96px;
}

div#content.filter-genres div.prog,
div#content.filter-genres div#program-list-vert tbody tr {
	/*opacity: 0.3;
	-webkit-opacity: 0.3;*/
	color: #2E3534;
}

div#content.ts-morning .ts-morning,
div#content.ts-afternoon .ts-afternoon,
div#content.ts-evening .ts-evening,
div#content.ts-night .ts-night {

}

div#content.g-film .g-film, div#filter-genres .g-film {
	background-color: #464646;
	color: #FFFFFF !important;
}

div#content.g-amusement .g-amusement, div#filter-genres .g-amusement {
	background-color: #521853;
	color: #FFFFFF !important;
}

div#content.g-seriesoap .g-seriesoap, div#filter-genres .g-seriesoap {
	background-color: #7262CD;
	color: #FFFFFF !important;
}

div#content.g-sport .g-sport, div#filter-genres .g-sport {
	background-color: #558D0D;
	color: #FFFFFF !important;
}

div#content.g-informatief .g-informatief, div#filter-genres .g-informatief {
	background-color: #1367AD;
	color: #FFFFFF !important;
}

/* highlight */
div#content div#program-list-vert table tbody tr.prog-highlight * {

	font-weight: bold;
}

div#content.g-film .g-film a,
div#content.g-amusement .g-amusement a,
div#content.g-seriesoap .g-seriesoap a,
div#content.g-sport .g-sport a,
div#content.g-informatief .g-informatief a {
	color: #FFFFFF !important;
}

div#filter-genres .g-muziek,
div#content.g-muziek .g-muziek,
div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten,
div#content.g-comedy .g-comedy,
div#content.g-misdaad .g-misdaad,
div#content.g-documentaire .g-documentaire,
div#content.g-jeugd .g-jeugd,
div#content.g-wetenschap .g-wetenschap,
div#content.g-erotiek .g-erotiek,
div#content.g-natuur .g-natuur,
div#content.g-religieus .g-religieus,
div#content.g-animatie .g-animatie,
div#content.g-theater .g-theater,
div#content.g-kunstcultuur .g-kunstcultuur,
div#content.g-overige .g-overige,
div#filter-genres .g-nieuwsactualiteiten,
div#filter-genres .g-comedy,
div#filter-genres .g-misdaad,
div#filter-genres .g-documentaire,
div#filter-genres .g-jeugd,
div#filter-genres .g-wetenschap,
div#filter-genres .g-erotiek,
div#filter-genres .g-natuur,
div#filter-genres .g-religieus,
div#filter-genres .g-animatie,
div#filter-genres .g-theater,
div#filter-genres .g-kunstcultuur,
div#filter-genres .g-overige {
	background-color: #B8000F;
	color: #FFFFFF !important;
}

div#content.g-muziek .g-muziek a,
div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten a,
div#content.g-comedy .g-comedy a,
div#content.g-misdaad .g-misdaad a,
div#content.g-documentaire .g-documentaire a,
div#content.g-jeugd .g-jeugd a,
div#content.g-wetenschap .g-wetenschap a,
div#content.g-erotiek .g-erotiek a,
div#content.g-natuur .g-natuur a,
div#content.g-religieus .g-religieus a,
div#content.g-animatie .g-animatie a,
div#content.g-theater .g-theater a,
div#content.g-kunstcultuur .g-kunstcultuur a,
div#content.g-overige .g-overige a{
	color: #FFFFFF !important;
}

div#content.g-film .g-film td, div#filter-genres .g-film td,
div#content.g-amusement .g-amusement td, div#filter-genres .g-amusement td,
div#content.g-seriesoap .g-seriesoap td, div#filter-genres .g-seriesoap td,
div#content.g-sport .g-sport td, div#filter-genres .g-sport td,
div#content.g-informatief .g-informatief td, div#filter-genres .g-informatief td,
div#filter-genres .g-muziek td,
div#content.g-muziek .g-muziek td,
div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten td,
div#content.g-comedy .g-comedy td,
div#content.g-misdaad .g-misdaad td,
div#content.g-documentaire .g-documentaire td,
div#content.g-jeugd .g-jeugd td,
div#content.g-wetenschap .g-wetenschap td,
div#content.g-erotiek .g-erotiek td,
div#content.g-natuur .g-natuur td,
div#content.g-religieus .g-religieus td,
div#content.g-animatie .g-animatie td,
div#content.g-theater .g-theater td,
div#content.g-kunstcultuur .g-kunstcultuur td,
div#content.g-overige .g-overige td,
div#filter-genres .g-nieuwsactualiteiten td,
div#filter-genres .g-comedy td,
div#filter-genres .g-misdaad td,
div#filter-genres .g-documentaire td,
div#filter-genres .g-jeugd td,
div#filter-genres .g-wetenschap td,
div#filter-genres .g-erotiek td,
div#filter-genres .g-natuur td,
div#filter-genres .g-religieus td,
div#filter-genres .g-animatie td,
div#filter-genres .g-theater td,
div#filter-genres .g-kunstcultuur td,
div#filter-genres .g-overige td {
	/*border: none;*/
}

div#channels-marker {
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0;
	left: 0;
	margin-top: -15px;
	border-left: 1px solid #ED1B24;
}

div#channels-wrapper {
	float: left;
	width: 160px;
	/*padding-top: 44px;*/
	/*outline: 1px solid lime;*/
}

a#btn-compare {
	display: block;
	width: 95px;
	height: 20px;
	line-height: 20px;
	padding-left: 18px;
	margin-right: 47px;
	background: url('../../img/lijsten/bgn_btn_compareselection.png') no-repeat left top !important;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	display: none;
}

ul#channels, ul#channels li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#channels li.channel {
	padding-left: 10px;
	line-height: 39px;
	height: 39px;
	font-weight: bold;
	border-bottom: 1px solid #E5E5E5;
	cursor: default;
}

ul#channels li.channel span {
	float:	left;
}

ul#channels li.channel a {
	font-weight: bold;
	color:#2e3534;
}

ul#channels li.channel img {
	float: right;
	margin-top: 6px;
}

ul#channels li.spacer {
	padding: 0;
	margin: 0;
	height: 45px;
	border-bottom: 4px solid #E5E5E5;
}

ul#channels li.banner-spacer {
	height: 120px;
	margin: 0;
	padding: 0;
	width: 20px;
}

ul#channels.sorting li.channel {
	background: white url('../../img/lijsten/bg_channel_sorting.png') no-repeat left center;
	padding-left: 25px;
}

ul#channels li.ui-sortable-helper {
	opacity: 0.7;
	border: 1px solid gray;
}

ul#channels li.ui-sortable-placeholder {
	background: #ED1B24 !important;
	visibility: visible !important;
	height: 39px;
}

div#programs-wrapper {
	position: relative;
	width: 760px;
	overflow: hidden;
}

div#programs {
	overflow: hidden;
}

div.channel-programs {
	float: none;
	clear: both;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 0 3px 0;
	height: 36px;
	white-space: nowrap;
	width: 99999em;
	overflow: hidden;
	margin-top: 3px;
}

div.channel-programs div.prog {
	float: left;
	background: #E4E4E4 url('../../img/lijsten/bg_prog.png') repeat-y;
	line-height: 33px;
	text-indent: 8px;
	overflow: hidden;
	cursor: pointer;
}
div.channel-programs div.prog a {
	color:black;
	/* float: left; */
}

div.channel-programs div.prog a img {
    float: none;
    vertical-align: middle;
}

div.channel-programs div.prog a:hover {
	text-decoration: none;
}

div.channel-programs div.prog.current {
	background-color: #CECECE;
}

div.channel-programs div.prog:hover {
	background-color: #B4B4B4;
}

/* highlight */
div#programs div.channel-programs div.prog-highlight {
	background-color: #FAC5C9 !important;
	font-weight: bold;
	color: #2E3534 !important;
}

div.channel-programs div.prog-highlight:hover {
	background-color: #EAA5A9 !important;
}

div.channel-programs div.prog-highlight-extra {
	background-color: #FAC5C9;
}

div.channel-programs div.prog-highlight-extra span {
	/*float: left;*/
}

div.channel-programs div.prog-highlight-extra img {
	float: left;
	height: 27px;
	margin: 3px 3px 0 3px;
}

/**********************************************************
				VERTICAL PROGRAMLIST
**********************************************************/

div#content div.banner-prog-vert {
	margin: 15px 0 10px 96px;
	width: 468px;
	height: 60px;
}

/*** channels ***/
div#channel-list-vert {
	margin-top: 47px;
	float: left;
	width: 116px;
}

div#channel-list-vert ul {
	background: url('../../img/lijsten/bg_channels_vert_ul.png') repeat-y;
}

div#channel-list-vert ul,
div#channel-list-vert ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#channel-list-vert ul li {
	background: url('../../img/lijsten/bg_channels_vert_li.png') no-repeat;
}

div#channel-list-vert ul li div.groupname {
	padding-left: 8px;
	line-height: 27px;
	color: #2E3231;
	cursor: pointer;
}

div#channel-list-vert ul li.active div.groupname {
	font-weight: bold;
}

div#channel-list-vert ul li.firstgroup {
	background-image: url('../../img/lijsten/bg_channels_vert_li_first.png');
}

div#channel-list-vert ul li.lastgroup {
	background-image: url('../../img/lijsten/bg_channels_vert_li_last.png');
}

div#channel-list-vert ul li.lastgroup.active {
	background-image: url('../../img/lijsten/bg_channels_vert_li.png');
}

div#channel-list-vert ul li.lastgroup.active div.channels {
	background: url('../../img/lijsten/bg_channels_vert_ul_last.png') no-repeat left bottom;
	border: none;
}

div#channel-list-vert ul div.channels {
	display: none;
}

div#channel-list-vert ul li.active div.channels {
	border-bottom: 2px solid #E5E5E5;
}

div#channel-list-vert ul div.channels div {
	cursor: pointer;
	padding: 7px 1px;
}

div#channel-list-vert ul div.channels div:hover {
	background: #F0F0F0;
}

div#channel-list-vert ul div.channels div.active {
	background: #E5E5E5;
}

div#channel-list-vert ul div.channels div img {
	margin: 0 3px;
}

/*** timeslot ***/
div#timeslot {
	margin-top: 10px;
}

div#content.primetime div#timeslot {
	display: none;
}

div#timeslot-header {
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	font-weight: bold;
}

div#timeslot-content {
	padding: 5px 10px;
}

div#timeslot-content div {
	padding: 2px 0;
}

/*** Search channel ***/
div#search-ch {
	margin-top: 10px;
	background: url('../../img/lijsten/bg_channels_vert_ul.png') repeat-y;
}
div#search-ch-header {
	background: url('../../img/lijsten/bg_channels_vert_li_first.png') no-repeat left top;
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	font-weight: bold;
}
div#search-ch-content {
	padding: 5px 10px;
	background: url('../../img/lijsten/bg_channels_vert_ul_last.png') no-repeat left bottom;
}

div#search-ch-content select {
	width:		90px;
	font-size:	10px;
}

div#content.filter-timeslot div#program-list-vert tbody tr {
	/*opacity: 0.3;
	-webkit-opacity: 0.3;
	color: #C1C3C2;*/
}

/*** programs ***/
div#program-list-vert {
	float: left;
	background: white;
	width:100%;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}
div#program-list-vert.threecols {
	width: 100% !important;
}

div#program-list-vert div.proggroup {
	float: left;
}

/* nav */
div#vert-nav-left, div#vert-nav-right {
	cursor: pointer;
	width: 25%;
	height: 45px;
	position: absolute;
	z-index:20;
	color:#A8A8A8;
	top: 10px;
}
div#vert-nav-right{
	right:10px;
}

div#vert-nav-left {
	left: 10px;
}
div#vert-nav-right.nav-right i.fa.fa-angle-right{
	float:right;
}

/* channel logo's */
div#program-list-vert span.channellogos {
	display: block;
	border-bottom: 3px solid #E5E5E5;
	background-color: #FFFFFF;
}

div#program-list-vert span.channellogos span {
	text-align:center;
	height: 45px;
	line-height: 37px;
}

div#program-list-vert span.channellogos a {
	font-weight: bold;
	color:black;
}

div#program-list-vert span.channellogos span img {
	margin-right: 10px;
	vertical-align: -16px;
	padding-top:10px;
}
div#program-list-vert span.channellogos span a img {
    margin-bottom: 12px;
    margin-left: 6px;
}
/* programdata */
div#program-list-vert table {
	float: left;
	font-size:12px;
	overflow: hidden;
	border-collapse: collapse !important;
	border: 1px solid #E5E5E5;
	border-bottom:none !important;
}
div#program-list-vert.threecols table {
	width: 100% !important;
}

div#program-list-vert table.nustraks-programs {
		border-top:none !important;
}
div#program-list-vert table tr {
    height: 50px;
    overflow: hidden;
}
div#program-list-vert table.programs-right,div#program-list-vert table.nustraks-programs{
	border-right:none !important;
}
div#program-list-vert table.programs-left, div#program-list-vert table.nustraks-programs{
	border-left:none !important;
}
div#program-list-vert table tbody tr td, div#program-list-vert table tbody tr th {
	border-top: 1px solid #E5E5E5;
}
div#program-list-vert table.nustraks-programs tbody tr td, div#program-list-vert table.nustraks-programs tbody tr th {
	border-bottom: 1px solid #E5E5E5 !important;
	border-top:none !important;
}
div#program-list-vert table tbody tr td a {
	float: left;
	color:black;
}

div#program-list-vert table tbody tr td a img {
 vertical-align: middle;
}

div#program-list-vert table tbody tr td.agenda {
	padding:	6px 0;
	width:		21px;
	text-align:	center;
}

div#program-list-vert table tbody tr td.agenda a{
	display:	none;
	width:		8px;
	float: none;
}

div#program-list-vert table tbody tr:hover{
	background-color: #F8E5E5;
}

div#program-list-vert table tbody tr:hover td {
	text-decoration: underline;
}



div#content.g-muziek .g-muziek.prog-highlight *,
div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten.prog-highlight *,
div#content.g-comedy .g-comedy.prog-highlight *,
div#content.g-misdaad .g-misdaad.prog-highlight *,
div#content.g-documentaire .g-documentaire.prog-highlight *,
div#content.g-jeugd .g-jeugd.prog-highlight *,
div#content.g-wetenschap .g-wetenschap.prog-highlight *,
div#content.g-erotiek .g-erotiek.prog-highlight *,
div#content.g-natuur .g-natuur.prog-highlight *,
div#content.g-religieus .g-religieus.prog-highlight *,
div#content.g-animatie .g-animatie.prog-highlight *,
div#content.g-theater .g-theater.prog-highlight *,
div#content.g-kunstcultuur .g-kunstcultuur.prog-highlight *,
div#content.g-overige .g-overige.prog-highlight *{
	color: #FFFFFF;
}

div#content div#program-list-vert table tbody tr.prog-highlight-extra {
	background: #FAC5C9;
	cursor: default;
	color: #2E3534;
}

div#program-list-vert table tbody tr.prog-highlight-extra:hover * {
	text-decoration: none;
}

div#program-list-vert table tbody tr.prog-highlight-extra td {
	padding-top: 0;
	vertical-align: middle;
}

div#program-list-vert table tbody tr.prog-highlight-extra div.highlight-extra-img img {
	float: left;
	height: 36px;
margin: 0px 8px 0px 5px;

	color: #F01F24;
}

div#content div#program-list-vert table tbody tr.prog-highlight-extra-title {
	background: #FAC5C9;
	border: none;
	font-weight: bold;
	color: #2E3534 !important;
}

div#program-list-vert table tbody tr.prog-highlight-extra-title td, div#program-list-vert table tbody tr.prog-highlight-extra-title th {
	border: none;
}

div#program-list-vert table tbody th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 18px 18px;
}

div#program-list-vert table tbody td {
	vertical-align: middle;
}
div#program-list-vert .articleimg{
	display: block;
	float: left;
	padding-bottom:5px;
	margin-top:8px
}
div#program-list-vert .articleimg img {
	max-width:100px;
	margin: 0px 8px 0px 5px;
}

.tips_bottomcontainer{
	position:relative;
}
div#program-list-vert .articleimg .tipicon{
	left:70px;
	position:absolute;
	top:4px;
}
div#program-list-vert .articlestipimg
{
    background: url('../../img/mobiel/tip.png') no-repeat;
    background-position: left center;
    display:block;
    font-size: 12px;
    font-weight:normal !important;
    color: #FFF !important;
    text-align: right;
    vertical-align: middle;
    text-shadow: none;
    float: right;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: right;
    width: 29px;
   padding-right: 2px;
padding-top: 0px;

}

div#program-list-vert div.artikeltekst a{
	font-size: 10px;
	font-weight:normal !important;
	text-decoration:none ;
	padding-bottom:20px;
	padding-top:8px;
	width: 60%;
}
div#program-list-vert div.artikeltekst:hover{


	text-decoration:underline;
}

.tooltip {
	background:transparent url(../../img/lijsten/tooltip_white_arrow.png);
	font-size:12px;
	height:179px;
	width:245px;
	padding:25px;
	color:#2D3633;
	z-index: 2147483647;
	opacity:1;
	display: block;
}

.tooltip_pg {
	color:	#ffffff;
	opacity: 0.85;
}

.tooltip_pg .tip {
	background: url("../graphics/bg_tooltip.jpg") repeat-x scroll 0 0 #C01827;
    border: 1px solid #BE0B04;
    padding: 5px;
}

.tooltip_pg .tip h3{
    background: url("../graphics/bg_tooltip_marker.gif") no-repeat scroll 0 4px transparent;
    padding-left: 15px;
}

iframe.banner-iframe {
	display:	none;
}

div.hor-banner .leaderboard{
		width: 728px;
		color: #7b7b7c;
		text-align: center;
		padding-right: 23px;
		background: url('../../img/adver_gray.gif') no-repeat right center;
		position: relative;
	}

	div.hor-banner div.leader468 {
		background: url('../../img/adver_gray.gif') no-repeat 594px 19px;
		padding-top: 15px;
	}

div.prog-tooltip {
	background: 	url('../../img/lijsten/tooltip_prog.png') no-repeat 0 0;
	width:			205px;
	height:			56px;
	color: 			white;
	position: 		absolute;
	margin-top:		-50px;
	margin-left:	-199px;
	padding:		8px;
	cursor:			pointer;
	line-height:	12px;
}

div.prog-tooltip span {
	font-weight:	bold;
}
div.prog-tooltip span a {
text-decoration: none;
color: #fff;
}
span.clickable-prog
{
  position:absolute;
  width:100%;
  height:33px;
  z-index: 1;
}

div.prog-tooltip:hover span {
	text-decoration: underline;
}


div#lists-container div#actueel.normal {
	margin-bottom:	20px;
}

/**********************************************************
                    PROGRAMDETAIL
**********************************************************/

div#progdetail {
    position: absolute;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #A0A0A0;
    background: #D2D2D2;
    border-radius: 10px;
}

div#progdetail div#progdetail-title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dotted #A0A0A0;
    padding: 10px 0;
    margin-bottom: 10px;
}

/* prodetail summary */
div#progdetail div#progdetail-summary {
    float: right;
    margin: 10px 0 20px 20px;
    padding: 10px;
    color: white;
    background: #DD0000;
    border-radius: 10px;
}

div#progdetail div#progdetail-summary.film {background: #4C5552;}
div#progdetail div#progdetail-summary.amusement {   background: #551E55;}
div#progdetail div#progdetail-summary.seriesoap {   background: #897BCB;}
div#progdetail div#progdetail-summary.sport {       background: #59B60C;}
div#progdetail div#progdetail-summary.informatief { background: #0079CF;}

div#progdetail div#progdetail-summary img#progdetail-logo {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #A0A0A0;
    border-radius: 3px;
    background-color: #FFFFFF;
}

div#progdetail div#progdetail-summary span {
    display: block;
    padding: 7px 0;
    border-bottom: 1px dotted #FFFFFF;
}

div#progdetail div#progdetail-summary span:last-child {
    border: none;
}

div#progdetail div#progdetail-summary-head {
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 10px;
}
div#progdetail div#progdetail-summary strong{
    color: #EBEBEB !important ;
}

/* synopsis */
div#progdetail-synopsys-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

/* back button */
div#progdetail div.back {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    margin: 0 10px 10px 0;
    padding: 10px 10px 10px 30px;
    background-image: url('../../img/lijsten/ico_back.png')  ;
    background-color: #404040;
    background-repeat: no-repeat;
    background-position: 5px center;
    color: white;
    font-weight: bold;
    border-radius: 4px;
}

div#progdetail div.back:hover {
    background-color: #727272;
}

/* defining the rotate animation */
div#lists-container div#content,
div#progdetail {

}

div#lists-container.pd div#progdetail {

}

div#lists-container.pd div#content {

}

/* different sizes for hor/vert orientation */
body.proggrid-hor div#progdetail div#progdetail-summary {
    width: 250px;
}

body.proggrid-vert div#progdetail div#progdetail-summary {
    width: 250px;
}

body.proggrid-hor div#progdetail {
    top: 208px;
    width: 700px;
    height: 492px;
    left: 110px;
}

body.proggrid-vert div#progdetail {
    top: 208px;
    width: 700px;
    height: 492px;
    left: 110px;
}

div#progdetail div#progdetail-summary span strong {
    display: inline;
}

div#progdetail div#progdetail-summary span img {
    vertical-align: -5px;
}

body.proggrid-hor div#progdetail-title {
    margin-right: 280px;
}

div#lists-container  div#actueel {
    float: left;
    font-family: Arial,Verdana,sans-serif;
    height: 150px;
    margin-bottom: 20px;
    margin-left: 30px;
    width: 855px;

}
div#lists-channels{
    overflow-y: hidden;
    overflow-x: scroll;
    z-index: 200;
    width:100%;
}

div#lists-channels::-webkit-scrollbar {
    width: 12px;
}

div#lists-channels::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

div#lists-channels::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
div#lists-channels div#channel-list-slider {
	background:#FFFFFF;
    padding: 2px;
    display: block;
    position:relative;
    height: 30px;
	width:100%;
}
div#lists-channels div#channel-list-slider ul {
	list-style-type:none;
}
div#lists-channels div#channel-list-slider li#channelbar{
    float:left;
    background:#FFF;
    margin:3px  7px;

}
div#lists-channels div#channel-list-slider li#channelbar img{
  padding-top: 2px;

}
div#lists-channels div#channel-list-slider li#channelbar img.active{
    margin-left: 6px;
    margin-top: 2px;
}
div#lists-channels div#channel-list-slider li#channelbar.active
{
    margin: 1px 2px;
    width: 44px;
    border-top: 3px solid #E00000;
    height: 24px;
}

div.topchannels ul.topchannel-list li#channelbar.active{
	margin: 4px 2px;
    width: 44px;
    border-top: 3px solid #E00000;
    height: 24px;
}
div.topchannels ul.topchannel-list li#channelbar.brandedchannel{
    margin: 4px 2px;
    width: 50px;
    border: 3px solid #E00000;
    height: 30px;
}

div.topchannels ul.topchannel-list li#channelbar.brandedchannel img {
	padding: 4px 4px;
	float: left;
	width: 45px; 
}

.branded-channel-label {
	width: 75px;
	height: 55px;
	/*background-image: url("../../graphics/zender_van_de_maand.png");*/
	background: url("../../graphics/zender_van_de_maand.png") left top no-repeat;
	float: left;
	overflow: hidden;
	background-size: 75px 55px;
	margin-left: 10px;
}

/*.branded-logo label {
	position: relative;
	margin-top: -20px;
	display: inherit;
}*/

div.dagdeelfilter {
position: absolute;
z-index: 99;
margin-top: 76px;
margin-left: 313px;
display: none;
width: 153px;
}
div.dagdeelfilter div.filter-header{
	background: url('../../img/lijsten/bg_filtersmall.png') no-repeat left top;
}
div.dagdeelfilter div.filter-content{
	min-height: 139px !important;
	background: url('../../img/lijsten/bg_filtersmall.png') no-repeat left -19px;
}
div.dagdeelfilter div.filter-content div#timeslot
{
	margin-left:10px;
}
div.dagdeelfilter div.filter-content div#timeslot,
div.dagdeelfilter div.filter-content div#timeslot div#timeslot-header,
div.dagdeelfilter div.filter-content div#timeslot div#timeslot-content{
	background: none;
}
div.dagdeelfilter div.filter-footer
{
	height:36px;
	background: url('../../img/lijsten/bg_filtersmall.png') no-repeat left bottom;
}
tr.banner-list-links iframe,
tr.banner-list-midden iframe,
tr.banner-list-rechts iframe
{
	border:0px;
}

@media only screen and (max-width : 385px) {
	/** LIJST VERTICAAL TIPS FIX **/
	div#program-list-vert div.artikeltekst a{
		width:50%;
	}
}
/**********************************************************
				NU & STRAKS Adjustments
**********************************************************/

.nustrakscontainer {
	padding-top: 15px;
}

/* hidden van pijltje links en rechts */
.nustrakscontainer.nav-left,
.nustrakscontainer.nav-right{
	display:none;
}

.progress-nustraks {
	/* overwrites of bootstrap default, no border, no shadow, other background color, less height */
	border-radius: 0;
	box-shadow: none;
	height: 7px;
	background-color: #e6e6e6;
	margin-top: 4px;
	margin-bottom: 5px;
}
.progress-nustraks .progress-bar {
	box-shadow: none;
	background-color: #ca0000;
}

div#col-three {
	top: 385px;
}

div.nustraks div#channel-list-vert {
	margin-top: 36px;
}

div.nustraks div#program-list-vert table.nustraks-programs tr td:hover {
	background-color: #f8e5e5;
	color: black !important;
}
table.programs a {
	color: black;
}
table.programs  td.channel {
	vertical-align:middle;
	width: 33%;
	border-right: 1px solid #e5e5e5 !important;
}
table.programs td.channellogo, table.programs td.channelname {
	width: 20%;
}
table.programs td.channelname  {
	border-right: 1px solid #e5e5e5 !important;
}

table.programs td.program-time {
	font-weight: bold;
}

table.programs  td.progs {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
table.programs  .spacer {
	width: 20px;
}

td.channel .col-channelname {
	/* vertical-align is now solved with the vertical-align clause...
	 * line-height: 39px; */

}

/* nustraks prog */
table.programs  .prog {
	margin: 5px 0;
	clear: both;
}
table.programs  .col-pr-starttijd {
	font-weight: bold;
}

/* timeline */
table.programs  div.pr-timeline {
	background: #f2f2f2 no-repeat 0 0;
	width: 189px;
	height: 6px;
	margin-top: 2px;
}
table.programs  div.pr-timeline div.pr-timeline-begin {
	background: #c30009 no-repeat 0 0;
	height: 6px;
	width: 3px;
	float: left;
}

table.programs  div.pr-timeline div.pr-timeline-center {
	background: #c30009 repeat-x 0 0;
	height: 6px;
	float: left;
}
table.programs  div.pr-timeline div.pr-timeline-end {
	background: #f2f2f2 no-repeat 0 0;
	height: 6px;
	width: 3px;
	float: left;
}

/*
 * TODO: Restore the agenda thingie
 */
/*
 div.nustraks div#program-list-vert table.nustraks-programs div.pr-title div.agenda {
 position: absolute;
 right: -25px;
 top: 0;
 width: 11px;
 }
 */
div#content.g-film .g-film div.pr-timeline-begin, div#content.g-amusement .g-amusement div.pr-timeline-begin, div#content.g-seriesoap .g-seriesoap div.pr-timeline-begin, div#content.g-sport .g-sport div.pr-timeline-begin, div#content.g-informatief .g-informatief div.pr-timeline-begin, div#content.g-muziek .g-muziek div.pr-timeline-begin, div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten div.pr-timeline-begin, div#content.g-comedy .g-comedy div.pr-timeline-begin, div#content.g-misdaad .g-misdaad div.pr-timeline-begin, div#content.g-documentaire .g-documentaire div.pr-timeline-begin, div#content.g-jeugd .g-jeugd div.pr-timeline-begin, div#content.g-wetenschap .g-wetenschap div.pr-timeline-begin, div#content.g-erotiek .g-erotiek div.pr-timeline-begin, div#content.g-natuur .g-natuur div.pr-timeline-begin, div#content.g-religieus .g-religieus div.pr-timeline-begin, div#content.g-animatie .g-animatie div.pr-timeline-begin, div#content.g-theater .g-theater div.pr-timeline-begin, div#content.g-kunstcultuur .g-kunstcultuur div.pr-timeline-begin, div#content.g-overige .g-overige div.pr-timeline-begin {
	background: url('../../img/lijsten/nustraks_pg_timeline_begin_active.png') no-repeat 0 0 !important;
}

div#content.g-film .g-film div.pr-timeline-center, div#content.g-amusement .g-amusement div.pr-timeline-center, div#content.g-seriesoap .g-seriesoap div.pr-timeline-center, div#content.g-sport .g-sport div.pr-timeline-center, div#content.g-informatief .g-informatief div.pr-timeline-center, div#content.g-muziek .g-muziek div.pr-timeline-center, div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten div.pr-timeline-center, div#content.g-comedy .g-comedy div.pr-timeline-center, div#content.g-misdaad .g-misdaad div.pr-timeline-center, div#content.g-documentaire .g-documentaire div.pr-timeline-center, div#content.g-jeugd .g-jeugd div.pr-timeline-center, div#content.g-wetenschap .g-wetenschap div.pr-timeline-center, div#content.g-erotiek .g-erotiek div.pr-timeline-center, div#content.g-natuur .g-natuur div.pr-timeline-center, div#content.g-religieus .g-religieus div.pr-timeline-center, div#content.g-animatie .g-animatie div.pr-timeline-center, div#content.g-theater .g-theater div.pr-timeline-center, div#content.g-kunstcultuur .g-kunstcultuur div.pr-timeline-center, div#content.g-overige .g-overige div.pr-timeline-center {
	background: url('../../img/lijsten/nustraks_pg_timeline_center_active.png') repeat-x 0 0 !important;
}

div#content.g-film .g-film div.pr-timeline-end, div#content.g-amusement .g-amusement div.pr-timeline-end, div#content.g-seriesoap .g-seriesoap div.pr-timeline-end, div#content.g-sport .g-sport div.pr-timeline-end, div#content.g-informatief .g-informatief div.pr-timeline-end, div#content.g-muziek .g-muziek div.pr-timeline-end, div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten div.pr-timeline-end, div#content.g-comedy .g-comedy div.pr-timeline-end, div#content.g-misdaad .g-misdaad div.pr-timeline-end, div#content.g-documentaire .g-documentaire div.pr-timeline-end, div#content.g-jeugd .g-jeugd div.pr-timeline-end, div#content.g-wetenschap .g-wetenschap div.pr-timeline-end, div#content.g-erotiek .g-erotiek div.pr-timeline-end, div#content.g-natuur .g-natuur div.pr-timeline-end, div#content.g-religieus .g-religieus div.pr-timeline-end, div#content.g-animatie .g-animatie div.pr-timeline-end, div#content.g-theater .g-theater div.pr-timeline-end, div#content.g-kunstcultuur .g-kunstcultuur div.pr-timeline-end, div#content.g-overige .g-overige div.pr-timeline-end {
	background: url('../../img/lijsten/nustraks_pg_timeline_end_active.png') repeat-x 0 0 !important;
}

div#content.g-film .g-film div.pr-timeline, div#content.g-amusement .g-amusement div.pr-timeline, div#content.g-seriesoap .g-seriesoap div.pr-timeline, div#content.g-sport .g-sport div.pr-timeline, div#content.g-informatief .g-informatief div.pr-timeline, div#content.g-muziek .g-muziek div.pr-timeline, div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten div.pr-timeline, div#content.g-comedy .g-comedy div.pr-timeline, div#content.g-misdaad .g-misdaad div.pr-timeline, div#content.g-documentaire .g-documentaire div.pr-timeline, div#content.g-jeugd .g-jeugd div.pr-timeline, div#content.g-wetenschap .g-wetenschap div.pr-timeline, div#content.g-erotiek .g-erotiek div.pr-timeline, div#content.g-natuur .g-natuur div.pr-timeline, div#content.g-religieus .g-religieus div.pr-timeline, div#content.g-animatie .g-animatie div.pr-timeline, div#content.g-theater .g-theater div.pr-timeline, div#content.g-kunstcultuur .g-kunstcultuur div.pr-timeline, div#content.g-overige .g-overige div.pr-timeline {
	background: url('../../img/lijsten/bg_nustraks_pg_timeline_active.png') repeat-x 0 0 !important;
}

div#program-list-vert table tbody td.prog-highlight * {
	color: #F01F24;
	font-weight: bold;
}

div#content.g-muziek .g-muziek.prog-highlight *, div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten.prog-highlight *, div#content.g-comedy .g-comedy.prog-highlight *, div#content.g-misdaad .g-misdaad.prog-highlight *, div#content.g-documentaire .g-documentaire.prog-highlight *, div#content.g-jeugd .g-jeugd.prog-highlight *, div#content.g-wetenschap .g-wetenschap.prog-highlight *, div#content.g-erotiek .g-erotiek.prog-highlight *, div#content.g-natuur .g-natuur.prog-highlight *, div#content.g-religieus .g-religieus.prog-highlight *, div#content.g-animatie .g-animatie.prog-highlight *, div#content.g-theater .g-theater.prog-highlight *, div#content.g-kunstcultuur .g-kunstcultuur.prog-highlight *, div#content.g-overige .g-overige.prog-highlight * {
	color: #FFFFFF;
}

div.nustraks div#channel-list-vert div.channels div {
	cursor: auto;
}

div.nustraks div#channel-list-vert div.channels div:hover {
	background: url('../../img/lijsten/transparent.png') repeat 0 0 !important;
}


div.nustraks div#channel-list-vert div#timeselect {
	margin-top:		10px;
	color:			#2E3231;
	background: url("../../img/lijsten/bg_channels_vert_ul.png") repeat-y scroll 0 0 transparent;
}

div.nustraks div#channel-list-vert div#timeselect-header {
	background: url("../../img/lijsten/bg_channels_vert_li_first.png") no-repeat scroll left top transparent;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
}

div.nustraks div#channel-list-vert div#timeselect-content {
	background: url("../../img/lijsten/bg_channels_vert_ul_last.png") no-repeat scroll left bottom transparent;
    padding: 5px 0px 8px 10px;
}


div.agenda {
	display:	none;
    position: absolute;
    right: -16px;
    top: 0;
    width: 11px;
}

div.agenda a {
    display: block;
    font-weight: normal;
    height: 20px;
    padding-top: 5px;
    width: 12px;
	padding: 5px 2px 2px;
}

div.pr-title div.pr_nlziet{
    width: 11px;
    position: relative;
    float: right;
}

div.agenda a.p, a.pCheck {
    background: none !important;
}

/* time scroller */


	.timeNow {
	    background:#a6a6a6;
	    text-align: center;
	    color: #fff;
	    text-shadow: none;
	    z-index:100;
	    height:45px;
	    width:60px;
	}
	.timeNow a {
		color: white;
		text-decoration: none;
		font-size: 14px;
		display: block;
		height: 45px;
		cursor: pointer;
	}
	.timeNow a:hover {
		background-color: #c30009 !important;
	}
	.timeNow a i {
		font-size: 17px;
		margin-top: 3px;
	}
	.timeNow .scaleBar {
	    margin-left:10%;
	    font-weight:600;
	    z-index:200;
	    height:45px;

	}

	div.overflow-wrapper {
		margin-left: 60px;
		margin-top: -45px;
		height: 45px;
		z-index: 200;
		position: relative;
	}

	div#overflow2 {
	    border: 0px solid #000;
	    height: 45px;
	    overflow-y: hidden !important;
	    overflow-x: scroll !important;
	    z-index:201;
	}
	div#overflow2 .container2{
	    width: 8000px !important;
        overflow-x: hidden!important;
	    z-index:200;

	}
	 div#overflow2 .container2 img{
		margin-top:-42px;
		float:left;
		-moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
	    -webkit-user-select: none;
	    -ms-user-select: none; /* From IE10 only */
	    user-select: none; /* Not valid CSS yet, as of July 2012 */

	    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
	    user-drag: none;
	}

	.scale {
		background-color: #c30009;
		width: 0%; /* Adjust with JavaScript */
		height: 45px;
	    width: 3px;
	    position: absolute;
		margin-left: 50%;
	    z-index: 500;

	}
/**********************************************************
				NU OP TV Adjustments
**********************************************************/
div#col-three {
	top: 385px;
}

div.vandaagoptv div#content {
	float: left;
	width: 100%;
}

div.vandaagoptv div#channel-list-vert {
	margin-top: 36px;
}

div.vandaagoptv div#program-list-vert-container {
	background: none;
}

div.vandaagoptv div#program-list-vert table.vandaagoptv-programs tr td:hover  {
	background-color: #f8e5e5;
	color: black !important;
}


/*

div.vandaagoptv div#program-list-vert table.vandaagoptv-programs td.straks {
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	padding: 8px 0 6px 0;
}

div.vandaagoptv div#program-list-vert table.vandaagoptv-programs span.pr-beg-tijd {
	font-weight: bold;
	width: 80px;
	text-align: center;
	float: left;
}

div.vandaagoptv div#program-list-vert table.vandaagoptv-programs div.pr-title {
	position: relative;
	float: left;
	width: 190px;
	min-height: 20px;
}

div.vandaagoptv div#program-list-vert table.vandaagoptv-programs div.pr-title div.pr_nlziet{
    width: 11px;
    position: relative;
    float: right;
}


div.vandaagoptv div#program-list-vert table.vandaagoptv-programs div.pr-title div.agenda {
    position: absolute;
    right: -25px;
    top: 0;
    width: 11px;
}
*/

div#program-list-vert table tbody td.prog-highlight * {
	color: #F01F24;
	font-weight: bold;
}

div#content.g-muziek .g-muziek.prog-highlight *,
div#content.g-nieuwsactualiteiten .g-nieuwsactualiteiten.prog-highlight *,
div#content.g-comedy .g-comedy.prog-highlight *,
div#content.g-misdaad .g-misdaad.prog-highlight *,
div#content.g-documentaire .g-documentaire.prog-highlight *,
div#content.g-jeugd .g-jeugd.prog-highlight *,
div#content.g-wetenschap .g-wetenschap.prog-highlight *,
div#content.g-erotiek .g-erotiek.prog-highlight *,
div#content.g-natuur .g-natuur.prog-highlight *,
div#content.g-religieus .g-religieus.prog-highlight *,
div#content.g-animatie .g-animatie.prog-highlight *,
div#content.g-theater .g-theater.prog-highlight *,
div#content.g-kunstcultuur .g-kunstcultuur.prog-highlight *,
div#content.g-overige .g-overige.prog-highlight *{
	color: #FFFFFF;
}

div.vandaagoptv div#channel-list-vert div.channels div {
	cursor: auto;
}

div.vandaagoptv div#channel-list-vert div.channels div:hover {
	background: url('../../img/lijsten/transparent.png') repeat 0 0 !important;
}


div.vandaagoptv div#channel-list-vert div#timeselect {
	margin-top:		10px;
	color:			#2E3231;
	background: url("../../img/lijsten/bg_channels_vert_ul.png") repeat-y scroll 0 0 transparent;
}

div.vandaagoptv div#channel-list-vert div#timeselect-header {
	background: url("../../img/lijsten/bg_channels_vert_li_first.png") no-repeat scroll left top transparent;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
}

div.vandaagoptv div#channel-list-vert div#timeselect-content {
	background: url("../../img/lijsten/bg_channels_vert_ul_last.png") no-repeat scroll left bottom transparent;
    padding: 5px 0px 8px 10px;
}


div.agenda {
	display:	none;
    position: absolute;
    right: -16px;
    top: 0;
    width: 11px;
}

div.agenda a {
    display: block;
    font-weight: normal;
    height: 20px;
    padding-top: 5px;
    width: 12px;
	padding: 5px 2px 2px;;
}

div.agenda a.p, a.pCheck {
    background: none !important;
}

div#filters div#btn-filter-genres {
	/*display: none;*/
}

/** COL RIGHT **/
div#col-right {
	float: right;
	width: 330px;
	font-family: Arial, Verdana;
	margin-top: 7px;
}	/*
	 * 
	 * Settingspage css
	 * 
	 * 
	 */
.channellist  .navbar-date-select .ui-btn {
    	background: none;
    	border: none !important;
    	color: #fff;
    	text-shadow: none;
    	margin-right: 37px;
    }
#settingStandaardButton {
        margin-top:		2px;
    	color:			#333333; 
    	line-height:	1.0;
    	text-shadow: 	none;
    	border-color: 	#555555 !important;
    	border: 		1px solid #333333 !important;
    }
#settingAanpassenButton {
    	margin-top:		2px;
    	color:			#fff;
    	background-color: #555555;
    	text-shadow:	none;
    	line-height:	1.0;
    	border-color: 	#555555 !important;
    	border: 		1px solid #333333 !important;
    }

/* channel list or #programlist */
#programlist li {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.channellist .ui-li-static {
	padding: 5px 5px 8px;
	cursor: pointer; /* pointer to indicate you can enable/disable */
}
/*
#programlist .selected {
	background: url(../../img/mobiel/check-16.png) no-repeat;
	background-position: 5px 15px;
}
*/

#programlist .checkbox {
	z-index: 100;
	position: absolute;
	left: 5px;
	top: 1px;
	width: 24px;
	height: 24px;
	background-image: url('../../img/lijsten/red_checkbox_sprite.png');
	background-position: 0 0;
}
#programlist li:hover .checkbox {
	background-position: -24px 0;
}
#programlist .selected .checkbox {
	background-position: -47px 0 !important;
}
#programlist .ui-btn-inner {
	/* z-index and relative position to place it above the checkbox */
	z-index: 200;
	position: relative;
}
.settingArrows .fa {
	z-index: 210;
	position: relative;
	font-size: 20px;
	cursor: pointer;
	margin: 0 15px 0 15px;
}
.settingArrows .fa:hover {
	color: #c30009;
}

.channellist .ui-btn-text {
	line-height: 30px;
	margin-left: 48px;
	cursor: move;
}
.channellist .ui-li-thumb {
	cursor: pointer;
    }
.channellist .ui-btn-icon-right:after {
    	background-color:	rgba(0,0,0,0.0);
    	color: #333333;
    }
.channellist img {
    	padding-right:40px;
    }
.navbar-date-select3 .ui-btn {
    	background: none;
    	border: none !important;
    	color: #fff;
    	text-shadow: none;
    	right: 18px;
    	height:14px;
    	margin-right: -27px;
    	margin-top: -3.5px;
    	padding-top: 4px;
    }
		


.standaardPrograms {
	display: none;
	}
.settingDesktop a, .settingDesktop a:hover, .settingDesktop a:active {
		color:#333;
		text-decoration: none;
	}
.settingDesktop {
		height:23px;
		margin-top:6px;
	}
.settingsDivider {
		background-color: #C30009;
		display:inherit !important;
		height:2px;
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		-webkit-margin-start: auto;
		-webkit-margin-end: auto;	
		margin:0;
	}
.settings-header h1 {
	font-size: 26px;
	margin: 4px 0;
	}

.buttonSettings, .buttonSettingsDiscard {
	float: right;
	border: none;
	padding: 5px 10px;
	margin: 7px 4px;
	cursor: pointer;
}
.buttonSettings {
			color: #fff;
			background: #c30009;
		}
.buttonSettingsDiscard {
			color: #fff;
	background: #b4b4b4;
		}
.settingArrows {
			float:right;
			margin-top:-25px;
		}