/*
text colours:
dark grey: #333333 (designed as: #585858)
light grey: #666666 (designed as: #8D8D8D)
*/
html, body {
	min-height:100%; margin-bottom:1px
} 

body	{
	font-family: Arial,Helvetica,san-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	margin: 12px;
}

#container	{
	width: 804px; 
	border: solid 4px #3F3F3F;
	/*background-color: #2C2783;*/
	margin-left: auto; margin-right: auto;
	color: #FFFFFF;
}
#container	a {
	color: #FFFFFF;	
}
#user_actions {
	text-align: right; padding: 10px; 
	background-image: url(images/rebrand/homepage_header.jpg);
}
#user_actions span.user_details	{
	font-size: 0.8em
}
#user_actions select {
	font-size: 11px; margin-left: 6px; 
}
#user_actions a, #global_nav a {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;	
}
#user_actions a:hover, #global_nav a:hover {
	text-decoration: underline
}
#user_actions a.sign_out {
	padding-left: 6px
}
#logo_and_global_nav	{
	padding-bottom: 12px; 
	background-image: url(images/rebrand/homepage_header.jpg); background-position: left bottom
}
#logo	{
	float: left; width: 294px; margin-right: 12px;
	text-align: center
}
#global_nav	{
	float: right; padding-top: 6px; padding-right: 36px
}

#main	{
	border-top: solid 4px #3F3F3F;
	background: url('images/bg.gif'); background-repeat: repeat-y
}
#nav	{
	float: left; width: 163px; background-color: #FFFFFF; padding-top: 16px;
}
#nav div {
	padding-bottom: 10px; padding-left: 12px; 
}
#nav a	{
	color: #585858; font-size: 11px; font-weight: normal;
	text-decoration: none
}
#nav a:hover	{
	color: #2C2783;
}
#nav a.channel_na	{color: #8D8D8D}
#nav img	{
	padding-right: 8px
}
#nav .channel_links {
	margin-left: 18px; margin-top: -6px
}
#nav .channel_links a {
	color: #8D8D8D; display: block; margin-bottom: 2px; 
}
#nav .channel_links a.on {
	color: #585858; 
}
#nav .channel_links a:hover {
	color: #585858; 
}
#nav .channel_links div.sub_nav {
	margin-left: -38px; padding-top: 2px; padding-bottom: 4px; cursor: pointer
}
#nav .channel_links div.sub_nav img {
	padding-right: 4px; vertical-align: middle
}
#nav .channel_links div.sub_nav span {
	color: #A7A8AA; text-transform: uppercase; font-size: 0.85em
}
#nav .channel_links div.sectionGroup, #nav .channel_links div.sectionGroupOn {
	padding: 0px; margin: 0px; margin-left: -12px; 
}
#channel_promos	{
	background-color: #F4F5F0; color: #8D8D8D;
	padding-top: 12px; padding-right: 12px
}
#channel_promos	div.promo {
	border-bottom: solid 1px #B2B2B2; padding-left: 0px; margin-bottom: 12px
}
#channel_promos	.h2	{
	font-size: 0.9em; display: block; padding-bottom: 2px; padding-left: 0px
}
#channel_promos	p	{
	font-size: 0.85em; padding-bottom: 0px; margin-bottom: 0px
}
#channel_promos	img	{
	padding-right: 0px; display: block; margin-bottom: 8px
}
#channel_promos	a	{
	padding-top: 0px
}

#content	{
	float: left; width: 619px; padding: 22px; padding-top: 16px; padding-right: 0px;	
	color: #8D8D8D; 	
}
#content a	{
	color: #585858; 
	text-decoration: none;
}
#content a:hover	{
	color: #2C2783; 
}

#footer	{
	width: 804px; 
	margin-top: 4px;
	margin-left: auto; margin-right: auto;
	color: #FFFFFF;
}
#footer	a {
	font-size: 11px;
	color: #333;
}

#welcome_panel {
}
#welcome_panel div.pic {
	float: left; width: 340px
}
#welcome_panel div.text, #welcome_panel div.text_v2 {
	float: left; width: 233px;  
	padding: 8px; font-size: 0.85em
}
#welcome_panel div.text {
	background-color: #2C2783; color: #FFFFFF; min-height: 240px;	
}
#welcome_panel div.text h3 {
	color: #3F3F3F; margin-top: 2px; margin-bottom: 8px
}

#welcome_panel div.text .home {
	font-size: 1.1em; 
}
#welcome_panel div.text_v2 {
	min-height: 239px;	
}
#welcome_panel div.text a, #welcome_panel div.text_v2 a  {
	font-size: 1.2em; display: block; margin-top: 12px; margin-bottom: 2px; font-weight: bold
}
#welcome_panel div.text .h1 {
	color: #FFFFFF
}
#welcome_panel div.text_v2 a  {
	color: #585858;	
}
#welcome_panel div.text_v2 {
	background-color: #D4D1CA; color: #585858;	
}
#welcome_panel div.text_v2 .h1 {
	color: #585858; margin-bottom: 8px; font-size: 1.4em
}
#welcome_panel div.text_v2 .h3 {
	color: #585858; font-weight: bold; display: block; font-size: 1.1em
}
#welcome_panel div.text a.paging, #welcome_panel div.text_v2 a.paging,  #copy a.paging {
	font-size: 0.95em; font-weight: bold; display: inline; margin-top: 6px; 
}


#content table.grid_display {
	width: 618px; margin-top: 22px
}
#content table.grid_display td {
	font-size: 0.8em; padding-bottom: 6px; width: 151px	
}
#content table.grid_display td div {
	width: 140px		
}
#content table.grid_display td div.copy {
	width: 174px		
}
#content table.grid_display h5 {
	margin-top: 0px; font-size: 1.4em; margin-bottom: 8px; border-bottom: none
}
#content table.grid_display a {
	font-size: 1.2em; display: block; margin-top: 6px; margin-bottom: 2px; font-weight: bold
}

#channel_header {
	border-bottom: dashed 1px #C5C5C5; width: 586px; padding-bottom: 8px; margin-bottom: 12px
}
#channel_header div.logo {
	float: left; 
}
#channel_header div.logo td {
	vertical-align: middle; padding-right: 8px
}
#channel_header div.logo td.label {
	vertical-align: bottom; padding-bottom: 4px
}
#channel_header div.search {
	float: right; padding-top: 4px; font-size: 11px; 
}
#channel_header div.search span {
	vertical-align: middle
}
#channel_header div.search input {
	font-size: 11px; vertical-align: middle;	
}
#channel_header div.searchPlaceHolder {
	display: none
}
#channel_header div.page_label {
	margin-top: 8px;
	font-size: 0.9em; font-weight: bold;
	background-image: url(images/channels/page_title_bg_1.gif); 
	background-repeat: repeat-x; 
	text-transform: uppercase
}
#channel_header div.page_label span {
	background-color: #FFF; padding-right: 16px
}

#copy	{
	font-size: 0.9em; 
}
#copy div.articleListEntry a.readFullArticle {
	display: none
}
#copy div.articleListEntry div.image {
	display: none
}
#copy a.relatedProgrammme {
	display: block; margin-bottom: 8px; font-weight: bold
}

#search_description	{
}
#search_description	span.description {
	float: left
}
#search_description	span.results {
	float: right; padding-right: 34px
}

#programme_details	{
	width: 591px
}
#programme_details div.text {
	
}
#programme_details div.pic {
	float: right; width: 345px; margin: 0 0 20px 30px; display: inline
}
#programme_details div.pic div.sponsor {
	position: relative; top: -40px; margin-left: 16px; z-index: 1; float: left; display: inline
}
#programme_details div.pic div.sponsor a {
	float: left; width: 84px
}
#programme_details div.pic div.sponsor div {
	float: left; width: 200px; margin-top: 42px
}
#programme_details div.pic div.sponsor div strong {
	display: block
}

#assets_header	{
	border-left: dashed 1px #C6C6C6;
	border-bottom: dashed 1px #C6C6C6;
	margin-top: 16px
}
#assets_header td	{
	padding: 4px;
	border-top: dashed 1px #C6C6C6;
	border-right: dashed 1px #C6C6C6;
	vertical-align: middle
}	
#assets_header td.title	{
	vertical-align: top; 
}
#assets_header td img	{
	padding-left: 4px; padding-right: 4px
}
#assets_header .title {
	font-weight: bold; font-size: 1.0em
}
div.assets_panel	{
	display: none; margin: 2px; margin-top: 10px; 
}
div.assets_panel div {
	margin-bottom: 8px; 
}
div.assets_panel .title	{
	font-size: 1.0em; font-weight: bold
}
div.assets_panel img	{
	padding-right: 4px; vertical-align: bottom
}
div.assets_panel table	{
	margin-top: 8px; width: 100%
}
div.assets_panel table td	{
	vertical-align: top
}
div.assets_panel table td a	{
	font-weight: bold
}
div.assets_panel table td img	{
	border: solid 1px #C6C6C4
}
div.assets_panel table td img.icon	{
	border: none
}

#programme_finder	{
	margin-top: 12px; border-top: dashed 1px #C5C5C5; width: 586px; 
	padding-top: 14px
}
#programme_finder div.schedule {
	float: left; width: 177px; margin-right: 10px;
	border: solid 1px #D2D2CA;
	background-color: #F5F4F0
}
#programme_finder div.list {
	float: left; width: 395px; 
	border: solid 1px #D2D2CA;
	background-color: #F5F4F0
}
#programme_finder div.list div.scroller {
	height: 169px; overflow: auto;
	scrollbar-highlight-color: #DCDCDC;	
}
#programme_finder div.list div.scroller table {
	margin-top: 8px; 
}
#programme_finder div.list div.scroller td {
	border-right: solid 1px #D9D6CF; padding: 3px; padding-left: 12px; width: 50%
}
#programme_finder div.list div.scroller td a {
	font-size: 0.85em
}

#programme_finder .head	{
	background-color: #D4D1CA; padding: 4px; display: block;
	color: #585858; font-weight: bold
}

#daily_listings	{
}
#weekly_listings	{
	width: 584px
}
#search_results	{
	width: 584px; margin-top: 12px
}
#daily_listings div.schedule	{
	float: left; width: 426px; margin-right: 8px
}
#daily_listings div.head, #weekly_listings div.head	{
	background-color: #D4D1CA; color: #585858;
	padding: 6px; color: #585858; font-weight: bold
}
#daily_listings div.schedule div.head div.date, #weekly_listings div.head div.date	{
	float: left; font-style: normal; 
}
#daily_listings div.schedule div.head div.paging, #weekly_listings div.head div.paging	{
	float: right; color: #585858; 
}
#daily_listings div.schedule div.listing, #search_results div.listing	{	
	color: #8D8D8D; 
	padding: 4px; padding-top: 8px; padding-bottom: 8px
}
#daily_listings div.schedule div.listing {
	border-top: dashed 1px #E1DDCD
}
#search_results div.listing {
	border-bottom: dashed 1px #E1DDCD
}
#daily_listings div.schedule div.listing .time	{
	font-weight: bold; font-style: normal; font-size: 1.1em;
	margin-bottom: 2px; float: left; width: 80px; color: #585858; 
}
#daily_listings div.schedule div.listing div.programme_details	{
	float: left; font-size: 0.9em;
}
#daily_listings div.schedule div.listing div.programme_details div.h2	{
	color: #8D8D8D
}
#daily_listings div.calendar	{
	float: left; width: 154px; margin-top: 0px; background-color: #F5F4F0
}

#staff {
}
#staff div.list	{
	float: left; width: 400px
}
#staff div.list table	{
	border-right: dashed 1px #C5C5C5;
	margin-right: 10px
}
#staff div.list table	td	{
	padding-right: 10px;
	padding-bottom: 20px;
	width: 33%
}
#staff img	{
	border: solid 1px #E4E4E4
}
#staff div.list td div.name	{
	font-size: 1.0em; font-weight: bold
}
#staff div.list td div	{
	font-size: 0.95em
}
#staff div.details	{
	float: left; font-size: 0.95em
}
#staff div.details div.name	{
	font-size: 1.1em; font-weight: bold
}
#staff div.details div.biography	{
	margin-top: 8px; margin-bottom: 8px
}
#staff div.details div.contact_details	{
	color: #585858
}

#video_panel	{	
}
#video_panel div.video {	
	float: left; width: 358px
}
#video_panel div.details {	
	float: left; width: 203px; padding: 12px;
	border: solid 1px #C6C6C4; 
	border-left: none; min-height: 243px
}

#hotel_search	{
	border-top: dashed 1px #C5C5C5; width: 606px; 
	padding-top: 14px; 
}
#hotel_search input, #hotel_search select	{
	font-size: 0.85em
}
#hotel_search p.intro	{
}
#hotel_search p.intro img	{
	float: right; margin-left: 20px
}

#hotel_search_results {
	width: 544px;
	padding-bottom: 12px;
	border-bottom: dashed 1px #C5C5C5; 
}
#hotel_search_results .matches {
	display: block; margin-top: 8px; margin-bottom: 8px; font-size: 0.85em
}
#hotel_search_results div.hotel {
	margin-top: 10px
}
#hotel_search_results div.hotel div.image {
	float: left; width: 150px
}
#hotel_search_results div.hotel div.details {
	float: left; width: 355px
}
#hotel_search_results div.hotel div.details div.name {
	font-weight: bold; margin-bottom: 2px
}
#hotel_search_results div.hotel div.details div.address, #hotel_search_results div.hotel div.details .rooms,
		#welcome_panel div.text div.address {
	font-size: 0.85em; display: block; margin-bottom: 2px
}
#hotel_search_results div.hotel div.details a, #welcome_panel div.text a {
	color: #BF0000; display: block; margin-bottom: 2px; font-size: 0.85em
}
#hotel_search_results hr {
	color: #B2B2B2; background-color: #B2B2B2; padding: 0px; border: 0px
}
#hotel_search_results div.paging {
	display: block; text-align: right; margin-top: 8px; margin-bottom: 8px; 
}
#hotel_search_results div.paging a {
	font-size: 0.85em; margin-left: 12px; color: #B2B2B2
}
#hotel_search_results div.paging a.on {
	font-weight: bold
}

div.hotelOfTheMonth {
	color: #D80010; font-weight: bold; font-size: 0.9em
}

p.whereToWatchInfo {
	width: 75%; font-size: 0.9em; margin-left: 16px;
}


img		{
	border: 0px
}
img.no_image_border		{
	border: solid 1px #C5C5C5;
	border-right: none
}

td	{
	vertical-align: top
}

input {
	color: #585858; font-size: 12px; font-family: Arial,Helvetica,san-serif;
}
select {
	color: #585858; font-size: 12px
}

table.form	{
	border-collapse: collapse;
	border: solid 2px #B1C399;
	background-color: #FFFFFF; 
	margin: 0 auto 0 auto;
}
table.form th	{
	vertical-align: middle; text-align: right; padding: 4px; padding-left: 16px;
	color: #8D8D8D; font-weight: normal
}
table.form th.multiline	{
	vertical-align: top; padding-top: 6px; 
}
table.form td	{
	vertical-align: middle; text-align: left; padding: 4px; padding-right: 16px; 
	color: #8D8D8D; 
}
table.form th.top_row, table.form td.top_row	{
	padding-top: 12px;
}
table.form th.bottom_row, table.form td.bottom_row	{
	padding-bottom: 8px;
}
table.form td {
	vertical-align: middle; text-align: left; padding: 4px; padding-right: 16px; 
}
table.form td.confirm {
	text-align: center
}
table.form input.button, div.search input.button	{
	color: #2C2783; font-weight: bold; border: none; background-color: #FFFFFF; cursor: hand
}
div.search input.button	{
	color: #8D8D8D; 
}

p	{
	margin-top: 0px; margin-bottom: 12px
}

.h1	{
	font-size: 1.6em; display: block; font-weight: bold; margin-bottom: 8px;
	color: #585858
}
.h2	{
	font-size: 1.2em; display: block; font-weight: bold; margin-bottom: 4px;
}
.small				{font-size: 0.85em}
.smallblock			{font-size: 0.85em; display: block; margin-top: 2px}
.message			{color: red}
.validation_message	{color: red; font-size: 0.8em}
.clear				{clear: both;font-size:0;}
.date				{font-style: italic; font-size: 0.95em}
.page				{color: #000000; background-color: #FFFFFF; padding-right: 6px}


/* calendar style */
.calendar	{
	font-size: 11px; margin: 8px; margin-left: auto; margin-right: auto; 
}
.calendar_title	{
	color: #585858; background-color: #FFFFFF; border-width: 0px
}
.calendar_day_header {	
	border: solid 1px #FFFFFF;
	background-color: #CFCCC5;
	color: #585858;
	padding: 1px; width: 20px; 
}
.calendar_day {	
	border: solid 1px #FFFFFF;
	background-color: #CFCCC5;
	padding: 1px; padding-top: 2px; padding-bottom: 2px;
	vertical-align: middle;	
}
a.calendar_day {
	text-decoration: none;
	color: #8D8D8D;
}
a.calendar_day_this_month {
	text-decoration: none;
	color: #585858;
}

/* weekly schedule */
#tblHeadings	{
	
}
#schedule_scroller	{
	width: 584px; height: 520px; overflow: auto; background-color: #D5D5D5;
	scrollbar-arrow-color: #999991;
	scrollbar-highlight-color: #DCDCDC;	
}
td.tlc	{
	width: 26px; 
	background-color: #E6E3D6;
}	
td.trc	{
	width: 17px; 
	background-color: #E6E3D6;
	border-left: solid 2px #D5D5D5;
}				
td.day	{
	width: 75px; border-left: solid 2px #D5D5D5;
	background-color: #E6E3D6;
	color: #8D8D8D;
	text-align: center;
	padding-top: 4px; padding-bottom: 4px;
	font-size: 11px
}
td.time	{
	width: 26px; height: 90px; border-top: solid 1px #D4D1CA; 
	background-color: #EDEBE0;
	color: #8D8D8D;
	text-align: center;
	vertical-align: middle;
	font-size: 11px
}
td.time div	{
	font-size: 16px; line-height: 16px; font-weight: bold
}
td.entry	{
	width: 75px; border-left: solid 2px #D5D5D5; border-top: solid 1px #D5D5D5;	
	text-align: center;
	padding-top: 4px; padding-bottom: 4px;			
	font-size: 9px;
	background-color: #F0F0F0
}	
td.entry a	{
	color: #585858;
}	
td.entry div	{
	color: #8D8D8D; margin-top: 2px; margin-bottom: 2px
}
td.entry div.synopsis, td.entry_alternate div.synopsis	{
	border: solid 1px #5B5A56;
	background-color: #EDEBE0;
	color: #585858;
	padding: 3px;
	position: absolute; z-index: 1;
	width: 180px; 
	display: none;	
}		
td.entry_alternate	{
	width: 74px; border-left: solid 2px #D5D5D5; border-top: solid 1px #D5D5D5;
	text-align: center;
	padding-top: 4px; padding-bottom: 4px;
	font-size: 9px;
	background-color: #FFFFFF
}	
td.entry_alternate a	{
	color: #1E5588;
}		
td.entry_alternate div	{
	color: #8D8D8D; margin-top: 2px; margin-bottom: 2px
}
td.entry_alternate div.synopsis	{
	border: solid 1px #5B5A56;
	background-color: #EDEBE0;
	color: #585858;
	padding: 3px;
	position: absolute; z-index: 1;
	width: 180px; 
	display: none
}

img.nav	{
	vertical-align: middle
}	

hr	{
	color: #C5C5C5;
	height: 1px;
	border: dashed
}

/*

.date		{font-style: italic}
.inline		{display: inline}


a.channel_nav_selected	{font-weight: bold}
*/