html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	background: white url('img/bg_body.png') repeat-x;
}

div, span, p, td, th, input {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

a img {
	border: none;
}


/**
 * FOOTER
 *
 */

div#footer {
	padding: 20px 0 15px 0;
	text-align: center;
	font-size: 11px;
	color: #4d4d4d;
	line-height: 18px;
}

div#footer a {
	color: #4d4d4d;
	text-decoration: none;
}

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


/**
 * SEARCH
 *
 */

div#search-input {

}

input#search-input-text {
	width: 480px;
	padding: 3px;
	font-size: 13px;
	color: #4d4d4d;
}

input#search-input-submit {
	width: 62px;
	height: 27px;
	border: none;
	text-indent: -99em;
	background: url('img/btn_zoek.png') no-repeat;
	cursor: pointer;
}

div#search-options {
	padding-top: 20px;
	color: #4d4d4d;
	font-size: 13px;
	white-space: nowrap;
}

div#search-options span {
	color: #d8951a;
	font-weight: bold;
}

div#search-options input {
	margin-left: 10px;
}


/**
 * HOME
 *
 */

body#home div#container {
	width: 580px;
	margin: 0 auto;
}

body#home div#header {
	padding-top: 145px;
}

body#home div#search-input {
	padding-top: 20px;
}

body#home div#footer {
	padding-top: 200px;
}


/**
 * RESULTS
 *
 */

body#results div#container {
	width: 850px;
	margin: 0 auto;
}

body#results div#header {
	height: 80px;
	padding-top: 25px;
	text-align: center;
}

body#results div#search-input {
	margin-left: 150px;
}

body#results div#search-options {
	margin: 0 0 40px 150px;
}

div#keywords {
	margin: 35px 0 15px 0;
	font-weight: bold;
}

div#col-left {
	width: 400px;
	float: left;
}

div#col-right {
	width: 400px;
	float: right;
}

div#col-clear {
	clear: both;
	padding-top: 50px;
}

div#results-video {
	margin-top: 40px;
}


/**
 * BANNERS
 *
 */

div#banner-results-top {
	width: 728px;
	height: 90px;
	margin-left: 61px;
}

div#banner-results-bottom {
	width: 728px;
	height: 90px;
	margin-left: 61px;
}


/**
 * RESULTS COLUMN
 *
 */

div.results-header {
	height: 27px;
	line-height: 27px;
	margin-bottom: 10px;
	background: url('img/bg_header.png') no-repeat;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

div.browse-title {
	float: left;
	width: 300px;
	padding-left: 10px;
}

div.browse-prev {
	float: left;
	width: 20px;
	background: url('img/btn_arrowwhite_left.png') no-repeat;
	cursor: pointer;
}

div.browse-count {
	float: left;
	width: 50px;
	text-align: center;
}

div.browse-next {
	float: left;
	width: 20px;
	background: url('img/btn_arrowwhite_right.png') no-repeat;
	cursor: pointer;
}

div.reqstatus {
	position: absolute;
	z-index: 99;
	width: 380px;
	padding: 8px;
	background: black;
	text-align: center;
	color: #E39C1B;
	font-weight: bold;
}

div.reqstatus img {
	vertical-align: -20%;
	padding-right: 10px;
}

/* extra browse buttons for the programs column */

div#results-programs-footer {
	float: right;
	color: #7A7979;
}

div#results-programs-footer div {
	float: left;
}

div#results-programs-footer-prev {
	cursor: pointer;
	width: 20px;
	height: 30px;
	background: url('img/btn_arrowgray_left.png') no-repeat center center;
}

div#results-programs-footer-count {
	width: 60px;
	line-height: 30px;
	text-align: center;
}

div#results-programs-footer-next {
	cursor: pointer;
	width: 20px;
	height: 30px;
	background: url('img/btn_arrowgray_right.png') no-repeat center center;
}




/**
 * SINGLE RESULT
 *
 */

div.results-result {
	padding: 5px 0;
	border-bottom: 1px solid #7A7979;
	cursor: pointer;
}

div.results-result-header {
	color: #E39C1B;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0 3px 0;
}

div.results-result-genre {
	float: left;
	width: 150px;
	font-size: 14px;
}

div.results-result-channel {
	float: left;
	width: 170px;
	font-size: 14px;
}

div.results-result-date {
	float: left;
	width: 75px;
	font-size: 14px;
	text-align: right;
}
div.results-result-startTime,
div.results-result-endTime
{
	display:none;
}


div.results-result-summary {
	clear: both;
	color: #7A7979;
	font-size: 14px;
	padding: 3px 0 5px 0;
}

div.results-result-content {
	display: none;
}

div.results-result-video {
	display: none;
	overflow: hidden;
}

/**
 * TOOLTIP
 *
 */

div#tooltip {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 489px;
	/*height: 300px;*/
	padding-left: 73px;
	color: #FFFFFF;
	font-size: 13px;
	display: none;
}

div#tooltip-close {
	position: absolute;
	z-index: 100;
	margin: 8px 0 0 504px;
	height: 15px;
	width: 15px;
	background: url('img/bg_tooltip_close.png') no-repeat;
	cursor: pointer;
}

div#tooltip-arrow {
	position: absolute;
	width: 73px;
	height: 96px;
	margin-left: -73px;
	background: url('img/bg_tooltip_arrow.png') no-repeat left top;
}

div#tooltip-header {
	width: 498px;
	padding: 15px 39px 0 29px;
	color: #E39C1B;
	font-weight: bold;
	font-size: 15px;
	background: url('img/bg_tooltip_header.png') no-repeat left top;
}

div#tooltip-content-details {
	color: #E39C1B;
	margin-bottom: 15px;
}

div#tooltip-content-banner {
	margin-bottom: 15px;
	/*padding: 0 15px;*/
}

div#tooltip-content {
	width: 468px;
	padding: 0 39px 15px 29px;
	background: url('img/bg_tooltip_content.png') repeat-y left top;
}

div#tooltip-content-text {
	max-height: 300px;
	overflow: auto;
	width: 468px;
}

div#tooltip-content-text a {
	color: white;
	text-decoration: underline;
}

div#tooltip-footer {
	width: 552px;
	height: 25px;
	background: url('img/bg_tooltip_footer.png') no-repeat left bottom;
}


/**
 * VIDEO / INFO
 *
 */
div#video-overlay,
div#info-overlay {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background: #000000;
	display: none;
}

div#video,
div#info {
	position: absolute;
	z-index: 20;
	left: 0;
	top: 0;
	width: 560px;
	display: none;
}

div#video-close,
div#info-close {
	position: absolute;
	width: 23px;
	height: 23px;
	margin: 8px 0 0 488px;
	background: url('img/btn_video_close.png') no-repeat;
	cursor: pointer;
}

div#video-header {
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
}

div#video-content {
	padding: 0 57px 0 15px;
	background: transparent url('img/bg_video_content.png') no-repeat;
	overflow: hidden;
}

div#video-embed {
	height: 250px;
	background: gray;
}

div#video-subheader {
	margin-top: 15px;
	color: #E39C1B;
	font-weight: bold;
}

div#video-details {
	font-size: 12px;
}

div#video-banner,
div#info-banner {
	margin-top: 15px;
	padding: 0 10px;
}

div#video-text,
div#info-text {
	margin-top: 15px;
	max-height: 240px;
	overflow: auto;
}

div#video-text *,
div#info-text * {
	margin: 0;
}

div#video-footer,
div#info-footer {
	height: 50px;
	background: url('img/bg_video_footer.png') repeat-y left bottom;
}


/**
 * INFO
 *
 */
div#info * {
	font-size: 12px;
}

div#info-header {
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}

div#info-content {
	padding: 0 57px 0 15px;
	background: transparent url('img/bg_info_content.png') no-repeat;
	overflow: hidden;
}


div#info p {
	margin-bottom: 10px;
}
div#info-text {
	max-height: 450px;
}