/* --------------------------------------------------------
	RESETS
   -------------------------------------------------------- */
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, ol, ul, li, form, label, table, caption, article, aside, canvas, footer, header, hgroup, menu, nav, output, section, time, audio, video, input, textarea, label {
	margin: 0;
	padding: 0;
	border: none;
	/*box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;*/
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

a, img, ol, ul, li, form, label, table, caption, aside, canvas, output, input, textarea, label {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a {
	text-decoration: none;
	color: #107FC9;
	cursor:pointer;
}
a:visited {
	xcolor: #75A8C5;
}
a:hover {
	text-decoration: underline;
}
a img {
	cursor: pointer;
}
ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
iframe, img, object, embed {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
}

img.aload {
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/loading02.gif) no-repeat scroll center center rgba(0, 0, 0, 0);
}

.absolute {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
	}
	
.hide, ul.tabs li.hide {
	display: none;
	}
	

/*	--------------------------------------------------
    GENERAL
	-------------------------------------------------- */
	body {
	background:#f2f2f2;
	font-family:'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	color: #333;
	}
	
	.container {
		overflow: hidden;
	}

	.relative {
	position:relative;
	}
/*	--------------------------------------------------
    FONT - HEADLINES 
	-------------------------------------------------- */
	
	.xl, .l, .m {
	font-family: "Droid Serif", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333;
	font-weight: normal;
}
.xl {
	font-size: 2.125em; /*34px*/
	line-height: 1.176em; /*40px*/
	margin-bottom: 10px;
}
.l {
	font-size: 1.250em; /*20px*/
	line-height: 1.200em; /*24px*/
	margin-bottom: 10px;
}
.m {
	font-size: 1.125em; /*18px*/
	line-height: 1.222em; /*22px*/
	margin-bottom: 5px;
}
.s {
	font-size: 0.938em; /*15px*/
	line-height: 1.400em; /*21px*/
	color: #333;
}
.xs {
	font-size: 0.813em; /*13px*/
	line-height: 1.385em; /*18px*/
	letter-spacing:0.18px;
	color: #333;
}
/* --------------------------------------------------------
	FONT RESETS
   -------------------------------------------------------- */		
	
	
	h1 {
	font-family:'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
}
h2, h3, h4, h5, h6 {
	font-family:'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	font-weight: bold;
}
p, ul, li {
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	color: #333;
	font-size:1em; /* 16px */
	xline-height: 1.375em; /*22px*/
}
.title01 {
	font-size: 1.563em; /*25px*/
	line-height: 1.200em; /*30px*/
	font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
	overflow:hidden;
	color: #B00;
}
.title02 {
	font-size: 1.250em; /*20px*/
	line-height: 1.300em; /*26px*/
	margin-bottom: 10px;
	font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
	overflow:hidden;
	border-top: 3px solid #666;
	padding-top:5px;
	color: #b00;
}

h1.title02 a {
	color: #b00;
}

h1.title-03 {
	font-size: 1.250em; /*20px*/
	line-height: 1.300em; /*26px*/
	margin-bottom: 10px;
	font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
	overflow:hidden;
	border-top: 3px solid #666;
	padding-top:5px;
	color: #b00;
}
.headline {
	color: #222; /*#205A98*/ 
	font-size: 2.250em;
	line-height: 1.222em; 
	margin: 0 0 15px 0;
	font-family: "Droid Serif", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:normal;
}

p.emptydata {
	font-size: 12px;
	margin-top: 5px;
}

p.date {
	color: #999;
	font-size:11px; /*11px*/
	line-height: 1.545em; /*17px*/
	display: inline-block;
}
p.date span, .quote {
	/*color: #CCC;*/
	margin: 0 3px;
}

	
p.date span.info {
	color: #666;
	margin-left:10px;
}

p.tags {
	font:0.75em/1.5em 'Roboto',Arial,Tahoma,Helvetica,sans-serif;
	margin-bottom:0;
	}
	
.story-latest p.tags {
   display:inline-block;
}

p.tags span {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

p.byline {
	font-size:0.688em; /*11px*/
	line-height: 1.2em; /*13px*/
	margin:  0;
	margin-bottom: 10px;
	text-transform:uppercase;
}
.txt-byline {
	margin:0 5px;
	text-transform:lowercase;
}
p.caption {
	color: #444;
	font-size: 0.750em; /* 12px */
	line-height: 1.500em; /* 18px */
	padding:10px;
	background: #EFF2ED;
}

.quote_up {
	background: #008C00;
	color: #fff;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}
.quote_down {
	background: #CC0000;
	color: #fff;
	padding: 2px 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.quote_text_up {	
	color: #008C00;	
	padding: 2px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	font-weight: bold;
}
.quote_text_down {	
	color: #CC0000;	
	padding: 2px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	font-weight: bold;
}

.highlight {
	background: #939390;
	color: #FFF;
	padding: 0 2px;
}
a.highlight {
	color: #FFF;
}
a.highlight:hover {
	text-decoration: none;
}

/* --------------------------------------------------------
	FONT ICONS (use in myportfolio/mywatchlist)
   -------------------------------------------------------- */
@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-add63:before {
	content: "\e000";
}
.flaticon-ascending4:before {
	content: "\e001";
}
.flaticon-delete30:before {
	content: "\e002";
	font-size:19px;
	font-weight:bold;
	vertical-align:top;
}
.flaticon-export2:before {
	content: "\e003";
}
.flaticon-folder112:before {
	content: "\e004";
}
.flaticon-house28:before {
	content: "\e005";
	font-size: 18px;
	line-height: 15px;
}
.flaticon-left13:before {
	content: "\e006";
}
.flaticon-pencil43:before {
	content: "\e007";
}
.flaticon-recycle64:before {
	content: "\e008";
}

/* --------------------------------------------------------
	FONT ICONS (marked)
   -------------------------------------------------------- */
 @font-face {
	font-family: "Flaticon";
	src: url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon-marked.eot");
	src: url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon-marked.eot#iefix") format("embedded-opentype"),
	url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon-marked.woff") format("woff"),
	url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon-marked.ttf") format("truetype"),
	url("http://clips.thestar.com.my/Themes/TSOL/fonts/flaticon-marked.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.flaticon-checked21:before {
	content: "\e000";
}

.market-trans a:hover {
	text-decoration: none;
	}
/* --------------------------------------------------------
	ADVERTISEMENT BANNER
   -------------------------------------------------------- */	   
    .med-rec p, .leaderboard p, .leaderboard-res p {
	font-size: 0.625em; /*10px*/
	line-height: 1.400em; /*14px*/
	text-align: center;
	text-transform: uppercase;
	color: #999;
}

.thirdpartywidget-container {
   text-align:center;
   margin:0 auto;
}

/*----- LEADERBOARD -----*/	
	
   .leaderboard-inline {  /*728 X 90 banner (HEADER)*/
	float: right;
	margin: 15px 0 5px 0;
}
.leaderboard { /*728 X 90 banner (GENERAL)*/
	text-align:center;
	display:block;
	margin-bottom: 20px;
}
.leaderboard-res {
	display:none;
}
/*----- BILLBOARD -----*/
	
	.row.row-billboard	{
		padding-bottom: 20px;
		}
		
	.row.row-billboard img {
	text-align:center;
	display: block;
	margin:0 auto;
}
/*----- MEDIUM REC -----*/
		
	.med-rec {  /*300 X 250 banner (GENERAL)*/
	margin-bottom: 20px;
	display:block;
}
/*----- SKINNER -----*/

    .skinner {
	width: 1px;
	height: 1024px;
	z-index: 1;
	position: fixed;/*absolute;*/
	left: 50%;
	top: 32px;
}
.skinner-left {
	position: absolute;
	/*left: -651px;*/
        right: 502px
}
.skinner-right {
	position: absolute;
	left: 500px;
}
/* --------------------------------------------------------
	HEADER - STATUSBAR
   -------------------------------------------------------- */	
.row.statusbar {
	height:120px;
	overflow: visible;
	}	
		
	#logo a.logo-inner img {
	margin: 27px 0;
	float:left;
}
a.logo-inner {
	display:block;
}
.logo-res {
	display:none;
}
/*----- NAVIGATION -----*/
	
.toggle {
	display:none;
}

#navigation.row {
	background: #000;
	overflow:visible;
	min-height:38px;
	border-bottom: 2px solid #b00;
	position:relative;
	/*padding: 0 21px;*/   <removed
}
.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;*/
	}

	
/*----- Extra - USER LOG IN / SEARCH -----*/
	
.extra {
	height:38px;
	/*overflow:hidden;*/
	float:right; /* added by stella 27082014 */
	margin: 0;
}
.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);
	float:left;
	padding: 0 7px;
}

.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:38px; /*82px*/
	top:42px;
	z-index:999;
	overflow:hidden;
	background:#e1e0dc;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	}

ul.sign-expand {
	/*overflow:hidden;
	background:#e1e0dc;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
	display:none;
	}
	
ul.content li.sign-user-in:hover ul.sign-expand {
	display:block;
	}
	
.extra ul.content li .sign-expand-wrap li {
	clear: both;
	border-left: none;
	width: 100%;
	padding:0;
	box-shadow:none;
	}

.extra ul.content li .sign-expand-wrap li:last-child {
	border-right:none;
	}

ul.sign-expand li {
	font: 0.813em/1.385em 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	color: #444;
	}
	
.extra ul.content li ul .sign-expand-wrap li.wel_user {
	padding:8px 15px;
	color:#444;
	font-weight:bold;
	border-bottom:1px solid #D7D5D5;
	text-transform:uppercase;
	font-size:0.75em;
	}

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

ul .sign-expand-wrap li.user-sign-out a {   /*added 23July2015*/
	border: 1px solid #333;
  	background-color: #f3f3f3;
 	text-align: center;
  	margin: 5px 10px 10px;
	border: 1px solid #D9D9D9;
    line-height: 12px;	
    border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}

/*----- 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:31px;
	margin-top:0;
	padding: 0px 3px;
	width: 88%;
}
input.searchbutton-main[type="submit"] {
	background: #b00;
	border: none;
	color: #fff;
	cursor:pointer;
	font: 0.875em/24px 'Roboto', Arial, Helvetica, sans-serif;
	height: 32px;
	padding: 0 9px;
	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("../images/searchIcon.png") no-repeat scroll center center #666;
	color: #FFF;
	font: 0.875em/25px 'Roboto', 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 'Roboto', Arial, Helvetica, sans-serif;
	height: 32px;
	padding: 0 9px;
	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("../images/searchIcon.png") no-repeat scroll center center #666;
	color: #FFF;
	font: 0.875em/25px 'Roboto', 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('../img/plus.png') no-repeat center center #B00;
	height: 32px;
	width: 30px;
	display: block;
	float: left;
	border-left: solid 1px #A81818;
	}


/* --------------------------------------------------------
	NEWS FOCUS SLIDER
   -------------------------------------------------------- */
   
	.biz-focus-wrap {
		background: #555/*#f3f3f1*/;
		overflow:hidden;
		height: 263px;
		margin-bottom:30px;
		}
   	
	.biz-focus-slider {
		background:#262626/*#E5E5E2*/;
		position: relative;
		overflow: hidden;
		float:left;
		width:620px;
		}
	
	.biz-focus-slider .image-holder {
		width:350px; 
		height:263px;
		float:left;
		overflow:hidden; 
	}
	
	.image-holder {
		position:relative;
		}
		
	.biz-focus-slider img {
		float:left;
		}
		
	.biz-focus-slider .description {
		margin:10px 15px 10px 0;
		float: right;
		width: 240px;
		}
		
	.biz-focus-slider .description h2 a {
		color:#eee;
		}
		
	.biz-focus-slider .description p {
		color: #bbb;
		}
		
	 .description-list {
		float:right;
		width: 31.9787%/*310px*/;
		height:100%;
		overflow: hidden;
		}
		
	 ul.slider-buttons {
		overflow:hidden;
		position: absolute;
		right: 115px;
		bottom: 15px;
		}
		
	ul.slider-buttons 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 'Roboto', Arial, Tahoma, Helvetica, sans-serif;
		cursor: pointer;
		}
		
	ul.slider-buttons.biz-focus li {
		border-top:1px solid #555;
		border-bottom:1px solid #555;
		border-left:1px solid #555;
		}
		
	 ul.slider-buttons li.arrow-left,
	 ul.slider-buttons input.arrow-left {
		border-radius: 4px 0 0 4px;
		}
		
	 ul.slider-buttons li.arrow-right,
	 ul.slider-buttons input.arrow-right {
		border-radius: 0 4px 4px 0;
		}
		
	ul.slider-buttons li:last-child, 
	ul.slider-buttons input:last-child {
		border-right: 1px solid #a5a5a4;
		}
		
	ul.slider-buttons.biz-focus li:last-child {
		border-right:1px solid #555;
		}
		
	ul.slider-buttons li img {
		margin: 5px 8px;
		height: 15px;
		width:11px;
		}
		
	ul.slider-buttons li.selected {
		background:#F2F2F1;
		}
		
	ul.slider-biznews {
		display:block;
		margin:10px 15px 10px 0;
		}
		
	ul.slider-biznews li {
		font: 0.813em/1.385em 'Roboto', Arial, Helvetiva, Tahoma, sans-serif; 
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #777/*#ddd*/;
		}
		
	ul.slider-biznews li a {
		color: #eee;
		}
		
	ul.slider-biznews li:last-child {
		border-bottom:none;
		}
   

/* --------------------------------------------------------
	MY PORTFOLIO - STOCKS PAGE
   -------------------------------------------------------- */	
/*----- MyPortfolio Stock Search -----*/
	
	
	.stock-search {
	margin-bottom: 15px;
}
.stock-search input[type="text"] {
	border:1px solid #dbdbdb;
	color: #444;
	float:left;
	height:30px;
	margin-top:0;
	padding:1px 3px;
	width:70%;
}
/*----- MyPortfolio Overview Stocks -----*/

.overview-tab-content {
	display: block;
	clear: both;
	}
	
.overview-tab-wrap .overview-tab-content.selected {
	display: block;
	}
	
.overview-tab-wrap .overview-tab-content {
	padding: 0;
	display: none;
	margin-top: 10px;
	}
	
	
/*----- MyPortfolio Overview Performance -----*/

.stock-Perform-table, .stock-Perform-summary {
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
	}
	
.stock-Perform-summary {
	overflow: hidden;
	display: block;
	}
	
.perform-sum, .perform-csum {
	border-collapse: collapse;
	font-size: 0.813em;
	line-height:1.333em;
	width: 100%;
	margin-bottom: 10px;
	}
	
.perform-sum thead tr th, .perform-csum thead tr th {
	background:#dbdbdb;
	padding:10px 5px;
	text-align: center;
	border-right:1px solid #efefef;
	}
	
.perform-sum thead tr th:last-child, .perform-csum thead tr th:last-child {
	border-right: none;
	}
	
.perform-sum tbody tr td, .perform-csum tbody tr td {
	text-align: center;
	padding:10px 5px;
	}
	
.perform-csum tbody tr {
	border-bottom:1px solid #dbdbdb;
	}
		
.perform-csum tbody tr.total-sum {
	background:#dbdbdb;
	font-weight: bold;
	}

ul.sum-buy-sell {
	width: 100%;
	overflow:hidden;
	display:block;
	}
	
ul.sum-buy-sell li {
	width: 50%;
	float: left;
	border-right:1px solid #dbdbdb;
	}
	
ul.sum-buy-sell li:last-child {
	border-right: none;
	}
	
ul.sum-buy-sell li a {
	display: block;
	text-transform:uppercase;
	}
	

	
.perform-csum tbody tr:nth-child(2) td:first-child,
.perform-csum tbody tr:nth-child(3) td:first-child,
.perform-csum tbody tr:nth-child(4) td:first-child {
	text-align: left;
	}
	
.perform-csum tbody tr:nth-child(2) td:last-child,
.perform-csum tbody tr:nth-child(3) td:last-child,
.perform-csum tbody tr:nth-child(4) td:last-child {
	text-align: right;
	}
	
.perform-sum span, .perform-csum span {
	margin-right:5px;
	}
	
.stock-Perform-summary header {
	border-top: 3px solid #666;
	padding: 8px 0 10px;
	font-weight: bold;
	color: #b00;
	text-transform: uppercase;
	}
	
.stock-Perform-table header{
	border-top: 3px solid #666;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #d1d1d1;
	}
	
.stock-Perform-table header p {
	padding: 8px 0 10px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #b00;
	}
	
.stock-Perform-table header span {
	float: right;
	padding: 8px 0 8px 10px;
	font-weight: bold;
	}
	
ul.overview-tab.mtop {
	margin-top:10px;
	}


/*----- MyPortfolio Overview Transaction -----*/

ul.transInfo {
	width: 100%;
	}
	
ul.transInfo > li {
	float: left;
	font-size: 0.813em; /*13px*/
	line-height: 1.385em; /*18px*/
	padding: 8px;
	background: #eee;
	}
	
ul.transInfo > li:first-child {
	text-align: left;
	width: 75%;
	}

ul.transInfo >li.bg {
	background: #888;
	text-align: center;
	width: 25%;
	color: #fff;
	}
	
.stock-Perform-summary header span {
	color:#333;
	float: right;
	font-weight: normal;
	font-size: 0.813em;
	text-transform: none;
	}
	
.trans-summary {
	border-collapse:collapse;
	font-size: 0.813em;
	line-height: 1.333em;
	width: 100%;
	}
	
.trans-summary thead tr th:nth-child(1),
.trans-summary thead tr th:nth-child(2),
.trans-summary tbody tr td:nth-child(1),
.trans-summary tbody tr td:nth-child(2) {
	text-align: left;
	}
	
.trans-summary thead tr th:nth-child(3),
.trans-summary thead tr th:nth-child(5),
.trans-summary thead tr th:nth-child(6),
.trans-summary tbody tr td:nth-child(3),
.trans-summary tbody tr td:nth-child(5),
.trans-summary tbody tr td:nth-child(6) {
	text-align: right;
	padding-right: 0;
	}
	
.trans-summary thead tr th:nth-child(3),
.trans-summary tbody tr td:nth-child(3),
.trans-summary thead tr th:nth-child(4),
.trans-summary tbody tr td:nth-child(4),
.trans-summary tbody tr td:nth-child(6),
.trans-summary tbody tr td:nth-child(7) {
	border-right: 1px solid #dbdbdb;
	padding-right:10px;
	}
	
.trans-summary thead tr th:nth-child(4),
.trans-summary thead tr th:nth-child(7),
.trans-summary thead tr th:nth-child(8),
.trans-summary tbody tr td:nth-child(4),
.trans-summary tbody tr td:nth-child(7),
.trans-summary tbody tr td:nth-child(8) {
	text-align: center;
	padding: 10px 5px;
	}
	
.trans-summary thead tr {
	border-bottom: 1px solid #dbdbdb;
	}
	
.trans-summary tbody tr {
	border-bottom: 1px solid #dbdbdb;
	}

.trans-summary thead tr th {
	padding: 10px 0;
	}
	
.trans-summary tbody tr td {
	padding: 10px 10px 10px 0;
	}
	
.balance {
	color: #aaa;
	}
	
/* --------------------------------------------------------
	MY PORTFOLIO - UNIT TRUST PAGE
   -------------------------------------------------------- */	
   
   .manage thead.unitTrustFundHeader tr th:nth-child(1), 
   .unitTrustFund tbody tr td:nth-child(1) {
	   width: 50%;
	   }
	   
	.manage thead.unitTrustFundHeader tr th:nth-child(2), 
	.manage .unitTrustFund tbody tr td:nth-child(2) {
		width: 38%;
		}
	   
	.manage thead.unitTrustFundHeader tr th:nth-child(2), 
	.manage .unitTrustFund tbody tr td:nth-child(2),
	.manage thead.unitTrustFundHeader tr th:nth-child(3), 
	.manage .unitTrustFund tbody tr td:nth-child(3) {
		text-align: right;
		}

/* --------------------------------------------------------
	SEARCH RESULTS
   -------------------------------------------------------- */
.searchResults {
	margin-bottom: 15px;
	overflow: hidden;
	display: block;
}
header.searchResults-wrap {
	margin-bottom: 15px;
}
p.sort-by {
	font-size: 0.875em;
	line-height: 1.364em;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #666;
}
p.sort-by a.inactive {
	color: #999;
}
.searchResults .companyName {
	font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
	font-size: 1.250em;
	line-height: 1.300em;
	font-weight: bold;
}
.stockSearchResults .stockSymbol {
	font-size:0.813em;
	line-height:1.385em;
}
.stockSearchResults .stockSymbol span {
	color:#666;
}
.stockSearchResults {
	margin-bottom: 15px;
	overflow:hidden;
	display:block;
}
.ssr {
	overflow: hidden;
	display:block;
	margin-bottom: 10px;
	width: 100%;
}
.ssr .up {
	color: #008c00;
}
.ssr .down {
	color: #CC0000;
}

.ssr .unchanged {
	color: #555;
	}
	
.ssr .stockPrice {
	padding: 10px;
	font-size:2.125em;
	line-height: 1.118em;
	margin-bottom:10px;
	font-weight: bold;
	width: 70%;
	float: left;
}
.ssr img.stockPriceImg {
	float: right;
	margin: 6px 10px 0 0;
}
.ssr .klciVolume {
	overflow: hidden;
	padding: 6px 0;
	clear: both;
}
.ssr .klciVolume p {
	font-size: 0.9em;
	line-height: 1.617em;
	font-weight: bold;
}
.ssr .klciVolume p:last-child {
	float: right;
}
/* --------------------------------------------------------
	SOCIAL SHARED
   -------------------------------------------------------- */	
.social-panel {
	overflow: hidden;
	display: block;
	margin-bottom:12px;
	xborder-top: 4px solid #006699;
	xpadding-top:8px;
}
.story-container .social-panel {
	border-top: none;
}

	
/* --------------------------------------------------------
	SERVICE PANEL
   -------------------------------------------------------- */
	
	.service-panel {
        xborder: solid 1px #D5D5D2;
		xborder-radius: 4px;
		margin-bottom: 10px;
		overflow:hidden;
    }
    
    /* added by stella 15082014 */
	.service-panel ul li{
		float:left;
		margin:0 3px;
	}
	
	.service-panel ul li:first-child {
		margin-left: 0;
		}
		
	.service-panel ul li:last-child {
		margin-right: 0;
		}
		
	.service-panel .social-network-mobile{
		display:none;
	}

	/*
	.service-panel img {
		margin: 10px auto;
		display: block;
	}
	*/
	
	.service-panel .gigya-wrapper {
        display: inline-block;
        padding-top: 3px;
        vertical-align: bottom;
    }

	.service-panel input[type=button] {
		border: none;
		color: #999;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		text-align: left;
		font-size: 11px;
		cursor: pointer;
		width: 20px;
        height: 20px;
        vertical-align: bottom;
	}
	
	.service-panel input[type=button].text-increase {
		background: url('/Themes/TSOL/img/icon_textincrease.png') no-repeat left center #E5E5E2;
		vertical-align: bottom;
	}
	
	.service-panel input[type=button].text-decrease {
		background: url('/Themes/TSOL/img/icon_textdecrease.png') no-repeat left center #E5E5E2;
		vertical-align: bottom;
	}
	
	.service-panel input[type=button].print {
		background: url('/Themes/TSOL/img/icon_printer.png') no-repeat left center #E5E5E2;
		vertical-align: bottom;
	}
	
	.service-panel input[type=button].email {
		background: url('/Themes/TSOL/img/email.png') no-repeat left center #E5E5E2;
		vertical-align: bottom;
	}
	
/* --------------------------------------------------------
	GYGYA REACTIONS PANEL
   -------------------------------------------------------- */
   
   .gigyaReactions-wrapper-mobile {
	display:none;
	}

	.gigyaReactions-wrapper {
	display:block;
	}

	.gigyaReactions-wrapper, .gigyaReactions-wrapper-mobile{
	margin:20px 0;
	}
	
/* --------------------------------------------------------
	PAGE TITLE / BREADCRUMBS
   -------------------------------------------------------- */	
   
.page-title {
	margin-top:8px;
	margin-bottom:8px;
	overflow:hidden;
}

.page-title h1 {
	color: #b00;
    float: left;
    font-family: "Roboto Condensed","Arial Narrow",Arial,Helvetica,tahoma,sans-serif;
    font-size: 1.625em;
    font-weight: bold;
    line-height: 1.5em;
}
.breadcrumbs {
	overflow: hidden;
	margin-bottom:10px;
}
p.breadcrumbs {
   color: #999;
    display: inline-block;
    float: left;
    font-family: 'Roboto',Arial,Tahoma,Helvetica,sans-serif;
    font-size: 0.688em;
    line-height: 1.273em;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 15px;
}
/* --------------------------------------------------------
	EDITOR'S CHOICE
   -------------------------------------------------------- */	
   
   .EditorsHighlight {
	overflow:hidden;
	margin-bottom: 15px;
}
.EditorsHighlightContent {
	overflow: hidden;
	display: block;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:10px;
	margin-bottom:10px;
}
.EditorsHighlightContent:last-child {
	border-bottom: none;
}
.EditorsHighlightContent p.description {
	margin-bottom: 5px;
	overflow: hidden;
	max-height: 80px;
	display: block;
}

/* Money homepage */
ul.tabs.lightborder {
border-bottom:1px solid #dbdbdb
}

.EditorsHighlightTitle h2.title02 {
display:none
}

/*	--------------------------------------------------
    :: THE TABS
	-------------------------------------------------- */

	
	.tabsContainer {
	overflow:hidden;
	display:block;
}
ul.tabs {
	list-style: none;
	padding: 0;
	overflow: hidden;
	margin-bottom:15px;
	border-bottom:1px solid #999;
}
ul.tabs li {
	float: left;
	overflow: hidden;
}
ul.tabs li {
	padding: 8px 10px;
	color: #444; /* #a48383;*/
	text-decoration: none;
	font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
	font-weight: bold;
	xfont-size:1.125em; /*18px*/
	line-height:1.200em;/*21px*/
	display: block;
	cursor: pointer;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-right: 5px;
}
ul.tabs li.active {
	color: #fff;
	background: #b00;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
.tabsContainer .tabcontent {
	padding: 0px;
	display: none;
}
.tabsContainer .tabcontent.active {
	display: block;
}
/* --------------------------------------------------------
	MOST VIEWED
   -------------------------------------------------------- */	
   .mostViewed ul.lined-listing {
	overflow:hidden;
	margin-bottom: 20px;
}
.mostViewed ul.lined-listing li {
	border-bottom:1px solid #dbdbdb;
	padding: 5px 0 10px 0;
	margin-bottom:5px;
	overflow:hidden;
}
.mostViewed ul.lined-listing li p {
 x font-size: 0.875em; /*14px*/
 x line-height: 1.286em; /*18px*/
}
.mostViewed ul.lined-listing li p.date {
	color: #666;
	font-size:0.688em; /*11px*/
	line-height: 1.545em; /*17px*/
}
.mostViewed ul.lined-listing li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
/*	--- LATEST STORY --- */
	
 .story-latest {
	overflow: hidden;
}
.story-list {
	margin-bottom: 15px;
	padding-bottom:15px;
	overflow: hidden;
	border-bottom: 1px solid #dbdbdb;
}
.story-list:last-child {
	border-bottom: none;
}
/*	--------------------------------------------------
    MY PORTFOLIO - STOCK WP
	-------------------------------------------------- */
.border-box{
	border: 1px solid #dbdbdb;
	padding: 12px;
	}
		
.userLogin, .signIn {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	}
	
.userLogin h1 {
	color: #b00;
	}
	
.userLoginDesc, .userLoginReg {
	margin-bottom:15px;
	overflow: hidden;
	}
	
.regContent ul {
	width: 100%;
	overflow: hidden;
	display: block;
	}
	
.regContent ul li {
	width: 50%;
	border-right: 1px solid #dbdbdb;
	float: left;
	}
	
.regContent ul li:last-child {
	border: none;
	padding-left:15px;
	}

.userLogin form input[type='text'] {
	border: 1px solid #dbdbdb;
	height: 30px;
	padding: 5px;
	margin-bottom:10px;
}
input[type=submit].button, input[type=reset].button {
	padding: 6px 25px;
	border: none;
	margin-top: 10px;
	font: bold 14px/18px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background: #0080CC;
	background: gradient(linear, left top, left bottom, from(#0080CC), to(#146198));
	background: -webkit-gradient(linear, left top, left bottom, from(#0080CC), to(#146198));
	background: -webkit-linear-gradient(top, #0080CC, #146198);
	background: -moz-linear-gradient(top, #0080CC, #146198);
	background: -ms-linear-gradient(top, #0080CC, #146198);
	background: -o-linear-gradient(top, #0080CC, #146198);
	cursor: pointer;
}
input[type=reset].button.reset {
	color: #666;
	background: #DEDED9;
}
.userLogin form select {
	border: 1px solid #dbdbdb;
	height: 30px;
	padding: 5px;
	margin-bottom: 10px;
}
.userLogin input[type="radio"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	margin: 5px 0;
}
.userLogInfo {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.userLogInfo input {
	margin-bottom: 10px;
	}
	
.userLogInfo label {
	line-height: 1.846em;
	display: block;
}
.center {
	display: block;
	text-align:center;
	padding-bottom:6px;
}
.login {
	background: #0080CA;
	text-align:center;
	padding: 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top:10px;
}
.login a {
	padding:10px 24px;
	color: #fff;
	text-decoration:none;
}
.resetPw a {
	font-size: 0.750em;
	line-height: 1.667em;
	margin-bottom:10px;
	display:block;
}
ul.listInfo {
	list-style-type:square;
	padding-left:17px;
	margin: 10px auto;
}
ul.listInfo li {
	list-style-type:square;
	font-size: 0.750em;
	line-height: 1.667em;
	margin-bottom: 6px;
}
ul.listInfo li:last-child {
	margin-bottom: 0;
}
/*	--------------------------------------------------
   MyStar REGISTRATION (MY PORTFOLIO)
	-------------------------------------------------- */		
.wrap {
	overflow:hidden;
	display:block;
	margin: 15px auto;
	}
		

.reg_form {
	overflow: hidden;
	display:block;
}

.reg_form h3 {
	border-top: 2px solid #b00;
	padding: 2px 0;
	font-size: 1.250em;
	line-height: 1.300em;
	font-family: 'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
	margin-bottom:10px;
}

.userLogin p, .regInfo p {
	margin-bottom: 10px;
}

.regInfo {
	overflow: hidden;
	margin-bottom:15px;
}

.regContent p {
	margin-bottom: 6px;
	}

.regInfo label {
	margin-bottom:10px;
}

.regInfo label img {
	margin:6px 0;
}

.submit-wrap {
	overflow: hidden;
	margin-bottom: 10px;
	margin-top:15px;
}
.captcha p {
	color: #E00;
}


.regInfo input[type=checkbox] {
	-webkit-appearance: checkbox;
	}


/*	--------------------------------------------------
  	FAQ (MY PORTFOLIO)
	-------------------------------------------------- */
	ol.faq {
	list-style-type:decimal;
	margin:10px auto;
	overflow: hidden;
	padding: 0 25px;
}
ol.faq li {
	margin-bottom: 20px;
}
ol.faq li ul.listInfo li {
	margin-bottom: 6px;
}
/*	--------------------------------------------------
  	OVERVIEW (MY PORTFOLIO)
	-------------------------------------------------- */
.overview-tab-wrap {
	overflow: hidden;
	display: block;
	margin-bottom:15px;
	border-top: 1px solid #dbdbdb;
	/*padding-top: 10px;*/
	position:relative;
	}
	
ul.overview-tab {
	display:block;
	overflow:hidden;
}
ul.overview-tab li {
	float: left;
	margin-right: 10px;
	background:#deded9;
	font-size: 0.75em;
	padding: 6px 8px;
	text-align: center;
	cursor: pointer;
}
ul.overview-tab li.selected {
	background:#444;
}
ul.overview-tab li.selected {
	color: #fff;
	cursor:default;
}
ul.overview-tab li.selected:hover {
	text-decoration: none;
}
.more-tab {
	float: right;
	clear: both;
	overflow: hidden;
	display: block;
	position: absolute;
	top:10px;
	right:0;
}
.portfolio-table, .portfolio-manage {
	margin-bottom:15px;
	position: relative;
	overflow: hidden;
	clear: both;
}

.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(9),
.portfolio-table .market-trans tbody tr td:nth-child(9) {
	border-right: 1px solid #e5e5e2;
	text-align: center;
}

.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(8),
.portfolio-table .market-trans tbody tr td:nth-child(8) {
	padding-right: 8px;
	}

.PortfolioIntro p {
	margin-bottom: 15px;
}

.transformer {
	position: relative;
	}
	
.transformer .watchlist-button-wrap {
	top: 0px;
	}
	
/*	--------------------------------------------------
  	ADD STOCK (MY PORTFOLIO)
	-------------------------------------------------- */
	
	.addStocks input[type="text"] {
		height: 30px;
		border:1px solid #dbdbdb;
		text-align: center;
		font-size: 0.85em; /*added 12092014*/
		}
		
	.addStocks .addStocks-table tr td:nth-child(3) input {
		width: 30px;
		}
	
	select.portfolio-move { 
		border:1px solid #dbdbdb;
		width: 100%;
		}
		
	.addStocks-table {
		border-collapse: collapse;
		font-size: 0.813em;
		line-height: 1.333em;
		width: 100%;
		margin-bottom:10px;
		}
		
	.addStocks-table thead tr {
		vertical-align: top;
		border-bottom: 1px solid #d1d1d1;
		}
		
	.addStocks-table thead tr th {
		padding-bottom:5px;	
		text-align:left;	
		}
		
	.addStocks-table thead tr span {
		color: #b00;
		font-size: 0.75em;
		}
		
	.addStocks-table tbody tr td:nth-child(2) input[type="text"],
	.addStocks-table tbody tr td:nth-child(4) input[type="text"],
	.addStocks-table tbody tr td:nth-child(5) input[type="text"]
	 {
		text-align:left;
		padding:2px 5px;
		}
		
		
	.addStocks-table tr td {
		padding: 8px 4px 8px 0;
		}
		
	.addStocks-table tbody tr td:nth-child(2) {
		border-right:1px solid #dbdbdb;
		padding-right: 10px;
		}
		
	.addStocks-table tbody tr td:nth-child(3) {
		padding-left:10px;
		xwidth: 20%;
		}
		
	.addStocks input[type=reset].button02, input[type=reset].button02.reset, .CreateAlerts input[type=reset].button02{
		margin-right: 5px;
		background: #666;
		}
		
	.addStocks-table tbody tr td:nth-child(2) input[type="text"],
	.addStocks-table tbody tr td:nth-child(4) input[type="text"],
	.addStocks-table tbody tr td:nth-child(5) input[type="text"]{
		width: 100%;
		}
		
/*	--------------------------------------------------
  	CREATE ALERTS (MY PORTFOLIO)
	-------------------------------------------------- */
	
	.CreateAlerts-table {
		border-collapse: collapse;
		font-size: 0.813em;
		line-height: 1.333em;
		width: 100%;
		margin-bottom:10px;
		}
		
	.CreateAlerts-table thead tr {
		vertical-align: top;
		border-bottom: 1px solid #d1d1d1;
		}
	
	.CreateAlerts-table thead tr th {
		padding-bottom: 5px;
		text-align: left;
		}
		
	.CreateAlerts-table tbody tr td:nth-child(1),
	.CreateAlerts-table tbody tr td:nth-child(4){
		border-right: 1px solid #dbdbdb;
		}
		
	
	.CreateAlerts-table tbody tr td:nth-child(2),
	.CreateAlerts-table tbody tr td:nth-child(5) {
		padding:8px 15px;
		text-align: right;
		}
		
	.CreateAlerts-table thead tr th:nth-child(2),
	.CreateAlerts-table thead tr th:nth-child(5) {
		text-align: right;
		padding-right:15px;
		}
		
	.CreateAlerts-table thead tr th:nth-child(1),
	.CreateAlerts-table tbody tr td:nth-child(1) {
		width: 35%;
		}
		
	.CreateAlerts-table thead tr th:nth-child(3),
	.CreateAlerts-table tbody tr td:nth-child(3),
	.CreateAlerts-table thead tr th:nth-child(4),
	.CreateAlerts-table tbody tr td:nth-child(4) {
		padding-right:10px;
		}
		
	.CreateAlerts-table tbody tr {
		border-bottom: 1px solid #dbdbdb;
		}
	
	.CreateAlerts-table tbody tr td:last-child {
		padding-right: 0;
		}
		
	.CreateAlerts-table tr td {
		padding: 8px 4px 8px 0;
		}
	
	
/*	--------------------------------------------------
  	HELP (MY PORTFOLIO)
	-------------------------------------------------- */
	
	.portfolio{
		overflow: hidden;
		display: block;
		margin-bottom:15px;
		}
	
	ul.portfolio-help-info {
		margin: 10px auto;
		}
		
	ul.portfolio-help-info li {
		margin-bottom:15px;
		}	
		
	ul.list-item {
		list-style-type:square;
		margin-left: 15px;
		margin-top:10px;
		margin-bottom: 10px;
		}
		
	ul.list-item li {
		list-style-type:square;
		}

/*	--------------------------------------------------
  	MANAGE  PORTFOLIO (MY PORTFOLIO)
	-------------------------------------------------- */		
	.porfolio-add {
		background: #dbdbdb;
		padding: 6px 12px;
		position: relative;
		
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		}
		
	.porfolio-add input[type="text"] {
		border:1px solid #dbdbdb;
		color: #444;
		height: 35px;
		margin-top: 0;
		padding: 1px 5px;
		width: 100%;
		display: block;
		margin:6px auto;
		}
		
	span.portfolio-add-button {
		position: absolute;
		right: 20px;
		top: 54%;
		font-size:0.688em; 
		line-height: 1.545em;
		text-transform: uppercase;
		cursor: pointer;
		}
		
	.portfolio-move {
		height: 30px;
		webkit-appearance: none;
		padding: 5px;
		}
		
	input[type=submit].button02, input[type=reset].button02 {
		padding: 5px 20px;
		border: none;
		background: #0080CA;
		color:#fff;
		text-align: center;
		cursor: pointer;
		border-radius: 2px;
		line-height: 1.538em;
		}
		
	.portfolio-table .market-trans {
		margin-top: 15px;
		}
		
	span.editable {
		width:350px;
		overflow: hidden;
		display: block;
		}
		
	span.editable textarea {
		font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
		font-size: 0.750em; /*12px*/
		line-height:1.300em; /*15px*/
		height: 28px;
		padding:2px;
		border:2px solid #dbdbdb;
		}
		
/*	--------------------------------------------------
  	STOCK PORTFOLIO - ADD Component (MY PORTFOLIO)
	-------------------------------------------------- */
	.editComponent {
		overflow: hidden;
		display: block;
		margin: 10px auto;
		width: 60%;
		border: 1px solid #ddd;
		padding: 10px 15px;
		}
		
	.buyStock {
		border-collapse: collapse;
		width: 100%;
		}
		
	.buyStock thead tr th {
		text-align: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #dbdbdb;
		}
		
	.buyStock tbody tr td {
		padding: 6px 0;
		}
		
	.buyStock tbody tr td:nth-child(1) {
		width: 60%;
		}
		
	.buyStock tbody tr td:nth-child(2) {
		width: 40%;
		}
		
		
/*	--------------------------------------------------
  	MY WATCHLIST
	-------------------------------------------------- */
	
	.manage-button-wrap {
		overflow: hidden;
		position: absolute;
		top: 7px;
		right: 0;
		padding: 4px 2px;
		}
		
	a.manage-button {
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		font-size: 0.70em;
		line-height: 1.500em;
		margin-right: 20px;
		}
		
	a.manage-button:last-child {
		margin-right: 0;
		}
		
	a.manage-button:hover {
		color: #107FC9;
		}
		
/*	--------------------------------------------------
  	PAGING
	-------------------------------------------------- */
			
	.paging-wrap {
	overflow: hidden;
	background: #dbdbdb;
	padding:1px;
	display:inline-block;
	vertical-align:top;
}
.paging-wrap.pg-jump {
	margin-left: 20px;
}
.paging-wrap img {
	vertical-align: middle;
}
.paging-wrap a img {
	display: inline-block;
}
.paging-wrap .page.arrow-left.inactive {
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/cursor-left-inactive.png) no-repeat center #fff;
}
.paging-wrap .page.arrow-right.inactive {
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/cursor-right-inactive.png) no-repeat center #fff;
}
.paging-wrap a .page.arrow-left.inactive, .paging-wrap a .page.arrow-right.inactive {
	cursor:text;
}
.paging-wrap .arrow-left {
	padding: 4px;
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/cursor-left.png) no-repeat center #fff;
	float:left;
	line-height:22px;
	margin-right:1px;
	height: 22px; /*30px*/
	width: 25px;
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
}
.paging-wrap .page-label {
	background: #fff;
	padding: 4px 8px;
	margin:0;
	float:left;
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	font-size:0.688em; /*11px*/
}
.paging-wrap .page-label ul li {
	line-height:22px;
}
.paging-wrap .arrow-right {
	padding: 4px;
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/cursor-right.png) no-repeat center #fff;
	float:left;
	line-height:22px;
	margin-left:1px;
	height: 22px; /*30px*/
	width: 25px;
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
}
.paging-wrap .page-label li:hover,  .paging-wrap .page-label li.active {
	display: inline-block;
}
.paging {
	margin-bottom: 30px;
	overflow: hidden;
	float: right;
}
.paging-page, .paging-pg-jump {
	display: inline-block;
	border:2px solid #90938D;
	vertical-align: top;
	background: #90938D;
}
.paging-wrap p.pageLabel {
	float: left;
	font-size:0.688em; /*11px*/
	line-height:22px;
	margin: 0;
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	padding: 3px 3px 3px 6px;
	background: #fff;
	height: 31px;
}
.paging .paging-wrap p.pageLabel {
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.paging input[type="text"] {
	border:1px solid #dbdbdb;
	padding:1px;
	width:30px;
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	margin:0 4px;
	text-align: center;
	height:24px;
}
.paging input[type="number"] {
	border:1px solid #DDD;
	padding:1px;
	width:44px;
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	margin:0 4px;
	text-align: center;
	height:24px;
}
.paging-button {
	display:inline-block;
	cursor:pointer;
	border-radius: 0 2px 2px 0;
	padding: 0;
	height: 31px;
	background: #006699;
}
.paging-button p, .paging-button input {
	font-size:0.750em; /*12px*/
	line-height:20px;
	padding: 5px 4px;
	margin: 0;
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	color: #fff;
}
.paging-button input[type=submit] {
	font-size:0.750em; /*12px*/
	line-height:22px;
	padding:0 9px;
	margin: 0 auto;
	font-family: 'Roboto', Arial, Helvetiva, Tahoma, sans-serif;
	text-align: center;
	color: #fff;
	background: #006699;
	cursor:pointer;
	border: none;
	height: 31px;
	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;
 -0-border-radius: 0 2px 2px 0;
	-webkit-appearance: none;
}
/*	--------------------------------------------------
    :: STOCK PRICE
	-------------------------------------------------- */
	
	.stock {
	overflow: hidden;
	display: block;
	color: #fff;
	margin-bottom:20px;
}
.stock header {
	border-top: 4px solid #006699;
	padding: 8px 0px;
}
.stock header p {
	color: #444;
	display:inline-block;
	font-weight: bold;
	font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
}
.stock-price p {
	color:#fff;
	display:inline-block;
}
.stock-price p {
	font-size: 2.188em; /*35px*/
	font-weight: bold;
}
.stock header span, .stock-price span {
	float: right;
	clear: both;
}
.stock-price {
	padding: 8px 10px;
	overflow: hidden;
	display: block;
}
.high {
	background: #009900;
}
.low {
	background: #DD0000;
}
.stock-price h2 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	font-size:0.875em; /*14px*/
	text-transform:uppercase;
}
.stock-price-day {
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	display: block;
	overflow: hidden;
}
.stock-price-day .data {
	width:33.33%;
	padding:20px 10px;
	float:left;
	text-align:center;
	border-right:1px solid #dbdbdb;
}
.stock-price-day .data:last-child {
	border-right:none;
}
.stock-price-day .data p {
	font-size:0.875em; /*14px*/
	line-height: 1.286em; /*18px*/
	color: #444;
}
.stock-price-day .data h3 {
	font-size:1.563em; /*25px*/
	line-height: 1.200em; /*30px*/
	color: #444;
}
/*	--------------------------------------------------
    :: REGIONAL BOURSES
	-------------------------------------------------- */
		
	.bourses {
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
.bourses-wrap {
	overflow-x: auto;
}
.bourses ul.boursesRegion {
	display: inline-block;
	max-width: 100%;
	overflow-x:auto;
	overflow-y: hidden;
	white-space:nowrap;
}
.bourses ul.boursesRegion li {
	display:inline-block;
	margin-right: 4px;
	width: 117px;
	height: 94px;
	position: relative;
	padding: 8px;
}
.bourses ul.boursesRegion li:last-child {
	margin-right: 0;
}
.bourses .klciVolume {
	left: 0;
	/*background: rgba(0, 0, 0, 1.0);*/ /*rgba(0, 0, 0, 0.3)*/
	padding: 5px;
	position: absolute;
	bottom: 0;
	right:0;
	overflow: hidden;
}
.bourses .klciHeader h3 {
	float: none;
	line-height: 1.417em;/*17px*/
	color: #444;
}
.bourses .klciVolume p {
	line-height: 1.417em; /*17px*/
}
.bourses .klciVolume p:first-child {
	margin-left: 0;
}
.bourses .klciVolume p:last-child {
	margin: 0;
	float: right;
}
/*	--------------------------------------------------
    :: KLCI Market + BOURSES
	-------------------------------------------------- */
			
	.klciHeader {
	padding: 2px 10px;
	overflow: hidden;
	color: #fff;
	position: relative;
	background: #efefef;
}
.klciHeader h3 {
	font-size: 0.813em; /*14px*/
	line-height: 2.417em;/*29px*/
	color: #fff;
}
.klciHeader p {
	font-size: 1.250em; /*20px*/
	line-height: 1.353em; /*27px*/
	color: #444;
}
.klciVolume p {
	float: left;
	margin: 0 10px;
	font-size: 0.750em; /*12px*/
	line-height: 2.417em; /*29px*/
	color: #fff;
}
.klciVolume p.header {
	font-size: 1.250em; /*20px*/
	line-height: 1em; /*27px*/
	margin-left: 0;
}
.graph-green {
	background: #008c00;
	color: #fff;
	position:relative;
}
.graph-red {

	background: #CC0000;
	color: #fff;
} 

.graph-static {
	background: #555;
	color: #fff;
	} 
/*	--------------------------------------------------
    :: KLCI Market
	-------------------------------------------------- */
	.range {
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
	.klciMarket {
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
.klciMarket p.date span.info {
	display:block;
	margin-left:0;
}
.klciMarket .headerTicker {
	font-weight:bold;
	font-size:0.875em; /*14px*/
	margin-bottom: 4px;
}
.klciMarket .klci {
	display: block;
	overflow: hidden;
	margin-top: 10px;
}
.klciMarket .klciDesc {
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding:10px;
	overflow: hidden;
	display: block;
}
.klciMarket .klciDesc .graph {
	margin-bottom: 15px;
	display: block;
	text-align: center;
}
.klciMarket .klciDesc .rangeWrap {
	overflow: hidden;
}
.klciMarket .klciDesc .range {
	width: 50%;
	float: left;
	margin-bottom:15px;
}
.klciMarket .klciDesc .range:first-child {
	padding-right: 6px;
}
.klciMarket .klciDesc .range:last-child {
	padding-left: 6px;
}
.klciMarket .klciDesc .range p {
	font-size: 0.750em; /*12px*/
	line-height: 1.417em; /*17px*/
	margin-right: 10px;
	float: left;
	clear: both;
}
.klciMarket .klciDesc .range span {
	float: right;
	font-size: 0.750em;
}
.stackGraph {
	width: 100%;
	overflow: hidden;
}
.stackGraph-info {
	width: 50%;
	float: left;
	margin-bottom:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.stackGraph-info:nth-child(odd) {
	padding-right: 6px;
}
.stackGraph-info:nth-child(even) {
	padding-left: 6px;
}
.graphLabel {
	overflow: hidden;
}
.stackGraph-info label {
	font-size: 0.750em; /* 12px */
	line-height: 1.500em; /* 18px */
}
.stackGraph-info label:first-child {
	float: left;
}
.stackGraph-info label:last-child {
	float: right;
	font-weight: bold;
}
span.graph-gainer {
	background: #008C00;
	width:23%;
	display:block;
	overflow:hidden;
	padding:4px 8px;
	font-size:0.875em; /*14px*/
	line-height: 1.286em; /*18px*/
	height:10px;
}
span.graph-loser {
	background: #CC0000;
	width:15%;
	display:block;
	overflow:hidden;
	padding:4px 8px;
	font-size:0.875em; /*14px*/
	line-height: 1.286em; /*18px*/
	height:10px;
}
span.graph-unchanged {
	background: #555;
	width:54%;
	display:block;
	overflow:hidden;
	padding:4px 8px;
	font-size:0.875em; /*14px*/
	line-height: 1.286em; /*18px*/
	height:10px;
}
span.graph-untraded {
	background: #AAA;
	width:100%;
	display:block;
	overflow:hidden;
	padding:4px 8px;
	font-size:0.875em; /*14px*/
	line-height: 1.286em; /*18px*/
	height:10px;
}
.stackGraph-info p {
	margin:2px auto;
	text-align:left;
	color: #fff;
}
span.graph-gainer-base {
	background: #dbdbdb;
	width:100%;
	display:block;
	overflow:hidden;
	height:10px;
}

.summaryLink {
	display:none;
}

.mwhomepage .summaryLink {
	float: right;
	margin-top: 2px;
	margin-left: 70px;
	font-size: 11px;
	display: block;
}

.sideSummaryLink {
	float: right;
	margin-top: 2px;
	margin-left: 70px;
	font-size: 11px;
	display: block;
}

/*	--------------------------------------------------
    :: KLCI Market (MAIN)
	-------------------------------------------------- */
	
	.mainklci .klciHeader h3 {
	display: block;
}
.mainklci .klciVolume {
	float:left;
	display:block;
}
.mainklci.klciMarket p.date span.info {
	margin-left: 10px;
	display: inline-block;
}
.mainklci .graph {
	float: left;
	margin-right: 15px;
}
.mainklci .klciVolume p.header {
	margin-left: 0;
}
.mainklci .rangeWrap {
	float: left;
	margin-right: 15px;
}
.mainklci .klciDesc .range {
	overflow: hidden;
	width: auto;
	float: none;
	border-top: 1px solid #999;
	padding-top: 5px;
}
.mainklci .klciDesc .range:first-child {
	padding-right: 0;
	margin-bottom: 20px;
	margin-top: 5px;
}
.mainklci .klciDesc .range:last-child {
	padding-left: 0;
}
.mainklci .stackGraph {
	width: 27%;
	float:right;
}
.mainklci .stackGraph-info:nth-child(odd) {
	padding-right: 0;
}
.mainklci .stackGraph-info:nth-child(even) {
	padding-left: 0;
}
.mainklci .stackGraph-info {
	width: auto;
	float: none;
}

.klci-vol {
position:absolute;
right:0;
bottom:0;
padding:2px 10px;
}

.klci-vol h3, .klci-vol p {
font-size: 0.813em;
color: #fff;
text-align:right;
}

/*	--------------------------------------------------
    :: MARKET MOVERS 
	-------------------------------------------------- */
	
	.marketMover {
	overflow: hidden;
	display: block;
	margin-bottom:20px;
	position:relative;
}
.market-trans {
	border-collapse:collapse;
	font-size: 0.813em;
	line-height: 1.333em;
	width: 100%;
	margin-bottom:10px;
}
.market-trans-head {
	color: #444;
	font-weight: bold;
}
.market-trans thead tr td {
	padding-top: 0;
}
.market-trans-head tr.header {
	vertical-align: top;
	border-bottom:1px solid #666;
}
.market-trans tbody tr {
	margin: 5px 0;
}
.market-trans thead td,  .market-trans tbody td {
	text-align: center;
}
.market-trans thead td:first-child,  .market-trans tbody td:first-child {
	text-align: left;
	padding-left: 0;
}
.market-trans tbody td:first-child {
	text-transform: uppercase;
}
.market-trans-head tr.header td:last-child,  .market-trans tbody td:last-child {
	text-align: right;
}
.market-trans .linedlist {
	border-top:1px solid #e5e5e2;
	border-bottom: 0;
}

.market-trans tr.linedlist:hover {
	background:#efefef;
	}

.market-trans tr td {
	padding: 8px 4px;
	text-align: right;
}
.market-trans tr td:last-child {
	padding-right: 0;
}
.stock-added {
	width: 14px;
	height:14px;
	margin: 1px 0 0 3px;
	vertical-align: top;
	background: #006699;
	cursor:pointer;
}

.added-highlight {
	background: #939390;
	cursor:default;
	}
	
.more-button-wrap {
	overflow: hidden;
	background: #efefef;
	text-align: center;
	xmargin: 15px auto;
	clear: both;
	float: right;
}
a.more-button {
	color: #b00;
	font-size: 0.688em;
	padding: 6px 8px;
	float:right;
	clear: both;
	font-weight: bold;
	text-transform: capitalize;
	border-radius: 2px;
}
.marketMover .tabsContainer ul.tabs {
	margin-bottom: 12px;
}
.marketMover .tabsContainer ul.tabs li {
	padding: 6px 10px;
	font-size: 1em; /*16px*/
	margin-right: 5px;
}
.watchlist-button-wrap {
	overflow:hidden;
	position: absolute;
	top: 10px;
	right: 0;
}

.watchlist-button-wrap:last-child {
	margin-right: 0;
	}
	
a.watchlist-button {
 	display:block;
	background: #EFEFEF;
	text-align:center;
	color: #b00;
	font-size: 0.75em;
	line-height: 1.500em;
	font-weight: bold;
	padding: 6px 8px;
	border-radius: 2px;
	
}

a.watchlist-button-res {
	display: none;
	}
	
.companyProfile	.absolute {
	top: 12px;
	}
	
.stockprofile .marketMover .watchlist-button-wrap {
		display: none;	
	}
	
.default_info {
	text-transform: capitalize;
	text-align: center;
	}
	
 p.default_info {
	font-size: 1.250em; /*20px;*/
	line-height:1.600em; /*32px*/
	margin:10px auto 0;
	font-weight: bold;
	}
	
.default_info span {
	display:block;
	font-weight: normal;
	}
.portfolio-table .market-trans.perf {
	margin-top: 0;
	}

.market-trans.perf tr td {
	padding: 0;
	}
	
.market-trans.perf tr td p {
	margin-top: 0;
	}
/*	--------------------------------------------------
    MARKET MOVERS (SIDEBAR)
	-------------------------------------------------- */

	.side .tabsContainer ul.tabs li:nth-child(3),  .side .tabsContainer ul.tabs li:nth-child(5) {
	display: none;
}
.side.marketMover .market-trans thead.market-trans-head tr td:nth-child(2),  
.side.marketMover .market-trans tbody tr td:nth-child(2), 
.side.marketMover .market-trans thead.market-trans-head tr td:nth-child(3),
.side.marketMover .market-trans tbody tr td:nth-child(3),
.side.marketMover .market-trans thead.market-trans-head tr td:nth-child(4),  

.side.marketMover .market-trans tbody tr td:nth-child(4),  
.side.marketMover .market-trans thead.market-trans-head tr td:nth-child(7),  
.side.marketMover .market-trans tbody tr td:nth-child(7),  
.side.marketMover .watchlist-button-wrap {
	display: none;
}

.side.marketMover .stocks-table-wrap .transformer ul.overview-tab li:nth-child(3),
.side.marketMover .stocks-table-wrap .transformer ul.overview-tab li:nth-child(5),
.stocks-sort-wrap {
	display:none;
	}
	
.side.marketMover .stocks-table-wrap,
.side.marketMover .overview-tab-wrap {
margin-bottom: 0;
}

.side.marketMover .stocks-view-by {
	display: none;
	}
	
.side.marketMover ul.tabs {
	display:none;
	}

/*	--------------------------------------------------
    DIVIDEND (SIDEBAR)
	-------------------------------------------------- */
.side.dividends-table-wrap .market-trans thead.market-trans-head tr td:nth-child(2),  
.side.dividends-table-wrap .market-trans tbody tr td:nth-child(2), 
.side.dividends-table-wrap .market-trans thead.market-trans-head tr td:nth-child(3),
.side.dividends-table-wrap .market-trans tbody tr td:nth-child(3),
.side.dividends-table-wrap .market-trans thead.market-trans-head tr td:nth-child(4),  
.side.dividends-table-wrap .market-trans tbody tr td:nth-child(4),  
.side.dividends-table-wrap .market-trans thead.market-trans-head tr td:nth-child(7),  
.side.dividends-table-wrap .market-trans tbody tr td:nth-child(7)
 {
	display: none;
}


/*	--------------------------------------------------
    EXCHANGE RATE - SIDEBAR
	-------------------------------------------------- */
	
	.exchange-side .styled-select, 
	.exchange-side .more-button-wrap {
		display:none;
		}

/*	--------------------------------------------------
    STOCKS TO WATCH(SIDEBAR - stockprofile page)
	-------------------------------------------------- */		
	.stockprofile .market-trans thead.market-trans-head tr td:nth-child(2),  .stockprofile .market-trans tbody tr td:nth-child(2),  .stockprofile .market-trans thead.market-trans-head tr td:nth-child(3),  .stockprofile .market-trans tbody tr td:nth-child(3),  .stockprofile .market-trans thead.market-trans-head tr td:nth-child(4),  .stockprofile .market-trans tbody tr td:nth-child(4),  .stockprofile .market-trans thead.market-trans-head tr td:nth-child(7),  .stockprofile .market-trans tbody tr td:nth-child(7) {
	display: none;
}
.transform-tab {
	display: none;
}
/* --------------------------------------------------------
	LATEST NEWS  (SIDEBAR)
   -------------------------------------------------------- */	
	.sidebar-item {
	overflow: hidden;
	margin-bottom: 20px;
}
ul.lined-list {
	overflow: hidden;
}
ul.lined-list li {
	border-bottom: solid 1px #DBDBDB;
	padding: 10px 0;
	position: relative;
	overflow: hidden;
}
ul.lined-list li:first-child {
	padding-top: 0;
}
ul.lined-list li:last-child {
	border-bottom: none;
}
.sidebar-item .more-story-button {
	margin: 15px auto;
	padding: 3px;
}
.more-story-button {
	background: #efefef;
	text-align: center;
	clear: both;
}
.more-story-button img {
	vertical-align: middle;
	margin: 0 3px;
}
.more-story-button a {
	margin: 0 auto;
	color: #b00;
	font-size: 0.750em; /*12px*/
	line-height: 1.417em; /*17px*/
	padding:5px;
}

.lnews {
	width: 70%;
	float: left;
	}
	
.moreheadlineimg {
	float: right;
	width: 20%;
	}
	
.moreheadlineimg.img-sticker {
	float:right;
	}
	
.sidebar-item ul.lined-list li img {
	width: 100%;
	}

/* --------------------------------------------------------
	MOST VIEWED/MOST SHARED  (SIDEBAR)
   -------------------------------------------------------- */

	.most-viewed {
	margin-bottom: 20px;
	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;
	border-bottom: 1px solid #dbdbdb;
	overflow: hidden;
}
.most-viewed ol.most-viewed-list li:last-child {
	border-bottom: none;
}
/* --------------------------------------------------------
	CURRENCY CONVERTER
   -------------------------------------------------------- */
   .exchangeWrap {
	overflow: hidden;
	display: block;
	margin-bottom:20px;
}
.position {
}
.ccOutput {
	display: block;
	clear: both;
	margin-bottom:4px;
}
.ccOutput-form {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	position: relative;
}

.ccOutput-form p {
	margin-bottom:10px;
	}
	
	
.ccOutput-form form {
	display: inline-block;
}
span.cc {
	margin:5px auto;
	text-align: center;
	display: block;
}
.ccOutput-data {
	border: 1px solid #dbdbdb;
	height: 30px;
	margin: 0 3px 0 0;
	overflow: hidden;
	padding: 5px;
	line-height: 30px;
	width: 70px;
	vertical-align:top;
}
.styled-select .currencyFrom {
	border:0;
	height: 30px;
	padding:5px;
	line-height: 1;
	webkit-appearance: none;
	background: none;
}
.styled-select {
	height: 30px;
	overflow: hidden;
	border: 1px solid #dbdbdb;
	display: inline-block;
}
select.currencyFrom, input.ccOutput-data {
	font-size: 0.750em; /*12px*/
	line-height: 1.417em; /*17px*/
	color: #333;
	vertical-align:top;
}
.exchangeWrap .more-button-wrap {
	position: absolute;
	bottom: 4px;
	right:0;
}
.position {
	position: relative;
}
/* --------------------------------------------------------
	RELATED NEWS
   -------------------------------------------------------- */	
.relatedNews ul.lined-listing {
	overflow:hidden;
	margin-bottom: 20px;
}

.relatedNews ul.lined-listing li {
	border-bottom:1px solid #dbdbdb;
	padding: 5px 0 10px 0;
	margin-bottom:5px;
	overflow: hidden;
	display: block;
}

.relatedNews ul li img {
	width: 67px;
	float: left;
	margin-right:1.0416%;
	}
	
.relatedNews p.rel-news-desc {
	float:left;
	width: 87%;
	margin:0 1.0416%;
	margin-right:0;
	
	}
	
.relatedNews ul.lined-listing li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

 /* ul.lined-listing li img {
	  float: left;
	  width: 20%;
	  }*/
	  
/* --------------------------------------------------------
	YOU MAY BE INTERESTED NEWS
   -------------------------------------------------------- */	
   .news-listing-wrap {
	   overflow: hidden;
	   display: block;
	   }
	   
	.news-listing {
		margin-bottom: 15px;
		overflow: hidden;
		display: block;
		/* height: 215px; /* updated by stella 13082014 */
		width: 100%;
		}      
		
	.news-listing {
		margin-bottom: 15px;
		overflow: hidden;
		display: block;
		/* height: 215px; /* updated by stella 13082014 */
		width: 100%;
		}   
		
	.ymbi-news {
		float: left;
		width: 31.9%; /* updated by stella 13082014 */
		margin-right: 2.0832%;
		margin-bottom:15px;
		}
		
	.ymbi-news:nth-child(3),
	.ymbi-news:nth-child(6) {
		margin-right: 0;
		}
	
	.ymbi-news:last-child {
		margin-right: 0;
		}
		
	.ymbi-news img {
		width: 198px;
		height: auto;
		}
		
	.interestNews .ymbi-news p{ /* added by stella 13082014 */
		overflow:hidden;
		width:100%;
		max-height:60px;
		min-height:60px;
	}

/* --------------------------------------------------------
	SUGGESTED VIDEOS COMPONENT
   -------------------------------------------------------- */	
   
   .suggestedVideo {
	   overflow:hidden;
	   display:block;
	   }
	   
	.suggestedVideo .watermark-videoPlay {
		right: 0;
		bottom: 0;		
		position: absolute;
		}	   
	.relative {
		position: relative;
	}
	
	.watermark-videoPlay{
		position:absolute;
		top:0;
		left:0;
		right:0;
	}
/* --------------------------------------------------------
	STORY PAGE
   -------------------------------------------------------- */	  
    
 .article-header {
	overflow: hidden;
	display: block;
	margin-bottom:15px;
}

.story-container {
	overflow: hidden;
}

.story-container .story-image p.caption {
	background: #e5e5e2;
	padding: 10px;
}
.story {
	overflow: hidden;
	margin-bottom: 15px;
}
.story-image {
	overflow: hidden;
	margin-bottom: 15px;
}
.story-image img {
    display: block;
}
.story p {
	margin-bottom: 20px;
	font-size: 1.063em; /*17px*/
	line-height: 1.353em; /*23px*/
	color: #444;
}

.row .profileByline {
	margin-bottom:6px;
	}
	

.reactions-bar {
	margin-bottom:20px;
	}


/*-----Font Resize-----*/
	 
	 .font-resize {
	margin-bottom:10px;
	overflow: hidden;
	display: block;
	color:#777;
	font-size: 0.813em; /* 13px */
	line-height: 1.385em; /* 18px */
}
.font-resize input[type=button] {
	border: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	text-align: center;
	font-size: 11px;
	cursor: pointer;
	width: 23px;
	height: 23px;
	margin-bottom: 3px;
}
.font-resize input[type=button].text-increase {
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/icon_textincrease.png) no-repeat center center #000;
	vertical-align: middle;
	margin-right:8px;
}
.font-resize input[type=button].text-decrease {
	background:url(https://s3-ap-southeast-1.amazonaws.com/biz.thestar.com.my/img/icon_textdecrease.png) no-repeat center center #444;
	vertical-align: middle;
	margin-right:8px;
}
/*	--------------------------------------------------
    BONUS PAGE
	-------------------------------------------------- */
	.tableBonus {
	overflow:hidden;
	display:block;
}
.tableBonus header ul {
	overflow: hidden;
	border-bottom: 1px solid #666;
	padding-bottom: 7px;
}
.tableBonus header ul li {
	float: left;
	font-size: 0.813em; /*13px*/
	line-height:1.385em; /*18px*/
	padding-right: 15px;
	font-weight: bold;
}
.tableBonus header img {
	display: inline-block;
	vertical-align:middle;
	cursor: pointer;
}
.tableBonus header ul li:last-child {
	padding-right: 0;
}
.table-01 {
	width: 25%;
}
.table-02 {
	width: 30%;
}
.table-03 {
	width: 45%;
}
.tableBonus-list {
	overflow:hidden;
	display:block;
}
ul.Bonus-listing {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
}
ul.Bonus-listing li {
	float: left;
}
ul.tableBonus-listing:last-child {
	border-bottom: none;
}
.side.tableBonus header ul li:first-child,  .side.tableBonus .tableBonus-list ul.Bonus-listing li:first-child {
	display: none;
}
.side.tableBonus .table-01 {
	width: 35%;
}
.side.tableBonus .table-03 {
	width: 65%;
}

/*	--------------------------------------------------
    MARKET SECTORS 
	-------------------------------------------------- */ 
	table.stocks-by-sector  {
		border-collapse: collapse;
		width: 100%;
		font-size: 0.813em;
		line-height:1.333em;
		margin-bottom:10px;
		}
		
	.stocks-by-sector tr {
		border-bottom:1px solid #e5e5e2;
		
		}
		
	.stocks-by-sector tr td {
		vertical-align: top;
		padding:10px 15px 10px 0;
		} 
		
	.stocks-by-sector tr td a {
		text-decoration: none;
		padding: 2px 6px;
		}
		
	.stocks-by-sector tr td a:hover {
		background: #dbdbdb;
		}
		
	.stocks-by-sector tr td a.selected {
		background: #333;
		color:#fff;
		
		}
        .market-sector-wrap {
		overflow:hidden;
		margin-bottom:10px;
		}
		
	.market-sector-wrap .paging-button {
		float: right;
		margin:10px 0;
		}

/*	--------------------------------------------------
    STOCKS / DIVIDENDS PAGE
	-------------------------------------------------- */	
	
	.stocks-table-wrap, .dividends-table-wrap {
	overflow:hidden;
	display: block;
	margin-bottom:20px;
	position: relative;
	}

	.stocks-table-wrap h1.title02 {
		border-top: none;
		padding-top: 0;
		}
		
.stocks-table-wrap .overview-tab-wrap {
		border-top: none;
		}
		
.stocks-table-wrap .watchlist-button-wrap {
	top: 0px;
	}
/* --------------------------------------------------------
	DIVIDENDS PAGE
   -------------------------------------------------------- */	
   	.dividends-table-wrap .more-button-wrap {
	display: none;
}
.side .more-button-wrap {
	display: block;
}
/* ---For Stock Profile Page--- */
	
	.inline.dividends-table-wrap thead tr td:nth-child(1),  .inline.dividends-table-wrap tbody tr td:nth-child(1) {
	display: none;
}
.inline.dividends-table-wrap thead tr td:nth-child(2),  .inline.dividends-table-wrap tbody tr td:nth-child(2) {
	text-align: left;
	width:15%;
}
/* --------------------------------------------------------
	SHAREHOLDING CHANGES / COMPANY RATINGS PAGE
   -------------------------------------------------------- */	
   		
	 .companyRatings, .shareholding {
	overflow:hidden;
	display:block;
	margin-bottom: 15px;
}
.companyRatings table, .shareholding table {
	border-collapse:collapse;
	width: 100%;
}
.companyRatings thead th, .shareholding thead th {
	border-bottom:1px solid #666;
	padding: 7px 8px 7px 0;
	vertical-align:text-top;
	text-align: left;
}
.companyRatings thead th:last-child, .shareholding thead th:last-child {
	padding-right: 0;
}
.companyRatings tbody tr, .shareholding tbody tr {
	border-bottom:1px solid #dbdbdb;
}

.companyRatings tbody tr:hover, .shareholding tbody tr:hover{
	background: #efefef;
}
.companyRatings tbody tr:last-child, .shareholding tbody tr:last-child {
	border-bottom: none;
}
.companyRatings tbody tr td, .shareholding tbody tr td {
	padding: 10px 25px 10px 0;
}
.companyRatings tbody tr td:last-child, .shareholding tbody tr td:last-child {
	padding-right: 0;
}

#secshareholding thead th {
   padding: 7px 20px 7px 0;	
}

#secshareholding thead th:last-child,
#secshareholding tbody td:last-child {
   padding-left: 0;
   padding-right: 0;
}

#secshareholding thead th:nth-child(3),
#secshareholding tbody td:nth-child(3) {
    text-align:right;
}

.companyProfile.shareholding .shareChanges thead tr th:nth-child(3),
.companyProfile.shareholding .shareChanges tbody td:nth-child(3) {
    text-align:right;
    }

.companyProfile.shareholding .shareChanges thead tr th {
 padding:10px 25px 10px 0;
}

.side.shareholding tbody td:nth-child(3) p {
padding: 0 10px;
}

/* --------------------------------------------------------
	COMPANY RATINGS PAGE
   -------------------------------------------------------- */	
		
	.companyRatings .ratings-01 {
	width: 25%;
}
.companyRatings .ratings-02 {
	width: 75%;
}
.companyRatings tbody tr td span {
	font-size: 0.875em;
	line-height: 1.500em;
	color: #666;
}
/* --------------------------------------------------------
	SHAREHOLDING CHANGES PAGE
   -------------------------------------------------------- */
	.shareChanges {
	font-size: 0.813em;
	line-height: 1.333em;
	width: 100%;
	border-collapse:collapse;
}
.shareholding thead th:last-child,  .shareholding tbody tr td:last-child {
	text-align: left;
	padding-left:15px;
}
.shareholding thead tr th:nth-child(4), .shareholding tbody tr td:nth-child(4) {
	text-align: left;
}
.main.shareholding .more-button-wrap {
	display: none;
}
.shareholding td data-title {
	display: inline-block;
}
.shareholding .shareChanges tbody tr td span {
	margin-right:0;
	padding:0;
}
.indication {
	overflow: hidden;
	display: block;
	background: #dbdbdb;
	padding: 6px 10px;
	margin-bottom: 15px;
}
ul.indication li {
	float: left;
	margin-right: 15px;
	font-size: 0.813em; /*13px*/
	line-height: 1.462em; /*19px*/
}
ul.indication li:last-child {
	margin-right: 0;
}
/* --------------------------------------------------------
	SHAREHOLDING CHANGES (IN MARKETWATCH PAGE - SIDEBAR)
   -------------------------------------------------------- */	  
  	.side.shareholding tbody tr td:nth-child(3) {
	text-align: left;
}
.side.shareholding tbody td p {
	/*display:inline;*/
}
.side.shareholding table {
	max-height: 460px;
	overflow:hidden;
}
.side.shareholding table,  .side.shareholding thead,  .side.shareholding tbody,  .side.shareholding th,  .side.shareholding td,  .side.shareholding tr {
	display: inline-block;
}
.side.shareholding thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.side.shareholding tbody tr {
	margin-bottom: 10px;
        width: 100%; /*added 05092014*/
}
.side.shareholding tbody tr td {
	padding: 0;
}
.side.shareholding tbody tr td:first-child {
	margin-bottom: 0;
	display:none;
}
.side.shareholding td {
	border: none;
	position: relative;
	white-space: normal;
	text-align: left;
}
.side.shareholding tbody tr td {
	margin-bottom: 10px;
	font-weight:normal;
}
.side.shareholding td:before {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.side.shareholding td:before {
	content: attr(data-title);
}
.side.shareholding thead th:last-child, .side.shareholding tbody tr td:last-child {
	text-align: left;
        display:block; /*added 05092014*/
}
.side.shareholding tbody tr td:nth-child(4) {
	text-align: left;
}
.side ul.indication li:first-child {
	display: block;
	clear:both;
	float:none;
}
.side ul.indication li {
	margin-right: 5px;
	font-size: 0.75em;
}
/*	--------------------------------------------------------------------
    COMPANY PROFILE (STOCK PROFILE PAGE)
	-------------------------------------------------------------------- */	
	
.companyProfile.shareholding .shareChanges thead tr th:nth-child(2),  .companyProfile.shareholding .shareChanges tbody tr td:nth-child(2) {
	display: none;
}
.companyProfile.shareholding thead tr th:nth-child(4), .companyProfile.shareholding tbody tr td:nth-child(4) {
	text-align: right;
}
.companyProfile.shareholding .more-button-wrap {
	display: none;
}
.companyProfile {
	overflow:hidden;
	display: block;
	margin-bottom: 15px;
}
.companyProfile a.watchlist-button img {
	vertical-align: middle;
	margin-bottom: 5px;
}
.address {
	display: block;
	overflow: hidden;
}
.address h3 {
	font-size: 0.875em; /*14px*/
	line-height: 1.286em; /*18px*/
	text-transform:uppercase;
}
.address p {
	font-size: 0.813em; /*13px*/
	line-height: 1.385em; /*18px*/
}
a.show-more, a.show-more-hide {
	font-size: 0.750em; /*12px*/
	line-height: 1.167em; /*14px*/
	margin-bottom: 5px;
}
.companyProfile .profile {
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}
.companyProfile.shareholding .shareChanges {
	margin-bottom: 0;
}

ul.companyProfile-chart-data {
	overflow: hidden;
	display: block;
	margin-top: 10px;
	}
	
ul.companyProfile-chart-data li {
	float: left;
	margin-right: 10px;
	font-size: 0.813em; /*13px*/
	line-height: 1.286em; /*16px*/
	vertical-align:top;
	padding:2px;
	}

ul.companyProfile-chart-data li.filter {
	background: #deded9;
	padding: 2px 4px;
	cursor: pointer;
	}	
	
ul.companyProfile-chart-data li.filter a {
	text-decoration: none;
	color: #333;
	padding: 2px 4px;
	}
	
ul.companyProfile-chart-data li.selected {
	background: #33adcc;
	color: #fff;
	}
	
ul.companyProfile-chart-data li.selected a {
	color: #fff;
	}
	
ul.companyProfile-chart-data li:last-child {
	float: right;
	margin-right: 0;
	}

.fundamentals-disclaimer {
	margin:15px auto;
	text-align:left;
	overflow:hidden;
	display:block;
	border-top: 2px solid #dbdbdb;
	padding-top:10px;
	}
	
.fundamentals-disclaimer p {
	font-size: 0.750em;
	line-height: 1.333em;
	margin-bottom:10px;
	}
	
.fundamentals-disclaimer span {
	color: #dbdbdb;
	margin: 0 5px;
	}

/*	--------------------------------------------------
    SHARE BUYBACKS (STOCK PROFILE PAGE)
	-------------------------------------------------- */
		
	.shareBuybacks, .financial {
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
	border-collapse:collapse;
	width: 100%;
}
.shareBuybacks thead tr th:first-child, .shareBuybacks tbody tr td:first-child {
	text-align: left;
	padding-left: 0;
}
.shareBuybacks thead tr th:last-child, .shareBuybacks tbody tr td:last-child {
	padding-right: 0;
}
.shareBuybacks thead tr {
	vertical-align: top;
	border-bottom: 1px solid #666;
}
.shareBuybacks thead tr th, .shareBuybacks tbody tr td {
	text-align: right;
	padding: 10px 15px 10px 0;
}
.shareBuybacks tbody tr {
	border-bottom: 1px solid #dbdbdb;
}

.shareBuybacks tbody tr:hover {
	background: #efefef;
}
.shareBuybacks tbody tr:last-child {
	border-bottom:none;
}
.shareBuybacks tbody tr td {
	padding: 10px 15px 10px 0;
	vertical-align: text-top;
}
/*	--------------------------------------------------
    FINANCIAL (STOCK PROFILE PAGE)
	-------------------------------------------------- */	
	.financial thead tr th:first-child, .financial tbody tr td:first-child {
	text-align: left;
	padding-left: 0;
}
.financial thead tr th:last-child, .financial tbody tr td:last-child {
	padding-right: 0;
}
.financial thead tr {
	vertical-align: top;
	border-bottom: 2px solid #006699;
}
.financial thead tr th, .financial tbody tr td {
	text-align: right;
	padding: 6px 4px;
}
.financial tbody tr {
	border-bottom: 1px solid #dbdbdb;
}

.financial tbody tr:hover {
	background:#efefef;
	}
	
	
.financial tbody tr:last-child {
	border-bottom:none;
}
.financial tbody tr td {
	padding: 10px 15px 10px 0;
	vertical-align: text-top;
}
/*	--------------------------------------------------
    STOCK PROFILE PAGE
	-------------------------------------------------- */
	.companyStock {
	display: block;
	overflow: hidden;
	position: relative;
}
.companyStock .more-button-wrap {
	position: absolute;
	right: 0;
	top: 15px;
}
ul.stock-code {
overflow: hidden;
display:block;
margin-bottom: 15px;
width: 80%;
}
ul.stock-code li span {
width: 120px;
float: left;
overflow: hidden;
}

.stock-code-set {
width: 50%; 
float: left;
}
/*	--------------------------------------------------
    STOCKS - FINANCIAL PAGE
	-------------------------------------------------- */
	.shareChanges thead tr td {
	text-align: right;
	padding: 10px 15px 10px 0;
}
.shareChanges thead tr td:last-child {
	padding-right: 0;
}
.shareChanges thead tr td span.subhead01 {
	display: block;
	font-size: 1.063em; /*17px*/
}
.shareChanges tbody tr td.subhead02 {
	font-weight: bold;
	background: #dbdbdb;
	text-transform:uppercase;
	padding-left: 10px;
}
/*	--------------------------------------------------
    IPO PAGE
	-------------------------------------------------- */
	.ipoTableWrap table {
	font-size: 0.813em;
	line-height: 1.333em;
	margin-bottom: 10px;
	width: 100%;
	border-collapse:collapse;
}
.ipoTableWrap thead th {
	border-bottom: 1px solid #666;
}
.ipoTableWrap thead th, .ipoTableWrap tbody tr td {
	padding: 10px 12px 10px 0;
	vertical-align: text-top;
}
.ipoTableWrap thead th:last-child, .ipoTableWrap tbody tr td:last-child {
	padding-right: 0;
}
.ipoTableWrap thead tr th, .ipoTableWrap tbody tr td {
	text-align: right;
}
.ipoTableWrap thead tr th:nth-child(1),  .ipoTableWrap tbody tr td:nth-child(1),  .ipoTableWrap thead tr th:nth-child(2),  .ipoTableWrap tbody tr td:nth-child(2) {
	text-align: left;
}
.ipoTableWrap thead th:nth-child(1),  .ipoTableWrap tbody tr:nth-child(1) {
	width: 38%;
}
.ipoTableWrap thead th:nth-child(2),  .ipoTableWrap tbody tr:nth-child(2) {
	width: 18%;
}
.ipoTableWrap thead th:nth-child(4),  .ipoTableWrap tbody tr:nth-child(4) {
	width: 20%;
}
.ipoTableWrap tbody tr {
	border-bottom: 1px solid #dbdbdb;
}
.ipoTableWrap tbody tr:last-child {
	border-bottom: none;
}
/* --------------------------------------------------------
	FINANCE PAGE / UNIT TRUST PAGE
   -------------------------------------------------------- */	
   
   .financeWrap, .unitTrustsWrap, .profileFinance {
	display:block;
	overflow:hidden;
	margin-bottom:15px;
}
/* --------------------------------------------------------
	FINANCE PAGE 
   -------------------------------------------------------- */	
   	.financeWrap .market-trans thead tr td:nth-child(1),  .financeWrap .market-trans tbody tr td:nth-child(1),  .financeWrap .market-trans thead tr td:nth-child(2),  .financeWrap .market-trans tbody tr td:nth-child(2),  .financeWrap .market-trans thead tr td:nth-child(3),  .financeWrap .market-trans tbody tr td:nth-child(3) {
	text-align: left;
}
.financeWrap .market-trans tbody tr td:nth-child(1) {
	text-transform:capitalize;
}
.financeWrap .market-trans tbody tr td:nth-child(2) {
	text-transform: uppercase;
}

/* --------------------------------------------------------
	FINANCE (SIDEBAR COMPONENT)
   -------------------------------------------------------- */
   .side.financeWrap .market-trans thead tr td:nth-child(1),
   .side.financeWrap .market-trans tbody tr td:nth-child(1),
   .side.financeWrap .market-trans thead tr td:nth-child(4),
   .side.financeWrap .market-trans tbody tr td:nth-child(4)
	{
	   display:none;
	   }

/* --------------------------------------------------------
	STOCK PROFILE - FINANCE 
   -------------------------------------------------------- */
	
	.profileFinance .market-trans tbody td:first-child {
		text-transform:capitalize;
	}   	

	.profileFinance .market-trans thead tr td:nth-child(3),
	.profileFinance .market-trans tbody tr td:nth-child(3){
		text-align:center;
		}
		
	.profileFinance .market-trans thead tr td,
	.profileFinance .market-trans tbody tr td{
		padding-right:10px;
	}
	
	.profileFinance .market-trans thead tr td:last-child,
	.profileFinance .market-trans tbody tr td:last-child{
		padding-right:0;
		}
		
	.profileFinance table {
		margin-bottom:0;
		}
	   


/* --------------------------------------------------------
	UNIT TRUST PAGE
   -------------------------------------------------------- */	
   	
	.unitTrustsWrap .more-button img {
	margin-left: 5px;
	vertical-align: middle;
	margin-bottom:2px;
}
.unitTrustsWrap p.date {
	margin-bottom: 10px;
}
.fundFilter input {
	border:1px solid #dbdbdb;
	height: 30px;
	margin: 0 0 0 3px;
	padding: 5px;
}
.fundFilter {
	font-size: 0.813em;
	line-height: 1.538em;
	color: #333;
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
}
.fundFilter .styled-select {
	vertical-align: top;
	float: right;
}
.styled-select .fundFilterDate {
	-moz-appearance:none;
	-webkit-appearance:none;
 	background: url("../images/dropdown-glos.png") no-repeat scroll right center #fefefe;
 	border: 0 none;
 	height: 30px;
 	line-height: 1;
 	padding: 5px 30px 5px 5px;
}
.unitTrustFund {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom:15px;
}
.unitTrustFund table {
	border-collapse:collapse;
	width: 100%;
	margin-bottom:10px;
	table-layout:fixed;
}
thead.unitTrustFundHeader {
	overflow:hidden;
	xtext-transform:uppercase;
	font-weight: bold;
	border-top:1px solid #666;
}
thead.unitTrustFundHeader tr th {
	padding:6px 0;
}
thead.unitTrustFundHeader tr th:nth-child(1), .unitTrustFund tbody tr td:nth-child(1) {
	text-align: left;
	width: 80%;
}
thead.unitTrustFundHeader tr th:nth-child(2), .unitTrustFund tbody tr td:nth-child(2) {
	text-align: right;
	padding-right: 0;
}
.unitTrustFund tbody tr td {
	font-size: 0.813em;
	line-height: 1.333em;
	padding: 10px 15px 10px 0;
}
.unitTrustFund tbody tr {
	border-bottom: 1px solid #dbdbdb;
}
.unitTrustFund tbody tr:last-child {
	border-bottom: none;
}
.unitTrustFund table .truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*	--------------------------------------------------------------------
    STOCKS BY ALPHABET (USE IN BONUS / DIVIDENDS / STOCKS / SHAREHOLDING CHANGES)
	-------------------------------------------------------------------- */
			
.hide {
	display: none;
}

.glossary-nav {
	overflow: hidden;
	display:block;
	margin-bottom: 15px;
	position: relative;
	}
	
.glossary-nav .show-more-height {
	height: 50px;
	overflow: hidden;
	}
	
.glossary-nav .text {
	margin-bottom:5px;
	position: relative;
	display:block;
	}
	
.glossary-nav .show-more {
	background: #dbdbdb;
	padding:4px;
	cursor: pointer;
	text-align: center;
	position: relative;
	color:#b00;
	font-size:0.750em; /*12px*/
	line-height:1.500em; /*18px*/
	}
	
.glossary-nav .show-more:hover {
	background: #dbdbdb;
	color: #b00;
	}
	
.glossary-nav p {
	margin-bottom:5px;
	}
	
ul.glossary {
	font-size: 0.813em; /*13px*/
	line-height: 1.385em; /*18px*/
}
ul.glossary li {
	display: inline-block;
	margin-right: 2px;
	margin-bottom:15px;
	text-align: center;
}

ul.glossary li a {
	text-decoration: none;
	padding: 0 5px;
}

ul.glossary li a:hover {
	background: #dbdbdb;
}

ul.glossary li.selected a {
	background: #333;
	color: #fff;
}

ul.glossary li:last-child {
	margin-right: 0;
}

.glossary-nav-res {
	display:none;
	}

.glossary-nav-res.az {
	margin-bottom:15px;
	}
	
.glossary-nav-res, .market-sector-wrap {
	display:none;
	}

/*	--------------------------------------------------------------------
    STOCKS BY SECTOR (USE IN BONUS / DIVIDENDS / STOCKS / SHAREHOLDING CHANGES)
	-------------------------------------------------------------------- */
	.sector-table {
		border-collapse: collapse;
		width: 100%;
		}
		
	.sector-table tbody tr td {
		vertical-align: top;
		}
		
	.sector-table tbody tr td:nth-child(1) {
		width: 20%;
		}
		
	.sector-table tbody tr td:nth-child(2) {
		width: 80%;
		}
		
	ul.filter-navi {
		overflow: hidden;
		display: block;
		margin-bottom:10px;
		}
		
	ul.filter-navi li {
		float: left;
		margin-right: 20px;
		text-transform:uppercase;
		}
		
	ul.filter-navi li:last-child {
		margin-right: 0;
		}
		
	ul.filter-navi li a {
		text-decoration: none;
		padding:2px 4px;
		}
		
	ul.filter-navi li a:hover {
		background:#dbdbdb;
	}
	
	ul.filter-navi li.selected a {
		background:#333;
		
		color: #fff;
		}
		
/*	--------------------------------------------------
  	SIGN IN  (MEMBER SIGN IN PAGE)
	-------------------------------------------------- */
.signIn-form {
	margin-top: 80px;
	margin-bottom: 80px;
	overflow: hidden;
	display: block;
	}

.signIn {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	}
	
.signIn label {
	display: block;
	}

.signIn input {
	width: 100%;
	margin-bottom: 10px;
	}
	
.row.member-area {
	padding-top: 30px;
	}
		

/*	--------------------------------------------------
    :: FOOTER (MEMBER SIGN IN PAGE)
	-------------------------------------------------- */		
	.row.footerMenu {
		background: #333;
		}
		
	.footerInfo {
		overflow:hidden;
		display:block;
		}
		
	footer ul.footer-list li {
		display: inline-block;
		margin: 5px 20px 5px 0;
		font-size: 0.75em;
		line-height:2.500em;
		}
		
	footer ul.footer-list li a {
		color: #fff;
		}
	
/*	--------------------------------------------------
    :: FOOTER
	-------------------------------------------------	
	.row.footerMenu {
	background: #003D5C;
}
.footerInfo {
	overflow:hidden;
	display:block;
}
footer ul.footer-list li {
	display: inline-block;
	margin: 5px 20px 5px 0;
	font-size: 0.75em;
	line-height:2.500em;
}
footer ul.footer-list li a {
	color: #fff;
}
.row.copyright {
	background: #000;
}
.copyright p {
	color: #fff;
	font-size:0.688em;
	line-height:1.636em;
	margin: 9px 0;
}- */	


/* --------------------------------------------------------
	WHAT YOU MISSED
   -------------------------------------------------------- */
	.row.what-you-missed {
		background:#e5e5e2;
		clear:both;
		}	
		
	.what-you-missed h1 {
		border-top: none;
		margin:10px;
		}
	
	/*.what-you-missed img {
		margin-bottom:10px;
		}
		TODO*/
		
	.what-you-missed p {
		margin-bottom:30px;
		}
		
	.content-you-missed {
		overflow:hidden;
		display:inline;
		}
		
/* --------------------------------------------------------
	BREAKING NEWS
   -------------------------------------------------------- */	
   .breaking-news {
	background:#f0f0e6;
	padding:10px 0;
	margin:0 10px 15px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	}
	.breaking-news h2 {
		float:left;
		font-size:12px;
		line-height:20px;
		font-weight:bold;
		font-family:'Roboto', Arial, Tahoma, Helvetica, sans-serif;
		color:#B00;
		text-transform:uppercase;
		margin-right:20px;
		margin-left:20px;
	}
	.breaking-news p {
		float:left;
		font-size:12px;
		margin-bottom:0;
		max-width:730px;
		height:20px;
		overflow:hidden;
	}
	.breaking-news img {
		float:right;
		margin-right:10px;
	}
	.breakingnews_prev, .breakingnews_next {
		width:20px;
		height:20px;
		float:right;
		margin-right:10px;
		background-image:url('http://clips.thestar.com.my/Themes/TSOL/img/breaking-news.png');
		background-repeat:no-repeat;
		cursor:pointer;
	}
	.breakingnews_next {
		background-position:top right;
	}

	.columns.breaking-news  {
		margin-bottom:20px;
		overflow:hidden;
		display:block;
	}
	
/* --------------------------------------------------------
	smartbanner - hide when desktop view
   -------------------------------------------------------- */
   
   #smartbanner { display:none;}


/* Added on 10062015 by stella */
/* --------------------------------------------------------
	SHARE AND WIN CONTEST PROMO - TSOL 20 ANNIVERSARY (23JUNE TO 12 JULY 2015)
   -------------------------------------------------------- */
	div.share-and-win-promo{
		background:#fff;
		border:1px solid #a6a6a6;
		padding:10px;
		margin:5px 0;
		clear:both;
		position:relative;
		font-family: 'Oswald', sans-serif;
	}
	
	div.share-and-win-image{
		width:35%;
		/* float:left; */
		margin-right:10%;
		margin-left:20px;
	}
	
	div.share-and-win-image img{
		width:200px;
		height:auto;
	}
	
	div.share-and-win-content{
		width:58%;
		color:#c62026;
		right:0;
		font-size:18px;
		line-height:25px;
		position:absolute;
		top:50%;
		margin-top:-24px;
		font-weight:bold;
	}