@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
#layout{
	width:875px;
	margin:auto;
}
#head{
	width:auto;
	height:81px;
	margin-bottom:15px;
}
#logo{
	background-image:url(images/logo.jpg);
	height:51px;
	width:177px;
	float:left;
	margin-top:0px;
}
#menu{
	width:675px;
	height:35px;
	background-image:url(images/menubg.jpg);
	background-color:#4f7fc1;
	float:right;
	margin-top:16px;
}
#login{
	width:130px;
	height:17px;
	float:right;
	margin-top:10px;
}
#slide{
	width:875px;
	height:31px;
	background-image:url(images/slidetopbg.jpg);
	background-repeat:repeat-x;
}
#topleft{
	background-image:url(images/topleft.jpg);
	height:31px;
	width:5px;
	float:left;
}
#topright{
	background-image:url(images/topright.jpg);
	height:31px;
	width:5px;
	float:right;
}
#slidebottombg{
	width:875px;
	height:26px;
	background-image: url(images/slideboottombg.jpg);
	background-repeat:repeat-x;
}
#bottomleft{
	background-image:url(images/bottomleft.jpg);
	height:26px;
	width:5px;
	float:left;
}
#bottomright{
	background-image:url(images/bottomright.jpg);
	height:26px;
	width:5px;
	float:right;
}

	
#slidearea{
	height:380px;
	background-color:#000;
	border-top:#141414  solid 1px;
	padding-left:25px;
}

#maincontainer{
	width:auto;
	height:auto;
	overflow:hidden;
	margin-top:10px;
}
#leftcontainer{
	width:400px;
	height:100%;
	overflow:hidden;
	float:left;
}
#rightcontainer{
	width:468px;
	height:100%;
	overflow: hidden;
	float:right;

}
#player{
	width:400px;
	height:340px;
	background-color:#000;
	overflow:hidden;
	display:block;
}
.videolistbg{
	width:875px;
	height:174px;
	float:left;
	background-image:url(images/subbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	overflow:hidden;
	}
.video{
		list-style:none;
		padding:0;
		margin:0;
}
.video li{
	width:280px;
	height:170px;
	list-style:none;
	display:block;
	float:left;
	margin-right:0px;
	padding-left:0px;

}
.videolist{
	list-style:none;
	margin:0;
	padding:0;
}
.videolist li{
	width:440px;
	height: auto;
	margin-bottom:5px;
	margin-left:5px;
	border-bottom:#CCC dotted 1px;
	padding-bottom:5px;
}
.today{
		list-style:none;
		padding:0;
		margin:0;
}
.today li{
	width:150px;
	height:145px;
	list-style:none;
	display:block;
	float:left;
	margin-top:30px;
	margin-right:0px;
	padding-right:20px;
	overflow:hidden;

}
.arrow{
	padding-top:5px;
	padding-right:5px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
	vertical-align:middle;
	margin-top:5px;

}


.titlebg{
	background-image: url(images/titlebg.jpg);
	background-repeat:repeat-x;
	width:auto;
	height:32px;
}
.titlebg2{
	background-image:url(images/titlebg2.jpg);
	background-repeat:repeat-x;
	height:17px;
	border:#CCC solid 1px;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:3px;
}
.title{
	width:220px;
	height:32px;
	float:left;
}
.view{
	width:300px;
	height:22px;
	margin-top:5px;
	margin-bottom:5px;
	float:right;
	border-right:#b6b6b6 solid 1px;
	
	}
	.thumb{
		width:116px;
		height:89px;
		margin-right:5px;
		float:left;
	}
.textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:0px;
	float:left;
	height:18px;
	margin-top:8px;
	margin-left:8px;
	width:198px;
	font-weight:bold;
}
.scrol{
	overflow:auto;
	border:#97c5eb solid 1px;
	width:466px;
	height:306px;
    margin-right:0px;
	margin-bottom:10px;
	padding-top:5px;
}
.thumbcontainer{
	height:90px;
	margin-bottom:5px;
}
#video_id{
	width:398px;;
	height:250px;
	background-image:url(images/bottomgray2.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border:#CCC solid 1px;
	margin-top:10px;
	float:left;
	vertical-align:top;
}
#footer{
	width:875px;
	height:50px;
	margin:auto;
	margin-bottom:0px;
	margin-top:10px;
	background-color:#336699;
	border-top:#9ec0dc solid 5px;
}
.text0{
	color:#0033ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-decoration:none;
}
.text1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#0033cc;
	padding-bottom:5px;
	text-decoration:none;
	height:30px;
}
.text2{
	width:157px;
	height:80px;
	float:left;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
.text3{
		float:left;
	color: #0033ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:24px;
	text-align:left;
}
.text4{
	width:150px;
	height:30px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#3ba0ff;
	text-align:left;
	padding-top:5px;
	overflow:hidden;
}
a.text4{
	text-decoration:none;
}
a.text4:hover{
	text-decoration:underline;
}
.text5{
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
a.text5{
	text-decoration:none;
}
a.text5:hover{
	text-decoration:underline;
}

.text6{
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;


}
.text7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#3ba0ff;
	text-align:left;
	line-height:24px;
	text-decoration:none;

}
a.text7:hover{
	text-decoration:underline;
}
.menutext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
a.menutext :link{
color:#FFFFFF;
}
a.menutext:hover{
text-decoration:underline;
}
a.menutext :visited{
color:#FFFFFF;
}
.menutext04{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0000FF;
text-decoration:none;
}
a.menutext04 :link{
color:#0000FF;
}
a.menutext04:hover{
text-decoration:underline;
}
a.menutext04 :visited{
color:#0000FF;
}
.menutext06{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
a.menutext06 :link{
color:#FFFFFF;
}
a.menutext06:hover{
text-decoration:underline;
}
a.menutext06 :visited{
color:#663366;
}
.title01{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#0033ff;
text-decoration:none;
}
a.title01 :link{
color:#0033ff;
}
a.title01:hover{
text-decoration:underline;
}
a.title01 :visited{
color:#663366;
}
.title02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FF6600;
}
.title03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.toggleborder img{
border: 3px solid  #e3f1fa;
width:106px;
height:79px;
margin-right:5px;
}
.toggleborder:hover img{
border: 3px solid #6f91f8;
}
.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#left{
	width:180px;
	height:100%;
	overflow:hidden;
	float:left;
}
#right{
	width:683px;
	float:right;
	height:100%;

}

.boxleft{
	width:469px;
	float:left;
	border-right:#CCC solid 1px;
	display:block;
	overflow:hidden
}
.boxright{
	width:180px;
	float:left;
	padding-left:10px;
}
.vidiolist2 {
	list-style:none;
	margin:0px;
	padding:0px;
}
.vidiolist2 li{
	width:661px;
	margin:0px;
	height:120px;
	padding:10px;
	border:#CCC solid 1px;
	border-top:0px;
}

#date{
	background-image:url(images/datebg.jpg);
	width:243px;
	height:29px;
	float:right;
}
.listmenu{
	border:#CCC solid 1px;
	width: auto;
	margin-top:5px;
	margin-left:5px;
	outline:none;
	float:left;
}
.button{
	border: #C60 solid 1px;
	background-color:#FA8C41;
    width:50px;
	margin-top:5px;
	margin-left:15px;
	outline:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	behavior:url(border-radius.htc);
}
#next{
	width:300px;
	float:right;
	height:30px;
}
	
.maintitle{
	height:30px;
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior:url(border-radius.htc);
	background-image:url(images/bottomgray2.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:#CCC solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	color:#F60;
	float:left;
	line-height:28px;
}


/******************************************** Program List ******************************/
		.small_font
		{
			color: #333333;
			font-family: Arial,sans-serif;
			font-size: 11px;
			line-height: 15px;
			font-weight: normal;
			text-decoration: none;
			text-align:left;
		}
		
		.todays_programmes
		{
			color: #FFFFFF;
			font-family: Arial,sans-serif;
			font-size: 12px;
			vertical-align: baseline;
			font-weight: bold;
			font-style: normal;
			text-decoration: none;
			padding-top:1px;
			padding-left:10px;
			padding-bottom:1px;
			background-color:#527ABF;
			width:454px;
		}
		
		.todays_programmes_div1
		{
			overflow:auto;
			text-align:left;
			border:1px solid #97C5EB;
			border-right:none;
			border-top:none;
			padding:10px;
			width:443px;
		}
		
		.todays_programmes_div2
		{
			color: #000000;
			font-family: Arial,sans-serif;
			font-size: 10px;
			vertical-align: top;
			font-style: normal;
			text-decoration: none;
			padding-top:3px;
			padding-bottom:5px;
			text-align:left;
			width:430px;
			height:70px;
		}
		
		.todays_programmes_title
		{
			color: #0033CC;
			background-color: transparent;
			font-family: Arial,sans-serif;
			font-size: 12px;
			line-height:20px;
			vertical-align: baseline;
			font-weight: bold;
			text-decoration: none;
			text-align: start;
			width:240px;
		}
		
		.todays_programmes_title_a
		{
			color: #0033CC;
			font-family: Arial,sans-serif;
			font-size: 12px;
			line-height:20px;
			font-weight: bold;
			text-decoration: none;
			text-align: start;
		}
		
		a.todays_programmes_title_a
		{
			color: #0033CC;
			font-family: Arial,sans-serif;
			font-size: 12px;
			line-height:20px;
			vertical-align: baseline;
			font-weight: bold;
			text-decoration: none;
			text-align: start;
		}
		
		a.todays_programmes_title_a:hover
		{
			text-decoration:underline;
		}
		
		.imgborder1
		{
			border:1px solid #97C5EB;
			padding:3px;
		}
		
		.programmes_views
		{
			font-family: Arial,sans-serif;
			font-size: 11px;
			line-height: 15px;
			vertical-align: baseline;
			font-weight: normal;
			text-decoration: none;
			text-align:left;
		}
		
		.programmes_category
		{
			color: #0033CC;
			font-family: Arial,sans-serif;
			font-size: 11px;
			line-height: 15px;
			vertical-align: baseline;
			font-weight: normal;
			text-decoration: none;
			text-align:left;
			padding-bottom:5px;
		}
		a.programmes_category
		{
			color: #0033CC;
			text-decoration:none;
		}
		a.programmes_category:hover
		{
			text-decoration:underline;
		}
		
		/* Comment Box */
		.add_comment
		{
			font-weight: bold;
			font-size: 12px;
			color: #cc0000;
			font-family:Arial, Helvetica, sans-serif
		}
		
		.comment_box
		{
		background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px
		}
		
		.comment_button
		{
		margin-right:30px; background-color:#95CD3C; 
		color:#000; border:#333333 solid 1px; 
		padding:3px;font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif
		}
	
		.comment_submit
		{
			background-color	:	#3b59a4;
			color				:	#FFFFFF; border:none;
			font-size			:	11px;
			padding				:	3px;
			margin-top			:	3px;
			text-align			:	left;
		}
		
		.panel
		{
			margin-left:50px;
			margin-right:50px;
			margin-bottom:5px;
			background-color:#D3E7F5;
			height:145px;
			padding:6px;
			width:400px;
			display:none;
		}

		
		
		
	.comment_box
	{
	background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px
	}


	
	.comment_button
	{
	margin-right:30px; background-color:#95CD3C; color:#000;
	border:#333333 solid 1px; padding:3px;font-weight:bold;
	font-size:11px; font-family:Arial, Helvetica, sans-serif
	}
	
	.comment_submit
	{
		background-color	:	#3b59a4;
		color				:	#FFFFFF; border:none;
		font-size			:	11px;
		padding				:	3px;
		margin-top			:	3px;
		text-align			:	left;
	}
	.panel
	{
	margin-left:50px;
	margin-right:50px;
	margin-bottom:5px;
	background-color:#D3E7F5;
	height:145px;
	padding:6px;
	width:400px;
	display:none;
	}
	
	/* Comment Box */
	
	/* Comment List */
	.comCount
	{
		width:40px;
		text-align:center;
	}
	
	.comRight
	{
		float:left;
		width:400px;
		margin-bottom:10px;
	}
	
	.comTop
	{
		background:url(../images/comment_bg.gif) no-repeat;
		width:400px;
		height:28px;
	}
	
	.comTopLeft
	{
		float:left;
		padding-left:15px;
		padding-top:4px;
	}
	
	.comTopRight
	{
		text-align:right;
		float:right;
		padding-right:8px;
		padding-top:4px;
		color:#3c86ad;
	}
	
	.comBg
	{
		background:url(../images/com_bg.gif) repeat-y;
		width:399px;
		border-right:1px solid #ECECEC;
	}
	
	.comContent
	{
		padding-left:5px;
		padding-top:8px;
		padding-bottom:5px;
		padding-right:5px;
		border-left:1px solid #ECECEC;
	}
	
	.comBot
	{
		background:url(../images/com_bot_bg.gif) no-repeat;
		width:400px;
		height:5px;
		font-size:1px;
	}
	/* Comment List Ends */
	
	/* Comment text box */
    .container 
	{
        padding:0px;
		padding-bottom:10px;
		width:380px;
		border:1px solid #E3E3E3;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
    }
	
	.comment_delete
	{
        padding:0px;
		padding-bottom:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
    }
	
	a.comment_delete
	{
		color:red;
    }
	
	a.comment_delete:hover
	{
		text-decoration:underline;
    }
	/* Comment text box ends */
	
	
	/*---- Easy Slider ----*/
	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:842px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:315px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn
	{ 
		display:block;
		width:37px;
		height:77px;
		position:absolute;
		left:-16px;
		top:137px;
		}	
	#nextBtn{ 
		left:820px;
		width:50px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:50px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a
	{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
	}										

/* // Easy Slider */

/*        */
.cur_hand
{
cursor: pointer;
}

input.submit {
border:1px solid red;
font-weight:bold;
font-family: Arial, sans-serif;
font-size:12px;
width:60px;
height:24px;
border: none;
background:url(images/button.gif);
color: #ffffff;
}
input.bigsubmit {
font-weight:bold;
font-family: Arial, sans-serif;
font-size:12px;
width:96px;
height:22px;
border: none;
background:url(../images/bigbutton.gif) repeat;
color: #ffffff;
}
/*              */

/* Search Cloud */

		taglink
		{
			color:red;
		}
		a.taglink
		{
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#4F6BB5;
		}
		a.taglink:hover { background-color:#FFBB56;}

/* */

/* Slider */

	.slide_top
	{
		background-image:url(../images/scrlbg.png);
	}
	
	.category_tab
	{
		list-style:none;
		text-decoration:none;
		line-height:25px;
		text-align:left;
		padding-left:10px;
	}

	.count_style
	{
		font-size:9px;
		color:#666666;
	}
	
	.bracket_style
	{
		font-size:10px;
		color:#00FF00;
	}
	
	.cat_link
	{
	
	}
	
	a.cat_link
	{
		color:#666666;
		text-decoration:none
	}
	
	a.cat_link:hover
	{
		color:red;
		text-decoration:underline;
	}
	
		.share_this
	{
	
	}
	
	a.share_this
	{
		color:#4979A2;
		text-decoration:none;
		padding-left:5px;
	}
	
	a.share_this:hover
	{
		color:red;
		text-decoration:underline;
	}
	.paging
	{
		
	}
	a.paging
	{
		color:#2ABCEA;
	}
	a.paging:hover
	{
		text-decoration:blink;
		color:red;
		background-color:#DAEF95;
	}
/* */