* {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; outline: medium none;}
body { 
	color: #999999;	margin:0; padding:0;background-image:url('../../images/BG_tvguide.jpg');
	background-repeat: no-repeat; background-color:#000000;font-size:16px; background-position: 0 32px;
}
h1 {color:#FFFFFF;font-weight:normal;margin-bottom:0; font-size:24px}
h2 {font-size:18px; font-weight:normal;	color: #FFF; margin:0; padding: 0 0 0 15px;}
ol,ul {	list-style:none;}
img { border: none;}
a	{color:#FFFFFF;text-decoration: none}
a:hover{text-decoration: underline}
form { display: inline;}
input{color: #000;}
select {background-color: #FFF; color: #666666; font-size: 11px;}
.title{font-size: 0.7em; color: #ffffff;}
 

/*  GRID STYLES ------------------------------------------------*/
#main-container { background-color:#333333; position:relative; padding-top:5px; min-width:1300px /*1288+ 12 padding)*/; }
#grid-container { position:relative; display:block; margin-left:5px; }
#div-epg {  position:relative; height:auto; }
.div-epg-time-row { position:relative; height:30px; background-color:#222; float:left;}
a#div-epg-time-prev { background: url( /_ui/images/icons/arrow_prev.png) no-repeat; width:18px; 
	height:30px; display:inline-block; vertical-align:middle; float:right;}
a#div-epg-time-prev:hover {	background: url( /_ui/images/icons/arrow_prev_o.png) no-repeat; }
a#div-epg-time-next { background: url( /_ui/images/icons/arrow_next.png) no-repeat; width:18px; 
	height:30px; display:inline-block; vertical-align:middle; float:right;}
a#div-epg-time-next:hover {	background: url( /_ui/images/icons/arrow_next_o.png) no-repeat; }
#div-epg-time-date { width:auto; float:left; font-size:13px; text-transform:uppercase; padding-left:7px; 		
	font-weight:bold; line-height:30px; color:#FFF; }
#div-epg-gridspan { position:relative;padding:5px; background-color:#222; font-weight:bold; height:20px; width:250px; }
#div-epg-gridspan a, #div-epg-gridspan div { color:#FFF; height:12px; text-align:center; background-color:#303030; 
	margin-right:1px; float:left; font-size:12px; line-height:20px; height:20px; width:26px; display:block; 
	text-decoration:none}
#div-epg-gridspan a:hover {background-color:#585858;}
.div-epg-channel {height:42px; background-color:#4F4F4F; padding:0 2px; border-bottom:1px solid #333; float:left;
	border-right: 1px solid #757575; position:relative; 
	border-collapse:collapse; box-sizing: border-box; *behavior: url(../js/boxsizing.htc); }
.div-epg-channel-logo {width:60px;float:left; margin-top:3px; font-size:11px; }
.div-epg-channel-watch {float:left;}
.div-epg-channel-name {position:absolute;bottom:0; right:0; font-size:8px; color:#4F4F4F;}
.ad-masthead { background-color:#565656; clear:both; width:115%; min-width:1500px;}
.ad-masthead-left {  font-size:12px; color:#c2c2c2; text-align:center;
	border-right: 1px solid #757575; float:left; border-collapse:collapse; box-sizing: border-box; 
	*behavior: url(../js/boxsizing.htc); }
.ad-masthead-left div {line-height:35px; }
.div-epg-programme { background-color: #2F2F2F;  
		border-collapse:collapse; box-sizing: border-box; *behavior: url(../js/boxsizing.htc); 
		overflow:hidden;  }

.div-epg-programme a { color:#FFF; font-size:11px; text-decoration:none; position: relative;}
.div-epg-programme a:hover {text-decoration:underline;}


/*  HEADER  ----------------------------------------------------------------------*/
#top-bar { height:auto; width:100%;  font-family:Arial, Helvetica, sans-serif; font-size:11px; 
	color:#FFF; line-height:32px; background-color: #252525;}
#top-bar-max-width { max-width:1300px;}	
#top-bar-left { width:260px; text-align:left; margin-left:10px; overflow:visible; float:left; position:static;
	white-space:nowrap}
#top-bar-right { text-align:right; width:350px; float:right; position:static;}
#top-bar div .grey { color:#777;}
#site-container {position:relative}

#logo { position: absolute; top: 4px; left:6px; width:102px; height:74px; } 
#div-search { position: absolute; top: 5px; left:935px; width:380px; height:40px; z-index:1;} 
#div-search input {float:left;}
#div-search input[type="text"] {width:310px; font-size:14px; color:#000; line-height:31px;border:1px solid #696969; height:33px; padding:0 0 0 10px;}
#nav-top { background: url(../images/header/bar_top.png) repeat-x; width:1181px; height:45px; 
	overflow:hidden; padding-left:119px;}
#nav-bot { background: url(../images/header/bar_bot.png) repeat-x; width:1176px; height:31px;
	overflow:hidden;  padding-left:124px;}
#nav-top ul, #nav-bot ul { list-style-type: none; margin:0; padding:0 }
#nav-top ul li { float:left; line-height:45px; }
#nav-bot ul li { float:left; line-height:31px; }
#nav-top ul li a h1 {font-family: Arial,Helvetica,sans-serif;font-size: 16px;font-weight: bold; }
#nav-top ul li a { color: #000; text-decoration:none; padding:0 15px; font-size:16px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;display:block; }
#nav-top ul li a:hover, #nav-top ul li a.selected {
	background-image: url(../images/header/bar_bot_o.png); color:#FFF; }

#nav-bot ul li a { float:left; line-height:31px; display:block;font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; padding:0 10px; font-size:12px;}
#nav-bot ul.none { display:none; }
#nav-bot ul.yes { display:block; }

#sharing-buttons {position:absolute; height:21px; left: 890px; top: 50px; overflow:hidden; width:410px;}
#ajax_listOfOptions { background-color: #fff;  border: 1px solid #317082;  font-size: 14px;  height: 250px; color:#6F6F6F;
    overflow: auto; position: absolute;  text-align: left;  width: 300px; z-index: 100; padding:0 10px; line-height:150%; }
a#latest-news-articles-link { text-align:right; height:30px; margin-top:15px; background-color:;
	font-size:14px; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height:30px; background: url(../images/icons/readmore_30x30.png) no-repeat #242424; width:242px;
	background-position:right; color:#B2B2B2; display:block; text-decoration:none; padding-right:45px;}
a#latest-news-articles-link:hover {background: url(../images/icons/readmore_30x30_o.png) 
	no-repeat #143D4B; color:#FFF; background-position:right;}
	
/* Highlights  */	
.div-blog-article {height:84px; width:305px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; float:left;background-color:#2C2C2C; margin-right:10px;}
.div-blog-article-img {width:119px; height:84px; float: left;position:relative; cursor:pointer;background-color:#FFF;
    background-position: center; background-repeat: no-repeat; background-size:auto 84px; }
.div-blog-article-text {width:166px; float:left;  padding:5px 10px 0 10px; font-size:14px; line-height:110%; height:72px; margin-left:0; }
.div-blog-article-text-title {height:100%; overflow:hidden; font-size:14px; line-height:130%; display:block; }
.div-blog-articles { padding:25px 0 10px 0; overflow:hidden; font-size:13px;position:relative; line-height:130%; margin-top:15px; }	


#divMasthead { width:970px; padding:10px; height:250px; float:left; overflow:hidden;}
#popStories { width:74px; height:84px; background-color:#222; text-align:center; line-height:84px; font-size:14px; float:left; padding:0 }
#vodCarousel, #highlightCarousel { width:300px; height:222px;overflow:hidden;  position:relative;}
#vodCarousel ul , #highlightCarousel ul { padding:0; margin:0;position:relative;-webkit-margin-before:0; -webkit-margin-after: 0; -webkit-padding-start: 0; } 
#vodCarousel ul li, #highlightCarousel ul li { padding:0; margin:0; width:300px; position:relative; display:inline-table } 
#vodCarousel .rs-carousel-mask, #highlightCarousel .rs-carousel-mask {  width:100% !important; position:relative; }
#vodCarousel .rs-carousel-action, #highlightCarousel .rs-carousel-action {  position:relative;width:25px; height:88px; display:block; z-index:999; }
#vodCarousel .rs-carousel-action-prev, #highlightCarousel .rs-carousel-action-prev {display:none;}
#vodCarousel .rs-carousel-action-next, #highlightCarousel .rs-carousel-action-next {background-image:url(../images/header/arrow_inactive.png); position:absolute; right:0; top:40px;}
#vodCarousel .rs-carousel-action-next:hover, #highlightCarousel .rs-carousel-action-next:hover {background-image:url(../images/header/arrow_hover.png); }

#articleCarousel { overflow:hidden; height:84px; position:relative; width:1206px; float:left; padding-left:10px;}
#articleCarousel ul { padding:0; margin:0;position:relative;-webkit-margin-before:0; -webkit-margin-after: 0; -webkit-padding-start: 0; width:5000px;} 
#articleCarousel ul li { padding:0; margin:0; width:308px; position:relative; display:inline-table } 
#articleCarousel .rs-carousel-mask {  width:100% !important; position:relative; }
#articleCarousel .rs-carousel-action {  position:relative;width:25px; height:88px; display:block; z-index:999; }
#articleCarousel .rs-carousel-action-prev {background-image:url(../images/header/arrow2_inactive.png); display:none; position:absolute; left:0; top:-4px;}
#articleCarousel .rs-carousel-action-next {background-image:url(../images/header/arrow_inactive.png); position:absolute; right:0; top:0;}
#articleCarousel .rs-carousel-action-prev:hover {background-image:url(../images/header/arrow2_hover.png);}
#articleCarousel .rs-carousel-action-next:hover {background-image:url(../images/header/arrow_hover.png); }

#hb-container {width:300px; height:250px; border:0;}
#hb-content { width:300px; height:222px; }
#hb-menu {height:28px;border:0;}
#hb-menu a {height:28px; width:86px; text-align:center;color:#b3b3b3; font-size:11px; display:block; float:left; margin-right:1px; line-height:28px;background-color:#262626; text-decoration:none;border:0;}
#hb-menu a:hover, #hb-menu a.hb-menu-active {background-color: #3B3B3B; color:#FFF}
#divVlog { display:none }
#highlightCarousel { display:none }

.top-highlight-block {width:300px; height:222px;position:relative; cursor:pointer;padding:0;clear:both;margin:0; background-size:auto 222px; background-position:center;border:0;}
.top-highlight-block-img {width:80px; height:100%; background-size:auto 72px; background-position: top center; float:left;}
.top-highlight-block-title {position:absolute; left:0; top: 173px; font-size:13px;  overflow:hidden; width:280px; height:40px; padding:9px 10px 0 10px; background:url(../images/bg_opaque_80.png) repeat; margin:0;border:0;font-weight:normal; line-height:130% }
.top-highlight-block-title b { color:#FFF; text-overflow:ellipsis;white-space:nowrap; display:block; width:100%;border:0; }
.top-highlight-block-channel { position:absolute; left:0; top:128px; padding:5px; background:url(../images/bg_opaque_80.png) repeat; width:60px; height:35px; margin:0;
border:0; }
.top-highlight-block-vod { position:absolute; left:0px; bottom:0; background-color:#0F2226;width:80px; font-size: 10px; line-height:14px; height:14px; text-align:center;}
.top-highlight-block-vod-arrow { position:absolute; left:99px; top: 57px; display:block; width:114px; height:33px;}
.top-highlight-block-livenow { position:absolute; right:0; top:0;width:36px; height:15px; background:#EA5A0B; line-height:15px; text-align:center; font-size:10px; color:#FFF; }

.top-highlight-menu { position:absolute; height:28px; bottom:0; left:0;border:0;}
.top-highlight-menu-item {background-color:#1C1C1C; font-size:10px; font-weight:bold; color:#b3b3b3; float:left; height:28px; line-height:28px; text-align:center; 
	margin-right:1px; display:block; text-transform:uppercase; width:74px; text-decoration:none;border:0;}
.top-highlight-menu-item:hover { background-color: #3B3B3B;text-decoration:none; color:#FFF; }
.top-highlight-menu-item-active {background:url(../images/bg_opaque_80.png) repeat !important; color:#FFF;}

/* highlights end */

.to_clickable_area{ position:absolute; top:0; left:1000px; width:700px; height:430px; overflow:hidden; z-index:0;}



/* GRID FILTERS ------------------------------------------*/
.div-filter-type, .div-filter-value, .div-filter-cust, .div-filter-now { height:27px; line-height:27px; 
	float:left;	margin-right:1px; border-collapse:collapse; box-sizing: border-box; 
	*behavior: url(../js/boxsizing.htc); font-size:10px; color:#FFF;  font-weight:bold;}
.div-filter-type { background-color: #303030; width:62px; padding-left:8px;}
.div-filter-value{ background-color: #3B3B3B; text-align:center;}
.div-filter-value a { text-decoration:none;  color:#BCBCBC;}
.div-filter-cust {background-color: #3B3B3B;}
.div-filter-cust a { background:url(../images/customise_grid.png) no-repeat; display:block; width:131px;
	height:23px; margin:2px;}
.div-filter-cust a:hover { background-image:url(../images/customise_grid_o.png);}
.div-filter-value a:hover {color:#FFF;}
.div-filter-value:hover { border-bottom:2px solid #4381B6; }
#filters .filter-row { clear:both; padding-top:2px; width:1288px; }
.filter-row .first-half { width: 792px; float:left; overflow:hidden;}
.filter-row .second-half { width: 496px; float:left; overflow:visible; }
#filters {padding:6px; background-color:#292929; min-width:1288px;}
.div-filter-hour { background-color: #3B3B3B; width:18px; text-align:center; padding-top:2px; font-size:10px; 
	font-weight:bold; height:25px; float:left; margin:0 1px 1px 0; color:#7A7A7A;}
.div-filter-hour:hover{ background-color: #4381B6; color:#FFF; }
.div-filter-hour a.ampm { color: inherit; font-size:8px; text-align:center; line-height:8px;}
.div-filter-hour a {text-decoration:none; display:block; text-align:center;}
#div-filter-grid-list { position:relative; height:27px; margin-left:30px; float:left; width:118px; }
#div-filter-view-0, #div-filter-view-1{ width:36px; height:27px; text-align:center; font-size:10px; 
	line-height:27px; float:left; background:#3B3B3B; color:#FFF; cursor:pointer; border-collapse:collapse;  
	box-sizing: border-box; *behavior: url(../js/boxsizing.htc); margin-right:1px; color:#BCBCBC;}
#div-filter-view-0:hover, #div-filter-view-1:hover { border-bottom:2px solid #4381B6; }

#div-find-channel, #div-add-channel {float:left; background-color:#303030; color:#FFF;
 	font-weight:bold; height:27px; line-height:27px; font-size:11px; padding-left:10px;}
#div-find-channel { margin-left:68px; position:relative;}
#div-find-channel label { color:#FC00FF; line-height:27px; position:absolute; left:230px; width:100px; top:0;}
#div-add-channel {margin-left:10px; margin-top:10px; clear:both}	
#div-find-channel div, #div-add-channel div {width:70px; display:inline-block;}
#div-find-channel input, #div-find-channel select, #div-add-channel input, #div-add-channel select{ height:25px; line-height:25px;color:#FFF; border:0; font-size:11px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
#div-find-channel input[type=text] { background-color: #3b3b3b; width:120px; margin-left:10px; padding-left:10px; }
#div-find-channel input[type=button], #div-add-channel input[type=submit] { background-color: #4682B4;width:34px;}
#div-add-channel select { background-color: #3b3b3b; width:200px; margin-left:10px; padding-left:10px; }
#txt-find-channel:-ms-input-placeholder { color: #FFF; }
/* Tooltips for highlights ------------------------------------------------------- */
.hasHighlightToolTip { width:300px; height:194px; overflow:hidden }
.qtip {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 280px !important; 
	line-height:130% !important;
}
.qtip-tvguide{
	background-color: #141414 !important;
	border-color: #000000 !important;
	color: #FFFFFF !important;
}
.qtip-tvguide .qtip-titlebar{
	background-color: #206278 !important;
	color: #FFFFFF !important;
}
.qtip-tvguide .qtip-icon{
	border-color: #444 !important;
}
.qtip-tvguide .qtip-titlebar .ui-state-hover{
	border-color: #000000 !important;
}
.qtip-highlight{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	width:300px !important; 
	line-height:130% !important;
	background-color:#000000 !important;
	border-color: #4783B5 !important;
	color: #FFFFFF !important;
	min-height:250px;
	height:auto;
}
.qtip-highlight .qtip-icon{
	border-color: #444 !important;
}
.qtip-highlight .qtip-titlebar .ui-state-hover{
	border-color: #4783B5 !important;
}
.tt-bg { position:absolute; width: 670px; display:block; top:0; left:0; }
.tt-title {background:url(../images/bg_high_tooltip.png) repeat; width:auto; top:147px; 
	left:16px; position:absolute; font-size:26px;padding:0 10px; height:44px; line-height:44px; color:#60C2DD }
.tt-title img {width:28px; margin:-5px -2px 0 -2px;}
.tt-category { background:url(../images/bg_cat.png) repeat; padding:0 10px; position:absolute;
	top:130px; left:16px; height:17px; line-height:17px; font-size:11px; font-weight:bold; color:#71B2C4}
.tt-rating {width:45px;height:43px; background-image:url(../images/bg_high_tooltip.png); 
	background-repeat:repeat; text-align:center; position:absolute; top:10px; right:10px; font-size:11px;
	color:#7c7c7c; line-height:11px; }
.tt-rating-rt {color:#71B2C4; font-weight:bold; font-size:16px; line-height:26px; }
.tt-pick {width:100px;height:19px; position:absolute; top:10px; right:65px; }
.tt-channel {width:auto;height:35px; color:#FFF; line-height:120%; position:absolute; top:200px; left:16px;
	font-size:14px; background:url(../images/bg_high_tooltip.png) repeat; }
.tt-channel-logo {float:left; width:60px; height:35px; padding:0; font-size:12px; }
.tt-channel-logo img { width:60px; height:35px; }
.tt-channel-text {float:left; width:auto; font-size:14px; line-height:120%; padding:7px 10px 0 10px; 
	color:#71B2C4; font-weight:bold; }
.tt-channel-watch {position:absolute; top:27px; left:48px; background:url(../images/watch-now_tt.png) no-repeat;
	width:104px; height:22px;}
.tt-channel-watch:hover { background:url(../images/watch-now_o_tt.png) no-repeat;}
.tt-detail { margin-top:240px; padding:10px 6px; color:#FFF; font-size:12px; overflow:hidden; height: 72px;}




/* From old site ----------------------------------*/

.buttons {
	font-family: Arial, Helvetica, sans-serif; padding:0; 
	color: #000000; height:21px; text-decoration: none; margin-top:5px; width:auto;
}
.buttons a { display:inline-block;  width:auto;  
	line-height:16px; color:#000;text-decoration:none;  font-weight:bold; font-size: 11px;
	padding: 0 28px 0 10px; height:18px; 
	background:url(../../images/b_01.gif) left center no-repeat, url(../../images/b_02.gif) right center no-repeat #8CD9F8;
}

.programmeheading {
    color: #ffffff;
    font-size: 2.2em;
    font-weight: normal;
}



.programmetext {
    color: #ffffff;
    font-family: Trebuchet MS,arial;
    font-size: 0.8em;
    font-weight: normal;
}

@media screen and (max-width: 600px) {
  .programmetext {
     font-size: 1em;
  }
}

td span.programmetext {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
	display: inline-block;
}



.programmetext_footer {
    color: #ffffff;
    font-size: 85%;
}
.tvchannel {
    color: #8cd9f8;
    font-family: Trebuchet MS,arial;
    font-size: 0.8em;
    font-weight: bold;
}
.datetime {
    color: #83a0a5;
    font-family: Trebuchet MS,arial;
    font-size: 0.8em;
    font-weight: normal;
}
.role {
    color: #8cd9f8;
    font-family: Trebuchet MS,arial;
    font-size: 0.7em;
    font-weight: normal;
}
.actor {
    color: #ffffff;
    font-family: Trebuchet MS,arial;
    font-size: 0.7em;
    font-weight: bold;
}
.season {
    color: #ffffff;
    font-family: Trebuchet MS,arial;
    font-size: 0.8em;
    font-weight: bold;
}	


/* FOOTER */
.blue { color: #89D9F4 !important }
.bluebutton {background-color:89D9F4; border:0; padding:1px 10px;  }
#footSubForm {background-color:#1E1E1E; color:#FFF; font-size:12px; padding:9px 30px; }
#footSubForm input {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; }
#gadgetlists{ padding: 20px 0 30px 10px; font-size:11px; color:#CCC; float:left }
#gadgetlists table { margin-top:5px;}
#gadgetlists td{ font-size:11px; color:#AAA; vertical-align:top; padding:0; line-height:115%}
#gadgetlists a{ font-size:11px; color:#AAA; }
#divFooterNav {background-color:#1E1E1E; padding:20px 0 10px 0; color:#AAA; font-size:11px;}
#divFooterNav a{ color:#AAA; font-size:13px;}
#divFooterNav table td ul { padding-left:20px; margin-left:-10px; }
#footerdivwrapper { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;background-color:#242424; clear:both; }
#div-twitter-posts {width:292px; margin:10px 10px 10px 10px; padding:5px;  float:left; background-color:#303030; }