/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		HOME NAVI ICON (ADDED 11092014)
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
   
@font-face {
	font-family: "Flaticon";
	src: url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon.eot");
	src: url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon.woff") format("woff"),
	url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon.ttf") format("truetype"),
	url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
    font-size: 15px;
	font-style: normal;
	margin-left: 0px;
}
.flaticon-house28:before {
	content: "\e005";
	font-size: 18px;
	line-height: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		MAIN NAVIGATION
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.toggle {
	display:none;
}

.row#navigation {
	background: #000;
	overflow:visible;
	min-height:38px;
	border-bottom: 2px solid #b00;
	position:relative;
}
.navi-primary {
	display: block;
}

.navi-primary-mobile:not( .mm-menu ) {
   display: none;
} /* added by stella 21082014 */

.navi-primary-mobile{
	display:none;
	background-color: #323849;
} /* added by stella 12082014 */

.navi-primary .sf-with-ul {
	/*cursor:default;*/ < removed
	}

/*----- Extra - USER LOG IN / SEARCH -----*/
	
.extra {
	height:38px;
	overflow:hidden;
	float:right; /* added by stella 27082014 */
}
.extra ul.content {
	overflow: hidden;
	float: right;
}
.extra ul.content li {
	border-left: 1px solid #333;
	box-shadow:-1px 0 1px rgba(0, 0, 0, 0.2);
	/*height:38px;*/
	float:left;
	padding: 0 8px;  /*0  10px*/
}

.extra ul.content li:last-child {
	border-right: 1px solid #333;	
}

.extra ul.content img {
	text-align:center;
	margin:5px auto;
}

/*----- Extra - USER LOG IN  -----*/

	
.sign-expand-wrap {
	width: 200px;
	position:absolute;
	right:82px;
	top:42px;
	z-index:999;
	display:none;
	}
	
ul.sign-expand {
	overflow:hidden;
	background:#e1e0dc;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	}
	
ul.sign-expand li {
	font: 0.813em/1.538em Arial, Helvetiva, Tahoma, sans-serif;
	color: #444;
	}
	
ul.sign-expand li.wel_user {
	padding:8px 15px;
	color:#444;
	font-weight:bold;
	}

ul.sign-expand li a {
	color: #666;
	text-decoration:none;
	display:block;
	padding:10px 15px;
	}
	
ul.sign-expand li a:hover {
	color: #b00;
	background: #fff;
	}

/*----- Extra - SEARCH  -----*/

.search-expand {
	display:none;
	margin:4px 10px;
	overflow:hidden;
}
.expand {
	clear:both;
	overflow: hidden;
}
.search-expand-form {
	overflow:hidden;
	display:block;
	margin:6px auto;
}
.search-expand input[type="text"] {
	border:1px solid #dbdbdb;
	color: #444;
	float:left;
	height:30px;
	margin-top:0;
	padding: 0px 3px;
	width: 88%;
}
input.searchbutton-main[type="submit"] {
	background: #b00;
	border: none;
	color: #fff;
	cursor:pointer;
	font: 0.875em/25px 'Open Sans', Arial, Helvetica, sans-serif;
	height: 32px;
	padding: 0 3px;
	float:left;
	margin: 0;
	-webkit-appearance: none; /*added by syazwin 26082014*/
	border-radius: 0; /*added by syazwin 26082014*/
}
input.searchbutton-result[type="submit"] {
	width: 40px;
	background: url("http://clips.thestar.com.my/TSOL/images/navigation/searchIcon.png") no-repeat scroll center center #666;
	color: #FFF;
	font: 0.875em/25px 'Open Sans', Arial, Helvetica, sans-serif;
	height: 30px;
	border: 0;
	position: absolute;
	padding: 0;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
}
input.searchbutton-main[type="button"] {
	background: #b00;
	border: none;
	color: #fff;
	cursor:pointer;
	font: 0.875em/25px 'Open Sans', Arial, Helvetica, sans-serif;
	height: 32px;
	padding: 0 3px;
	float:left;
	margin: 0;
	-webkit-appearance: none; /*added by syazwin 26082014*/
	border-radius: 0; /*added by syazwin 26082014*/
}
input.searchbutton-result[type="button"] {
	width: 40px;
	background: url("http://clips.thestar.com.my/TSOL/images/navigation/searchIcon.png") no-repeat scroll center center #666;
	color: #FFF;
	font: 0.875em/25px 'Open Sans', Arial, Helvetica, sans-serif;
	height: 30px;
	border: 0;
	position: absolute;
	padding: 0;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
}
.search-expand a.adv-search-link {
	border-radius: 0 3px 3px 0;
	background: url('http://clips.thestar.com.my/TSOL/images/navigation/plus.png') no-repeat center center #B00;
	height: 32px;
	width: 30px;
	display: block;
	float: left;
	border-left: solid 1px #A81818;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		TOP STORY 5.3 (WELCOME PAGE)
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	   
		.top-story-5point3 {
			margin-bottom: 20px;
		}
		
		.top-story-5point3 li {
			overflow: hidden;
			border-bottom: solid 1px #DBDBDB;
			padding: 10px 0; /* updated by stella 15082014 */
		}
		
		.top-story-5point3 li:first-child { /* added by stella 15082014 */
			padding-top:0;
		}
		
		.top-story-5point3 li:last-child {
			overflow: hidden;
			border-bottom: 0;
		}
		
		.top-story-5point3 li img {
			/*margin-bottom:10px; /* updated by stella 15082014 */
			float: left;
			margin-right:10px;
		}
		
		.top-story-5point3 h2 {
			float: left;
			overflow: hidden;
			width:100%; /* updated by stella 15082014 */
			margin:0;
		}
		
/* --------------------------------------------------------
	LATEST NEWS (WELCOME PAGE)
   -------------------------------------------------------- */

	.latest-news,
	.latest {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	.latest-news .more-slider-button {
		position: absolute;
		top: 10px;
		right: 0;
		margin-top: 0;
	}
	
	.latest .more-slider-button {
		position: absolute;
		top: 7px;
		right: 0;
		margin-top: 0;
	}
	
	.latest-news-carousel-wrap {
		position: relative;
		}
	

/*	--------------------------------------------------
    :: THE TABS STYLE (updated by stella 25082014)
	-------------------------------------------------- */
	
	ul.tabs, ul.tabs-first, ul.tabs-second, ul.tabs-third{
		list-style: none;
		padding: 0;
		overflow: hidden;
		border-bottom:1px solid #999;
		/*border-top: solid 3px #666; /* updated by stella 13082014 */
	}
	
	.topTen ul.tabs {
		background:#fff;
	}
	
	ul.tabs li, ul.tabs-first li, ul.tabs-second li, ul.tabs-third li, .topTen ul.tabs li {
		float: left;
		overflow: hidden;
		color: #444; /* updated by stella 15082014 */
		text-decoration: none;
		font-family:"Francois One", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;
		font-size:1em; /*16px*/
		line-height:1.200em;/*19px*/
		display: block;
		cursor: pointer;
		border-top: 1px solid #999;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		margin-right: 5px;
		margin-top: 10px;
	}
	
	.topTen ul.tabs li {
		margin-top: 0;
	}
	
	ul.tabs li a, ul.tabs-first li a, ul.tabs-second li a, ul.tabs-third li a{
		color: #444; /* updated by stella 15082014 */
		padding: 5px 10px;
		display:block;
		}
	
	.topTen ul.tabs li a {
		background:#333;
		color:#ccc;
	}

	ul.lined-list {
		xwidth: 300px;
		overflow: hidden;
		}
	
	ul.tabs li a.active, ul.tabs li.active a, ul.tabs-first li a.active , ul.tabs-first li.active a, ul.tabs-second li a.active, ul.tabs-third li a.active, ul.tabs-second li.active a, ul.tabs-third li.active a{
		color: #fff;
		background: #b00;
	}

	ul.tabs li a.active, ul.tabs li.active a, ul.tabs-first li a.active, ul.tabs-first li.active a, ul.tabs-second li a.active, ul.tabs-third li a.active, ul.tabs-second li.active a, ul.tabs-third li.active a{
		color: #fff;
		}
		
	ul.tabs li a:hover, ul.tabs-first li a:hover, ul.tabs-second li a:hover, ul.tabs-third li a:hover{
		text-decoration:none;
	}
	
	.tabs-bottom-spacing{
		margin-bottom:20px;
	}
	
	.relatedNews ul.lined-list li p {
		float: left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOOTER
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
   footer.row.mobile {
	   display: none;
	   }
	  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		RELATED NEWS (ADDED 29082014)
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.relatedNews {
	margin-bottom:20px;
	}
	
.relatedNews ul.lined-list li {
	margin-bottom:5px;
	padding:5px 0 10px;
	}

.relatedNews ul.lined-list li p {
	margin-bottom: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		GENERAL (ADDED 29082014)
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

iframe, img, object, embed {
	max-width: 100%;
	}
	
.watermarkVidPlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LEADERBOARD (ADDED 12092014)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
 .leaderboard-res {
	 display:none;
	 } 

	 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 gigyaReactions-wrapper (ADDED 12092014)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.gigyaReactions-wrapper {
	display:block;
	}
		
.gigyaReactions-wrapper-mobile {
	display:none;
	}