@import 'ads.min.css';
@import 'slider.min.css';
@import 'editors-picks.min.css';
@import 'pagination.min.css';

/* --------------------------------------------------------
	SECTION / CATEGORY HEADINGS
   ------------------------------------------------------- */
	
	
	h1.title-01 {
		border-top: solid 3px #666;
		border-bottom: solid 1px #999;
		color: #B00;
		line-height: 38px;
		margin-bottom: 20px;
		font-size: 24px; /*updated by stella 05092014 20px*/
		/*font-family: "Francois One", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;*/
		font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
		font-weight:bold;
	}
	
	h1.title-02 {
		border: none;
		color: #B00;
		line-height: 36px;
		margin: 10px;
		font-size: 20px;
		/*font-family: "Francois One", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;*/
		font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
		font-weight:bold;
	}

	h1.title-03 {
		border-bottom: none;
		border-top: solid 3px #666;
		color: #B00;
		font-size: 20px;
		/*font-family: "Francois One", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;*/		
		font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
		font-weight:bold;
		margin-bottom: 12px;
		line-height: 24px;
		padding-top: 7px;
		/*font-weight:bold;  updated by stella 05092014 */
	}
	
	h1.title-04 {
		color: #B00;
		font-size: 14px;
		/*font-family: "Francois One", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;*/
		font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
		font-weight:bold;
		line-height: 15px;
		padding-top:5px;
		border-top:3px solid #666;
	}
	
	h1.title-01 a,
	h1.title-02 a,
	h1.title-03 a,
	h1.title-04 a {
		color: #B00;
	}
	
	h1.title-01 a:hover,
	h1.title-02 a:hover,
	h1.title-03 a:hover,
	h1.title-04 a:hover{
		text-decoration: none;
	}

/* --------------------------------------------------------
	HEADLINES etc
   -------------------------------------------------------- */
	
	.xxl, .xl, .l, .m, .ss {
		font-family: "Droid Serif", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color: #007FC9;
		color: #0269AD;
		color: #205A98;
	}
	
	.xxl { /* updated by stella 08092014 */
		font-size: 34px;
        line-height: 38px;
		/*font-size: 32px;
        line-height: 36px;*/
        margin-bottom: 12px;
	}
	
	.xl {
		font-size: 26px;
        line-height: 30px;
        margin-bottom: 8px;
	}
		
	
	.l {
		font-size: 23px;
        line-height: 27px;
        margin-bottom: 8px;
	}
	
	.m {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 8px;
		/*font-size:18px;*/
	}
	
	.ss {
		font-size: 16px;
		line-height: 20px;
		/*font-size:15px;*/
	}
	
	.s {
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 10px;
		/*font-family: Arial, Tahoma, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		font-weight: bold;
		color: #555;
		/*font-size:15px;*/
	}
	
	.xs { 
		/*font-size: 14px;
		line-height: 20px;*/
		font-size: 13px;
		line-height: 18px; /* 19px */
		color: #555;
		/*font-family: Arial, Tahoma, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		letter-spacing: 0.18px;
	}
	
	.xxs {
		font-size: 12px;
		line-height: 16px;
		/*font-family: Arial, Tahoma, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		color: #555;
	}
	
	.headline {
		color: #222;
		/*color: #185D78;
		color: #0269AD;
		color: #205A98;
		font-size: 40px;
		line-height: 48px;
		margin: 20px 0 30px 0;*/
		font-size: 38px;
	  	line-height: 46px;
	  	margin: 5px 0 30px 0; /* updated by stella 16042015 */
	}
	

/* --------------------------------------------------------
	TAB STYLE
   ------------------------------------------------------

	ul.tabs {
		background: #B00;
		overflow: hidden;
		margin-bottom: 20px;
		border-top: solid 3px #666;
	}
	
	ul.tabs li {
		float: left;
		overflow: hidden;
	}
	
	ul.tabs li a {
		padding: 10px 18px;
		color: #E5E5E2;
		text-decoration: none;
		font: 20px/24px "Francois One", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;
		display: block;
	}	
	
	ul.tabs li a.active {
		background: #FFF;
		color: #B00;
		cursor: pointer;
	}
	
	ul.tabs li a.inactive {
		background: #B00;
		color: #E5E5E2;
		cursor: pointer;
	}
	-- */
	
	/* 	==============================================
			SPECIAL TAB STYLE FOR VIDEOS & PHOTOS	
		============================================== */
	

		.videos-photos-type01 ul.tabs li a {
			padding: 10px 50px;
			color: #E5E5E2;
		}	
		
		.videos-photos-type01 ul.tabs li a.active {
			background: #E5E5E2;
			color: #B00;
		}
		
		.videos-photos-type01 ul.tabs li a.inactive {
			background: #B00;
			color: #E5E5E2;
		}
		
	


/* --------------------------------------------------------
	BODY COPY
   -------------------------------------------------------- */
	
	
	p {
		/*font-family: Arial, Tahoma, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		color: #444;
		font-size: 13px; /* 13px */
		line-height: 18px; 
		margin-bottom: 12px;
	}
	
	p.date {
		/*font-family: Arial, Tahoma, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		color: #999;
		font-size: 11px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	
	
	p.note {
		/*font-family: Arial, Tahoma, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		color: #666;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	
	.label {
		font-weight: bold;
		color: #57ACAB;
	}
	
	.error-msg {
		padding: 15px;
		margin: 20px;
		display: block;
		/*font: 14px/21px Arial, Tahoma, Helvetica, sans-serif;*/
		font: 14px/21px 'Roboto', Arial, Tahoma, sans-serif;
		color: #999;
		text-align: center;
	}

	
/* --------------------------------------------------------
	TIMESTAMP
   -------------------------------------------------------- */
   .timestamp {
		color: #888;
		padding: 0 3px 0 1px;
		vertical-align: middle;
		/*font: 10px/14px Arial, Tahoma, Helvetica, sans-serif;*/
		font:10px/14px 'Roboto', Arial, Tahoma, sans-serif;
   }
   
   .showhide {
       display:none;
   }

/* --------------------------------------------------------
	PAGE TITLE
   -------------------------------------------------------- */

	.page-title {
		/*margin-top: 25px;
		margin-bottom: 25px;*/
		margin-top: 8px;
		margin-bottom: 8px; /* updated by stella 16042015 */
	}

	
	.page-title h1 {
		float: left;
        /*font: 26px/39px Arial, Tahoma, sans-serif;  30px/45px - updated by stella 16042015 */
		font: bold 26px/39px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
        /*font-family: "Francois One", "Arial Narrow", Arial, Helvetica, tahoma, sans-serif;*/		
        color: #B00;
	}
	
	.page-title h1 a {
		color: #B00;
		cursor:default;
	}
	
	p.breadcrumbs {
		float: left;
		/*font: 11px/14px Arial, Tahoma, Helvetica, sans-serif;*/
		font: 11px/14px 'Roboto', Arial, Tahoma, sans-serif;
		margin-top: 18px; /* 15px/21px - updated by stella 16042015*/
		margin-left: 20px;
		color: #999;
		display: inline-block;
		margin-bottom:0;
	}
	
	
	.kickers {
		/*font: bold 11px/14px Arial, Tahoma, sans-serif;*/
		font: bold 11px/14px 'Roboto', Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #B00;
		margin-bottom: 8px;
	}
	
	.kickers a{
		color: #B00;
	}

/* --------------------------------------------------------
	GENERIC ERROR MESSAGE
   -------------------------------------------------------- */

    .error-msg {
        padding: 15px;
        margin: 20px;
        display: block;
        /*font: 14px/21px Arial, Tahoma, Helvetica, sans-serif;*/
		font: 14px/21px 'Roboto', Arial, Tahoma, sans-serif;
        color: #666;
        text-align: center;
    }

/* --------------------------------------------------------
	BUTTON STYLE
   -------------------------------------------------------- */

	.more-story-button {
        background: #EFEFEF;
        text-align: center;
        width: 220px;
        margin: 15px auto; 
        clear: both;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

	.more-story-button a {
		margin: 0 auto;
		/*font: bold 11px/25px Arial, Helvetica, sans-serif;*/
		font: bold 11px/25px 'Roboto', Arial, Tahoma, sans-serif;
		color: #B00;
	}
	
	.more-story-button a img {
		margin-bottom: 0;
	}
	
	
	.more-slider-button {
		overflow: hidden;
	}
	
	.more-slider-button a img {
		display: block;
		float: right;
	}
	
	.more-section-slider-button {
		overflow: hidden;
	}
	
	.more-section-slider-button a img {
		display: block;
		float: right;
	}

/* 	==============================================
		ONLY USED FOR ADVANCE SEARCH	
	============================================== */
	
		.close-button {
			float: right;
			overflow: hidden;
			margin-top: 20px;
		}


/* --------------------------------------------------------
	LISTING (UL LI) STYLE WITH LINES
   -------------------------------------------------------- */

	ul.lined-list {
		overflow: hidden;
		
	}
	
	ul.lined-list li {
	border-bottom: solid 1px #DBDBDB;
	padding: 8px 0;
	position: relative;
	overflow: hidden; /*added by syazwin 20140731*/
	}
	
	ul.lined-list li:last-child {
		border-bottom: none;
	} 

/* --------------------------------------------------------
	LISTING (UL LI) STYLE WITHOUT LINES
   -------------------------------------------------------- */

	ul.no-line-list {
		overflow: hidden;
		width: 100%;
	}
	
	ul.no-line-list li {
		padding-bottom: 10px;
	}




/* --------------------------------------------------------------------------------------
	FILTER BY (SHARED COMPONENTS) ///// USED MAINLY FOR RECIPES & FEATURES & SEARCH
   -------------------------------------------------------------------------------------- */
	
	 ul.filter-navi {
		overflow: hidden;
        xborder-top: solid 1px #D9DFE6;
        border-bottom: solid 1px #D9DFE6;
        margin-bottom: 20px;
        padding-bottom: 8px;
	}
				
	 ul.filter-navi li{
		float: left;
		margin: 8px 15px 0 0 !important;
		padding: 2px 3px 3px 3px;
	    line-height: 25px;
		margin-bottom: 7px;
	}
		
	 ul.filter-navi li.selected {
		background: #aaa;
		padding: 2px 3px 3px 3px;
		border-radius: 2px;
	}
	
	 ul.filter-navi li.selected a {
		color: #fff;
	 }

/* --------------------------------------------------------------------------------------
	BROWSE BY DATE ///// USED MAINLY FOR SORTING OF NEWS LISTING
   -------------------------------------------------------------------------------------- */
	
	.browseby {
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.browseby select {
		min-width: 140px;
	}
	
	.browseby input[type=submit].button {
		margin-top: 0px;
		/*font: bold 12px/16px Arial, Tahoma, Helvetica, sans-serif;*/
		font: bold 12px/16px 'Roboto', Arial, Tahoma, sans-serif;
		padding: 5px 10px; /* updated by stella 12052015 */
	}


/* --------------------------------------------------------
	GENERAL STORY LISTING
   -------------------------------------------------------- */
	
	
	.more-story-list {
        clear: both;
        overflow: hidden;
    }
	
	.more-story-list ul {
		overflow: hidden;
		clear: both;
	}
	
	.more-story-list ul li {
		margin-bottom: 20px;
	}
	
	.more-story-list ul li img {
		margin-bottom: 10px;
	}
	
	.more-story-list .more-story-button {
        background: #EFEFEF;
        text-align: center;
        width: 220px;
        clear: both;
        margin: 0 auto;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
	
	#carousel .more-story-button {
	  	float: right;
	  	margin: 15px 0;
	  	padding: 0;
	}
	
	.story-list {
		margin-bottom: 20px;
		overflow: hidden;
		border-bottom: solid 1px #DBDBDB;
	}
	
	.story-list:last-child {
		border-bottom: none;
	}

   /* added by stella 14072015 */
	/*
    .story-list .icon{
		bottom:20px;
	}   
    */

	
	.story-list .icon img {
		margin: 0 10px 0 0 !important;
	}
	/* added by stella 14072015 */
	
	.story-list img {
		float: left;
		margin: 0 10px 0 0; 
	}
	
	.story-list p {
		margin-bottom: 20px;
	}
	
	.more-story-list.image-listing h2 {
		height: 62px;
		overflow: hidden;
	}
	
/* 	==============================================
		FOR COLUMNIST PAGE	
	============================================== */

	.story-list h3 {
		margin-bottom: 12px;
		/*font-family: Arial, Tahoma, Helvetica, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
		font-weight: bold;
	}
	
	.story-list h3 span {
		font-weight: normal;
	}

    .more-story-list ul.filter-navi li {
		margin-bottom: 7px;
	}

/* --------------------------------------------------------
	GENERAL CATEGORY DISPLAY TYPE 01
   -------------------------------------------------------- */

	.category-highlights {
        overflow: hidden;
        margin-bottom: 30px;
        position: relative;
    }

    .category-highlights img {
        float: left;
        margin-right: 10px;
        /*margin-bottom: 5px;*/
    }
	
	.category-highlights ul {
		margin-bottom: 10px;
		float: right;
	}
	
	.category-highlights ul li {
		margin-bottom: 10px;
        padding-bottom: 0;
	}
	
	.category-highlights .more-story-button {
		float: right;
	}
	
	.category-highlights .rate {
	    float:left;
	    margin-left: 5px;
	}
	
	.category-highlights .rating-star {
		margin-right: 5px;
	}
	
/* 	==============================================
		ONLY USED FOR NEWS	
	============================================== */

	.category-highlights .listing {
		overflow: hidden;
		margin-bottom: 20px;
	}




/* --------------------------------------------------------
	SEARCH
   -------------------------------------------------------- */
	
	.search {
		margin: 15px 0;
	}
	
	.searchbox {
		padding: 8px;
		background-color: #E5E5E2;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		overflow: hidden;
	}
	
	.searchbox.footer {
		padding: 0;
		background: none;
		border-radius: 0;
		overflow: hidden;
	}
	
	.searchbox input[type='text'] {
		width:220px;
		height:25px;
		margin:0;
		float: left;
		border-radius: 3px 0 0 3px;
		padding-left: 1px;
		border: solid 1px #BBB;
		/*font-family: 'Open Sans', Arial, Tahoma, Helvetica, sans-serif;*/
		font-family: 'Roboto', Arial, Tahoma, sans-serif;
	}
	
		input[type="submit"].searchbutton {
		background: url('../img/SearchButton_global.png') no-repeat center center #B00;
		margin: 0;
		height: 29px;
		width: 30px;
		float: left;
		border: none;
		border-right: solid 1px #900;
		border-radius: 0;
		padding: 0;
	}
	
	.searchbox a.adv-search-link {
		border-radius: 0 3px 3px 0;
		background: url('../images/plus.png') no-repeat center center #B00;
		height: 29px;
		width: 30px;
		display: block;
		float: left;
		border-left: solid 1px #C00;
	}	
	
	.searchbox .tagSelector {
		position: relative;
	}
	
	
	.searchbox .tagSelector .tag {
		background: #E5E5E2;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #375D81;
		float: right;
		padding: 2px 5px;
		margin-right: 30px;
		margin-bottom: 5px;
		position: absolute;
		right: 38px;
		top: 4px;
		z-index: 1;
		/*font: bold 12px/15px Arial, Tahoma, Helvetica, sans-serif;*/
		font: bold 12px/15px 'Roboto', Arial, Tahoma, sans-serif;
		border: solid 1px #D5D5D2;
		box-sizing: border-box;
	}
	
	.searchbox .tagSelector .tag a {
		color: #375D81;
		cursor: pointer;
		/*font: bold 14px/15px Arial, Tahoma, Helvetica, sans-serif;*/
		font: bold 14px/15px 'Roboto', Arial, Tahoma, sans-serif;
	}
	.searchbox .tagSelector .tag a:hover {
		color: #B00;
		text-decoration: none;
	}
	
	.searchbox .tagSelector input[type='text'] {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 29px;
	}
	
	.overlaysearchbox {
	    background-color: white; 
	    height: 13px; 
	    width: 265px; 
	    position: absolute; 
	    z-index: 2; 
	    margin: 8px; 
	    padding: 8px; 
	    opacity: 0.6; 
	    background-image: url(/Themes/TSOL/img/loading_bar.gif); 
	    background-size: 50px; 
	    background-position: 50% 50%; 
	    background-repeat: no-repeat no-repeat;
	}
	
	/* added by stella 02072015 */
	.video-search-content{
		width:460px;
		margin-right:0;
	}
	/* added by stella 02072015 */


/* --------------------------------------------------------
	LATEST NEWS
   -------------------------------------------------------- */

	.latest-news,
	.latest {
		position: relative;
		margin-bottom: 40px;
		overflow: hidden;
	}
	
	.latest-news{ /* added by stella 13082014 */
		xborder-top: solid 3px #666;
	}
	
	.latest-news .more-slider-button {
		position: absolute;
		top: 5px; /* updated by stella 13082014 */
		right: 0;
		margin-top: 0;
		background:#fff;/* added by stella 25082014 */
	}
	
	#latest-news-carousel > div{ /* added by stella 13082014 */

	}
	
	#carousel{
    overflow:hidden;
}
    #carousel .more-story-button{ /* added by stella 13082014 */
        float:right;
        margin:15px 0;
        padding:0;
    }

	
	.latest-news #next, .latest-news #prev{ /* added by stella 15082014 */
		padding:9px 5px;/* updated by stella 05092014 */
		display:block;
		float:right;
	}

/* 	==============================================
		FOR LATEST SIDEBAR WITH TABS	
	============================================== */
	
	.latest h1.title-01 {
		margin-bottom: 0;
		font-size: 20px;
	}
	
	/*.latest ul.tabs {
		border-top: none;
	}*/

	.latest ul.tabs li a {
		/*padding: 7px 9px; /* updated by syazwin 20140731*/
	}
	
	.latest .more-story-button {
        float: right;
        margin-top: 15px;
    }


/* --------------------------------------------------------
	SIDEBAR COMPONENT: 
   -------------------------------------------------------- */

/* 	==============================================
		GENERAL SIDEBAR CONTAINER
	============================================== */

	.sidebar-item {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.sidebar-item img {
		/*margin-bottom: 10px;*/
	}
	
	.sidebar-item ul li a {
		/*float: left;
		margin-right: 14px; /* updated by stella 08082014 */
		}
	
	.sidebar-item .more-story-button {
        margin: 15px auto 0 auto;
    }


/* --------------------------------------------------------
	SIDEBAR COMPONENT: TOPIC
   -------------------------------------------------------- */

	
	 ul.topics li {
		width: 140px;
		float: left;
		margin: 0 10px 10px 0;
	}


/* --------------------------------------------------------
	SIDEBAR COMPONENT: COLOUR BOX
   -------------------------------------------------------- */
			
	.colourbox-light {
		background: #E5E5E2;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.colourbox-light .listing {
		margin: 0 15px 20px 15px;
		overflow: hidden;
	}
	
	.colourbox-light img{
		margin-right: 15px;
		float: left;
	}
	
	.colourbox-light h3 {
		float: left;
		width: 110px;
	}
	
	.colourbox-light h4 {
		font-weight: bold;
	}
	
	.colourbox-light .lined-list {
		margin: 0 10px 20px 10px;
	}
	
/* --------------------------------------------------------
	SIDEBAR COMPONENT: LATEST NEWS (Added by syazwin 20140731)
   ------------------------------------------------------- */
   
   /*.sidebar-item ul.lined-list li { 
	   width: 100%;*/
	   
	   
    .lnews{
		width: 75%;
		float:left;
		}
		
	.moreheadlineimg { /*updated by syazwin 20140828*/
		float:right;
		width: 20%;
		}

    .moreheadlineimg.img-sticker {
	    float:right;
	    }

	.sidebar-item ul.lined-list li img {
		max-width: 100%;
		}

	
/* --------------------------------------------------------
	SIDEBAR COMPONENT: MOST VIEWED LIST (Added by stella 08082014)
   -------------------------------------------------------- */
   
   .most-viewed ul.most-viewed-list li {
	   width: 100%;
	   }
	   
   /* .mviewed{
		width: 75%;
		float: left;
		}
		
	.most-viewed ul.most-viewed-list li img {
		width: 20%;
		float: left;
		}
		
	.most-viewed-list li a {
		float: left;
		margin-right: 14px;
		} /* updated by stella 26082014 */

/* 	==============================================
		FOR VIDEO PLAYER
	============================================== */
	
	.colourbox-light .video-player {
		margin: 10px 15px 30px 15px;
	}
	
	.colourbox-light .video-player img {
		/*margin-bottom: 10px;*/
	}

/* 	==============================================
		FOR RANDOMIZE VIDEO PLAYER
	============================================== */
	
    .randomize-video-player {
        margin: 10px 15px;
        text-align: center;
    }
	
	.randomize-video-player h2.ss {
        margin-top: 10px;
        text-align: center;
    }

/* --------------------------------------------------------
	HORIZONTAL HIGHLIGHTS
   -------------------------------------------------------- */
	
	
	.horizontal-highlights{
		overflow: hidden;
		margin-bottom: 30px;
		position: relative;
	}
	
	.horizontal-highlights img{ 
		/*margin-bottom: 10px;*/
		float: left;
	}
	
	
	.horizontal-highlights h6 {
		float: right;
		width: 130px;
	}
	
	.horizontal-highlights h5 {
		float: right;
		font-weight: bold;
		width: 130px;
	}
	
	#inner.horizontal-highlights .more-slider-button {
		position: absolute;
		top: 8px;
		right: 0;
		margin-top: 0;
		z-index:1;
	}
	
	#inner.horizontal-highlights .more-section-slider-button {
		position: absolute;
		top: 8px;
		right: 0;
		margin-top: 0;
		z-index:1;
	}


/* --------------------------------------------------------
	WHAT YOU MISSED
   -------------------------------------------------------- */
   
   
	.what-you-missed {
		background: #E5E5E2;
		clear:both;
	}
	
	.what-you-missed img {
		/*margin-bottom: 10px;*/
	}
	
	.what-you-missed p {
		margin-bottom: 30px;
		clear: both;
	}
	
	
/* --------------------------------------------------------
	SIDEBAR COMPONENT: MOST VIEWED
   -------------------------------------------------------- */

	
	.most-viewed {
		margin-bottom: 30px;
		overflow: hidden;
	}
	   
	.most-viewed ol.most-viewed-list {
		list-style: decimal;
		padding-left: 30px;
		float: left;
		overflow: hidden;
	}
	
	.most-viewed ol.most-viewed-list li	{
		padding: 7px 0;
		color: #333;
		margin-right: 10px;
	}
	
	.most-viewed .more-story-button {
        float: right;
        margin-top: 15px;
    }
	


/* --------------------------------------------------------
	SIDEBAR COMPONENT: MOST VIEWED ENTERTAINMENT LIST (Added by stella 16032015)
   -------------------------------------------------------- */
   .mostViewedEntertainment{
	   margin-bottom:20px;
   }
   
   .mostViewedEntertainment ul.most-viewed-list li{
	   width: 100%;
	   }
	   
	.mostViewedEntertainment .lnews{
		width:72%;
		float:right;
		max-height:60px;
		overflow:hidden;
	}
		
	.mostViewedEntertainment .moreheadlineimg{
		float:left;
		width: 24%;
	}
		
	.mostViewedEntertainment .moreheadlineimg img{
		display:block;
	}
	
	/*.mostViewedEntertainment #moreEntertainmentNewsHeadlineTitle{
		background:url(../images/logo_star2.jpg) no-repeat right top;
	}*/
	   
	.mostViewedEntertainment .lnews-date{
		text-transform:uppercase;
		font-size:11px;
		width: 64%;
		float:right;
		color:#888;
		display:none;
	}
	
	.powered-by{
		clear:both;
		text-align:right;
		margin-top:10px;
	}
	
	.powered-by img{
		margin-left:10px;
	
	}


/* --------------------------------------------------------
	VIDEOS PHOTOS TYPE 01 /*updated 26082014 - syazwin*
   -------------------------------------------------------- */

	
	.gallery_items {
		margin-bottom: 30px;
        overflow: hidden;
        background: #E5E5E2;
	}
	
	
	.gallery_items .thumbs {
		margin: 15px 0 10px 15px; /*added 30 July 2014 by Syazwin*/
		width: 180px;
		float: left;
	}
	
	.gallery_items .thumbs img {
		margin-bottom: 6px;
		margin-right: 10px;
		cursor:pointer;
	}
	
	.videos-photos-type01 .thumbs img:nth-child(even) {
		margin-right: 0;
	}
	
	/* IE HACK FOR NTH CHILD */
	
	.gallery_items .thumbs > *:first-child + *,
	.gallery_items .thumbs > *:first-child + * + * + *,
	.gallery_items .thumbs > *:first-child + * + * + * + * + *,
	.gallery_items .thumbs > *:first-child + * + * + * + * + * + * + *,
	.gallery_items .thumbs > *:first-child + * + * + * + * + * + * + * + * + * {
		margin-right: 0;
	}

    .gallery_items .featured {
        float: left;
       /* margin-bottom: 15px;*/
	   margin-top: 15px; /*added 30 July 2014 by Syazwin*/
    }

	.gallery_items .caption {
	}
	
	.gallery_items h3.caption {
		font-weight: bold;
		color: #67809B;
		margin-bottom: 12px;
	}
	
	.gallery_items p.caption  {
		/*font: 12px/18px Arial, Tahoma, Helvetica, sans-serif;*/
		font: 12px/18px 'Roboto', Arial, Tahoma, sans-serif;
		margin-bottom: 30px;
	}
	
/*------- added 30 July 2014 by Syazwin ------*/
	.gallery_items .description {
		margin-top: 15px; 
		}
	
/*------- added 25022015 by Stella ------*/ <!-- -->
	#rg-gallery, .latest-content select, .select-videos-categories, .select-photo-categories{
		display:none;
	}
	
	/* gallery 
	#rg-gallery{
		display:block !important;
	}
	
	.rg-image-wrapper{
		position:relative;
		padding:5px 0;
		background:transparent url(../images/black.png) repeat top left;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		min-height:20px;
	}
	
	.rg-image{
		position:relative;
		text-align:center;
		line-height:0px;
		clear:both;
	}
	
	.rg-image img{
		max-height:100%;
		max-width:100%;
	}
	
	.rg-image-nav{
		height:30px;
		float:right;
		position:relative;
		margin-bottom:15px;
	}
	
	.rg-image-nav a{
		position:absolute;
		top:0px;
		right:29px;
		background:url(../images/arrow-left-2.gif) no-repeat center center;
		z-index:1;
		text-indent:-9000px;
		cursor:pointer;
		outline:none;
		height:30px;
		width:30px;
	}
	
	.rg-image-nav a.rg-image-nav-next{
		right:0px;
		left:auto;
		background:url(../images/arrow-right-2.gif) no-repeat center center;
	}
	
	.rg-caption {
		margin-top:15px;
		position:relative;
	}
	
	.rg-subcaption span{
		font: 12px/18px Arial, Tahoma, Helvetica, sans-serif;
		margin-bottom: 30px;
	}
	
	.rg-view{
		height:30px;
		display:none;
	}
	
	.rg-view a{
		display:block;
		float:right;
		width:16px;
		height:16px;
		margin-right:3px;
		background:#464646 url(../images/views.png) no-repeat top left;
		border:3px solid #464646;
		opacity:0.8;
	}
	
	.rg-view a:hover{
		opacity:1.0;
	}
	
	.rg-view a.rg-view-full{
		background-position:0px 0px;
	}
	
	.rg-view a.rg-view-selected{
		background-color:#6f6f6f;
		border-color:#6f6f6f;
	}
	
	.rg-view a.rg-view-thumbs{
		background-position:0px -16px;
	}
	
	.rg-loading{
		width:46px;
		height:46px;
		position:absolute;
		top:50%;
		left:50%;
		background:#000 url(../images/ajax-loader.gif) no-repeat center center;
		margin:-23px 0px 0px -23px;
		z-index:100;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		opacity:0.7;
	}
	
	.carousel-tag{
		opacity: 0.8;
		background-color: #666;
		position: absolute;
		bottom: 5px;
		width: 140px;
		text-align: center;
		margin: 0 auto;
		padding: 3px 5px;
		color: #ffffff;
		font: 12px/15px Arial, Tahoma, Helvetica, sans-serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}*/
	
	
/* --------------------------------------------------------
	VIDEO COMPONENT - LANDING PAGE (added by stella 25032015)
   -------------------------------------------------------- */
	.video-wrapper, .photo-wrapper{
		background:#E5E5E2;
		position:relative;
		overflow:hidden;
		margin-bottom:30px;
	}
	
	.photo-wrapper{
		display:none;
	}
	
	.video-holder, .photo-holder{
		width:350px;
		height:263px;
		position:relative;
		float:left;
		overflow:hidden;
	}
	
	.video-description, .photo-description{
		float:right;
		width:240px;
		margin:10px 10px 10px 0;
	}
	
	.video-description p.caption, .photo-description p.caption{
	  	/*font: 12px/18px Arial, Tahoma, Helvetica, sans-serif;*/
		font: 12px/18px 'Roboto', Arial, Tahoma, sans-serif;
	  /*margin-bottom: 30px;*/
	}
	
	.video-description span{
	    float: left;
	    height: 55px;
	    overflow: hidden;
	}

	.photo-description span{
	    float: left;
	    height: 140px;
	    overflow: hidden;
	}
	
	.video-description .date{
		margin-top:-8px;
		clear:both;
	}
	
	.photo-description h3.caption {
		font-weight: bold;
  		color: #67809b;
  		margin-bottom: 12px;
	}
	
	.video-wrapper .slider-buttons-videos, .photo-wrapper .slider-buttons-photos{
		right:52px;
	}
	
	ul.slider-buttons.video-landing-slider-buttons{
		right:133px;
	}
	
	ul.slider-buttons-videos, ul.slider-buttons-photos {
		overflow:hidden;
		position: absolute;
		right: 115px;
		bottom: 45px;
	}
		
	ul.slider-buttons-videos li, ul.slider-buttons-photos li {
		float: left;
		width: 27px;
		height: 27px;
		border-top:1px solid #a5a5a4;
		border-bottom:1px solid #a5a5a4;
		border-left:1px solid #a5a5a4;
		text-align: center;
		color: #777;
		/*font: bold 0.813em/2.077em Arial, Tahoma, Helvetica, sans-serif;*/
		font: bold 0.813em/2.077em 'Roboto', Arial, Tahoma, sans-serif;
		cursor: pointer;
	}
		
	ul.slider-buttons-videos.type01-focus li, ul.slider-buttons-photos.type01-focus li {
		border-top:1px solid #555;
		border-bottom:1px solid #555;
		border-left:1px solid #555;
	}
	
	 ul.slider-buttons-videos li.arrow-left,
	 ul.slider-buttons-videos input.arrow-left,
	 ul.slider-buttons-photos li.arrow-left,
	 ul.slider-buttons-photos input.arrow-left {
		border-radius: 4px 0 0 4px;
	}
		
	 ul.slider-buttons-videos li.arrow-right,
	 ul.slider-buttons-videos input.arrow-right,
	 ul.slider-buttons-photos li.arrow-right,
	 ul.slider-buttons-photos input.arrow-right {
		border-radius: 0 4px 4px 0;
	}
		
	ul.slider-buttons-videos li:last-child, 
	ul.slider-buttons-videos input:last-child,
	ul.slider-buttons-photos li:last-child, 
	ul.slider-buttons-photos input:last-child {
		border-right: 1px solid #a5a5a4;
	}
		
	ul.slider-buttons-videos.type01-focus li:last-child, ul.slider-buttons-photos.type01-focus li:last-child {
		border-right:1px solid #555;
	}
		
	ul.slider-buttons-videos li img, ul.slider-buttons-photos li img {
		margin: 5px 8px;
		height: 15px;
		width:11px;
	}
		
	ul.slider-buttons-videos li.selected, ul.slider-buttons-photos li.selected {
		background:#F2F2F1;
	}
	
	.video-wrapper .more-story-button, .photo-wrapper .more-story-button{
		margin:10px 0;
		position:absolute;
		bottom:0;
		right:30px;
	}
	
	
/* --------------------------------------------------------
	STARBUYS
   -------------------------------------------------------- */
	
	.starbuys {
		margin-bottom: 40px;
	}
	

/* --------------------------------------------------------
	TODAY'S TOP STORIES
   -------------------------------------------------------- */
   
	.todays-top-stories {
		margin-bottom: 40px;
		overflow: hidden;
		position: relative;
	}
	
	.featured-top-stories img {
		/*margin-bottom: 10px;*/
	}
	
	.todays-top-stories .more-slider-button {
		position: absolute;
		top: -5px;
		right: 10px;
	}
	
/* --------------------------------------------------------
	CLASSIFIEDS IFRAME
   -------------------------------------------------------- */

	.row.knorex {
		padding: 0;
		max-width: 1002px;
	}
	
	.classifieds {
		width: 100%;
		height: 1680px;
		border: none;
		margin-bottom: 40px;
	}
	
	
.hiddenControl{display:none;}

/* Added on 20130503 */
/* --------------------------------------------------------
	PHOTOS_NOFILTERING
   -------------------------------------------------------- */
    .photo-item {
        padding:5px 8px;
        float: left;
    }





/* --------------------------------------------------------
	NEWS FOCUS SLIDER (added by stella 19032015 - adapted from TSOL Business)
   --------------------------------------------------------*/
   
   	.type01-focus-wrap {
		background: #555/*#f3f3f1*/;
		overflow:hidden;
		height: 263px;
		margin-bottom:30px;
		}
   	
	.type01-focus-slider {
		background:#262626/*#E5E5E2*/;
		position: relative;
		overflow: hidden;
		float:left;
		width:620px;
		}
	
	.type01-focus-slider .image-holder {
		width:350px; 
		height:263px;
		float:left;
		overflow:hidden; 
	}
	
	.image-holder {
		position:relative;
		}
		
	.type01-focus-slider img {
		float:left;
		/*height:100%;*/
		/*width:350px;*/
		}
		
	.type01-focus-slider .description {
		margin:10px 15px 10px 0;
		float: right;
		width: 240px;
		}
		
	.type01-focus-slider .description h2 a {
		color:#eee;
		}
		
	.type01-focus-slider .description p {
		color: #bbb;
		}
		
	 .description-list {
		float:right;
		width: 31.9787%/*310px*/;
		height:100%;
		overflow: hidden;
		}
		
	
	
	.type01-news-focus-wrap{
		background:#444;
	}
	
	.type01-news-focus-slider{
		border-right:1px solid #fff;
	}
	
	.type01-news-focus-slider h2.l{
		font-size:1.250em;
	}
	
	ul.slider-type01News {
		display:block;
		margin:20px 20px 20px 0;
		}
		
	ul.slider-type01News li {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #777/*#ddd*/;
		float:left;
		width:100%;
		}
		
		
	ul.slider-type01News li img{
		float:left;
		margin-right:10px;
	}
		
	ul.slider-type01News li h4{
		/*font: 14px Arial, Helvetiva, Tahoma, sans-serif;*/ 
		font: 13px 'Roboto', Arial, Tahoma, sans-serif;
	}
	
	ul.slider-type01News li a {
		color: #ccc;
		display:block;
		}
		
	ul.slider-type01News li:last-child {
		border-bottom:none;
		}
	
	
	img.aload {
		background:url(../images/loading02.gif) no-repeat center center;
		}
    
	.type02-news-focus-slider .image-holder{
		width:400px;
		height:300px;
	}
	
	.type02-news-focus-slider .description{
		width:180px;
		margin:20px 20px 20px 0;
	}
	
	.type02-news-slider{
		background:#e5e5e2;
		float:left;
		margin-bottom:20px;
	}
	
	.type02-news-focus-slider-thumb{
		padding:15px;
		clear:both;
		float:left;
	}
	
	.type02-news-focus-slider-thumb ul{
		float:left;
		overflow: hidden;
		border: 1px solid b5b5b3;
	}
	
	.type02-news-focus-slider-thumb li{
		width:176px;
		float:left;
		border-right:1px solid #b5b5b3;
		margin-right:15px;
		padding-right:15px;
		height:100%;
		padding-bottom: 10000px;
    	margin-bottom: -10000px;
	}
	
	.type02-news-focus-slider-thumb li + li {
    	border-right: 1px solid b5b5b3;
	}
	
	.type02-news-focus-slider-thumb li img{
		display:block;
	}
	
	
	.type02-news-focus-slider-thumb li:last-child{
		border-right:none;
		padding-right:0;
		margin-right:0;
	}
	
	.type02-news-focus-slider-thumb .thumb-desc{
		/*height:56px; - updated by stella 08052015 */
		float:left;
	}
	
	.type02-editors-picks{
		clear:both;
	}
	
	.slider-type02 .date{
		margin-top:-8px;
	}
	
	.date-space{
		margin:0 5px;
	}
	
	.date-thumb-list span{
		clear:both;
		float:left;
		line-height:18px;
	}
	
	
	.search-textBox{
		overflow:hidden;
	}
	
	.adv-search-button-wrapper{
		width:75px;
		float:right;
	}
	
	.adv-search span.search-to-date{
		margin-left:0;
		margin-right:0;
	}
	
	
/* --------------------------------------------------------
	smartbanner - hide when desktop view
   -------------------------------------------------------- */
   
   #smartbanner { display:none;}
	
/* Added by stella 02072015 */
/* --------------------------------------------------------
	DATE STAMP
-------------------------------------------------------- */
	.date-stamp{
		font-size:12px;
		text-align:right;
		margin:25px 10px 0;
		color:#666;
	}
	
/* --------------------------------------------------------
	VIDEO PLAY ICON
   -------------------------------------------------------- */	
	.img-sticker {
		position:relative;
		float:left;
	}
	
    .img-sticker a, .img-sticker img{
		display: block;
		overflow: hidden;
		width:100%;
		}
	
	.img-sticker a>img{
		width:auto;
	}
	
	.img-sticker.space-5 {
		margin-bottom:5px;
	}

	.img-sticker a, .img-sticker img{
		display: block;
		overflow:hidden;
		width:100%;
	}
		
	.icon {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width:17%;
		min-width:15px;
		max-width:33px;	
		background:rgba(187, 0, 0, 0.5);
	}
	
	body .icon img{
		margin-bottom:0;
	}
	
/* Added by stella 21072015 */
/* --------------------------------------------------------
	TOPBAR FOR NEWS CENTRIC PAGE
   -------------------------------------------------------- */
	
	.topBar-main{
		margin:0 auto;
		width:100%;
		max-width:1002px;
	}
	
	.topBar-wrapper{
		font-size:13px;
		color:#fff;
		padding:7px 0 4px;
		background:#b10303;
		clear:both;
		position:relative;
	}
	
	.topBar-link a{
		color:#fff;
		float:left;
		display:block;
	}
	
	.topBar-link a:hover{
		text-decoration:none;
	}
	
	.topBar-link{
		width:100%;
		text-align:center;
	}
	
	.topBar-link div{
		display:inline-block;
	}
	
	.btn-navigate-new-homepage .topBar-icon{
		background:url(/Themes/TSOL/img/icon_navigate.png) no-repeat center center;
		width:18px;
		height:18px;
		border:1px solid rgba(255, 255, 255, .5);
		padding:3px;
	}
	
	.btn-default-new-homepage .topBar-icon{
		background:url(/Themes/TSOL/img/icon_default_home.png) no-repeat center center;
		width:18px;
		height:18px;
		border:1px solid rgba(255, 255, 255, .5);
		padding:3px;
	}
	
	.btn-default-new-homepage{
		background:#c80909;
	}
	
	.btn-back-to-current-site .topBar-icon{
		background:url(/Themes/TSOL/img/icon_back_to_current.png) no-repeat center center;
		width:18px;
		height:18px;
		border:1px solid rgba(255, 255, 255, .5);
		padding:3px;
	}
	
	.btn-back-to-current-site{
		margin-left:15px;
	}
	
	.topBar-message{
		vertical-align:top;
		padding-top:5px;
	}
	
	.topBar-icon{
		float:left;
	}
	
	.topBar-text{
		font-size:12px;
		border-top:1px solid rgba(255, 255, 255, .5);
		border-right:1px solid rgba(255, 255, 255, .5);
		border-bottom:1px solid rgba(255, 255, 255, .5);
		padding:4px 15px 3px;
		margin-left:-1px;
		float:left;
		height:17px;
	}
	
	.topBar-button, .topBar-button-pageB{
		position:absolute;
		right:10px;
		bottom:6px;
		cursor:pointer;
		opacity:.6;
	}
	
	.topBar-button-wrapper{
		margin-left:30px;
	}
	
	.topBar-button-pageB{
		display:none;
	}
	
	.icon-flag{
		right:10px;
		position:absolute;
		top:31px;
		z-index:9999;
		margin-top:-34px;
		cursor:pointer;
	}
	
	.white-popup {
		position: relative;
	  	width: auto;
	  	max-width: 500px;
	  	margin: 20px auto;
	}
	
	.white-popup .topBar-button-wrapper{
		margin-left:0;
		width:80%;
		margin:15px auto;
	}
	
	.white-popup .btn-navigate-new-homepage .topBar-icon{
		background:url(/Themes/TSOL/img/icon_navigate_red.png) no-repeat center center;
		border:1px solid rgba(177, 3, 3, .5);
	}
	
	.white-popup .topBar-text{
		border-top:1px solid rgba(177, 3, 3, .5);
		border-bottom:1px solid rgba(177, 3, 3, .5);
		border-right:1px solid rgba(177, 3, 3, .5);
	}
	
	.white-popup .btn-navigate-new-homepage{
		color:#444;
	}
	
	.content-popup p{
	color:#333;
	width:80%;
	margin:10px auto 0;
	line-height:20px;
	}

	.content-popup .xxs{
		text-align:center;
		margin-bottom:5px;
	}

	.content-popup h1{
		font-size:21px;
		font-family:"Droid Serif", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
		padding-top:5px;
	}

	.content-left, .content-right{
		float:left;
		width:50%;
		margin-right:2%;
	}

	.content-right{
		width:48%;
		margin-right:0;
	}

	.content-left img{
		height:auto;
	}

	.content-right{
		float:right;
	}

	.btn-try-now{
		background:#b10303;
		clear:both;
		text-align:center;
		border-radius:0 0 7px 7px;
	}

	.btn-try-now a{
		color:#fff;
		text-decoration:none;
		padding:10px 0;
		display:block;
	}
	
	.mfp-move-from-top {
	  /* start state */
	  /* animate in */
	  /* animate out */
	}
	.mfp-move-from-top .mfp-content {
	  vertical-align: top;
	}
	.mfp-move-from-top .mfp-with-anim {
	  opacity: 1;
	  transition: all 0.2s;
	  transform: translateY(-100px);
	}
	.mfp-move-from-top.mfp-bg {
	  opacity: 0;
	  transition: all 0.2s;
	}
	.mfp-move-from-top.mfp-ready .mfp-with-anim {
	  opacity: 1;
	  transform: translateY(0);
	}
	.mfp-move-from-top.mfp-ready.mfp-bg {
	  opacity: 0.65;
	}
	.mfp-move-from-top.mfp-removing .mfp-with-anim {
	  transform: translateY(-50px);
	  opacity: 0;
	}
	.mfp-move-from-top.mfp-removing.mfp-bg {
	  opacity: 0;
	}

	#topbarPushdown{
		display:none;
		background:#8E0716;
	}

	#topbarPushdown .white-popup{
		margin:0 auto;
		padding:10px;
		max-width:430px;
	}

	#topbarPushdown .content-left img{
		width:80px;
		height:auto;
	}

	#topbarPushdown .content-left{
		width:25%;
		text-align:right;
	}

	#topbarPushdown .content-right{
		width:72%;
		color:#fff;
	}

	#topbarPushdown .content-popup h1{
		font-size:18px;
		padding:0 0 3px 0;
	}

    /* Added by stella 18022016 */
    /* --------------------------------------------------------
	PALM OIL TOPIC PAGE ENHANCEMENT
    -------------------------------------------------------- */
   
   	.palm-oil-extended-slider .type02-news-slider{
	    background: #444;
   	}
   
   	.oil-palm-banner {
	   	margin: 5px 0 10px 0;
   	}
	
	.palm-oil-thumb.type02-news-focus-slider-thumb li {
		width: 157px;
	}
	
	.palm-oil-thumb {
		background: #e4e4e2;
	}
	
	.palm-oil-extended-slider .description-list .xs {
		clear: both;
	}
	
	.palm-oil-extended-slider .type02-news-focus-slider-thumb li:last-child{
		border-right:1px solid #e4e4e2;
	}
	
	
@media only screen and (max-width : 1440px) {
	
	 #thestar-global-bar .global-bar-container #tagline {
		 margin: 6px 50px 0px 0px !important;
	 }
	 
	 .icon-flag {
		 z-index: 99999;
		 top: 0;
	 }
}