/*--------------------------------------------------------------------------------
SECTION         : Featured Articles
--------------------------------------------------------------------------------*/
.featured_box
{
	position:relative;
	margin:0;                   /*bottom-margin 2px is for the gap between this control & the left ad banner*/
	padding:0;
	text-align:left;
	width:80%;					/* <-- use this to tie width to viewport size */
	width:858px;				/* <-- use this for a set width */  /*ori 478px*/
	/*background-color:#5c688e;	this is the content background color. also overwriting the lb div background color below*/
	background-color:#000000;	/*this is the content background color for Summer programme. also overwriting the lb div background color below*/

	
}

.featured_tlc, .featured_trc, .featured_blc, .featured_brc
{
	background-color:transparent;
	background-repeat:no-repeat;
}

.featured_tlc
{
	background-image:url(images/featured/tlc.jpg);
	background-position:0% 0%;
}

.featured_trc
{
	background-image:url(images/featured/trc.jpg);
	background-position:100% 0%;
}
	
.featured_blc
{
	/*background-image:url(images/featured/blc.jpg);
	background-position:0% 100%;*/
}

.featured_brc
{
	/*background-image:url(images/featured/brc.jpg);
	background-position:100% 100%;*/
}

.featured_bb
{
	background-color:transparent;
	background-repeat:repeat-x;
}
			
.featured_tb
{
	background-image:url(images/featured/tb.jpg);
	background-position:7px 0;
	background-repeat:no-repeat;
}

.featured_bb
{
	/*background-image:url(images/featured/bb.jpg);
	background-position:7px 100%;*/
}

.featured_rb
{
	/*background-image:url(images/featured/r.jpg);
	background-position:100% 0%;
	background-repeat:repeat-y;*/
}

.featured_lb
{
	/*background-color:#eeeeee;
	background-image:url(images/featured/l.jpg);
	background-position:0% 100%;
	background-repeat:repeat-y;*/	
}

/**************************** Body/Content ********************************/
.featured_content
{
	padding:0 0 0 0;  /*Padding between datalist & header bar*/
	margin:0px 0px 0px 0px;
	background-color:#272727;
	/*ori color:#5E5E5E*/
}

.featured_content .image
{
	/*float:left;*/
	margin-left:40px;
	width: 160px;/*227px;*/
	height: 130px; /*141px;*/

}

.featured_content .image .thumbnail
{
	border:0;
	border-color:#272727;

}

.feautured_content a img
{
	width:100%;

}


.featured_content .text
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;   
	padding-left:35px;
	width:170px;     
}

.featured_content .title
{
	/*float:left;*/
	/*margin:2px 0 0 0;*/
	font-weight:bold;
	padding:9px 0 15px 24px;
	text-align:center;
	/*width:136px;*/
}

.featured_content .title a
{
    text-decoration:none;
    color:#fff;
} 
    
.featured_content .title a:hover
{
    text-decoration:none;
    color:#ccc;
}

/* 3 new css selectors below to cater for Channel U multi-line Title+Strapline*/
.featured_content .title .spnTitle
{
    display:inline; /*Change to block to so this element will be display as multi-line for Channel U*/
    font-weight:bold;
    font-size:11px;
} 

.featured_content .title .spnComma
{
    display:inline; /*Change to none to hide comma for Channel U*/
} 

.featured_content .title .spnShowTime
{
    display:inline; /*Change to block to so this element will be display as multi-line for Channel U*/
    font-size:11px;
    font-weight:bold;
}                             

.featured_content .strapline
{
	/*float:right;*/
	margin:2px 0 0 0;
	display:none;
}

.featured_content .strapline a
{
    text-decoration:none;
    color:#fff;
} 

.featured_content .strapline a:hover
{
    text-decoration:none;
    color:#ccc;
}

.featured_content .featured_topLink
{
	clear:left;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	/*margin:0px 0px 0px 928px;*/
	/*padding:5px 0pt 4px 0px;*/
}

.featured_content .featured_topLink a
{
    background-image:url(images/featured/button_top.gif);
    background-repeat:no-repeat;
    display:block;
    width:37px;
    height:14px;            
}            

.featured_content .featured_topLink a:hover
{
    background-image:url(images/featured/button_top_hover.gif);            
}           
            
/*.featured_content h1
{
padding:5px 10px 0 0;
color:#fff;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, Sans-serif;
text-align:center;
}*/



.featured_content .featured_dataList
{
}

/* The outermost DataList table. */
.featured_content .featured_dataList .AspNet-DataList table
{
    /*border:solid 3px #959595;*/
    /*padding:10px 0 0 10px;*/
}

/* Individual "items" in the DataList. */
.featured_content .featured_dataList .AspNet-DataList table tbody tr td
{
    padding:0px 5px 0px 0px;    /*Right padding should be less than 5px not 7px. othrwise will caused master container layout stretch*/
    vertical-align:top; /*Align all individual tablecell content to top*/
    
}
 
 .headerContainer
{
    /*border-left:solid 1px #375877;*/      /*moved to logo class below to solve issues with web part removing this container */
    /*border-right:solid 1px #375877;*/     /*moved to adbanner.css headerAdBanner class */
    /*width:971px;*/    /*Must fix the width otherwise IE will have problem with layout expanded*/
    /*height:105px;*/
	width:100%;
	/*padding-left: 56px;*/
}

       
.divlogo        
{
	height:105px;
	/*width:233px;*/
	width:100%;
	background-color: Transparent;
	/*background-image: url(/app_themes/oktonite/images/logo_okto.png);
    background-repeat:no-repeat;*/
	/*margin:0 0 0 181px;*/
	display:block;
	
}


.divlogo   .clsdivlogo
{
	/*height:85px;
	width:213px;
	background-color: Transparent;*/
	display:block;
	/*padding-left: 50px;*/
}

/*
#DoubleClickAd1_divAdBox
{
	float:left;
	margin-left:422px;
	margin-top:15px;
}*/

.divTopBorderImg
{
	height:16px;
	width:892px;
	background-image:url(/app_themes/oktonite/images/bdr-top.png);
	background-repeat:no-repeat;	
}


.divLeftBorderImg
{
	width:11px;
	vertical-align:top;
	height:100%;
	background:url(/app_themes/oktonite/images/bdr-sceneleft.png)  repeat-y 100%;
	/*background-repeat:repeat-y;	*/
}

.divLeftBorderImgTop
{
	width:11px;
	height:100%;
	vertical-align:top;
	background-image:url(/app_themes/oktonite/images/bdr-left.png);
	background-repeat:repeat-y;	
}

.divRightBorderImg
{
	width:11px;
	vertical-align:top;
	height:100%;
	/*background:url(/app_themes/oktonite/images/bdr-sceneright.png)  repeat-y 100%;*/
	background-image:url(/app_themes/oktonite/images/bdr-sceneright.png);
	background-repeat:repeat-y;	
}

.divRightBorderImgTop
{
	width:11px;
	height:100%;
	vertical-align:top;
	background-image:url(/app_themes/oktonite/images/bdr-right.png);
	background-repeat:repeat-y;	
}

.divBottomBorderImg
{
	width:892px;
	height:7px;
	background-image:url(/app_themes/oktonite/images/bdr-bot.png);
	background-repeat:no-repeat;	
}

.divEvents .divSceneHeader
{
	width:246px;
	height:40px;
	background-image:url(/app_themes/oktonite/images/hdr-scenesg.jpg);
	background-repeat:no-repeat;
}

.divTVGuide
{
	background-color:#272727;
	padding-left:751px;
	padding-bottom:10px;
}
.divTVGuide a
{
	width:113px;
    height:37px;
    background-image:url(/app_themes/oktonite/images/btn-tvguide.png);
    background-repeat:no-repeat;
    display:block;
} 

.divTVGuide a:hover
{
	width:113px;
    height:37px;
    background-image:url(/app_themes/oktonite/images/btn-tvguide_over.png);
    background-repeat:no-repeat;
} 

.divEvents .divViewEvents a
{
	width:175px;
    height:37px;
    background-image:url(/app_themes/oktonite/images/btn-viewevents.png);
    background-repeat:no-repeat;
    display:block;
} 

.divEvents .divViewEvents a:hover
{
	width:175px;
    height:37px;
    background-image:url(/app_themes/oktonite/images/btn-viewevents-roll.png);
    background-repeat:no-repeat;
} 
.divEvents .divSubscribe a
{
	width:199px;
    height:46px;
    background-image:url(/app_themes/oktonite/images/btn-subscribe.png);
    background-repeat:no-repeat;
    display:block;
}
.divEvents .divSubscribe a:hover
{
	width:199px;
    height:46px;
    background-image:url(/app_themes/oktonite/images/btn-subscribe-roll.png);
    background-repeat:no-repeat;
}

.divSchedule
{
	width:873px;
	height:429px;
	background-color:#272727;
	vertical-align:top;	
}

.clsOktoNiteTVSchedule
{
	width:873px;
	height:429px;
	background-color:#272727;
	vertical-align:top;	
}

.AdsContainer  {
	height:105px;
	width:100%;
	margin-top: 15px;
}