/**********************************************************
				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;

	}