a img {
	border-style: none;
}

#top-content {
	height:262px;
	padding-top: 5px;
	margin-bottom: 10px;
}

#top-content-right {
	margin-left: 10px;
	float: right;
}

#top-content-left h2 {
	margin: 5px 0px 0px 10px;
	font-size: 16px;
}

#slider-wrapper {
	height: 214px;
}

#block-block-3 {
	background: url(../gif/planer/planerbox_bg.png);
	height: 57px;
	width: 247px;
	margin-top: 10px;
}

#block-block-3 h3 {
	font-size: 14px;
	padding: 8px 0px 0px 10px;
	margin: 0px;
}

#block-block-3 p {
	margin: 7px 0px 0px 25px;
}

#block-block-3 p a {
	font-size: 12px;
	text-decoration: none;
}

#slider-wrapper div.slider {
	margin: 70px 10px 0px 34px;
	width: 17px;
	height: 70px;
	float: left;
}

#slider-wrapper #slider1 {
	margin-right: 11px; 
}

#daytime {
	clear: both;
	margin-left: 10px;
}

#daytime-slider {
	height: 13px;
	width: 510px;
}

.ui-slider { position: relative; text-align: center; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { 
	top: -.3em;
	margin-left: -.6em;
	height: 21px;
	width: 48px;
	background: url(../gif/planer/sliderhorizontal.png) no-repeat;
	}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { 
	left: -8px; 
	margin-left: 0; 
	margin-bottom: -16px;
	height: 33px;
	width: 17px;
	background: url(../gif/planer/sliderhandle.png) no-repeat;
}
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

#top-content-left {
	height:262px;
	float: left;
	width: 560px;
	background: url(../gif/planer/sliderbg.png) no-repeat;
}

#bottom-content {
	clear: both;
	width: 822px;
	background: url(../gif/planer/programmbgweek.png) no-repeat;
}

#bottom-content h2 {
	margin: 12px 0px 0px 10px;
	font-size: 20px;
}

#planer-head {
	height: 52px;
}

#week, #h2-wrapper, #week div, #title-week div, #title-day div {
	float: left;
}

#week {
	margin: 15px 0px 0px 60px;
}

#planer-title {
	margin-left: 54px;
	height: 30px;
}

#title-week div {
	width:106px;
	text-align: center;
}

#overview-week {
	margin: 0px 135px 0px 8px;
}

#selected-week {
	text-align: center;
	width: 160px;
	margin-top: 2px;
}

#selected-day {
	text-align: center;
	width: 90px;
	margin-top: 2px;
}

#planer-title, #title-day  {
	clear: both;
}

#title-day {
	display: none;
}

#planer-bottom {
	clear: both;
}

	#planer-timeline {
		position: relative;
		width:54px;
		float: left;
	}
	
	.planer-hour {
		background: url(../gif/planer/timedivider.gif) no-repeat;
		height: 65px;
	}
	
	#planer-content {
		float: left;
		width: 800px;
		height: 450px;
		position: relative;
		overflow: hidden;
	}
	
	#planer-content-listing {
		position:relative;
	}
	
	#planer-content-listing h3 {
		display: none;
	}
	
		#planer-overlay {
			position: absolute;
			top:0;
			left: 0;
			background: url(../gif/planer/overlay.png);
			height: 450px;
			width: 802px;
			padding: 210px 0px 0px 386px;
			z-index: 100;
			display: none;
		}
	
	#planer-scroller-wrapper {
		float: left;
		width: 11px;
		border: 1px #4d6c7b solid;
		height: 450px;
		margin: 0px 6px 0px 0px;
	}
	
	#planer-scroller {
		top:29px;
		height: 410px;
	}
	
	#planer-scroller.ui-slider-vertical .ui-slider-handle { 
	margin-left: 6px; 
	height: 46px;
	width: 20px;
	background: url(../gif/planer/slidervertical.png) no-repeat;
	}

#block-views-highlightteasertriple-block_1, .view-highlightteasertriple {
	width: 247px;
	height: 186px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#block-views-highlightteasertriple-block_1 div.view-content {
	position: relative;
}

#block-views-highlightteasertriple-block_1 div.views-row-1 {
	position: absolute;
	top: 0px;
}

#block-views-highlightteasertriple-block_1 div.views-row-2, #block-views-highlightteasertriple-block_1 div.views-row-3 {
	display: none;
	position: absolute;
	top: 0px;
}

#footer {
	margin-top: 0px;
	clear: both;
}

.planner-day-wrapper {
	position: relative;
	width: 102px;
	float: left;
	margin: 0px 4px 3px 0px;
	cursor: pointer;
}

#planer-content-listing .views-row {
	margin: 0px 0px 3px 0px;
	overflow: hidden;
	font-size: 11px;
	padding: 3px;
	clear: both;
	opacity: 0.8;
}

.views-row div {
	padding: 1px 0px;
}

#planer-content-listing .views-field-title {
	font-weight: bold;
}

.hidden, .views-field-field-duration-value, .views-field-field-actors-value, .views-field-field-synopsis-value, .views-field-field-imagelink-url, .views-field-field-genre-value, .views-field-field-genre-value-1, .hide, .views-field-field-scarlettid-value {
	display: none;
	font-size: 12px;
}

.views-field-field-directors-value {
	clear: both;
}

.views-field-field-synopsis-value img {
	float: left;
	margin-right: 10px;
}

.views-field-field-synopsis-value {
	font-size: 12px;
}

.views-field-field-airtime-value-1, .views-field-title, .views-field-field-year-value {
	margin-right: 10px;
}

.views-field-field-duration-value, .views-field-field-actors-value, .views-field-field-synopsis-value, .views-field-field-genre-value {
	background: #f9f9f9;
	color: #111;
}

.highlight {
	border: 2px solid #ffff2d;
}

.largerfont {
	font-size: 12px;
}

.genreAc {
	background: #a3080e;
}

.genreCo {
	background: #116d1a;
}

.genreHi {
	background: #5a1961;
}

.genreDr {
	background: #b24501;
}

.genreSc {
	background: #1f3888;
}

.genreRo {
	background: #861757;
}

.genreTh {
	background: #746919;
}

.genreWe {
	background: #572f23;
}

.genreSp {
	background: #3d6a80;
}

.genreSo {
	background: #777777;
}