/* General Stuff */
.dni-listings * { margin: 0; padding: 0;}

#listings {
	font-size: 12px;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
table.listings-results, .reminders-form, .widget-view { font-family: Arial, Helvetica, sans-serif;}

#listings-header {
	width: 760px;
	position: relative;
	z-index: 2;
	max-width: 100%;
	}

#listings-title {
	float: left;
	display: inline;
	margin-right: .5em;
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display:none;
	border:0;
	margin:0;	
	}
#listings-page-title {
	display: inline;
	font-size: 1.5em;
	color: #555555;
	display:none;
	border:0;
	margin:0;	
	}
#listings-page-title strong { display: none;}

/* Listings Nav & Controls */

#dnitvl_datepicker {
	background: transparent;
	border: 0;
	margin: 1em;
	float: left;
	}
	
#listings-controls {
	display: table;
	padding-top: 1.5em;
	font-size: 1.1em;
	font-family: sans-serif;
	line-height: 1.5em;
	z-index: 1;
	clear: both;
	width: 100%;
	}
	
#listings-controls .listings-controls-form {
	border: #c1c1c1 solid;
	border-width: 1px 1px 0;
	padding: 1em .5em 1.5em;
	background-color: #f0f0f0;
	text-align: left;
	position: relative;
	top: -1px;
	margin-bottom: -1px;
	border-collapse: collapse;
	clear: both;
	}

#listings-controls .listings-controls-tabs {
	list-style-type: none;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	clear: both;
	}
#listings-controls .listings-controls-tabs li {
	display: table-cell;
	vertical-align: middle;
	width: 14em;
	background: #d8d8d8 url(../images/tab_controls_arrow.gif) no-repeat .9em 45%;
	border: #aaaaaa solid;
	border-width: 1px;
	cursor: pointer;
	position: relative;
	}
#listings-controls .listings-controls-tabs li a {
	padding: .5em 1em .5em 2em;
	display: block;
	text-decoration: none;
	color:#555555;
	}
#listings-controls .listings-controls-tabs li.day { border-right-width: 0;}
#listings-controls .listings-controls-tabs li.current a { margin-top: 1px;}
#listings-controls .listings-controls-tabs li.current {
	top: 0;
	border-bottom-width: 0;
	background-color: #f0f0f0;
	}

.region, .channel, .series, .time { font-size: 0.8em; font-weight: bold;}

.listings-controls-heading {
	display: block;
	width: 5em;
	margin-left: -6em;
	float: left;
	color: #555555;
	}	
.listings-controls {
	position: relative;
	height: 2em;
	line-height: 2em;
	padding: .7em 0 .7em 7em;
	text-align: left;
	border: #cbcbcb solid;
	border-width: 1px 0 0;
	}


#listings-print-view {
	display: block;
	float: left;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.1em;
	color: #999999;
	padding-left: 30px;
	margin: -1em 0 .5em;
	line-height: 2em;
	text-decoration: none;
	background: url(../images/print_icon.gif) no-repeat left center;
	}

#listings-controls .listings-controls-form strong.time { margin-left: 2.5em; font-size: 1em;}
#listings-controls .listings-controls-form ul.time { right: 10px;}
#listings-controls .listings-controls-form ul {
	cursor: default;
	position: relative;
	border: #c1c1c1 solid 1px;
	}
#listings-controls .listings-controls-form input {
	border: #c1c1c1 solid 1px; 
	text-indent: .5em;
	font-weight: bold;
	}

#listings-controls .listings-controls-form ul ul { cursor: default; margin: 0;}
#listings-controls .listings-controls-form ul span { display: block; padding: 0 1em;}
#listings-controls .listings-controls-form ul { position: absolute;}

#listings-controls .listings-controls-form li a {
	text-decoration: none;
	color: #ffffff;
	cursor: default;
	}

#listings-controls .listings-controls-form ul.series span { width: 30em;}

#listings-controls .listings-controls-form ul li { display: none; position: relative;}
#listings-controls .listings-controls-form ul li { color: #ffffff;}
#listings-controls .listings-controls-form li span { width: 20em;}
#listings-controls .listings-controls-form li li span { width: 15em;}
#listings-controls .listings-controls-form ul li li { position: relative;}
#listings-controls .listings-controls-form ul li.default-menu-item {
	display: block;
	background: transparent;
	position: relative;
	}
	
#dni-listings #listings-controls .listings-controls-form ul li.first-item-spacer span { height: .5em;}
.dni-listings div#listings-controls .listings-controls-form ul li.default-menu-item span {
	color: #555555;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 90% center;
	}
	
#listings-controls .listings-controls-form ul.time li span { width: 10em; text-indent: 1em;}
#listings-controls .listings-controls-form ul.region li span { width: 15em;}
#dni-listings #listings-controls .listings-controls-form ul.region.visible ul { left: 100%; top: 0;}

#dni-listings #listings-controls .listings-controls-form ul.region.visible li li.current span { background: #ff9900;}
#dni-listings #listings-controls .listings-controls-form ul.region li.current span { background: #ff9900;}
#dni-listings #listings-controls .listings-controls-form ul.region li.visible.current span { background: #ff9900;}
#dni-listings #listings-controls .listings-controls-form ul.region li.current span { background: #7c7c7c;}
#dni-listings #listings-controls .listings-controls-form ul.region li.visible.current li span { background: #7c7c7c;}
#dni-listings #listings-controls .listings-controls-form ul.region li.visible.current li.current span {
	background: #ff9900;
	}
#dni-listings #listings-controls .listings-controls-form ul.region li.current li.visible span { background: #ff9900;}
#dni-listings #listings-controls .listings-controls-form ul li.current span { background: #ff9900;}


#listings-controls .listings-controls-form ul.visible { z-index: 2;}
#listings-controls .listings-controls-form ul.visible ul { position: absolute; left: 300px;}
#listings-controls .listings-controls-form ul.visible li { display: block;}
#listings-controls .listings-controls-form ul.region.visible li span { display: block;}
#listings-controls .listings-controls-form ul.visible li li { display: none;}

#listings-controls .listings-controls-form ul li.visible span { background-color: #ff9900;}
#listings-controls .listings-controls-form ul li.visible ul { background-color: #7c7c7c;}
#listings-controls .listings-controls-form ul li.visible ul span { background-color: transparent;}
#listings-controls .listings-controls-form ul.region li li.visible span { background-color: #ff9900;}
#listings-controls .listings-controls-form ul li.visible li { display: block;}

#listings-controls .listings-controls-form li span { background-color: #7c7c7c;}
#listings-controls .listings-controls-form ul li { float: left; clear: both;}
#listings-controls .listings-controls-form ul ul { position: relative;}

#listings-controls .listings-controls-form ul ul { border-width: 0;}
#listings-controls .listings-controls-form li.visible ul { border-width: 1px;}

#listings-controls .listings-controls-remember {
	text-align: right;
	line-height: 1.8em;
	overflow: hidden;
	}
#listings-controls .listings-controls-remember #listings-controls-remember { border: none;}
#listings-controls .listings-controls-remember input { margin: 0 .5em;}
#listings-controls .listings-controls-remember label {
	font-size: .8em;
	color: #444444;
	width: 15em;
	text-align: right;
	}


/* Listings Results */

#listings-results {
	margin: 1.5em 0;
	border: #ababab solid;
	border-width: 0 1px;
	}
#listings-results-heading, .listings-results-heading { display: none;}
table.listings-results { border-collapse: collapse;}
table.listings-results thead { line-height: 1.5em;}
table.listings-results thead th {
	padding: .5em;
	text-align: left;
	}
table.listings-results tbody th { background-color: #ffffff;}
table.listings-results thead th.listings-date { padding-left: 1em;}
table.listings-results thead th.title {
	padding: 0;
	margin-bottom: -1em;
	}
table.listings-results thead th.title span {
	display: block;
	position: absolute;
	top: .4em; left: 8em;
	font-size: 1.7em;
	}

	
table.listings-results caption { display: none;}
col#listings-time { width: 14em;}
.week-view colgroup#listings-date { width: 50em;}
colgroup.listings-slot { width: 10em;}
col#listings-date { width: 10em;}
col#listings-reminders { width: 8em;}
col#listings-programme { width: 62em;}
table.listings-results td { padding: .5em;}
.week-view table.listings-results td { background-color: #ffffff;}
table.listings-results tbody tr { padding: 1em 0;}
table.listings-results tbody td, table.listings-results tbody th { 
	border: #cbcbcb solid;
	border-width: 1px 0;
	}

table.listings-results tbody td.listings-time { font-weight: bold;}
table.listings-results tbody td.listings-time .date { font-weight: normal;}
.week-view table.listings-results tbody th.listings-date { padding: 1em;}
table.listings-results tbody td.listings-time .minutes { font-weight: normal; text-transform: lowercase;}
table.listings-results tbody td.listings-time .minutes span { display: none;}
table.listings-results tbody td.listings-reminder { text-align: center;}
table.listings-results tbody td.listings-reminder .hint { display: block; padding-top: .1em; font-size: .9em;}
table.listings-results tbody td.listings-programme { font-size: 1.1em;}
table.listings-results tbody td.listings-programme dl dt a { text-decoration: none; font-style: normal;}
table.listings-results tbody td.listings-programme dl dt { 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}

table.listings-results dd.episode-title { margin-bottom: .5em;}
table.listings-results dd.description { overflow: hidden; font-size: .9em;}
.week-view table.listings-results dd.description { display: none;}
table.listings-results tbody td.listings-programme dl dd em { font-weight: normal; font-style: normal;}

.week-view table.listings-results tbody { font-size: .9em;}
.week-view table.listings-results tbody td.listings-programme {
	font-size: 1em;
	border-left: #dbdbdb solid 1px;
	}
.week-view table.listings-results tbody td.listings-programme dl { padding: 0 1em 0 1em;}
.week-view table.listings-results tbody td.listings-programme.last-child dl { border-right: none;}
.week-view table.listings-results tbody td.listings-programme dl dd.start-time { display: none;}
.week-view table.listings-results tbody td.listings-programme label { margin-left: 1em;}
	
form#listings-reminder {
	position: relative;
	border: #ababab solid;
	border-width: 0 1px;
	z-index: 1;
	}

table.listings-results tbody td.listings-filler {
	background-color: #f8f8f8;
	border-left: #ebebeb solid 1px;
	}

	/* Results Controls */
	form#listings-reminder div.listings-page-controls {
		text-align: left;
		font-size: 1em;
		padding: .5em .5em .1em;
		line-height: 2em;
		}
	#listings-reminder-heading { display: none;}
	form#listings-reminder div.listings-page-controls .hint { display: none;}
	#listings-reminder-msg {
		background-color: #d5d5d5;
		margin: .6em 0;
		padding: 0 1em;
		line-height: 2em;
		text-align: center;
		clear: both;
		}
	form#listings-reminder div.listings-page-controls div.listings-reminder-days {
		position: relative;
		float: left;
		padding: 0 1em;
		margin-right: 1em;
		border-right: #cbcbcb solid 1px;
		}
	form#listings-reminder div.listings-page-controls div.listings-reminder-days .listings-reminder-days {
		border: none;
		padding-right: 0;
		margin-right: .5em;
		}
	form#listings-reminder div.listings-page-controls label { display: none;}
	form#listings-reminder div.listings-page-controls input#listings-reminder-submit {
			font-size: .9em;
			font-weight: bold;
			border: #01a2ca solid 1px;
			padding: .1em;
			}
	form#listings-reminder div.listings-page-controls input { font-size: 1em; margin-right: 1em;}
	form#listings-reminder div.listings-page-controls label { margin-right: .5em;}
	form#listings-reminder div.listings-page-controls #listings-reminder-email {
		font-size: 1em;
		text-indent: .3em;
		width: 20em;
		text-transform: lowercase;
		}
	
	.listings-reminder-days span { float: left;}
	.listings-reminder-days.expanded { z-index: 5;}
	.listings-reminder-days .listings-reminder-days {
		margin: 0 .8em;
		height:1.5em;
		position: relative;
		}
	#listings-reminder-days {
		width: 2.5em;
		float: left;
		display: block;
		list-style-type: none;
		position: absolute;
		left: 0;
		border: #c1c1c1 solid 1px;
		}
	.listings-reminder-days.expanded #listings-reminder-days li { display: block;}
	#listings-reminder-days li {
		background: #ffffff;
		display: none;
		padding: 0 .3em;
		cursor: default;
		height: 1.8em;
		text-align: center;
		}
	#listings-reminder-days li strong { font-weight: normal;}
	#listings-reminder-days li.default-menu-item {
		display: block;
		background-color: #ffffff;
		}
		
	.listings-reminder-days.expanded #listings-reminder-days li.default-menu-item {
		border-bottom: #c1c1c1 solid 1px;
		}
	#listings-reminder-days .visible { background-color: #ebebeb;}
	.listings-reminder-days .controls_toggle_button {
		display: block;
		float: left;
		width: 16px;
		height: 2em;
		margin-left: 2.5em;
		background: no-repeat left center;
		cursor: pointer;
		}
	
	h5.listings-page-controls { display: none;}
	.listings-page-controls { padding: .2em 1em; background-color: #e5e5e5;}
	ul.listings-page-controls {
		list-style-type: none;
		min-height: 2.6em;
		overflow: hidden;
		border: #ababab solid;
		border-width: 1px 0;
		padding: 0 .5em;
		line-height: 1.8em;
		background: #cccccc url(../images/controls_bg_tile.gif) repeat-x;
		}
		
	ul.listings-page-controls li {
		display: inline; position: relative; text-align: right;
		margin: .3em 0;
		font-family: sans-serif;
		background-repeat: no-repeat;
		}
	
	ul.listings-page-controls li.next-page { float: right; padding-left: .6em; border-left: #ababab solid 1px;}
	ul.listings-page-controls li.prev-page { float: left; padding-right: .6em; border-right: #ababab solid 1px;}
	ul.listings-page-controls li.next-page a { display: block; padding: 0 1.4em 0 .5em;}
	ul.listings-page-controls li.prev-page a { display: block; padding: 0 .5em 0 1.4em;}
	
	ul.listings-page-controls li a.disabled { visibility: hidden;}
	
	ul.listings-page-controls li .date {display: none;}
	ul.listings-page-controls li.pagination {
		display: block;
		margin: 0 auto;
		text-align: right;
		padding-right: 2em;
		line-height: 2.5em;
		}
	ul#listings-page-controls-top li.pagination { display: none;}
	ul.listings-page-controls li.pagination strong { display: none;}
	ul.listings-page-controls li.pagination ol { display: inline;}
	ul.listings-page-controls li.pagination ol.disabled { visibility: hidden;}
	ul.listings-page-controls li.pagination ol li { border-left: #757575 solid 1px;}
	ul.listings-page-controls li.pagination ol li.first-child { border-left: none;}
	ul.listings-page-controls li.pagination ol li a {
		border: 0;
		background: none;
		margin: 0 .4em;
		}
		
	.listings-pagination-link-prefix { display: none;}
	
	.desc_toggle {
		display: table-cell;
		display: inline-block;
		background-repeat: no-repeat;
		width: 15px;
		height: 15px;
		cursor: pointer;
		}
	table.listings-results tbody td.listings-programme dl dt strong { float: left; margin-right: 1.5em;}
	table.listings-results tbody td.listings-programme dl dd.episode-title { clear: left;}
	.desc_toggle { background-image: url(../images/results_desc_show.gif);}
	.expanded .desc_toggle { background-image: url(../images/results_desc_hide.gif);}
	table.listings-results tbody tr.expanded { background-color: #f0f0f0;}
	/**/
	
	/* Listings Errors & Messages */
	
	.listings-loading {
		font-weight: bold;
		padding: 5em 0;
		margin: 0 2em;
		clear: both;
		text-align: center;
		width: 450px;
		}
	
	.listings-loading #listings-title { float: none;}
	
	.listings-loading-image {
		line-height: 3em;
		display: block;
		padding: 3em 0;
		}
	
	.listings-error-nodata {
		text-align: center;
		padding: 4em;
		font-size: 1.1em;
		font-weight: bold;
		color: #00b7e5;
		}
	
	.listings-error-fatal {
		width: 38em;
		font-weight: bold;
		padding: 2em 1em; 
		clear: both;
		}
	.listings-error-fatal p { padding: 5em 0;}
	/**/
	

	/* Generic Tooltip styling */
	.js_tooltip, .js_tooltip * { margin: 0; padding: 0;}
	div.js_tooltip {
		position: absolute;
		z-index: 3;
		border: #aaaaaa solid 1px;
		}
	dl.js_tooltip {
		padding: .5em;
		background-color: #f7f7f7;
		font-family: sans-serif;
		font-size: 14px;
		}
	dl.js_tooltip dt {
		font-weight: bold;
		margin-bottom: .1em;
		color: #444444;
		margin: -.5em -.5em 0;
		padding: .4em .5em .4em;
		color: #000000;
		}

		/* Listings Tooltip Styling */
		.js_tooltip dd.sub-title { margin: .5em 0 0; font-size: .9em;}
		.js_tooltip dd.sub-title p { display: inline; margin-right: 2em;}
		.js_tooltip dd.content { width: 31em; font-size: .9em; margin-top: .5em;}
	/**/

	/* Customise */
	#listings { color: #333333;}
	#listings-title { color: #00b7e5;}
	table.listings-results tbody td.listings-programme dl dt a,
	table.listings-results tbody td.listings-programme dl dt { color: #00b7e5;}
	ul.listings-page-controls li.pagination ol li a { color: #00b7e5;}
	ul.listings-page-controls li.pagination ol li.current a { color: #ff9900;}
	
	table.listings-results thead tr, .nextshowing .listings-widget-heading-main,  #listings-widget-heading {
		background: #73abff url(../images/results_headers_bg_tile.gif) repeat-x;
		color: #ffffff;
		}
	
	h5.listings-widget-heading, span.listings-widget-controls {
		background: #73abff url(../images/results_headers_bg_tile.gif) repeat-x left 50%;
		color: #ffffff;
		}	
	
	span.listings-widget-controls a { color: #ffffff;}
		
	table.listings-results thead th.title { color: #ffffff;}
	
	ul.listings-page-controls li a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		border: #01a2ca solid 1px;
		background: #00b7e5 no-repeat;
		}
	ul.listings-page-controls li.next-page a {
		background-image: url(../images/controls_arrow_r.gif);
		background-position: 90% center;
		}
	ul.listings-page-controls li.next-page a:hover { background-color:#ff9a01;}
	ul.listings-page-controls li.prev-page a:hover { background-color:#ff9a01;}
	ul.listings-page-controls li.prev-page a {
		background-image: url(../images/controls_arrow_l.gif);
		background-position: 10% center;
		}
	
	.listings-widget-results highlights, listings-widget-heading highlights { display: none;}
	form#listings-reminder div.listings-page-controls input#listings-reminder-submit {
		color: #ffffff;
		background-color: #00b7e5;
		}
	form#listings-reminder div.listings-page-controls input#listings-reminder-submit:hover {
		background-color: #ff9a01;
		}

	.listings-reminder-days .controls_toggle_button {
		background-image: url(../images/controls_arrow_show.gif);
		}
	.listings-reminder-days.expanded .controls_toggle_button {
		background-image: url(../images/controls_arrow_hide.gif);
		}
		
	#listings-reminder-msg { color: #00b7e5;}
	
	body .js_tooltip { background-color: #f7f7f7;}
	/**/

	 
/* Date Picker */

#listings-controls #dnitvl_datepicker_input {
	float: left;
	padding: .4em 1em;
	text-indent: 0;
	font-size: .9em;
	font-family: sans-serif;
	width: 8em;
	color: #555555;
	cursor: pointer;
	background-color: #fefefe;
	}
	
	/* Date Picker General Style */
	#dnitvl_datepicker {
		background-color: #ffffff;
		border: #cccccc solid;
		border-width: 2px 1px;
		font-size: .7em;
		font-family: Arial;
		font-weight: bold;
		}
	.dpTable { width: 6em; border-spacing: 1px; border-collapse: collapse; cursor: default; font-size: 1.2em;}
	
	
	/* Date Picker Title & Controls Style */
	.dpTitleTR {
		color: #ffffff;
		background-color: #666666;
		font-size: 1.1em;
		text-align: center;
		height: 2.5em;
		}
	
	.dpTitleTD { position: relative; margin: 0 1em;}
	.dpTitleText { display: inline; font-weight: bold; position: relative; z-index: 1;}
	.dpButton { color: #ffffff; background-color: transparent; border: none;}
	.dpButtonTD button { display: block; height: 2em; width: 2em; padding: 0;}
	.dpButtonTD.back { position: absolute; left: 0; top: 0; z-index: 2;}
	.dpButtonTD.forward { position: absolute; right: 0; top: 0; z-index: 2;}
	.dpTodayButtonTD { display: none;}
	
	
	/*  Date Picker Week & Day Style */
	.dpTable .dpTR td span, .dpTable .dpDayTR td span {
		border: #cccccc solid 1px;
		display: block;
		padding: .4em;
		text-align: center;
		background-color: #ffffff;
		color: #666666;
		}
	
	.dpTable .dpTR { background-color: #ffffff;}
	.dpTable .dpDayTR td span { background-color: #666666; margin-top: .4em; color: #ffffff;}
	.dpTable .dpTR .dpTD span { background-color: #ebebeb; font-weight: bold;}
	.dpTable .dpTR td.dpTD.active span { background-color: #73Abff; color: #ffffff;}
	.dpTable .dpTR td.dpTD.active { cursor: pointer;}
	.dpTable .dpTR td.dpTD.active.dpTDHover span { background: #ff9900;}
	.dpTable .dpTR td.dpTD.active.dpDayHighlightTD span { background: #ff9900;}