/* reset
----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

sup {font-size:80%;position: relative;top:-.3em;}

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
p.abstract a:link, p.abstract a:visited, p.date a:link, p.date a:visited { text-decoration: underline; }

.cf:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }



/* custom
----------*/

a:link, a:visited {
	color: #333333;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #FFFFFF;
}
#page {
	width: 970px;
	margin: 0 auto 20px;
	font-size: 1.2em;
	color: #000000;
	background: #FFFFFF;
}

#top {
	position: relative;
	z-index: 50;
	padding: 24px 0 0;
	margin: 0 0 10px;

}
	#logo {
		margin: 0 0 5px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 358px;
			height: 95px;
		}
			#logo a:link span, #logo a:visited span {background: url(/web/images/logo-0.png) no-repeat 0 0;}
			#logo a.type1:link span, #logo a.type1:visited span {background: url(/web/images/logo-1.png) no-repeat 0 0;}
			#logo a.type2:link span, #logo a.type2:visited span {background: url(/web/images/logo-2.png) no-repeat 0 0;}
			#logo a.type3:link span, #logo a.type3:visited span {background: url(/web/images/logo-3.png) no-repeat 0 0;}
			#logo a.type4:link span, #logo a.type4:visited span {background: url(/web/images/logo-4.png) no-repeat 0 0;}
			#logo a.type5:link span, #logo a.type5:visited span {background: url(/web/images/logo-5.png) no-repeat 0 0;}
			#logo a.type6:link span, #logo a.type6:visited span {background: url(/web/images/logo-6.png) no-repeat 0 0;}
			#logo a.type7:link span, #logo a.type7:visited span {background: url(/web/images/logo-7.png) no-repeat 0 0;}
	#menu {
		float: left;
		height: 60px;
		width: 640px;
		background: url(/web/images/menu-bg.png) no-repeat 0 0;
	}
		#menu ul {
			padding: 10px 0 0 10px;
		}
			#menu li {
				float: left;
				position: relative;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					position: relative;
					height: 40px;
					padding: 0 12px;
					text-indent: -1000em;
					background-repeat: no-repeat;
					background-position: 50% 50%;
				}
				#menu li a:link:hover, #menu li a:visited:hover {
				}
				#menu #b1 a:link, #menu #b1 a:visited { width: 58px; background-image: url(/web/images/text/genres.png); }
				#menu #b1 a.active:link, #menu #b1 a.active:visited,#menu #b1 a:link:hover, #menu #b1 a:visited:hover { background-image: url(/web/images/text/genres-hover.png); }
				#menu #b2 a:link, #menu #b2 a:visited { width: 46px; background-image: url(/web/images/text/guide.png); }
				#menu #b2 a.active:link, #menu #b2 a.active:visited,#menu #b2 a:link:hover, #menu #b2 a:visited:hover { background-image: url(/web/images/text/guide-hover.png); }
				#menu #b3 a:link, #menu #b3 a:visited { width: 50px; background-image: url(/web/images/text/series.png); }
				#menu #b3 a.active:link, #menu #b3 a.active:visited, #menu #b3 a:link:hover, #menu #b3 a:visited:hover { background-image: url(/web/images/text/series-hover.png); }
				#menu #b4 a:link, #menu #b4 a:visited { width: 78px; background-image: url(/web/images/text/featured-articles.png); }
				#menu #b4 a.active:link, #menu #b4 a.active:visited,#menu #b4 a:link:hover, #menu #b4 a:visited:hover { background-image: url(/web/images/text/featured-articles-hover.png); }
				#menu #b5 a:link, #menu #b5 a:visited { width: 41px; background-image: url(/web/images/text/shop.png); }
				#menu #b5 a.active:link, #menu #b5 a.active:visited, #menu #b5 a:link:hover, #menu #b5 a:visited:hover { background-image: url(/web/images/text/shop-hover.png); }
				#menu #b6 a:link, #menu #b6 a:visited { width: 111px; background-image: url(/web/images/text/competitions.png); }
				#menu #b6 a.active:link, #menu #b6 a.active:visited, #menu #b6 a:link:hover, #menu #b6 a:visited:hover { background-image: url(/web/images/text/competitions-hover.png); }
				#menu #b7 a:link, #menu #b7 a:visited { width: 76px; background-image: url(/web/images/text/about-us.png); }
				#menu #b7 a.active:link, #menu #b7 a.active:visited, #menu #b7 a:link:hover, #menu #b7 a:visited:hover { background-image: url(/web/images/text/about-us-hover.png); }

				#menu li ul {
					position: absolute;
					left: -1000em;
					top: 40px;
					width: 270px;
					background: #000000;
					color: #FFFFFF;
					padding: 5px 0;
					border-top:#ffffff 1px solid;
				}
				#menu li:hover ul {
					left: -10px;
				}
				#menu li.reverse:hover ul {
					left: auto;
					right:-2px;
				}
					#menu li li {
						width: 100%;
						margin: 0 0 3px;
					}
						#page #menu li li a:link, #page #menu li li a:visited {
							float: none;
							width: 270px;
							height: auto;
							padding: 0;
							overflow: hidden;
							background: none;
							font-weight: bold;
							text-decoration: none;
							color: #FFFFFF;
							text-indent: 0;
							line-height: 1.6;
							text-transform: uppercase;
						}
							#page #menu li li a:link span, #page #menu li li a:visited span {
								float: left;
								width: 90px;
								padding: 0 0 0 20px;
								font-weight: normal;
							}
						#page #menu li li.type0 a:link span, #page #menu li li.type0 a:visited span {
							float: left;
							width: 250px;
							padding: 0 0 0 20px;
							font-weight: bold;
						}
						#page #menu li li.type0 a:link:hover, #page #menu li li.type0 a:visited:hover {background: #ee008c;}
						#page #menu li li.type1 a:link:hover, #page #menu li li.type1 a:visited:hover {background: #d40000;}
						#page #menu li li.type2 a:link:hover, #page #menu li li.type2 a:visited:hover {background: #6edb00;}
						#page #menu li li.type3 a:link:hover, #page #menu li li.type3 a:visited:hover {background: #fabc00;}
						#page #menu li li.type4 a:link:hover, #page #menu li li.type4 a:visited:hover {background: #ff5a00;}
						#page #menu li li.type5 a:link:hover, #page #menu li li.type5 a:visited:hover {background: #00c8e4;}
						#page #menu li li.type6 a:link:hover, #page #menu li li.type6 a:visited:hover {background: #004deb;}
						#page #menu li li.type7 a:link:hover, #page #menu li li.type7 a:visited:hover {background: #9900ff;}

	#search {
		float: right;
		width: 310px;
		overflow: hidden;
		background: #eeeeee;
		padding: 0 0 0 20px;
		margin: 10px 0 0;
	}
		#search label {
			display: none;
		}
		#search input.text {
			float: left;
			color: #bfbfbf;
			font-weight: bold;
			text-transform: uppercase;
			background: #FFFFFF;
			border: none;
			width: 235px;
			padding: 5px 10px;
			margin: 7px 0 0;
		}
		#search input.img {
			float: right;
		}

#wrap {
	margin: 0 0 40px;
}

	#content {
		float: left;
		width: 640px;
	}
	#side1 {
		float: right;
		width: 310px;
	}


#wrap p {
	line-height: 1.35;
	margin: 0 0 1em;
}
#content ul,
#content ol {
	list-style: disc;
	margin: 0 0 1em 2em;
}
#content ol {
	list-style: decimal;
}

#wrap h2 {
	font-size: 200%;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 .3em;
}
#wrap h3 {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 .3em;
}




#footer {
	float: left;
	width: 100%;
}
	#footer p.links {
		padding: 10px 0;
		text-align: center;
		color: #565a5c;
		background: #eeeeee;
		margin: 0 0 15px;
	}
		#footer p.links a:link, #footer p.links a:visited {
			color: #565a5c;
			padding: 0 .3em;
		}
	#footer p.by {
		padding-bottom: 20px;
	}
		#footer p.by a:link, #footer p.by a:visited {
			display: block;
			margin: 0 auto;
		}
		#logoSBS {
			width: 87px;
			height: 56px;
			text-indent: -1000em;
			background: url(/web/images/logo-sbs.jpg) no-repeat 0 0;
		}

/* homepage
----------*/

.home #top {
	margin: 0;
}

.home #content {
	float: left;
	width: 640px;
}
.home #side1 {
	float: right;
	width: 310px;
}

#page .ad1 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 25px;
}
#page .ad-sep,
.home #page .ad1 {
	margin: 0 0 10px;
}
	.ad1 a:link, .ad1 a:visited {
		float: left;
		display: block;
		border: solid 5px #eeeeee;
	}
		.ad1 a:link img, .ad1 a:visited img {
			float: left;
		}
	.ad1 span {
		display: block;
		clear: both;
		text-align: right;
		font-size: 83.33%;
		font-weight: bold;
		color: #aaacad;
		text-transform: uppercase;
		padding: 2px 0 0;
	}

#featured {
	background:transparent url(/web/images/frame-1.png) no-repeat scroll 210px 0;
	position:relative;
}
	
		
	
	#featured .feature {
		height:289px;
		margin: 0 0 0 225px;
		padding:25px 15px;
		width: 520px;
		/*height:289px;
		margin:0 0 0 210px;
		padding:25px 15px;
		width:520px;*/
	}	

	#featured .list {
		position: absolute;
		left: 0;
		top: 20px;
		width: 220px;
		overflow: visible;
	}
		#featured .list .title {
			float: right;
			padding: 0 10px;
			background: #000000;
		}
			#featured span.featured {
				float: left;
				display: block;
				height: 30px;
				width: 78px;
				text-indent: -1000em;
				background: url(/web/images/text/featured.png) no-repeat 0 50%;
			}
		#featured .list ul {
			clear:both;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			clear: both;
			margin:0 0 0 20px;
			position:absolute;
			top:33px;
			z-index:10;
		}
			#featured .list li {
				float: left;
				width: 100%;
				border-bottom: solid 1px #e3e3e3;
			}
				#featured .list li a:link, #featured .list li a:visited {
					display: block;
					position: relative;
					color: #808080;
					text-align: right;
					font-size: 91.67%;
					line-height: 14px;
					text-decoration: none;
					padding: 3px 20px 4px 0;
					width: 200px;
					height: 28px;
					margin: 0 0 0 -20px;
				}
					#featured .list li a:link span, #featured .list li a:visited span {
						display: block;
						font-size: 109.09%;
						font-weight: bold;
						color: #000000;
					}
					#featured .list li a:link em, #featured .list li a:visited em {
						position: absolute;
						bottom: -10px;
						left: -1000em;
						width: 23px;
						height: 10px;
						overflow: hidden;
						background-repeat: no-repeat;
						background-position: 0 0;
					}
				#featured .list li a:link:hover, #featured .list li a:visited:hover,
				#featured .list li a.active:link, #featured .list li a.active:visited {
					color: #FFFFFF;
				}
					#featured .list li a:link:hover span, #featured .list li a:visited:hover span,
					#featured .list li a.active:link span, #featured .list li a.active:visited span {
						color: #FFFFFF;
					}
				#featured .list li a.active:link, #featured .list li a.active:visited {
					padding-right: 48px;
					margin-right: -28px;
				}
					#featured .list li a.active:link em, #featured .list li a.active:visited em {
						right: 0;
						left: auto;
					}
					
				#featured .list li.type1 a:link:hover, #featured .list li.type1 a:visited:hover, 
				#featured .list li.type1 a.active:link, #featured .list li.type1 a.active:visited {background-color:#d40000;}
					#featured .list li.type1 a:link em, #featured .list li.type1 a:visited em, #featured .list li.type1 a.active em {background-image:url(/web/images/btn/6-1.png);}
					
				#featured .list li.type2 a:link:hover, #featured .list li.type2 a:visited:hover,
				#featured .list li.type2 a.active:link, #featured .list li.type2 a.active:visited {background-color:#6edb00;}
					#featured .list li.type2 a:link em, #featured .list li.type2 a:visited em, #featured .list li.type2 a.active em  {background-image:url(/web/images/btn/6-2.png);}
					
				#featured .list li.type3 a:link:hover, #featured .list li.type3 a:visited:hover,
				#featured .list li.type3 a.active:link, #featured .list li.type3 a.active:visited {background-color:#fabc00;}
					#featured .list li.type3 a:link em, #featured .list li.type3 a:visited em, #featured .list li.type3 a.active em  {background-image:url(/web/images/btn/6-3.png);}
					
				#featured .list li.type4 a:link:hover, #featured .list li.type4 a:visited:hover,
				#featured .list li.type4 a.active:link, #featured .list li.type4 a.active:visited {background-color:#ff5a00;}
					#featured .list li.type4 a:link em, #featured .list li.type4 a:visited em, #featured .list li.type4 a.active em  {background-image:url(/web/images/btn/6-4.png);}
					
				#featured .list li.type5 a:link:hover, #featured .list li.type5 a:visited:hover,
				#featured .list li.type5 a.active:link, #featured .list li.type5 a.active:visited {background-color:#00c8e4;}
					#featured .list li.type5 a:link em, #featured .list li.type5 a:visited em, #featured .list li.type5 a.active em  {background-image:url(/web/images/btn/6-5.png);}
					
				#featured .list li.type6 a:link:hover, #featured .list li.type6 a:visited:hover,
				#featured .list li.type6 a.active:link, #featured .list li.type6 a.active:visited {background-color:#004deb;}
					#featured .list li.type6 a:link em, #featured .list li.type6 a:visited em, #featured .list li.type6 a.active em  {background-image:url(/web/images/btn/6-6.png);}
					
				#featured .list li.type7 a:link:hover, #featured .list li.type7 a:visited:hover,
				#featured .list li.type7 a.active:link, #featured .list li.type7 a.active:visited {background-color:#9900ff;}
					#featured .list li.type7 a:link em, #featured .list li.type7 a:visited em, #featured .list li.type7 a.active em  {background-image:url(/web/images/btn/6-7.png);}
					

	#featured .info {
		position: absolute;
		right: 0;
		top: 85px;
		width: 280px;
		padding: 15px 15px;
		background: #FFFFFF;
		overflow:hidden;
	}
		#featured .info li {
			display:none;
			position:relative;
		}
		
		#featured .info li.active{
			display:block;
		}
		
		#featured .info p {
			margin: 0 0 .75em;
		}
		#featured .info .type {
			font-weight: bold;
			margin: 0 0 .1em;
		}
		#featured .info .time {
			color: #565a5c;
			font-weight: bold;
			margin: 0 0 .1em;
		}
		#featured .info h3 {
			font-size: 150%;
			font-weight: bold;
			margin: 0 0 .3em;
		}
		#featured .info .btns {
			width: 100%;
			overflow: hidden;
		}
			#featured .info .btns p {
				float: left;
				margin: 0 5px 0 0;
			}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:520px; 
	height:289px;

}

	/*
		root element for scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollable .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
		/*margin:5px 0 0 5px;*/
	}
	
	
	.scrollable .item {
		float:left;
	}
	/* active item */
	.scrollable .active {
		border:2px solid #000;
		z-index:9999;
		position:relative;
	}	
		
			
	.scrollable .item img{
		width:520px;
		height:289px;
		border-right: solid 5px #000000;
	}


.border{
	left:0;
	position:absolute;
	top:27px;
	z-index:1;
	width:520px;
	height:289px;
	border:solid 5px #000;
}
		


		
/*
	video player for home page hero
*/	

.playerContainer{
	background-color:#000000;
	display:block;
	height:290px;
	left:-5000px;
	position:absolute;
	top:24px;
	width:520px;
		
}
	.playerContainer.on{
		left:0px;
	}
		
		





/* article
----------*/
.article .playerContainer{
	visibility:visible;
	position:relative;
	width:630px;
	height:340px;
	left:0;
	top:0;
	
}


.page1 #content {
	float: left;
	width: 640px;
}
.page1 #side1 {
	float: right;
	width: 310px;
}



.image2 {
}
	.image2 img {
		border: solid 5px #eeeeee;
	}

.entertainment {
	display: block;
	width: 125px;
	text-indent: -1000em;
	background: url(/web/images/text/entertainment.png) no-repeat 50% 50%;
}

.article {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
	#page .article .category {
		float: left;
		width: auto;
		margin: 0 0 10px;
	}
	#page .article .icons {
		float: right;
		line-height: 30px;
		font-size: 91.67%;
		margin: 0 0 5px;
	}
		.article .icons a:link, .article .icons a:visited {
			float: left;
			display: block;
			margin: 0 20px 0 0;
			padding: 0 0 0 22px;
			background-repeat: no-repeat;
			background-position: 0 50%;
		}
		.article .icons a.share:link, .article .icons a.share:visited {
			background-image: url(/web/images/icons/share.png);
		}
		.article .icons a.print:link, .article .icons a.print:visited {
			background-image: url(/web/images/icons/print.png);
		}
		.article .icons a.font:link, .article .icons a.font:visited {
			background-image: url(/web/images/icons/font.png);
			margin: 0;
		}
		
		
		
		
.article {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
	#page .article .category {
		float: left;
		width: auto;
		margin: 0 0 10px;
	}
	#page .article .date {
		clear: both;
		font-weight: bold;
		color: #565a5c;
		margin: 0;
	}
	#page .article h2 {
		clear: both;
		margin: 0 0 .5em;
	}
	.article .image2 {
		float: left;
		margin: 0 1.5em 1em 0;
	}
	.article .commentsinfo {
		clear: both;
		float: left;
		margin: 0 3em 1em 0;
	}
		#page .article .commentsinfo .number {
			padding: 5px 10px;
			color: #cccccc;
			background: #565a5c;
			line-height: 1.1;
			margin: 0;
		}
			.article .commentsinfo .number span {
				color: #FFFFFF;
				display: block;
			}
	#page .article .related {
		list-style: none;
		margin: 1em 0 1em;
	}
		.article .related li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 5px;
			line-height: 20px;
		}
			.article .related .bar13 {
				float: left;
				margin: 0 10px 0 0;
			}
			.article .related a.color:link, .article .related a.color:visited {
				float: left;
				white-space: nowrap;
			}
			.article .related a.color:link:hover, .article .related a.color:visited:hover {
				color: #000000;
				text-decoration: none;
			}
			
	.video1 {
		background-color:#000000;
		border:5px solid #EEEEEE;
		float:none;
		height:345px;
		margin:0 0 10px;
		width:630px;

	}




/* guide
----------*/

.guide {
}
	.guide .bar1 {
		height: 20px;
		line-height: 20px;
		padding: 5px 10px 15px;
		margin: 0 0 20px;
	}
		.guide .bar1 span {
			float: left;
			display: block;
			height: 20px;
			margin: 0 20px 0 0;
		}
		.guide .bar1 select {
			float: left;
			color: #565a5c;
			font-weight: bold;
			background: #c8c9ca;
			border: none;
		}
		
		#page .guide .icons {
			float: right;
			line-height: 30px;
			font-size: 91.67%;
			margin: 0 0 5px;
		}
			.guide .icons a:link, .guide .icons a:visited {
				float: left;
				display: block;
				margin: 0 20px 0 0;
				padding: 0 0 0 22px;
				background-repeat: no-repeat;
				background-position: 0 50%;
			}
			.guide .icons a.share:link, .guide .icons a.share:visited {
				background-image: url(/web/images/icons/share.png);
			}
			.guide .icons a.print:link, .guide .icons a.print:visited {
				background-image: url(/web/images/icons/print.png);
			}
			.guide .icons a.font:link, .guide .icons a.font:visited {
				background-image: url(/web/images/icons/font.png);
				margin: 0;
			}
		
	.guide .daysall {
		clear: both;
		margin: 0 0 10px;
	}
		.guide .today {
			float: left;
			margin: 0 10px 0 0;
		}
			#page .guide .today .bar21 {
				float: left;
				padding-right: 25px;
				margin: 0;
			}
			#page .guide .today .btn5 {
				float: left;
				margin: 0;
			}
		.guide .days {
			float: left;
		}
			#page .guide .days .btn2 {
				float: left;
				margin: 0 1px 0 0;
			}
				.guide .days .btn2 a:link, .guide .days .btn2 a:visited {
					width: 35px;
				}
	#page .guide h3 {
		clear: both;
		font-size: 133.33%;
		font-weight: bold;
		margin: 0 0 .5em;
	}

.table1 {
	width: 100%;
	border-style: solid;
	border-width: 0 0 10px;
	margin: 0 0 20px;
}
	.table1 th {
		font-size: 100%;
		color: #FFFFFF;
		padding: 6px 10px;
		text-align: left;
	}
	.table1 td {
		padding: 6px 10px;
		vertical-align: top;
		border-bottom: solid 1px #FFFFFF;
	}
	.table1 .col1 { width: 15%;	}
	.table1 .col2 { width: 60%;	}
	.table1 .col3 { width: 10%;	}
	.table1 .col4 { width: 5%;	}
	.table1 .more {
		display: none;
	}
	.table1 .active .more {
		display: block;
	}
	.table1 .active td {
		border-width: 0 0 10px;
	}

	.table1 .expand {
		vertical-align: bottom;
		padding: 8px 10px;
	}
		.expand a:link, .expand a:visited {
			display: block;
			text-indent: -1000em;
			width: 7px;
			height: 6px;
			overflow: hidden;

		}

		.expand a.type1:link, .expand a.type1:visited {background-image: url(/web/images/icons/dn-1.png);}
		.expand a.type2:link, .expand a.type2:visited {background-image: url(/web/images/icons/dn-2.png);}
		.expand a.type3:link, .expand a.type3:visited {background-image: url(/web/images/icons/dn-3.png);}
		.expand a.type4:link, .expand a.type4:visited {background-image: url(/web/images/icons/dn-4.png);}
		.expand a.type5:link, .expand a.type5:visited {background-image: url(/web/images/icons/dn-5.png);}
		.expand a.type6:link, .expand a.type6:visited {background-image: url(/web/images/icons/dn-6.png);}
		.expand a.type7:link, .expand a.type7:visited {background-image: url(/web/images/icons/dn-7.png);}

		.expanded a.type1:link, .expanded a.type1:visited {background-image: url(/web/images/icons/up-1.png);}
		.expanded a.type2:link, .expanded a.type2:visited {background-image: url(/web/images/icons/up-2.png);}
		.expanded a.type3:link, .expanded a.type3:visited {background-image: url(/web/images/icons/up-3.png);}
		.expanded a.type4:link, .expanded a.type4:visited {background-image: url(/web/images/icons/up-4.png);}
		.expanded a.type5:link, .expanded a.type5:visited {background-image: url(/web/images/icons/up-5.png);}
		.expanded a.type6:link, .expanded a.type6:visited {background-image: url(/web/images/icons/up-6.png);}
		.expanded a.type7:link, .expanded a.type7:visited {background-image: url(/web/images/icons/up-7.png);}
		
		
.channelguide tr{
	cursor:pointer;	
}
		


.nav1 {
	float: right;
}
	#page .nav1 p {
		float: left;
		margin: 0 10px 0 0;
	}
	#page .nav1 p.last {
		margin: 0;
	}
		#page .nav1 a:link span, #page .nav1 a:visited span {
			padding-left: 10px;
			padding-right: 10px;
		}
	.inactive {
		opacity: 0.25;
		-moz-opacity: 0.25;
		-webkit-opacity: 0.25;
	}
	
	.inactive a:hover {

	}
	
	
	
	
	/* genres
	----------*/
	
	#page .featured2 {
		padding: 10px 0 0;
		margin: 0 0 20px;
	}
		#featured .bar11 {
			position: absolute;
			left: 0;
			top: 0;
		}
		#featured .genres {
			position: absolute;
			left: 0;
			top: 50px;
			width: 220px;
			overflow: visible;
		}
	
	
	
	
	/* press-list
	----------*/
	
#page .list1 {
		clear: both;
		list-style: none;
		margin: 0 10px 20px 50px;
	}
		.list1 li {
			width: 100%;
			overflow: hidden;
			padding: 10px 0 20px;
		}
			#page .list1 .date {
				font-size: 91.67%;
				margin: 0;
			}
			#page .list1 h3 {
				font-size: 133.33%;
				margin: 0;
			}
			#page .list1 p {
				margin: 0 0 .5em;
			}
	
#page .press-list {
	margin: 0 10px 20px 50px;
}

	.press-list li {
		padding: 10px 0 20px;
	}
	
#page .pdf {
	margin-bottom: 15px;
}
		.pdf img {
			margin: 2px 0 0;
		}
	


/* featured-articles
	----------*/

#page .article-list {
	padding: 20px 0 0;
	margin: 0 0 20px;
}

#page .article-list-1st-page {
	border-top: solid 1px #e5e5e5;
}

/* search-results
----------*/

#wrap .search h2 {
	float: left;
	width: auto;
}
	
#page h3.bar1 {
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0 0 10px;
}
	h3.bar1 span {
		height: 30px;
	}
	
#page .results1 {
	margin: 0 0 10px 40px;
}

#page .search .icons {
		float: right;
		line-height: 30px;
		font-size: 91.67%;
		margin: 0 0 5px;
	}
		.search .icons a:link, .article .icons a:visited {
			float: left;
			display: block;
			margin: 0 20px 0 0;
			padding: 0 0 0 22px;
			background-repeat: no-repeat;
			background-position: 0 50%;
		}
		.search .icons a.share:link, .search .icons a.share:visited {
			background-image: url(/web/images/icons/share.png);
		}
		.search .icons a.print:link, .search .icons a.print:visited {
			background-image: url(/web/images/icons/print.png);
		}
		.search .icons a.font:link, .search .icons a.font:visited {
			background-image: url(/web/images/icons/font.png);
			margin: 0;
		}
		


.sep1 {
	clear: both;
	border-top: solid 1px #e5e5e5;
	height: 1px;
	overflow: hidden;
	margin: 25px 0 20px;
}


/* 404
----------*/

.page404 {
}
	.page404 h2 {
		float: left;
	}
	.page404 .content {
		clear: both;
		padding: 0 20px 0 80px;
	}



/* zone
----------*/


.zone .feature {
	padding:15px 0 !important;
}

.home .feature {
	padding:25px 0 !important;
}


	.zone .playerContainer.on {
		left:225px;
	}


/* modules
----------*/

/* buttons & styles
----------*/

.bar1 {
	float: left;
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-image: url(/web/images/btn/1.png);
	background-color: #000000;
	height: 30px;
	padding-bottom: 10px;
}

.btn2 {
	font-size: 91.67%;
}
	.btn2 a:link, .btn2 a:visited {
		float: left;
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0 10px 5px;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		
	}
		.btn2 a:link span, .btn2 a:visited span {
			float: left;
			display: block;
			height: 30px;
		}
	.btn2a a:link, .btn2a a:visited {
		background-image: url(/web/images/btn/2a.gif);
		text-decoration: none;
	}
	
	
	.btn2 a:link, .btn2 a:visited {background: #565a5c url(/web/images/btn/2.gif) no-repeat 0 100%;}
	.btn2 a:hover {background: #000000 url(/web/images/btn/2.gif) no-repeat 0 100%;}
	
	
	

.btn3 {
	height: 25px;
	font-size: 91.67%;
}
	.btn3 a:link, .btn3 a:visited {
		float: left;
		display: block;
		padding: 0 0 5px;
		margin: 0 5px 0 0;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 100%;
	}
		.btn3 a:link span, .btn3 a:visited span {
			float: left;
			display: block;
			height: 20px;
			line-height: 20px;
			padding: 0 14px;
		}
		.btn3a a:link span, .btn3a a:visited span {
			padding: 0 9px;
			text-decoration: none;
		}
	.btn3 a.type0:link, .btn3 a.type0:visited {background-image:url(/web/images/btn/3-0.gif);background-color:#ee008c;}
	.btn3 a.type1:link, .btn3 a.type1:visited {background-image:url(/web/images/btn/3-1.gif);background-color:#d40000;}
	.btn3 a.type2:link, .btn3 a.type2:visited {background-image:url(/web/images/btn/3-2.gif);background-color:#6edb00;}
	.btn3 a.type3:link, .btn3 a.type3:visited {background-image:url(/web/images/btn/3-3.gif);background-color:#fabc00;}
	.btn3 a.type4:link, .btn3 a.type4:visited {background-image:url(/web/images/btn/3-4.gif);background-color:#ff5a00;}
	.btn3 a.type5:link, .btn3 a.type5:visited {background-image:url(/web/images/btn/3-5.gif);background-color:#00c8e4;}
	.btn3 a.type6:link, .btn3 a.type6:visited {background-image:url(/web/images/btn/3-6.gif);background-color:#004deb;}
	.btn3 a.type7:link, .btn3 a.type7:visited {background-image:url(/web/images/btn/3-7.gif);background-color:#9900ff;}	
	
	.btn3 a.type0:hover, .btn3.inactive a.type0 {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type1:hover, .btn3.inactive a.type1  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type2:hover, .btn3.inactive a.type2  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type3:hover, .btn3.inactive a.type3  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type4:hover, .btn3.inactive a.type4  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type5:hover, .btn3.inactive a.type5  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type6:hover, .btn3.inactive a.type6  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	.btn3 a.type7:hover, .btn3.inactive a.type7  {background-image:url(/web/images/btn/3-over.gif);background-color:#565a5c;}
	
	.inactive a{
		cursor:default;
	}
	

.btn4 {
	font-size: 91.67%;
}
	.btn4 a:link, .btn4 a:visited {
		float: left;
		display: block;
		padding: 0 0 5px;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}
		.btn4 a:link span, .btn4 a:visited span {
			float: left;
			display: block;
			height: 20px;
			line-height: 20px;
			padding: 0 14px;
		}
		
	#page .btn4a a:link, #page .btn4a a:visited {
		background-image: none;
		padding: 0;
		text-decoration: none;
	}

	.btn4 a.type0:link, .btn4 a.type0:visited {background-image:url(/web/images/btn/4-0.gif);background-color:#ee008c;}
	.btn4 a.type1:link, .btn4 a.type1:visited {background-image:url(/web/images/btn/4-1.gif);background-color:#d40000;}
	.btn4 a.type2:link, .btn4 a.type2:visited {background-image:url(/web/images/btn/4-2.gif);background-color:#6edb00;}
	.btn4 a.type3:link, .btn4 a.type3:visited {background-image:url(/web/images/btn/4-3.gif);background-color:#fabc00;}
	.btn4 a.type4:link, .btn4 a.type4:visited {background-image:url(/web/images/btn/4-4.gif);background-color:#ff5a00;}
	.btn4 a.type5:link, .btn4 a.type5:visited {background-image:url(/web/images/btn/4-5.gif);background-color:#00c8e4;}
	.btn4 a.type6:link, .btn4 a.type6:visited {background-image:url(/web/images/btn/4-6.gif);background-color:#004deb;}
	.btn4 a.type7:link, .btn4 a.type7:visited {background-image:url(/web/images/btn/4-7.gif);background-color:#9900ff;}
	
	
	.btn4 a.type0:hover, .btn4.inactive a.type0 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type1:hover, .btn4.inactive a.type1 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type2:hover, .btn4.inactive a.type2 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type3:hover, .btn4.inactive a.type3 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type4:hover, .btn4.inactive a.type4 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type5:hover, .btn4.inactive a.type5 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type6:hover, .btn4.inactive a.type6 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	.btn4 a.type7:hover, .btn4.inactive a.type7 {background-image:url(/web/images/btn/4-over.gif);background-color:#565a5c;}
	

.btn5 {
}
	.btn5 a:link, .btn5 a:visited {
		float: left;
		display: block;
		position: relative;
		color: #FFFFFF;
		text-decoration: none;
	}
		.btn5 a:link span, .btn5 a:visited span {
			float: left;
			display: block;
			height: 30px;
			line-height: 30px;
			padding: 0 10px;
		}
		.btn5 a:link em, .btn5 a:visited em {
			position: absolute;
			left: -10px;
			top: -5px;
			width: 10px;
			height: 35px;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
	.btn5 a.type1:link, .btn5 a.type1:visited {background-color:#d40000;}
		.btn5 a.type1:link em, .btn5 a.type1:visited em {background-image:url(/web/images/btn/5-1.png);}
	.btn5 a.type2:link, .btn5 a.type2:visited {background-color:#6edb00;}
		.btn5 a.type2:link em, .btn5 a.type2:visited em {background-image:url(/web/images/btn/5-2.png);}
	.btn5 a.type3:link, .btn5 a.type3:visited {background-color:#fabc00;}
		.btn5 a.type3:link em, .btn5 a.type3:visited em {background-image:url(/web/images/btn/5-3.png);}
	.btn5 a.type4:link, .btn5 a.type4:visited {background-color:#ff5a00;}
		.btn5 a.type4:link em, .btn5 a.type4:visited em {background-image:url(/web/images/btn/5-4.png);}
	.btn5 a.type5:link, .btn5 a.type5:visited {background-color:#00c8e4;}
		.btn5 a.type5:link em, .btn5 a.type5:visited em {background-image:url(/web/images/btn/5-5.png);}
	.btn5 a.type6:link, .btn5 a.type6:visited {background-color:#004deb;}
		.btn5 a.type6:link em, .btn5 a.type6:visited em {background-image:url(/web/images/btn/5-6.png);}
	.btn5 a.type7:link, .btn5 a.type7:visited {background-color:#9900ff;}
		.btn5 a.type7:link em, .btn5 a.type7:visited em {background-image:url(/web/images/btn/5-7.png);}

.btn7 {
	font-size: 91.67%;
}
	.btn7 a:link, .btn7 a:visited {
		float: left;
		display: block;
		height: 20px;
		line-height: 20px;
		padding: 0 10px 5px;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		background: #000000 url(/web/images/btn/7.gif) no-repeat 0 100%;
	}
	.btn7 a.active:link, .btn7 a.active:visited {
		background: #bfbfbf url(/web/images/btn/7a.png) no-repeat 0 100%;
	}
		.btn7 a:link span, .btn7 a:visited span {
			float: left;
			display: block;
			height: 20px;
		}
		a.play:link span, a.play:visited span {
			padding-right: 12px;
			background: url(/web/images/icons/arrow-r.png) no-repeat 100% 50%;
		}
		
	.btn7 a:hover, .btn7.inactive {background-image:url(/web/images/btn/7.gif);background-color:#565a5c;}
	.btn7 a.inactive{
		cursor:default;
	}
	.btn7 a.inactive:hover{
		background-color:#000;
	}


.btn8 {
	font-size: 91.67%;
}
	.btn8 a:link, .btn8 a:visited {
		float: left;
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0 10px 5px;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 100%;
	}
		.btn8 a:link span, .btn8 a:visited span {
			float: left;
			display: block;
			height: 30px;
		}
	.btn8 a.type1:link, .btn8 a.type1:visited {background-image:url(/web/images/btn/8-1.gif);background-color:#d40000;}
	.btn8 a.type2:link, .btn8 a.type2:visited {background-image:url(/web/images/btn/8-2.gif);background-color:#6edb00;}
	.btn8 a.type3:link, .btn8 a.type3:visited {background-image:url(/web/images/btn/8-3.gif);background-color:#fabc00;}
	.btn8 a.type4:link, .btn8 a.type4:visited {background-image:url(/web/images/btn/8-4.gif);background-color:#ff5a00;}
	.btn8 a.type5:link, .btn8 a.type5:visited {background-image:url(/web/images/btn/8-5.gif);background-color:#00c8e4;}
	.btn8 a.type6:link, .btn8 a.type6:visited {background-image:url(/web/images/btn/8-6.gif);background-color:#004deb;}
	.btn8 a.type7:link, .btn8 a.type7:visited {background-image:url(/web/images/btn/8-7.gif);background-color:#9900ff;}

.btn9 {
	font-size: 91.67%;
}
	.btn9 input {
		float: left;
		display: block;
		height: 25px;
		line-height: 20px;
		padding: 0 10px 7px;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 100% 100%;
		border: none;
	}
	.btn9 .type0 {background-image:url(/web/images/btn/9-1.gif);background-color:#ee008c;}
	.btn9 .type1 {background-image:url(/web/images/btn/9-1.gif);background-color:#d40000;}
	.btn9 .type2 {background-image:url(/web/images/btn/9-2.gif);background-color:#6edb00;}
	.btn9 .type3 {background-image:url(/web/images/btn/9-3.gif);background-color:#fabc00;}
	.btn9 .type4 {background-image:url(/web/images/btn/9-4.gif);background-color:#ff5a00;}
	.btn9 .type5 {background-image:url(/web/images/btn/9-5.gif);background-color:#00c8e4;}
	.btn9 .type6 {background-image:url(/web/images/btn/9-6.gif);background-color:#004deb;}
	.btn9 .type7 {background-image:url(/web/images/btn/9-7.gif);background-color:#9900ff;}
	
	
	
	.submit.over {background-image:url(/web/images/btn/7-over.gif);background-color:#66696b;}


.bar11 {
	width: 100%;
	overflow: hidden;
}
	.bar11 a:link, .bar11 a:visited {
		float: left;
		display: block;
		padding: 0 0 10px;
		background-repeat: no-repeat;
		background-position: 0 100%;
		color: #FFFFFF;
	}
		.bar11 a:link span, .bar11 a:visited span {
			float: left;
			display: block;
			height: 30px;
			line-height: 30px;
			padding: 0 20px;
		}
	.bar11 a.type0:link, .bar11 a.type0:visited {background-image:url(/web/images/btn/11-0.png);background-color:#ee008c;}
	.bar11 a.type1:link, .bar11 a.type1:visited {background-image:url(/web/images/btn/11-1.png);background-color:#d40000;}
	.bar11 a.type2:link, .bar11 a.type2:visited {background-image:url(/web/images/btn/11-2.png);background-color:#6edb00;}
	.bar11 a.type3:link, .bar11 a.type3:visited {background-image:url(/web/images/btn/11-3.png);background-color:#fabc00;}
	.bar11 a.type4:link, .bar11 a.type4:visited {background-image:url(/web/images/btn/11-4.png);background-color:#ff5a00;}
	.bar11 a.type5:link, .bar11 a.type5:visited {background-image:url(/web/images/btn/11-5.png);background-color:#00c8e4;}
	.bar11 a.type6:link, .bar11 a.type6:visited {background-image:url(/web/images/btn/11-6.png);background-color:#004deb;}
	.bar11 a.type7:link, .bar11 a.type7:visited {background-image:url(/web/images/btn/11-7.png);background-color:#9900ff;}

.bar12 {
	padding: 0 10px 5px;
	height: 30px;
	line-height: 30px;
	background: #eeeeee url(/web/images/btn/12.gif) no-repeat 100% 100%;
}

.bar13 {
	display: block;
	font-size: 91.67%;
	height: 20px;
	line-height: 20px;
	padding: 0 10px 5px;
	color: #FFFFFF;
	background: #000000 url(/web/images/btn/13.gif) no-repeat 0 100%;
}

#page .bar14 {
	display: block;
	font-size: 183.33%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	padding: 0 20px 10px;
	background: #ee008c url(/web/images/btn/14-0.gif) no-repeat 0 100%;
}


.bar21 {
		height: 20px;
		line-height: 20px;
		padding: 5px 10px 10px 10px;
		background: #000000 url(/web/images/btn/21.gif) no-repeat 0 100%;
		color: #FFFFFF;
	}
		.bar21 span {
			display: block;
			height: 20px;
		}
	
	
	.title1 {
		height: 20px;
		padding: 10px 10px 15px 10px;
		color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: 0 100%;
	}
	.title1-0 {background-image:url(/web/images/btn/3-0.gif);background-color:#ee008c;}
	.title1-1 {background-image:url(/web/images/btn/3-1.gif);background-color:#d40000;}
	.title1-2 {background-image:url(/web/images/btn/3-2.gif);background-color:#6edb00;}
	.title1-3 {background-image:url(/web/images/btn/3-3.gif);background-color:#fabc00;}
	.title1-4 {background-image:url(/web/images/btn/3-4.gif);background-color:#ff5a00;}
	.title1-5 {background-image:url(/web/images/btn/3-5.gif);background-color:#00c8e4;}
	.title1-6 {background-image:url(/web/images/btn/3-6.gif);background-color:#004deb;}
	.title1-7 {background-image:url(/web/images/btn/3-7.gif);background-color:#9900ff;}



a.color2:link, a.color2:visited {
	color: #000000;
	text-decoration: none;
}


.style0 .color,
.style0 a.color:link, .style0 a.color:visited,
.style0 a.color2:link:hover, .style0 a.color2:visited:hover
{ color: #ee008c; }
.style1 .color,
.style1 a.color:link, .style1 a.color:visited,
.style1 a.color2:link:hover, .style1 a.color2:visited:hover
{ color: #d40000; }
.style2 .color,
.style2 a.color:link, .style2 a.color:visited,
.style2 a.color2:link:hover, .style2 a.color2:visited:hover
{ color: #6edb00; }
.style3 .color,
.style3 a.color:link, .style3 a.color:visited,
.style3 a.color2:link:hover, .style3 a.color2:visited:hover
{ color: #fabc00; }
.style4 .color,
.style4 a.color:link, .style4 a.color:visited,
.style4 a.color2:link:hover, .style4 a.color2:visited:hover
{ color: #ff5a00; }
.style5 .color,
.style5 a.color:link, .style5 a.color:visited,
.style5 a.color2:link:hover, .style5 a.color2:visited:hover
{ color: #00c8e4; }
.style6 .color,
.style6 a.color:link, .style6 a.color:visited,
.style6 a.color2:link:hover, .style6 a.color2:visited:hover
{ color: #004deb; }
.style7 .color,
.style7 a.color:link, .style7 .a.color:visited,
.style7 a.color2:link:hover, .style7 a.color2:visited:hover
{ color: #9900ff; }


.style0 .table1 { border-color: #ee008c; }
.style1 .table1 { border-color: #d40000; }
.style2 .table1 { border-color: #6edb00; }
.style3 .table1 { border-color: #fabc00; }
.style4 .table1 { border-color: #ff5a00; }
.style5 .table1 { border-color: #00c8e4; }
.style6 .table1 { border-color: #004deb; }
.style7 .table1 { border-color: #9900ff; }

	
	.style0 .table1 th { background: #ee008c; }
	.style0 .table1 td { background: #fde5f3; }
	.style0 .table1 .alt td { background: #fccce8; }

	.style1 .table1 th { background: #d40000; }
	.style1 .table1 td { background: #fbe5e5; }
	.style1 .table1 .alt td { background: #f6cccc; }
	
	.style2 .table1 th { background: #6edb00; }
	.style2 .table1 td { background: #f0fbe5; }
	.style2 .table1 .alt td { background: #e2f8cc; }
	
	.style3 .table1 th { background: #fabc00; }
	.style3 .table1 td { background: #fef8e5; }
	.style3 .table1 .alt td { background: #fef2cc; }
	
	.style4 .table1 th { background: #ff5a00; }
	.style4 .table1 td { background: #ffeee5; }
	.style4 .table1 .alt td { background: #ffdecc; }
	
	.style5 .table1 th { background: #00c8e4; }
	.style5 .table1 td { background: #e5f9fc; }
	.style5 .table1 .alt td { background: #ccf4fa; }
	
	.style6 .table1 th { background: #004deb; }
	.style6 .table1 td { background: #e5edfd; }
	.style6 .table1 .alt td { background: #ccdbfb; }
	
	.style7 .table1 th { background: #9900ff; }
	.style7 .table1 td { background: #f5e5ff; }
	.style7 .table1 .alt td { background: #ebccff; }
	
	
	
	/* titles
	----------*/
	
	.about-us {
		display: block;
		text-indent: -1000em;
		width: 115px;
		background: url(/web/images/text/title-about-us.png) no-repeat 50% 50%;
	}
	.terms-of-use {
		display: block;
		text-indent: -1000em;
		width: 147px;
		background: url(/web/images/text/terms-of-use.png) no-repeat 50% 50%;
	}
	.advertise-with-us {
		display: block;
		text-indent: -1000em;
		width: 191px;
		background: url(/web/images/text/advertise-with-us.png) no-repeat 50% 50%;
	}
	.contact-us {
		display: block;
		text-indent: -1000em;
		width: 135px;
		background: url(/web/images/text/contact-us.png) no-repeat 50% 50%;
	}
	.privacy-agreement {
		display: block;
		text-indent: -1000em;
		width: 202px;
		background: url(/web/images/text/privacy-agreement.png) no-repeat 50% 50%;
	}
	.service-providers {
		display: block;
		text-indent: -1000em;
		width: 192px;
		background: url(/web/images/text/service-providers.png) no-repeat 50% 50%;
	}


	.sundayon {
		display: block;
		text-indent: -1000em;
		width: 150px;
		background: url(/web/images/text/sunday-on-stvdio.png) no-repeat 50% 50%;
	}
	.mondayon {
		display: block;
		text-indent: -1000em;
		width: 153px;
		background: url(/web/images/text/monday-on-stvdio.png) no-repeat 50% 50%;
	}
	.tuesdayon {
		display: block;
		text-indent: -1000em;
		width: 157px;
		background: url(/web/images/text/tuesday-on-stvdio.png) no-repeat 50% 50%;
	}
	.wednesdayon {
		display: block;
		text-indent: -1000em;
		width: 185px;
		background: url(/web/images/text/wednesday-on-stvdio.png) no-repeat 50% 50%;
	}
	.thursdayon {
		display: block;
		text-indent: -1000em;
		width: 169px;
		background: url(/web/images/text/thursday-on-stvdio.png) no-repeat 50% 50%;
	}
	.fridayon {
		display: block;
		text-indent: -1000em;
		width: 142px;
		background: url(/web/images/text/friday-on-stvdio.png) no-repeat 50% 50%;
	}
	.saturdayon {
		display: block;
		text-indent: -1000em;
		width: 169px;
		background: url(/web/images/text/saturday-on-stvdio.png) no-repeat 50% 50%;
	}
	.subscribe {
		display: block;
		width: 250px;
		text-indent: -1000em;
		background: url(/web/images/text/subscribe-newsletter.png) no-repeat 0 50%;
	}
	.program-guide {
		display: block;
		width: 125px;
		text-indent: -1000em;
		background: url(/web/images/text/program-guide.png) no-repeat 50% 50%;
	}
	.xxx-stvdio {
		display: block;
		width: 90px;
		text-indent: -1000em;
		background: url(/web/images/text/xxx-stvdio.png) no-repeat 50% 50%;
	}
	.mon {
		display: block;
		width: 33px;
		text-indent: -1000em;
		background: url(/web/images/text/mon.png) no-repeat 50% 50%;
	}
	.tue {
		display: block;
		width: 28px;
		text-indent: -1000em;
		background: url(/web/images/text/tue.png) no-repeat 50% 50%;
	}
	.wed {
		display: block;
		width: 36px;
		text-indent: -1000em;
		background: url(/web/images/text/wed.png) no-repeat 50% 50%;
	}
	.thu {
		display: block;
		width: 29px;
		text-indent: -1000em;
		background: url(/web/images/text/thu.png) no-repeat 50% 50%;
	}
	.fri {
		display: block;
		width: 22px;
		text-indent: -1000em;
		background: url(/web/images/text/fri.png) no-repeat 50% 50%;
	}
	.sat {
		display: block;
		width: 28px;
		text-indent: -1000em;
		background: url(/web/images/text/sat.png) no-repeat 50% 50%;
	}
	.sun {
		display: block;
		width: 30px;
		text-indent: -1000em;
		background: url(/web/images/text/sun.png) no-repeat 50% 50%;
	}
	.performance {
		display: block;
		width: 112px;
		text-indent: -1000em;
		background: url(/web/images/text/performance.png) no-repeat 50% 50%;
	}
	.writers {
		display: block;
		width: 68px;
		text-indent: -1000em;
		background: url(/web/images/text/writers.png) no-repeat 50% 50%;
	}
	.classical {
		display: block;
		width: 82px;
		text-indent: -1000em;
		background: url(/web/images/text/classical.png) no-repeat 50% 50%;
	}
	.art {
		display: block;
		width: 30px;
		text-indent: -1000em;
		background: url(/web/images/text/art.png) no-repeat 50% 50%;
	}
	.film {
		display: block;
		width: 33px;
		text-indent: -1000em;
		background: url(/web/images/text/film.png) no-repeat 50% 50%;
	}
	.recording {
		display: block;
		width: 88px;
		text-indent: -1000em;
		background: url(/web/images/text/recording.png) no-repeat 50% 50%;
	}
	.entertainment {
		display: block;
		width: 125px;
		text-indent: -1000em;
		background: url(/web/images/text/entertainment.png) no-repeat 50% 50%;
	}
	.press-releases {
		display: block;
		width: 125px;
		text-indent: -1000em;
		background: url(/web/images/text/press-releases.png) no-repeat 50% 50%;
	}
	.press-release {
		display: block;
		width: 116px;
		text-indent: -1000em;
		background: url(/web/images/text/press-release.png) no-repeat 50% 50%;
	}
	.competition {
		display: block;
		width: 102px;
		text-indent: -1000em;
		background: url(/web/images/text/competition.png) no-repeat 50% 50%;
	}
	.competitions {
		display: block;
		width: 111px;
		text-indent: -1000em;
		background: url(/web/images/text/competitions.png) no-repeat 50% 50%;
	}
	.episodes {
		display: block;
		width: 72px;
		text-indent: -1000em;
		background: url(/web/images/text/episodes.png) no-repeat 50% 50%;
	}

	




.programs {
	display: block;
	width: 83px;
	text-indent: -1000em;
	background: url(/web/images/text/programs.png) no-repeat 50% 50%;
}
.articles {
	display: block;
	width: 71px;
	text-indent: -1000em;
	background: url(/web/images/text/articles.png) no-repeat 50% 50%;
}
.search-results {
	display: block;
	width: 129px;
	text-indent: -1000em;
	background: url(/web/images/text/search-results.png) no-repeat 50% 50%;
}









/* favorite-shows
----------*/

.favoriteShows {
	background: #dddede;
	position: relative;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
	.favoriteShows .title {
		float: left;
		width: 309px;
		height: 10px;
		text-indent: -1000em;
		padding: 15px 10px;
		background: #FFFFFF url(/web/images/text/favorite-shows.png) no-repeat 50% 50%;
		margin: 0 0 10px;
	}
	.favoriteShows ul {
		clear: both;
		margin: 0 55px;
	}
		.favoriteShows li {
			float: left;
			margin: 0 20px 0 0;
		}
		.favoriteShows li.last {
			margin: 0;
		}
			.favoriteShows li a:link, .favoriteShows li a:visited {
				float: left;
				display: block;
				border: solid 5px #f1f1f1;
			}



/* dont-miss
----------*/

.dontmiss {
	clear: both;
	width: 100%;
	overflow: hidden;
}
	.dontmiss .bar1 {
		padding-left: 18px;
		padding-right: 18px;
	}
		.dontmiss span.dontmiss {
			float: left;
			display: block;
			height: 30px;
			width: 89px;
			text-indent: -1000em;
			background: url(/web/images/text/dont-miss.png) no-repeat 0 50%;
		}
	.dontmiss .items {
		float: right;
		width: 840px;
		font-size: 91.67%;
		line-height: 30px;
		text-transform: uppercase;
	}
		.dontmiss .items a:link, .dontmiss .items a:visited {
			float: left;
			display: block;
			padding: 0 14px;
		}



/* whats-on
----------*/

.whatson {
	margin: 0 0 20px;
}
	.whatson .bar {
		height: 40px;
		background: #f2f2f2;
	}
		.whatson .title {
			float: left;
			margin: 5px 0 0;
			height: 20px;
			padding: 5px 20px 5px 10px;
			background: #000000;
			color: #FFFFFF;
		}
			.whatson .title span.whatson {
				float: left;
				margin: 0 10px 0 0;
				display: block;
				text-indent: -1000em;
				width: 85px;
				height: 20px;
				background: url(/web/images/text/whats-on.png) no-repeat 0 50%;
			}
			.whatson .title select {
				float: left;
				color: #565a5c;
				font-weight: bold;
				background: #c8c9ca;
				border: none;
				width:59px;
			}
		.whatson .item {
			float: left;
			margin: 5px 10px 0 0;
		}
			.whatson .item .btn2,
			.whatson .item .btn5 {
				float: left;
				margin: 0 10px 0 0;
			}
				.whatson span.now {
					text-indent: -1000em;
					width: 38px;
					background: url(/web/images/text/now.png) no-repeat 50% 50%;
				}
				.whatson span.next {
					text-indent: -1000em;
					width: 38px;
					background: url(/web/images/text/next.png) no-repeat 50% 50%;
				}
				.whatson span.later {
					text-indent: -1000em;
					width: 47px;
					background: url(/web/images/text/later.png) no-repeat 50% 50%;
				}
			.whatson .item dl {
				float: left;
			}
				.whatson .item dt,
				.whatson .item dd {
					float: left;
					line-height: 30px;
				}
				.whatson .item dt {
					color: #858b8f;
					font-weight: normal;
					margin: 0 8px 0 0;
				}
				.whatson .item dd {
					color: #000000;
					font-weight: bold;
					width: 120px;
				}
					.whatson .item dd a:link, .whatson .item dd a:visited {
						color: #000000;
					}
				.whatson .item dd.long {
					line-height: 15px;
				}
	.whatson .btn3 {
		clear: both;
	}


/* whats-on-2
----------*/

.whatson2 {
	width: 310px;
	margin: 0 0 20px;
}
	#page .whatson2 .title {
		height: 20px;
		padding: 10px 10px 15px 10px;
		background: #000000 url(/web/images/btn/21.gif) no-repeat 0 100%;
		color: #FFFFFF;
		margin: 0 0 10px;
	}
		.whatson2 .title span.todayon {
			float: left;
			display: block;
			text-indent: -1000em;
			width: 140px;
			height: 20px;
			background: url(/web/images/text/today-on-stvdio.png) no-repeat 0 50%;
		}
		.whatson2 .title select {
			float: right;
			color: #565a5c;
			font-weight: bold;
			background: #c8c9ca;
			border: none;
			width:95px;
		}
	.whatson2 .item {
		clear: both;
		width: 100%;
		min-height: 40px;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
		#page .whatson2 .btn2,
		#page .whatson2 .btn8 {
			float: left;
			margin: 0 10px 0 0;
		}
			.whatson2 .btn2 a:link, .whatson2 .btn2 a:visited,
			.whatson2 .btn8 a:link, .whatson2 .btn8 a:visited {
				width: 47px;
			}
				.whatson2 .btn2 a:link span, .whatson2 .btn2 a:visited span,
				.whatson2 .btn8 a:link span, .whatson2 .btn8 a:visited span {
					float: right;
				}

		.whatson2 .item dl {
			float: left;
			margin: 10px 0 0;
		}
			.whatson2 .item dt,
			.whatson2 .item dd {
				float: left;
			}
			.whatson2 .item dt {
				color: #858b8f;
				font-weight: normal;
				width: 60px;
			}
			.whatson2 .item dd {
				color: #000000;
				font-weight: bold;
				width: 170px;
			}
				.whatson2 .item dd a:link, .whatson2 .item dd a:visited {
					color: #000000;
				}
			.whatson2 .item dd.long {
				line-height: 15px;
			}
	.whatson2 .btn3 {
		clear: both;
	}



/* whats-on-3
----------*/

.whatson3 {
	width: 310px;
	margin: 0 0 20px;
}
	#page .whatson3 .title1 {
		margin: 0 0 10px;
	}
	.whatson3 .title7 {
		background: url(/web/images/) no-repeat 0 0;
	}
		.whatson3 .title1 span {
			float: left;
			display: block;
			height: 20px;
		}
		.whatson3 .title1 select {
			float: right;
			color: #565a5c;
			font-weight: bold;
			background: #c8c9ca;
			border: none;
		}
	.whatson3 dl {
		width: 290px;
		overflow: hidden;
		margin: 0 10px 10px;
		color: #000000;
	}
		.whatson3 dt,
		.whatson3 dd {
			float: left;
			padding: .25em 0;
		}
		.whatson3 dt {
			clear: left;
			font-weight: normal;
			width: 65px;
		}
		.whatson3 dd {
			font-weight: bold;
			width: 215px;
		}
			.whatson3 dd a:link, .whatson3 dd a:visited {
				color: #000000;
			}
	.whatson3 .btn3 {
		clear: both;
	}






/* promo1
----------*/

/* promo2
----------*/

.image1 {
	width: 100%;
	overflow: hidden;
	font-size: 0;
}

	.image1 a:link, .image1 a:visited {
		float: left;
		display: block;
		position: relative;
		border: solid 5px #eeeeee;
		text-decoration: none;
		overflow: hidden;
	}
		.image1 a:link span, .image1 a:visited span {
			position: absolute;
			left: 0;
			bottom:0;
			height: 18px;
			line-height: 18px;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
			color: #565a5c;
			padding: 0 5px;
			background: #eeeeee;
		}

.promo {
	width: 640px;
}
	#page .promo p {
		margin: 0 0 1em;
	}
	#page .promo .type {
		font-weight: bold;
		margin: 0 0 .1em;
	}
	#page .promo .time {
		color: #565a5c;
		font-weight: bold;
		margin: 0 0 .1em;
	}
	#page .promo h3 {
		font-size: 150%;
		font-weight: bold;
		line-height: 1.1;
		margin: 0 0 .3em;
	}

.promo1 {
	overflow: hidden;
	position: relative;
	margin: 0 0 25px;
}
	.promo1 .image1 {
		float: left;
		width: auto;
	}
	.promo1 .info {
		position: absolute;
		z-index: 10;
		left: 270px;
		top: 20px;
		background: #FFFFFF;
		padding: 8px 10px;
	}
	#page .promo1 p {
		margin: 0 0 .5em;
	}
	
	
.promo1a {
}
	.promo1a .image1 {
		width: auto;
		margin: 0;
	}
	.promo1a .info {
		float: right;
		position: static;
		padding: 5px 10px;
		width: 300px;
		margin: 0; 
	}

.promo1c .info {
	float: none;
	width: auto;
	left: 0;
	top: 0;
	position: relative;
}
.promo1b .info {
	left: 210px;
	top: 15px;
}

.promo2 {
	overflow: hidden;
	margin: 0 0 20px;
}
	.promo2 .item {
		float: left;
		width: 200px;
		margin: 0 20px 0 0;
	}
	.promo2 .last {
		margin: 0;
	}
	.promo2 .first {
		clear: left;
	}
	.promo2 .image1 {
		margin: 0 0 8px;
	}

.promo3 {
	width: 310px;
	margin: 0 0 25px;
}
	.promo3 .item {
		width: auto;
		margin: 0;
	}


/* newsletter1
----------*/

.subscribe {
	display: block;
	width: 250px;
	text-indent: -1000em;
	background: url(/web/images/text/subscribe-newsletter.png) no-repeat 0 50%;
}

.newsletter1 {
	width: 250px;

	margin: 0 20px 25px;
	padding: 5px 10px;
	background: #f3f3f4;
}
	#page .newsletter1 .title {
		margin: 0 0 10px;
		padding: 0 10px 5px;
		height: 40px;
		width: 290px;
		position: relative;
		left: -30px;
		background: #000000 url(/web/images/btn/nl-top.gif) no-repeat 0 100%;
	}
		.newsletter1 .title .subscribe {
			height: 40px;
		}
	.newsletter1 form {
	}
		#page .newsletter1 p {
			color: #777777;
			margin: 0 0 10px;
		}
			.newsletter1 input.text {
				color: #bfbfbf;
				font-weight: bold;
				text-transform: uppercase;
				padding: 6px 10px;
				background: #FFFFFF;
				border: none;
				width: 230px;
				height: 14px;
				font-size: 91.67%;
			}
		#page .newsletter1 p.button {
			margin-right: -30px;
			position: relative;
		}
			.newsletter1 input.submit {
				float: right;
				width: 61px;
				height: 31px;
				font-size: 91.67%;
				color: #FFFFFF;
				text-transform: uppercase;
				padding: 0 0 13px 0;
				border: none;
				background: url(/web/images/btn/nl-submit.gif) no-repeat 0 0;
			}
			
			
			.newsletter1 input.submit.over {
				background: url(/web/images/btn/nl-submit-over.gif) no-repeat 0 0;
			}



/* newsletter2
----------*/

.newsletter2 {
	width: 970px;
	overflow: hidden;
	margin: 0 0 35px;
}
	.newsletter2 .bar1 {
		float: left;
		width: 269px;
		height: 60px;
		padding: 0 10px;
		background: url(/web/images/bar-1.png) no-repeat 0 0;
		overflow: hidden;
	}
		.newsletter2 .subscribe {
			float: left;
			display: block;
			width: 250px;
			height: 60px;
			text-indent: -1000em;
			background: url(/web/images/text/subscribe-newsletter.png) no-repeat 0 50%;
		}
	.newsletter2 form {
		float: left;
		width: 671px;
		height: 33px;
		padding: 7px 0 0 10px;
		background: #eeeeee;
		margin: 10px 0 0;
	}
		.newsletter2 form p {
			line-height: 26px;
		}
			.newsletter2 span {
				float: left;
				color: #777777;
				margin: 0 20px 0 0;
			}
			.newsletter2 input.text {
				float: left;
				color: #bfbfbf;
				font-weight: bold;
				text-transform: uppercase;
				padding: 6px 10px;
				background: #FFFFFF;
				border: none;
				width: 168px;
				height: 14px;
				margin: 0 10px 0 0;
			}
			.newsletter2 input.img {
				float: right;
			}


/* comments
----------*/

.nav2 {
	width: 100%;
	overflow: hidden;
}
	#page .nav2 p {
		float: left;
		line-height: 20px;
		margin: 0 10px 0 0;
	}
		.nav2 .pages strong {
			color: #000000;
		}



.comments {
	clear: both;
	width: 640px;
}
	.comments .list {
		margin: 0 0 10px;
	}
		#page .comments h3 {
			float: left;
			font-size: 150%;
			font-weight: normal;
			margin: 0 0 20px;
		}
		#page .comments .commenthere {
			float: right;
			margin: 0;
		}
		#page .comments .list ul {
			clear: both;
			list-style: none;
			margin: 0 0 10px;
			border-top: solid 1px #e5e5e5;
		}
			.comments .list li {
				padding: 15px 0 15px 170px;
				position: relative;
				border-bottom: solid 1px #e5e5e5;
			}
				#page .comments .list p {
					margin: 0 0 .2em;
				}
				.comments .list .meta {
					position: absolute;
					left: 0;
					top: 10px;
					font-size: 91.67%;
				}
				.comments .list .date {
					color: #858b8f;
				}
				.comments .list .name {
					font-weight: bold;
				}
				.comments .list .title {
					font-weight: bold;
				}
				.comments .list .links {
					color: #565a5c;
				}
					.comments .list .links a:link, .comments .list .links a:visited {
						font-weight: bold;
						padding: 0 0 0 15px;
					}
					.comments .list .links a.agree:link, .comments .list .links a.agree:visited {
						background: url(/web/images/icons/agree.gif) no-repeat 0 50%;
					}
					.comments .list .links a.disagree:link, .comments .list .links a.disagree:visited {
						background: url(/web/images/icons/disagree.gif) no-repeat 0 50%;
					}
		.comments .list .nav {
			width: 100%;
			overflow: hidden;
		}
			#page .comments .list .nav p {
				float: left;
				line-height: 20px;
				margin: 0 10px 0 0;
			}
				.comments .list .nav .pages strong {
					color: #000000;
				}
	.comments .form {
	}
		.comments .form form {
			background: #f6f6f6;
			padding: 0 10px 10px;
			margin: 0 0 10px;
		}
			#page .comments .form h3 {
				float: left;
				padding: 10px 10px;
				background: #FFFFFF;
				margin: 0 0 15px -10px;
			}
			#page .comments .form ul {
				clear: both;
				width: 100%;
				overflow: hidden;
				list-style: none;
				margin: 0;
			}
				.comments .form li {
					float: left;
					width: 100%;
					overflow: hidden;
					margin: 0 0 10px;
				}
				.comments .form li.half {
					width: 49.9%;
				}
					.comments .form label {
						display: block;
						font-weight: bold;
						color: #565a5c;
						margin: 0 0 3px;
					}
						.comments .form label a:link, .comments .form label a:visited {
							font-weight: normal;
						}
					.comments .form input.text,
					.comments .form textarea {
						display: block;
						width: 98%;
						border: solid 1px #cccccc;
						padding: 2px 4px;
					}
					.comments .form .half input.text {
						width: 96%;
					}
					.comments .form input.chars {
						border: none;
						padding: 2px 2px;
					}
				.comments .form li.code {
					width: 60%;
				}
					.comments .form .code label,
					.comments .form .code img,
					.comments .form .code input.text {
						float: left;
						width: auto;
						margin: 0 10px 0 0;
					}
					.comments .form .code label,
					.comments .form .code input.text {
						margin-top: 5px;
						line-height: 20px;
					}
				.comments .form li.button {
					float: right;
					width: 35%;
				}
					.comments .form li.button input {
						float: right;
					}
		#page .comments .form .note {
			font-size: 91.67%;
			line-height: 1.6;
			color: #858b8f;
		}

#dhtmltooltip {position:absolute; top:-45px; left:60px; width:400px; height:auto; line-height:18px; padding:5px 10px; display:block; background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #a5a5a5; display:none;}
#charlimitinfo {padding-top:5px; float:left;}
#charlimitinfo span {color:#ee008c;}


.imgleft {
	float: left;
	margin: 0px 1.5em 1em 0px;
	border: 5px solid #EEE;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.imgright {
	float: right;
	margin: 0px 0 1em 1.5em;
	border: 5px solid #EEE;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.imgcenter {
	margin: 0px auto 1em auto;
	border: 5px solid #EEE;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}