html, body {
	min-height:100%; margin-bottom:1px
} 
body {
	font-family: arial, sans-serif; margin: 0px;
	background-color: #D6DFE5; 
}
#header {
	width: 100%; background-color: #D90082;
	border-top: solid 10px #4B6A88
}
div.contentFrame {
	width: 939px; margin-left: auto; margin-right: auto
}
#header div.logo {
	float: left; width: 225px
}
#header div.banner {
	float: right; padding-top: 13px; 
}
#nav {
	clear: both; width: 100%; background-color: #FFDD00; 
}
#nav div.contentFrame {
	padding-top: 2px
}
#nav div.navLinks {
	float: left; width: 600px;
}
#nav a {
	margin-top: 2px; color: #3F3F3F; text-decoration: none; font-size: 12px; 
	margin-right: 6px; padding: 2px 6px 4px 6px;
	display: block; float: left;
}
#nav a:hover, #nav a.on {
	color: #FFFFFF; background-color: #4F3A96
}
#nav div.search {
	float: right; width: 160px
}
#nav div.search input {
	font-size: 11px; height: 12px; display: block; float: right; margin-top: 3px; 
	background-color: #FFFFFF
}
#nav div.search a {
	margin-left: 6px; margin-right: 0px; float: right; 
}

#main {
	clear: both; width: 100%; background: url('images/bg.jpg') repeat-x;
	padding-top: 6px; padding-bottom: 12px
}
#main div.leftNav {
	float: left; width: 168px; margin-right: 6px; min-height: 500px
}
#main div.frame, #main div.frameNoPadding {
	background-color: #D6DFE5;
	border-left: dashed 1px #999999;
	border-right: dashed 1px #999999;
}
#main div.leftNav div.frame div, #main div.programmePanel div.links div {
	color: #333333; padding: 6px 0px 6px 0px;
	border-bottom: dashed 1px #999999
}	
#main div.leftNav div.frame div a, #main div.programmePanel div.links div a {
	display: block; color: #333333; padding-left: 8px;
	font-size: 75%;
}	
#main div.leftNav div.frame div a:hover, #main div.programmePanel div.links div a:hover {
	text-decoration: none;
	color: #CC0099
}
#main div.leftNav div.frame div.on a, #main div.programmePanel div.links div.on a {
	color: #CC0099; padding-left: 4px;
	border-left: solid 4px #FFDD00
}	


#main div.leftNav div.frame div.subLeftNav {
	background-color: #FFFFFF; display: none;
}
#main div.leftNav div.frame div.subLeftNav a {
	display: block; padding: 2px 0px 2px 16px; font-size: 70%
}
#main div.leftNav div.frame div.subLeftNav a.on {
	color: #D90082;
	border-left: none
}
#main div.leftNav div.frame div.subLeftNav span.subTitle {
	display: block; margin-left: 16px; font-size: 70%; color: #4F3A96; margin-bottom: 4px
}
#main div.leftNav div.frame div.subLeftNav hr {
	margin-left: 16px; margin-right: 16px;
	color: #999999;
	background-color: #999999;
	border: 0px; height: 1px
}


#main div.contentPanelHome {
	float: left; width: 771px; 
}
#main div.contentPanelHome div.col1 {
	float: left; width: 506px; margin-right: 6px
}
#main div.contentPanelHome div.col1 div.imagePromo {
	width: 506px; height: 520px; margin-bottom: 6px; cursor: pointer;
	filter: blendTrans(duration=.5)
}
#main div.contentPanelHome div.col1 div.imagePromo div.title {
	text-align: right; padding-top: 455px;
}
#main div.contentPanelHome div.col1 div.imagePromo div.title span {
	background-color: #D90082; 
	color: #FFFFFF; padding: 4px; padding-left: 12px; padding-right: 12px; font-size: 22px; font-weight: bold;
	font-family: Century Schoolbook, serif; 
}
#main div.contentPanelHome div.col1 div.imagePromo div.numbers {
	text-align: left; padding-top: 16px; padding-left: 8px
}
#main div.contentPanelHome div.col1 div.imagePromo div.numbers a {
	color: #666666; font-size: 13px; font-weight: bold;
	font-family: Century Schoolbook, serif; padding-left: 2px; padding-right: 2px
}
#main div.contentPanelHome div.col1 div.imagePromo div.numbers a.on {
	background-color: #F9DF00
}


#main div.contentPanelHome div.col1 div.col1a {
	float: left; width: 249px; margin-right: 6px
}
#main div.contentPanelHome div.col1 div.col1b {
	float: left; width: 249px;
}
#main div.contentPanelHome div.col2 {
	float: left; width: 259px;
}
#main div.contentPanelHome div.panel, #main div.contentPanelHome div.panelAlt {
	padding: 6px; background-color: #E5EAEE; 
	border-left: dashed 1px #999999; border-right: dashed 1px #999999;
}
#main div.contentPanelHome div.panelAlt {
	background-color: #FFFFFF
}
#main div.contentPanelHome div.col2 div.onAir {
	width: 259px; height: 169px; margin-bottom: 6px
}
#main div.contentPanelHome div.col2 div.onAir div.title {
	text-align: right; padding-top: 98px;
}
#main div.contentPanelHome div.col2 div.onAir div.title span {
	background-color: #4F3A97; 
	color: #FFFFFF; padding-bottom: 2px; padding-left: 12px; padding-right: 12px; font-size: 18px; font-weight: bold;
	font-family: Century Schoolbook, serif; 
}
#main div.contentPanelHome div.col2 div.onAir div.programme {
	text-align: right; padding-top: 6px;
}
#main div.contentPanelHome div.col2 div.onAir div.programme a {
	background-color: #666666; 
	color: #FFFFFF; padding-bottom: 2px; padding-left: 12px; padding-right: 12px; font-size: 12px; font-weight: bold;
}
#main div.contentPanelHome div.col2 div.onAir div.nextOn {
	text-align: right; padding-top: 6px;
}
#main div.contentPanelHome div.col2 div.onAir div.nextOn span, #main div.contentPanelHome div.col2 div.onAir div.nextOn a {
	background-color: #4F3A97; 
	color: #FFFFFF; padding-bottom: 2px; padding-left: 12px; font-size: 11px; 
}
#main div.contentPanelHome div.col2 div.onAir div.nextOn a {
	padding-left: 0px; padding-right: 12px; 
}
#main div.contentPanelHome div.col2 div.imagePromo {
	width: 259px; height: 171px
}
#main div.contentPanelHome div.col2 div.imagePromo div {
	text-align: right; padding-top: 142px;
}
#main div.contentPanelHome div.col2 div.imagePromo div span {
	background-color: #D90082; 
	color: #FFFFFF; padding-bottom: 2px; padding-left: 12px; padding-right: 12px; font-size: 12px; font-weight: bold;
	font-family: Century Schoolbook, serif; 
}
#main div.contentPanelHome div.col2 div.imagePromoBase {
	background-color: #E8EDF0; padding: 8px; width: 241px;
	border: dashed 1px #999999;
	border-top: none
}


#main div.contentPanel, #main div.contentPanelNoLeftNav, #main div.contentPanelNoRightSideBar {
	float: left; width: 436px; margin-right: 6px
}
#main div.contentPanel div.frame, #main div.contentPanelNoLeftNav div.frame, #main div.contentPanelNoRightSideBar div.frame {
	background-color: #FFFFFF; width: 424px; padding: 6px
}
#main div.contentPanel div.frameNoPadding, #main div.contentPanelNoLeftNav div.frameNoPadding, #main div.contentPanelNoRightSideBar div.frameNoPadding {
	background-color: #FFFFFF; width: 436px; padding: 6px; padding-left: 0px; padding-right: 0px
}
#main div.contentPanel img.block, #main div.contentPanelNoLeftNav img.block, #main div.contentPanelNoRightSideBar img.block {
	margin-left: 1px
}
#main div.contentPanelNoLeftNav {
	width: 610px
}
#main div.contentPanelNoLeftNav div.frame {
	width: 598px
}
#main div.contentPanelNoLeftNav div.frameNoPadding {
	width: 610px
}
#main div.contentPanelNoRightSideBar {
	width: 590px
}
#main div.contentPanelNoRightSideBar div.frame {
	width: 578px
}

#main div.programmePanel {
	float: left; width: 598px; height: 287px; margin-bottom: 8px;
}
#main div.programmePanel img.linksTop {
	display: block; margin-left: 437px
}
#main div.programmePanel div.links {
	background: url('images/bg_prog_links.jpg'); width: 161px; height: 241px; 
	margin-left: 437px; 
}
#main div.programmePanel div.title {
	text-align: right; 
}
#main div.programmePanel div.title span {
	background-color: #D90082; 
	color: #FFFFFF; padding: 4px; padding-left: 12px; padding-right: 12px; font-size: 22px; font-weight: bold;
	font-family: Century Schoolbook, serif; min-width: 460px; display: block
}
#main div.programmePanel div.bottomPadding {
	background-color: #CDD7E0; width: 161px; height: 6px; 
	margin-left: 437px; font-size: 1px
}
table.programmeInformation, div.nextShowing {
	font-size: 75%; color: #333333
}
table.programmeInformation td {
	vertical-align: top
}
img.gallery {
	display: block;
	margin: 16px auto 12px auto
}
table.scrollFrame td {
	border-top: solid 1px #9F9AA1; 
	border-bottom: solid 1px #9F9AA1; 
	padding: 4px;
	background-color: #E8EBF0; 
}
table.scrollFrame td.scroll {
	vertical-align: middle; padding: 4px
}
#imageStrip {
	width: 359px; height: 62px; overflow: hidden
}
#imageStrip td {
	float: left; border: solid 1px #9F9AA1
}
#imageStrip div.pic img {
	display: block
}

#main div.articleImagePanel, #main sectionImage {
	width: 438px; height: 286px; display: block; 
}
#main div.articleImagePanel div {
	padding-top: 240px; text-align: right
}
#main div.articleImagePanel div span {
	background-color: #D90082; 
	color: #FFFFFF; padding: 4px; padding-left: 12px; padding-right: 12px; font-size: 16px; font-weight: normal;
	font-family: Century Schoolbook, serif; 
}


div.ticker {
	margin-bottom: 8px
}
div.ticker marquee {
	border-left: solid 4px #FFDD00; padding-left: 8px;
	color: #FFFFFF; font-size: 14px; margin-right: 50px
}
div.ticker marquee a {
	color: #FFFFFF
}

table.horoscopes {
	width: 100%
}
table.horoscopes td {
	text-align: center; width: 25%
}
table.horoscopes a {
	display: block; margin: 8px
}
div.horoscopeTitleBar {
	background-color: #392484; height: 67px
}
div.horoscopeTitleBar div.pic {
	float: left
}
div.horoscopeTitleBar div.text {
	float: right
}
div.horoscopeTitleBar div.text .title {
	color: #FFFFFF; font-size: 140%; display: block;
	font-family: Century Schoolbook, serif; text-transform: lowercase;
	margin: 4px; padding-right: 4px; text-align: right
}
div.horoscopeTitleBar div.text .month {
	color: #FFFFFF; font-size: 140%; display: block;
	font-family: Century Schoolbook, serif; 
	background-color: #D90082; text-transform: lowercase;
	padding-left: 8px; padding-right: 8px; text-align: right
}
div.horoscopeFrame {
	margin-left: -6px
}
div.horoscopeFrame div.daily {
	float: left; width: 294px; margin-right: 12px
}
div.horoscopeFrame div.monthly {
	float: left; width: 294px
}
div.horoscopeFrame h1 {
	margin-left: 0px
}
div.horoscopeFrame p {
	margin-left: 6px
}

table.forums {margin-top:18px;width:100%;}
table.forums th {color:#4F3A96;text-align:left;font-size:80%;border-top:solid 1px #B1B1B1;border-bottom:solid 1px #B1B1B1;padding:4px 12px 4px 12px;}
table.forums td {color:#000000;text-align:left;font-size:80%;border-bottom:dashed 1px #B1B1B1;padding:4px 12px 4px 12px;vertical-align:top;}
table.forums tr.alt td {background-color:#EAEFF2;}
table.forums th.th1a,table.forums td.td1a {text-align:left;width:80%;}
table.forums th.th2a,table.forums td.td2a {text-align:right;width:10%;}
table.forums th.th3a,table.forums td.td3a {text-align:right;width:10%;}
table.forums th.th3b,table.forums td.td3b {text-align:right;}
div.forumPaging {clear:both;}
div.forumPaging .pageDetails {float:left;font-size:80%;width:30%;display:block;margin-top:2px;}
div.forumPaging div.paging {float:right;width:70%;margin-top:0px;}

.poster {color: #4F3A96}
.date {font-style: italic}

div.siteMapLinks {
}
div.siteMapLinks a {
	display: block; margin-bottom: 4px; font-size: 75%
}
div.siteMapLinks td {
	vertical-align: top
}
div.siteMapLinks td a {
	font-size: 70%
}

#main div.rightSideBar {
	float: left; width: 154px; 
}
#main div.rightSideBar a.promo {
	display: block; margin-bottom: 8px
}
#main div.rightSideBar div.frame {
	padding: 4px; 
}
#main div.rightSideBar div.frame h2 {
	margin-top: 0px
}
#main div.rightSideBar div.frame p {
	padding-left: 4px; padding-right: 4px; 
}
#main div.rightSideBar div.frame img {
	margin-bottom: 4px
}
#main div.rightSideBar div.frame a {
	margin: 4px; display: block; font-size: 80%
}
#skyscraper {
	float: left; width: 160px; margin-left: 7px
}


#footerStrip {
	clear: both; width: 100%; background-color: #D90082;
	margin-bottom: 8px;
}
#footerLinks {
	clear: both; width: 100%; padding-bottom: 16px;
}
#footerLinks div.links {
	float: left
}
#footerLinks div.logo {
	float: right
}
#footerLinks a {
	font-size: 70%; color: #666666; margin-right: 8px;
	text-decoration: none
}

#footerLinks p {
	font-size: 70%; color: #666666; margin-top:10px
}

#footerLinks a:hover {
	text-decoration: underline
}

h1 {
	font-family: Century Schoolbook, serif; color: #4F3A96; font-weight: 600;
	margin: 0px; margin-bottom: 8px; font-size: 150%; line-height: 90%; letter-spacing: -0.05em;
	border-left: solid 4px #FFDD00; padding-left: 9px; margin-left: -6px
}
h2 {
	margin-top: 8px; margin-bottom: 8px; font-size: 90%; font-weight: bold; color: #4F3A96; 
}
span.h2 {
	display: block; margin-top: 12px; margin-bottom: 0px; font-size: 120%; font-weight: bold; color: #4F3A96; 
}
h3 {
	margin-top: 8px; margin-bottom: 8px; margin-left: 4px; font-size: 75%; font-weight: bold; color: #666; 
}
p {
	margin: 0px; margin-bottom: 8px; font-size: 75%; line-height: 120%;
}
p.date {
	font-style: italic
}
p.bigger {
	font-size: 90%; 
}
p.clear, p.clearWithPullQuote {
	clear: both; 
}
blockquote {
	color: #4F3A96; font-size: 90%; font-weight: bold; 
}


td.form_field {
	font-size: 75%; 
}
td.form_field p {
	font-size: 100%; 
}
th.form_field {
	font-size: 75%;font-weight:normal;text-align:left;
}

img	{
	border: 0px
}
img.block	{
	display: block
}

a	{
	color: #D90082; text-decoration: none
}
a:hover {
	text-decoration: underline
}
a.relatedLink	{display: block; margin-top: 12px; font-size: 0.8em}

.imageFloatLeft {
	float: left; padding-right: 8px; padding-bottom: 8px
}
.imageFloatRight {
	float: right; padding-left: 8px; padding-bottom: 8px
}
.imageFloatLeft span, .imageFloatRight span {
	display: block; color: #666666; font-size: 90%; margin-top: 4px
}

div.clear	{clear: both; font-size: 1px}
.block	{display: block}
.strong	{font-weight: bold}
.message	{color: darkred}
.inline	{display: inline}
.rightSmall	{text-align: right; font-size: 80%}

div.paging	{
	clear: both; text-align: right; margin-top: 12px
}
div.paging a	{
	font-size: 80%
}
.bold	{font-weight: bold}


input, select, textarea	{
	font-size: 90%; font-family: arial;
	background-color: #EDEDED;
	border: solid 1px #AEAEAE
}
.checkbox input, .radio input {
	border: none; background-color: #FFFFFF;
}
input.button {
	color: #D90082; font-weight: bold; font-style: italic; text-transform: lowercase;
	font-size: 100%
}

/* customisations of common user control (listings_by_day.ascx) */
	#title_bar 		{
		border-top: solid 1px #A8A9AB; margin-top: 8px
	}
	#title_bar table 	{
		position: relative; top: -30px; width: 100%
	}
	#title_bar table td.select 	{
		font-size: 0.8em; text-align: right
	}	
	#title_bar table td.select select 	{
		margin-left: 8px
	}		
	#title, #intro 	{
		display: none
	}
	
	td.listing, td.listing2		{
		padding-right: 8px; font-size: 90%
	}
	td.listing div.h1 {
		margin-bottom: 12px; font-weight: bold; margin-bottom: 12px
	}		
	td.listing div.h1 span	{
		color: #575551; font-size: 90%;
	}		
	td.listing span		{
		font-size: 80%; 
	}
	td.listing table td a		{
		font-size: 80%; 
	}			
	table.listing {font-size: 85%; width: 100%}
	#copy_area 	{
		border-top: solid 1px #A8A9AB; font-size: 85%
	}	
	#copy_area div.h2	{
		color: #45208A; font-size: 90%; font-weight: normal; 
	}
	#copy_area div.paging a 	{
		font-size: 90%; text-transform: capitalize
	}
	td.listing2 	{
		font-size: 80%; 
		border-bottom: solid 1px #B1B1B1;
		padding-bottom: 8px; 
	}
	td.listing2 a	{
		color: #D90082; font-weight: bold; font-size: 110%
	}
	td.listing2 div.listings_time 	{
		font-weight: bold;  color: #45208A; font-size: 110%
	}
	div.rest_of_programes tr {background-color: #FFFFFF !important}
/* ends */

/* customisations of common user control (listings_by_week.ascx) */
	#schedule_scroller	{
		width: 575px; height: 516px; overflow: auto;
		scrollbar-arrow-color: #4A3894;
		scrollbar-highlight-color: #DCDCDC;	
	}
	td.tlc	{
		width: 25px; 
		background-color: #B6C7D1;
		border-top: solid 1px #ADAA9C; 
		border-left: solid 1px #ADAA9C; 		
		border-right: solid 1px #ADAA9C; 	
	}	
	td.trc	{
		width: 15px; 
		background-color: #B6C7D1;
		border-left: solid 1px #ADAA9C;
		border-top: solid 1px #ADAA9C;
		border-right: solid 1px #ADAA9C;
	}				
	td.day	{
		width: 75px; border-right: solid 1px #ADAA9C; border-top: solid 1px #ADAA9C;
		background-color: #FFFFFF;
		color: #4A3894;
		text-align: center;
		padding-top: 4px; padding-bottom: 4px;
		font-size: 11px
	}
	td.day a {color: #4A3894}
	td.time	{
		width: 26px; height: 90px; border-top: solid 1px #ADAA9C; 
		border-left: solid 1px #ADAA9C; 
		background-color: #FFFFFF;
		color: #4A3894;
		text-align: center;
		vertical-align: middle;
		font-size: 11px
	}
	td.entry	{
		width: 75px; border-left: solid 1px #ADAA9C; border-top: solid 1px #ADAA9C;
		background-color: #ECEFF4;
		text-align: center;
		padding-top: 4px; padding-bottom: 4px;			
		font-size: 9px
	}	
	td.entry a	{
		color: #333333;
	}		
	td.entry div	{
		color: #333333; margin-top: 2px; margin-bottom: 2px
	}
	td.entry div.synopsis	{
		border: solid 1px #5B5A56;
		background-color: #EDEBE0;
		color: #000000;
		padding: 3px;
		position: absolute; z-index: 1;
		width: 180px; 
		display: none
	}		
	td.entry_alternate	{
		width: 74px; border-left: solid 1px #ADAA9C; border-top: solid 1px #ADAA9C;
		background-color: #DEE6E9;
		text-align: center;
		padding-top: 4px; padding-bottom: 4px;
		font-size: 9px
	}	
	td.entry_alternate a	{
		color: #333333;
	}		
	td.entry_alternate div	{
		color: #333333; margin-top: 2px; margin-bottom: 2px
	}
	td.entry_alternate div.synopsis	{
		border: solid 1px #5B5A56;
		background-color: #EDEBE0;
		color: #000000;
		padding: 3px;
		position: absolute; z-index: 1;
		width: 180px; 
		display: none
	}	
/* ends */

/* customisations of common user control (date_picker.ascx) */
	.calendar	{
		color: #FFFFFF; font-size: 10px; margin: 16px auto 0px auto
	}
	.calendar_title	{
		color: #82807A; text-align: left; background-color: #D6DFE5; border: none
	}
	.calendar_day_header {	
		border: solid 1px #82807A;
		background-color: #D6DFE5;
		color: #82807A;
		padding: 1px; width: 18px
	}
	.calendar_day {	
		border: solid 1px #FFFFFF;
		background-color: #D9D8D8;
		padding: 1px; padding-top: 2px; padding-bottom: 2px;
		vertical-align: middle
	}
	.calendar_day a {
		text-decoration: none; color: #FFFFFF
	}
	.calendar_day_today {	
		border: solid 1px #FFFFFF;
		background-color: #D90082;	
		padding: 1px; padding-top: 2px; padding-bottom: 2px;
	}
	.calendar_day_today a {
		text-decoration: none; color: #FFFFFF
	}
	.calendar_day_future {	
		border: solid 1px #FFFFFF;
		background-color: #AEACA7;	
		padding: 1px; padding-top: 2px; padding-bottom: 2px;
	}
	.calendar_day_future a {
		text-decoration: none; color: #FFFFFF
	}
/* ends */