/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

img { -ms-interpolation-mode: bicubic; }

/* General Typography */
html {
	overflow: hidden;
}

body {
	font:0.8em Arial, Helvetica, sans-serif;
	background:#8b8b8b url(../images/body_bg_default.png) repeat-x 0 0;
	overflow: hidden;
}

.header {
	display:block;
	width:7300px;
	height:130px;
	padding-left:10px;
	background:none;
	position:relative;
	z-index:5000;
	background:url(../images/header_bg.png) no-repeat 0 0;
}

/* Logo */
img.logo {
	position:relative;
	top:15px;
	left:46px;
	margin-right:20px;
	float:left;
}

/* Week days buttons */
.header ul {
	position:absolute;
	top:100px;
	// top:104px;
	left:55px;
	width:650px;
	height:25px;
}

.header ul li {
	float:left;
	margin-right:2px;
	margin-top:2px;
}

.header ul li a {
	display:inline-block;
}

.header ul li a.today {
	background:url(../images/today_btn.png) no-repeat 0 0px;
	width:44px;
	height:23px;
}

	.header ul li a.today span {
		position:relative;
		left:7px;	
	}

.header ul li a.wednesday {
	background:url(../images/wed_btn.png) no-repeat 0 0px;
	width:71px;
	height:23px;
}

.header ul li a.thursday {
	background:url(../images/thu_btn.png) no-repeat 0 0px;
	width:61px;
	height:23px;
}

.header ul li a.friday {
	background:url(../images/fri_btn.png) no-repeat 0 0px;
	width:45px;
	height:23px;
}

.header ul li a.saturday {
	background:url(../images/sat_btn.png) no-repeat 0 0px;
	width:61px;
	height:23px;
}

.header ul li a.sunday {
	background:url(../images/sun_btn.png) no-repeat 0 0px;
	width:48px;
	height:23px;
}

.header ul li a.monday {
	background:url(../images/mon_btn.png) no-repeat 0 0px;
	width:51px;
	height:23px;
}

.header ul li a.tuesday {
	background:url(../images/tue_btn.png) no-repeat 0 0px;
	width:51px;
	height:23px;
}

.header ul li a.tomorrow {
	background:url(../images/tomorrow_btn.png) no-repeat 0 0px;
	width:67px;
	height:23px;
}

.header ul li a.yesterday {
	background:url(../images/yesterday_btn.png) no-repeat 0 0px;
	width:64px;
	height:23px;
}

.header ul li a.about {
	background:url(../images/about_btn.png) no-repeat 0 0px;
	width:48px;
	height:23px;
}

.header ul li a.about span {
	position:relative;
	left:9px;
}

.header ul li a.feedback {
	background:url(../images/feedback_btn.png) no-repeat 0 0px;
	width:64px;
	height:23px;
}

.header ul li a.feedback span {
	position:relative;
	left:6px;
}

.header ul li a.wednesday,
.header ul li a.thursday,
.header ul li a.friday,
.header ul li a.saturday,
.header ul li a.sunday,
.header ul li a.monday,
.header ul li a.tuesday,
.header ul li a.tomorrow,
.header ul li a.yesterday,
.header ul li a.today {
	height:23px;
}

.header ul li a {
	font:0.7em Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	position:relative;
	top:2px;
}

.header ul li a:hover,
.header ul li a.active {
	background-position:0 -25px;
	color:#000;
}

.header ul li a span {
	position:relative;
	top:5px;
	left:5px;
}

.header h1 span {
	position:absolute;
	left:-9999px;
}

/* Grid */
.grid {
	cursor:move;
	z-index:-2;
	overflow: hidden;
}

/* Channels list */
.grid ul.channels {
	float:left;
	/* width:218px; CHANGE HERE TO INCLUDE LEFT BANNER */
	width:55px;
	z-index:1000;
	margin-top:28px;
}

.channels {
	position:absolute; 
	left:0; 
	top:0px; 
	background:#000;
}
.grid ul.channels li {
	display:block;
	border-right:1px dotted #333;
	border-bottom:1px dotted #000;
	background:#000;
	color:#fff;
	height:35px;
}

.grid ul.channels li img {
	position:relative;
	/* left:163px; CHANGE HERE TO INCLUDE LEFT BANNER */
	left:0;
	width:50px;
	top:3px;
}

/* Shows listings */
.grid ul.shows {
	float:left;
	width:7150px;
	margin-top:28px;
 // margin-top:15px;
}

.grid ul.shows li ul li {
	border-bottom:1px dotted #333;
	font:0.95em Arial, Helvetica, sans-serif;
	background:url(../images/grid_bg_long.png) no-repeat right top;
	color:#fff;
	height:25px;
	padding:10px 0px 0px 0px;
}

.grid ul.shows li ul li a,
.grid ul.shows li ul li a:visited {
	color:#fff;
	text-decoration:none;
}

.grid ul.shows li ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

.grid ul.shows li ul li em {
	padding:0 4px;
}

.grid ul.shows li span {
	font:0.7em Arial, Helvetica, sans-serif;
	padding:1px 3px;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:4px;
	position:relative;
	top:-1px;
}

.show_name {
	padding:0 4px;
	position:relative;
	top:-5px;
	// top:-1px;
}

/* Show category */
.grid ul.shows li span.film {
	background:#a52424;
	color:#fff;
	}

.grid ul.shows li span.sports {
	background:#a52424;
	color:#fff;
}

/* Show horizontal list - repeated per channel */
.grid ul.shows_list {
	display:block;
	clear:both;
}

.grid ul.shows_list li {
	float:left;
	padding:5px;
	// margin-bottom:-16px;
	// position:inherit;
	overflow:hidden;
	// word-wrap: break-word;
	height:25px;
}

.grid ul.shows_list li a {
	position:relative;
	top:-4px;
}

.grid ul.channels li a.favourites {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.grid ul.channels li a.favourites:hover {
	text-decoration:underline;
}

/* time line */
ul.time {
	position:absolute;
	left:0;
	margin-left:0;
	margin-left:-124px;
	width:7350px;
	z-index:900;
	border-bottom:1px solid #333;
}

ul.time li {
	float:left;
	display:block;
	padding:4px 0 5px 5px;
	width:174px;
	background:url(../images/time_bg.png) repeat-x 0 0;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	border-right:1px solid #5e5e5e;
}

ul.time li.now {
	background:url(../images/time_bg_now.png) repeat-x 0 0;
}

/* Show descriptions pop-over */

.show_description {
	padding:25px 10px 10px 15px;
	color:#fff;
	width:310px;
	z-index:9999;
	background:url(../images/pop_over_bg.png) no-repeat 0 0;
	display:none;
	position:absolute;
	}
	
	.show_description p {
		margin-bottom:12px;
		font:0.9em Arial, Helvetica, sans-serif;
	}
	
	.show_description h3 {
		font-weight:bold;
		margin-bottom:12px;
	}

/* Ads */

.leaderboard_banner {
	position:absolute;
	top:12px;
	left:240px;
}

.skyscraper_banner {
	position:absolute;
	top:131px;
	left:0px;
}

.time_nav_bg {
	background:url(../images/time_nav_bg.png) no-repeat;
	/* width:217px; CHANGE HERE TO INCLUDE LEFT BANNER */
	width:55px;
	height:26px;
	position:absolute;
	left:0;
	top:130px;
}

.shadow {
	position:absolute;
	top:0;
	left:0;
	width:49px;
	height:155px;
	background:url(../images/shadow.png) no-repeat;
	z-index:99998;
}

.how_to {
	position:absolute;
	top:0px;
	left:1000px;
	color:#fff;
	background:url(../images/how_to_bg.png) no-repeat;
	widht:268px;
	height:161px;
	z-index:99998;
	text-align:left;
}

.how_to h3 {
	margin-bottom:5px;
	font:1.1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	position:relative;
	top:18px;
	left:20px;
}

.how_to p {
	display:block;
	width:200px;
	height:161px;
	padding:20px 20px 20px 20px;
}

a.close_button {
	position:absolute;
	top:17px;
	right:22px;
	width:18px;
	height:18px;
	border:none;
	background:url(../images/close_button.png) no-repeat;
	text-decoration:none;
}

a.close_button:hover {
	background:url(../images/close_button.png) no-repeat 0 -18px;
	text-decoration:none;
}

div.loaded {
	display:none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #931c1c;
	padding: 8px;
	opacity: 0.9;
	width:250px;
	color:#fff;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	font-weight:bold;
	margin-bottom:12px;
	color:#fff;
}