﻿/* --------------------------------------------------------
	RESPONSIVE GIGYA SHARE BAR
-------------------------------------------------------- */	

    @media only screen and (min-width: 240px) and (max-width: 767px) {
		
		
		.breaking-news > p {
			margin: 10px 20px;
			height: auto;
			line-height: 18px;
			clear:both;
			}
			
		.breaking-news > p span {
			display:block;
			margin-bottom:6px;
			}
			
		.breaking-news {
			position: relative;
			}
			
		.breakingnews_next {
			position: absolute;
			top: 10px;
			right:0;
			}
			
		.breakingnews_prev {
			position: absolute;
			top: 10px;
			right:15px;
			}
			
/* --------------------------------------------------------
	GYGYA REACTIONS PANEL
   -------------------------------------------------------- */
   .gigyaReactions-wrapper {
    display: none;
	}
	.gigyaReactions-wrapper-mobile {
    display: block;
	}
	
	#reactionsDivMobile-reaction0-count, #reactionsDivMobile-reaction2-count, #reactionsDivMobile-reaction1-count, #reactionsDivMobile-reaction3-count, #reactionsDivMobile-reaction4-count, #reactionsDivMobile-reaction5-count, #reactionsDivMobile-reaction6-count {
	width: 26px!important
    }
    .gig-counter {
	    background: transparent!important
    }

    div.gig-button-container {
        padding: 0 3px 0 0 !important;
    }
}


/* ---- FOR MEDIA SCREEN FROM 320px TO 767px ---- */

@media only screen and (max-width : 767px) { 

/* --------------------------------------------------------
	smartbanner - hide when desktop view
   -------------------------------------------------------- */
   
.row-header {
    display: none;
}

   #smartbanner { display:block;}
   
   
/* --------------------------------------------------------
	GRID
   -------------------------------------------------------- */
	.row {
		xmax-width: 568px;
		padding: 0;
		margin: 0 auto;
		background: #fff;
		overflow: hidden;
		}
		
	.row .row {
		margin: 0 -3.4375%; /*6.5625  3.4375*/
		}
		
	.column,.columns {
		margin: 0 3.125%;  /*0 10px*/
		float: none; 
		position: relative; 
		}
			
	.row .mobile1 	{ width: 18.75% ; overflow:hidden;}
	.row .mobile2	{ width: 43.75% ; overflow:hidden;}
	.row .mobile3 	{ width: 68.75% ; overflow:hidden;}
	.row .mobile4	{ width: 93.75% ; overflow:hidden;}
	
		
/* --------------------------------------------------------
	ADVERTISEMENT BANNER
   -------------------------------------------------------- */	
   
   .leaderboard-res, .med-rec {
	   	min-width:300px;
		max-width:300px;
	   
	   }
   
   /*----- LEADERBOARD -----*/	
   	
	.leaderboard-inline {  /*728 X 90 banner (HEADER)*/
		display:none;
		}
		
	.leaderboard {  /*728 X 90 banner (GENERAL)*/
		display:none;
		}
		
	.leaderboard-res{  /*300 X 50 banner (MOBILE)*/
		display: block;
		margin: 10px auto;
		text-align:center;
		}
		
	/*----- BILLBOARD -----*/
	
	.row-billboard {  /*940 X 40 banner (GENERAL)*/
		display:none;
		}
		
	/*----- MEDIUM REC -----*/
	
	.med-rec {   /*300 X 250 banner (GENERAL)*/
		text-align:center;
		margin:10px auto;
		display:block;
		}
		
	.hide {
		display:none;
		}	
		
	/*----- SITE TAKE OVER -----*/

	.divSiteTakeOverWrapper {
		display:none;
		}	
		
/* --------------------------------------------------------
	BACK TO TOP BUTTON
   -------------------------------------------------------- */	
	.totop{
		display:block;
		text-align: center;
		margin: 15px auto;
		}
	
	.totop p {
		font-size:0.688em; /*11px*/
		line-height: 1.545em; /*17px*/
		}
	
	.totop img {
		margin-left:6px;
		}
		
/* --------------------------------------------------------
	PAGE TITLE + BREADCRUMBS
   -------------------------------------------------------- */	
		
 .page-title h1 {
	   float: none;
	   font-size: 1.25em;
	   }	

p.breadcrumbs {
		margin-left: 0;
		margin-top:0;
		margin-bottom:10px;
		}

.headline {
    font-size: 1.563em;
    line-height: 1.24em;
}
/* --------------------------------------------------------
	LOGO
   -------------------------------------------------------- */
   
   a.logo-inner {
	   display:none;
	   }
	
	   
	.logo-res {
		text-align:center;
		margin: 0 auto;
		display:block;
		}
		
	.logo-res a {
		border: 0;
		display:inline-block;
		}
		
	.logo-res a img {
		height: 35px;
		}
		
	.extra ul.content li {
		max-height: 38px;
		}
		
	.extra ul.content li ul .sign-expand-wrap li {
		max-height: 100%;
		}
		
	.extra ul.content li .sign-expand-wrap li  {
		padding:4px 0;
		}
		
	.row.statusbar {
		height: auto;
		}
  
/* --------------------------------------------------------
	NAVIGATION
   -------------------------------------------------------- */  
   #navigation.row {
	   z-index: 9999;
	   padding: 0;
	   left: 0;
	   }
   
   .navi-primary {
	   display:none;
	   }
	   	
	.res-toggle{
		/*float:left;*/
	}
		
	.toggle {
		display:block;
		overflow:hidden;
		float:left;
		margin:0 3.125%;
		/*float: left; /* updated by stella 08082014 */
	}
		
	.row.expand {
		background:none;
		clear:both;
		}	
		
	.search-expand form {
		margin: 5px auto;
		}
		
	.search-expand input[type="text"] {
		width: 65%;
		}
		
	.toggleMenu { 
			background: url(../img/menu-icon.png) no-repeat center center;
			width: 30px;
			height: 30px;
			float: left;
			margin:5px auto;
			color: #333;
		}
		
	.extra, .extra ul.content {
		float: right;
		}
		
	.extra ul.content li {
		padding: 0 8px;
		}
		
	.extra ul.content li:last-child {
		border-right: none;
		box-shadow:none;
		/*padding-right: 0;*/
		}
		
	.extra ul.content img {
		height: 20px;
		margin:10px auto;
		}
		
	.extra ul.content li:last-child {
		border-right: none;
		}
		
	.sign-expand-wrap {
		right:46px;
		top:42px;
		}
	
	/* added by stella 12082014 */
	.navi-primary-mobile{
		display:block;
		font-size:13px;
	}
	
	.navi-primary-mobile a{
		text-decoration:none;
		color:#fff;
	}
	
	.navi-primary-mobile .navigation-title{
		background:#222;
		display:block;
		padding:7px 10px;
		border-bottom:1px solid #333;
		font-weight:bold;
	}
	
	.navi-primary-mobile .navigation-section{
		background:#333;
		clear:both;
		display:block;
		overflow:hidden;
		position:relative;
	}
	
	.navi-primary-mobile .navigation-children{
		-webkit-column-count: 2;
    	-webkit-column-width: 50%;
   	 	-moz-column-count: 2;
    	-moz-column-width: 50%;
		column-count: 2;
    	list-style: none;
		margin:7px 0;
	}
	
	.navi-primary-mobile .navigation-children li{
		margin:0 10px 0 20px;
	}
	
	.navi-primary-mobile .navigation-children li a{
		/*display:block;
		padding:7px 10px 7px 20px;*/
		color:#aaa;
	}
	
	.navi-primary-mobile .navigation-children li a:hover, .navi-primary-mobile .navigation-title:hover{
		background:#fff;
		color:#bb0000;
	}
	
	.navi-primary-mobile ul li ul li a:nth-child(2n+1){
		clear:both;
	}
	
/* --------------------------------------------------------
	SEARCH RESULTS
   -------------------------------------------------------- */
   
   .ssr {
	   width: 50%;
	   }
	   
	.ssr .stockPrice {
		width: auto;
		}
		
	input.searchbutton-main[type="submit"] {
		width: 18%;
		}
		
/* --------------------------------------------------------
	HEADLINE  
   ------------------------------------------------------- */			
	.row .page-title {
		 margin-top:0px;
		}
		
/* --------------------------------------------------------
	EDITORS CHOICE
   -------------------------------------------------------- */
		
	.EditorsHighlightContent .mobile2 {
		float:left;
		}
		
	.EditorsHighlightContent p.description, .EditorsHighlightContent p.date {
		display:none;
		}
		
/*	--------------------------------------------------
    SHARE BUYBACKS (STOCK PROFILE PAGE)
	-------------------------------------------------- */
	.shareChanges thead tr th:nth-child (4),
	.shareChanges tbody tr td:nth-child (4),
	.shareChanges thead tr th:nth-child (5),
	.shareChanges tbody tr td:nth-child (5)
	 {
		display:none;
		}
		
	.shareBuybacks .shareChanges thead tr th:nth-child(4),
	.shareBuybacks .shareChanges tbody tr td:nth-child(4),
	.shareBuybacks .shareChanges thead tr th:nth-child(5),
	.shareBuybacks .shareChanges tbody tr td:nth-child(5)
	 {
		display:none;
		}
		
	.shareBuybacks .shareChanges thead tr th:nth-child(3),
	.shareBuybacks .shareChanges tbody tr td:nth-child(3) {
		padding-right: 0;
		}

/* --------------------------------------------------------
	FINANCE (STOCK PROFILE PAGE)
   -------------------------------------------------------- */
   .profileFinance .market-trans thead tr td:nth-child(2),
   .profileFinance .market-trans tbody tr td:nth-child(2),
   .profileFinance .market-trans thead tr td:nth-child(3),

   .profileFinance .market-trans tbody tr td:nth-child(3),
   .profileFinance .market-trans thead tr td:nth-child(4),
   .profileFinance .market-trans tbody tr td:nth-child(4) {
	   display:none;
	   }

/* --------------------------------------------------------
	LATEST/POPULAR TAB
   -------------------------------------------------------- */	
	.story-latest .story-list .mobile1, .story-latest .story-list .mobile3 {
		float:left;
		}
		
	.story-latest .story-list p.description, .story-latest .story-list p.date {
		display: none;
		}
		
/* --------------------------------------------------------
	RELATED NEWS
   -------------------------------------------------------- */	
   /*.relatedNews ul.lined-listing li img {
	   float: right;
	   }*/
	   
	.relatedNews p.rel-news-desc {
		float:none;
		}

	.relatedNews ul.lined-listing li p {
		margin-left:0;
		}
		
    .relatedNews ul.lined-listing li .img-sticker {
		float: right;
    	margin-left: 10px;
		}

/* --------------------------------------------------------
	STORY PAGE
   -------------------------------------------------------- */		   
	   
	.row.profileByline > div {
		float: left;
		}
		
	.story-container img {
		height:auto!important;
	}
		
/* --------------------------------------------------------
	 SERVICE PANEL
   -------------------------------------------------------- */		
	
	.service-panel ul{
		display:none;	
		}
	
	.service-panel .social-network-mobile{
		display: block !important;
	}
	
	.service-panel .social-network-mobile li{
		margin:0 .5%;
	}
	
	#gigya-share_top_PR_m , #gigya-share_bottom_PR_m{
		display:none;
	}
/* --------------------------------------------------------
	YOU MAY BE INTERESTED NEWS
   -------------------------------------------------------- */	
	
	.news-listing{
		height: auto;
		}
		
	.ymbi-news {
		width: 100%;
		margin-bottom: 15px;
		overflow: hidden;
		}

	.ymbi-news.others-read {
		margin-bottom: 15px;
		overflow: hidden;
		width: 100%;
		}
		
	.ymbi-news:last-child {
		margin-bottom: 0;
		}
		
	.ymbi-news img {
		width: 46.875%;
		margin-left: 6.25%;
		float: right;
		display: inline-block;
		}
		
	.interestNews .ymbi-news { /* added by stella 13082014 */
		width: 48.75%;
		margin-bottom: 0;
		overflow: hidden;
		}
		
	.ymbi-news:nth-child(3), .ymbi-news:nth-child(6) {
		margin-right: 2.0832%;
		}/*added by syazwin 26082014*/
		
	.ymbi-news:nth-child(even) {
		margin-right: 0;	
		}/*added by syazwin 26082014*/
	
		
	.interestNews .ymbi-news img { /* added by stella 13082014 */
		width: 100%;
		display: inline-block;
		}
	  
/* --------------------------------------------------------
	other's also read (video play icon)
   -------------------------------------------------------- */
   
   .ymbi-news.others-read .img-sticker {
	   float:right;
	   width:50%;
	   }
	   
	.ymbi-news.others-read .img-sticker img {
		width:100%;
		}
	   
	.img-sticker a, .img-sticker img {
		display: block;
    	overflow: hidden;
    	width: 100%;
		}
		
	.ymbi-news.others-read p {
		float:left;
		}
		
	.news-listing .others-read img, .news-listing .others-read p {
		width: 43.75%;
		}
   	 
/* --------------------------------------------------------
	SUGGESTED VIDEOS COMPONENT
   -------------------------------------------------------- */	  
   	   
  .suggestedVideo .ymbi-news img {
		width: 100%;
		float: left;
		margin-right: 6.25%;
		margin-left:0;
		}
		
	.suggestedVideo p {
		float:none;
		clear:both;
		display:inline-block;
		vertical-align:top;
		width: 70%;
		}
		
	.suggestedVideo .watermark-videoPlay {
		left: 0; 
		top: 0; 
		position: absolute;
		}

    .suggestedVideo .img-sticker.space-5 {
	   display:inline-block;
	   float:none;
	   margin-right:10px;
	   overflow:hidden;
	   width:25%;
	   }
	   
	.suggestedVideo .img-sticker a, 
	.suggestedVideo .img-sticker img {
		clear:both;
		}

/*	--------------------------------------------------
    MARKET WATCH - KLCI Market (MAIN)
	-------------------------------------------------- */
	
	p.date span.info {
		display:block;
		margin-left:0;
		}
		
	.mainklci.klciMarket p.date span.info {
		margin-left:0;
		}
		
	.mainklci .graph {
		margin-right: 0;
		float: none;
		text-align: center;
		}
		
	.mainklci .rangeWrap {
		float: none;
		margin-right: 0;
		display: block;
		clear: both;
		}
		
	.mainklci .klciDesc .range:first-child {
		float: left;
		margin: 0;
		}
		
	.mainklci .klciDesc .range:last-child {
		float: right;
		}
		
	.mainklci .stackGraph {
		float: none;
		width: auto;
		}
		
	.mainklci.klciMarket .klciDesc .graph {
		display: block;
		margin-bottom: 15px;
		}
		
	.mainklci.klciMarket .klciDesc .range:first-child {
		padding-right: 6px;
		}
	
	.mainklci.klciMarket .klciDesc .range {
		float: left;
		margin-bottom: 15px;
		width: 50%;
		border-top: none;
		}
		
	.mainklci.klciMarket .klciDesc .range p {
		clear: both;
		float: left;
		font-size: 0.75em;
		line-height: 1.417em;
		margin-right: 15px;
		}
		
	.mainklci .stackGraph-info {
		float: left;
		margin-bottom: 15px;
		width: 50%;
		}
		
	.mainklci .stackGraph-info:nth-child(2n+1) {
   	 	padding-right: 6px;
		}
		
	.mainklci .stackGraph-info:nth-child(2n) {
    	padding-left: 6px;
		}
	
/*	--------------------------------------------------
     KLCI Market + BOURSES
	-------------------------------------------------- */
	
	.mainklci .klciHeader h3 {
		float: none;
		}
		
	.mainklci .klciVolume {
		margin-right:15px;
		}
		
/*	--------------------------------------------------
    MARKET MOVERS (MARKETWATCH PAGE + BIZ NEWS + STOCKS TO WATCH)
	-------------------------------------------------- */

	 .mainmarket .tabsContainer ul.tabs li:nth-child(3),
	 .mainmarket .tabsContainer ul.tabs li:nth-child(5),
	 .stocks-table-wrap .tabsContainer ul.tabs li:nth-child(3),
	 .stocks-table-wrap .tabsContainer ul.tabs li:nth-child(5)
		{
		display: none;
		}
		
	.main .market-trans thead.market-trans-head tr td:nth-child(2),
	.main .market-trans tbody tr td:nth-child(2),
	.main .market-trans thead.market-trans-head tr td:nth-child(3),
	.main .market-trans tbody tr td:nth-child(3),
	.main .market-trans thead.market-trans-head tr td:nth-child(4),
	.main .market-trans tbody tr td:nth-child(4),
	.main .market-trans thead.market-trans-head tr td:nth-child(7),
	.main .market-trans tbody tr td:nth-child(7) {
		display: none;
		}
		
	.financeWrap .market-trans tbody td:last-child {
		text-align: right;
		}
		
	.side .market-trans thead.market-trans-head tr td:nth-child(8),
	.side .market-trans tbody tr td:nth-child(8) {
		display: block;
		}
		
	.companyProfile a.watchlist-button {
		display: none;
		}
		
	.companyProfile a.watchlist-button-res{
 	display:block;
	background: #b00;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	color: #fff;
	height: 26px;
	width: 26px;
	}
	
 .companyProfile .watchlist-button-res > img {
	 vertical-align: middle;
	 }

   	.side.shareholding tbody td p {
		display:block; /*added 05092014*/
		}

	.main.companyProfile .market-trans thead.market-trans-head tr td:nth-child(4),
	.main.companyProfile .market-trans tbody tr td:nth-child(4) {
		display:block;
	}
		
	.main.companyProfile .market-trans thead.market-trans-head tr td:nth-child(8),
	.main.companyProfile .market-trans tbody tr td:nth-child(8){
		display:none;
	}

		
/*	--------------------------------------------------
    EXCHANGE RATE PAGE
	-------------------------------------------------- */		
	
	span.cc, .ccOutput-form form {
		display: block;
		text-align: center;
		margin: 0 auto;
		}
		
	span.cc {
		margin: 10px auto;
		}
		
	.ccOutput-data {
		width: 27%;
		}
		
	.styled-select {
		width: 70%;
		}
		
	.position .styled-select {
		width: 100%;
		display: block;
		margin-bottom: 15px;
		}
		
	.styled-select .currencyFrom {
		background: url("../images/dropdown-glos.png") no-repeat scroll right center #fefefe;
		width: 100%;
		}
		
	.exchangeWrap .more-button-wrap {
	position: static;
	float: right;
	display: block;
		}
		
	/*	--------------------------------------------------
    EXCHANGE RATE - SIDEBAR (business news + marketwatch pages)
	-------------------------------------------------- */
	
	.exchange-side .styled-select, 
	.exchange-side .more-button-wrap {
		display:none;
		}			
/* --------------------------------------------------------
	BONUS PAGE
   -------------------------------------------------------- */
   
   .tableBonus header ul  {
	   display: none;
	   }
	   
	ul.Bonus-listing li {
		display: block;
		float:none;
		}
		
	.table-01, .table-02, .table-03, .side.tableBonus .table-01, .side.tableBonus .table-03 {
		width: 100%;
		}

/* --------------------------------------------------------
	STOCKS PAGE
   -------------------------------------------------------- */
   .stocks-table-wrap table td:nth-child(2), 
   .stocks-table-wrap table th:nth-child(2),
   .stocks-table-wrap table td:nth-child(3),
   .stocks-table-wrap table th:nth-child(3),
   .stocks-table-wrap table td:nth-child(4),
   .stocks-table-wrap table th:nth-child(4),
   .stocks-table-wrap table td:nth-child(7),
   .stocks-table-wrap table th:nth-child(7) 
   	{
	   display:none;
	   }
	  
	   
/* --------------------------------------------------------
	DIVIDENDS PAGE
   -------------------------------------------------------- */
   .dividends-table-wrap table td:nth-child(2), 
   .dividends-table-wrap table th:nth-child(2),
   .dividends-table-wrap table td:nth-child(3),
   .dividends-table-wrap table th:nth-child(3),
   .dividends-table-wrap table td:nth-child(4),
   .dividends-table-wrap table th:nth-child(4)
   	{
	   display:none; 
	   }
	   

	   
 	.inline.dividends-table-wrap table td:nth-child(2), 
    .inline.dividends-table-wrap table th:nth-child(2) {
		display: block;
		}
		
	.inline.dividends-table-wrap thead tr td:nth-child(2), 
	.inline.dividends-table-wrap tbody tr td:nth-child(2) {
		width: auto;
		}
	   
/* --------------------------------------------------------
	COMPANY RATINGS PAGE
   -------------------------------------------------------- */	
   
   .companyRatings table,
   .companyRatings thead,
   .companyRatings tbody,
   .companyRatings th,
   .companyRatings td,
   .companyRatings tr {
	   display: block;
	   }
	
   .companyRatings thead tr {
	   position: absolute;
	   top: -9999px;
	   left: -9999px;
	   }
	   
	.companyRatings tbody tr {
		margin-bottom: 15px;
		padding-bottom: 10px;
		}
	   
	.companyRatings tbody tr td {
		  padding: 0;
		  }
	   
	.companyRatings td {
		border: none;
		position: relative;
		white-space: normal;
		text-align: left;
		}
		
	.companyRatings tbody tr td {
		margin-bottom: 10px;
		}
		
	.companyRatings td:before {
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		}
		
	.companyRatings td:before { 
		content: attr(data-title);
		}
		
	.companyRatings thead th:last-child, .companyRatings tbody tr td:last-child {
		text-align: left;
		}
		
	.shareholding tbody tr:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		}
		
	

/* --------------------------------------------------------
	SHAREHOLDING CHANGES PAGE
   -------------------------------------------------------- */	  
  .shareholding table,
    .shareholding thead,
    .shareholding tbody,
    .shareholding th,
    .shareholding td,
    .shareholding tr {
	   display: inline-block;
	   }
	   
	  .shareholding thead tr {
	   position: absolute;
	   top: -9999px;
	   left: -9999px;
	   }
 
	.shareholding tbody tr {
		margin-bottom: 15px;
		padding-bottom: 10px;
		width: 100%; /*added 10092014*/
		}
	    
	.shareholding tbody tr td:first-child {
		margin-bottom: 0; 
		 display:none;
		}
	   
	.shareholding td {
		border: none;
		position: relative;
		white-space: normal;
		text-align: left;
		}
		
	.shareholding tbody tr td {
		padding: 0;
		margin-bottom: 10px;
		/*font-weight:bold;*/
		}
		
	.shareholding tbody td p {
		display:inline-block; /*added 10092014*/
		}
		
	.shareholding td:before {
		white-space: nowrap;
		text-align: left;
		font-weight: normal;
		}
		
	.shareholding td:before { 
		content: attr(data-title);
		}
		
	.shareholding thead th:last-child, .shareholding tbody tr td:last-child {
		text-align: left;
		display:block;
		padding-left: 0;
		}
		
	.shareholding tbody tr td:nth-child(4) {
		text-align: left;
		}
        
       .companyProfile.shareholding tbody tr td:first-child {
	display:block;
	margin-bottom:10px;
	}
		
	.companyProfile.shareholding tbody tr td data-title {
	font-weight:bold;
	}
		
	.companyProfile.shareholding thead tr th:nth-child(4), .companyProfile.shareholding tbody tr td:nth-child(4) {
		text-align: left;
		}
		
	ul.indication li:first-child { 
		display: block;
		clear:both;
		float:none;
		}
		
	ul.indication li { 
		margin-right: 8px;
		font-size: 0.75em;
		}

		
/*	--------------------------------------------------
    STOCK PROFILE PAGE
	-------------------------------------------------- */
   .companyStock .more-button-wrap { 
   		position: static;
		float: left;
		display: block;
		margin-bottom:10px;
		}
		
	ul.stock-code {
		clear: both;
			width:100%;
	}
	ul.stock-code li span {
	width:auto;
	}

	.companyStock .main.companyProfile .market-trans thead.market-trans-head tr td:nth-child(8),
	.companyStock .main.companyProfile .market-trans thead.market-trans-head tr td:nth-child(9),
	.companyStock .main.companyProfile .market-trans tbody tr td:nth-child(8),
	.companyStock .main.companyProfile .market-trans tbody tr td:nth-child(9) {
		display:none;
	}
	
	.companyStock .main.companyProfile .market-trans thead.market-trans-head tr td:nth-child(7),
	.companyStock .main.companyProfile .market-trans tbody tr td:nth-child(7) {
		display:block;
		}

/*	--------------------------------------------------
    :: GLOSSARY (MOBILE)
	-------------------------------------------------*/
	
        .market-sector-wrap{
	display:block;
	}
		
	.glossary-nav {
	display:none;
	}
		
	.glossary-nav-res {
   	border: 1px solid #efefe2;
	-webkit-border-radius:3px;
	border-radius:3px;
   	box-shadow: inset 0 0 10px 1px #fefefe;
    	height: 30px;
    	overflow: hidden;
    	width: 100%;
	display:block;
	background:url(../images/dropdown-glos.png) no-repeat right #fefefe;
	}
		
	.glossary-nav-res select {
	background:transparent;
	width: 100%;
	height: 30px;
	font-size: 0.85em;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance:none;
	padding:4px;
	}
		
	.glossary-nav-res option {
	padding:4px;
	border:1px solid #eee;
	}
		
	.glossary-nav-res select:focus {
   	 outline: none;
	}

	.div-separator {
		margin-top: 20px;
		padding-top: 20px;
		border-top:1px solid #dbdbdb;
		}
		
/*	--------------------------------------------------
    FINANCIAL PAGE
	-------------------------------------------------- */	
	
	.financial .shareChanges thead tr td:nth-child(2),
	.financial .shareChanges  tbody tr td:nth-child(2) {
		display: none;
		}
		
/*	--------------------------------------------------
    :: REGIONAL BOURSES
	-------------------------------------------------- */
	.bourses ul.boursesRegion{
	 	border-bottom:4px solid #dbdbdb;
		padding-bottom:10px;
	}
	
	.bourses ul.boursesRegion li {
		vertical-align: top;
		}
		
/*	--------------------------------------------------------------------
    COMPANY PROFILE
	-------------------------------------------------------------------- */			
	.address {
		text-align: left;
		margin-bottom:10px;
		}
		
/*	--------------------------------------------------------------------
    COMPANY PROFILE (STOCK PROFILE PAGE)
	-------------------------------------------------------------------- */	
	ul.companyProfile-chart-data li:last-child {
		float: left;
		}
/* --------------------------------------------------------
	IPO
   -------------------------------------------------------- */
   .ipo.tabsContainer ul.tabs li:nth-child(3) {
	   display:block;
	   }
	   
/* --------------------------------------------------------
	SHAREHOLDING CHANGES PAGE
   -------------------------------------------------------- */	  
    .ipoTableWrap table,
    .ipoTableWrap thead,
    .ipoTableWrap tbody,
    .ipoTableWrap th,
    .ipoTableWrap td,
    .ipoTableWrap tr {
	   display: block;
	   }
	   
	.ipoTableWrap thead tr {
	   position: absolute;
	   top: -9999px;
	   left: -9999px;
	   }
	   
	.ipoTableWrap tbody tr {
		margin-bottom: 15px;
		padding-bottom: 10px;
		}
	   
	.ipoTableWrap tbody tr td {
		  padding: 0;
		  }
	   
	.ipoTableWrap td {
		border: none;
		position: relative;
		white-space: normal;
		text-align: left;
		}
		
	.ipoTableWrap tbody tr td {
		margin-bottom: 10px;
		}
		
	.ipoTableWrap tbody td p {
		display:inline;
		}
		
	.ipoTableWrap td:before {
		white-space: nowrap;
		text-align: left;
		font-weight: normal;
		}
		
	.ipoTableWrap td:before { 
		content: attr(data-title);
		}
		
	.ipoTableWrap thead th:last-child, .ipoTableWrap tbody tr td:last-child {
		text-align: left;
		}
		
	.ipoTableWrap thead th:nth-child(1), .ipoTableWrap tbody tr:nth-child(1),
	.ipoTableWrap thead th:nth-child(2), .ipoTableWrap tbody tr:nth-child(2) {
		width: 100%;
		}
		
	.ipoTableWrap thead tr th, .ipoTableWrap tbody tr td {
		text-align: left;
		}
		
	.ipoTableWrap tbody tr td:nth-child(2),
	.ipoTableWrap tbody tr td:nth-child(4),
	.ipoTableWrap tbody tr td:nth-child(5){
		display: none;
		}
		
	.ipoTableWrap tbody tr td:nth-child(1) p {
		display:block;
		}

	.ipoTableWrap thead th:nth-child(4), 
	.ipoTableWrap tbody tr:nth-child(4)  {
		width:100%;
		}	
/* --------------------------------------------------------
	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(4),
	.financeWrap .market-trans tbody tr td:nth-child(4){
		display:none;
		}
		
/* --------------------------------------------------------
	UNIT TRUST PAGE
   -------------------------------------------------------- */	
   	.unitTrustsWrap .market-trans thead tr td:nth-child(2),
	.unitTrustsWrap .market-trans tbody tr td:nth-child(2){
		display:none;
		}
		
	.fundFilter input {
		margin: 10px auto;
		width: 100%;
		}
		
	.fundFilter .styled-select {
		float: right;
		width: 100%;
		}
	
	.styled-select .fundFilterDate {
		width: 100%;
		}

/* --------------------------------------------------------
	PAGING (SUB SECTION PAGES) 
  -------------------------------------------------------- */  
   .paging-wrap {
	   margin:0 auto;
	   text-align: center;
	   }
	   
   .paging .paging-wrap.pg-jump {
	   margin:15px auto;
	   display: block;
	   width: 165px;
	   }
	   
   .paging {
		text-align:center; 
		margin: 0 auto; 
		float: none;
		   }
	
	.error-msg {
		text-align: center;
		}
		
/* --------------------------------------------------------
	BUSINESS - PAGING
   -------------------------------------------------------- */
   
.paging .paging-wrap.pg-jump {
  	display: block;
    margin: 15px auto;
    max-width: 165px;
    width: 100%;
	}

.paging .paging-wrap p.pageLabel {
    width: 75%;
	}

.paging .paging-wrap .paging-button {
    width: 25%;
	}

/* --------------------------------------------------------
	REGISTRATION (MY PORTFOLIO)
   -------------------------------------------------------- */
	.center {
		padding-bottom: 0;
		padding-top:10px;
		}
		
	.userLogInfo {
		margin-bottom: 0;
		}
		
	.ttWrap {
		position: relative;
		overflow:hidden;
		display:block;
		}
		
	.ttWrap input {
		margin-top:6px;
		}
		
	.ttInfo {
		position: absolute;
		top:0;
		right:8px;
		}
		
/*	--------------------------------------------------
    MY PORTFOLIO - STOCK WP
	-------------------------------------------------- */
	.userLoginReg {
		margin-bottom: 0;
		}
	
	.userLoginReg ul li {
		border-right: none;
		border-bottom: 1px solid #dbdbdb;
		float: none;
		margin-bottom: 15px;
		padding-bottom: 10px;
		width: 100%;
		}
		
	.userLoginReg ul li:last-child {
		padding-left: 0;
		margin-bottom: 0;
		}
		
	.userLoginDesc {
		margin-bottom: 0;
		}
		
	.regContent ul li {
		border-right: none;
		float: none;
		width: 100%;
		border-bottom: 1px solid #dbdbdb;
		padding-bottom: 10px;
		margin-bottom:10px;
		}
		
	.regContent ul li:last-child {
		padding-left: 0;
		}
		
	/*	--------------------------------------------------
  	OVERVIEW (MY PORTFOLIO)
	-------------------------------------------------- */
	
	.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(2),
	.portfolio-table .market-trans tbody tr td:nth-child(2),
	.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(3),
	.portfolio-table .market-trans tbody tr td:nth-child(3),
	.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(4),
	.portfolio-table .market-trans tbody tr td:nth-child(4),
	.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(7),
	.portfolio-table .market-trans tbody tr td:nth-child(7),
	.portfolio-table .market-trans thead.market-trans-head tr td:nth-child(8),
	.portfolio-table .market-trans tbody tr td:nth-child(8) {
		display: none;
		}
		
	.overview-tab-wrap .styled-select {
		width: 100%;
		}
		
	ul.overview-tab {
		background:#deded9;
		overflow: hidden;
		width: 100%;
		margin-bottom:10px;
		}
		
	ul.overview-tab li {
		margin-right: 0px;
		padding-right: 0px;
		border-right: 1px solid #eee;
		width: 33.33%;
		}
		
	ul.overview-tab li:last-child {
		border-right: none;
		margin-right: 0px;
		}
		
	.more-tab {
		float: left;
		width: 100%;
		position: static;
		}
	/*	--------------------------------------------------
  	MANAGE (MY PORTFOLIO)
	-------------------------------------------------- */	
	.regContent input.button02[type="submit"] {
		width: 100%;
		}
		
/*----- MyPortfolio Overview Performance -----*/

.stock-Perform-table {
	border-bottom: none;
	}
	
.main-heading {
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 0;
	}
	
ul.performInfo.csum {
	border-bottom: none;
	}
	
ul.performInfo {
	border-bottom: 1px solid #dbdbdb;
	margin-right: 0;
	margin-bottom: 0px;
	padding: 5px;
	width: 100%;
	float: none;
	}
	
	
ul.performInfo li {
	border-right: 1px solid #dbdbdb;
	margin-right: 0;
	padding: 0 6px 10px;
	text-align: center;
	width: 33.333%;
	}
	
ul.performInfo li:last-child, ul.performInfo.csum li {
	border-right: none;
	}
	
.performSell {
	border: 0;
	height: auto;
	clear: both;
	display: block;
	background: #dbdbdb;
	float: none;
	padding: 0;
	}
	
.performSell p {
	margin-top: 0;
	}
	
.performSell a {
	display: block;
	overflow: hidden;
	padding: 5px;
	text-decoration:none;
	}

.performSell .performSell-button {
	border-right:1px solid #fff;
	float: left;
	overflow: hidden;
	text-align: center;
	width: 50%;
	}
	
.performSell .performSell-button:last-child {
	border-right:none;
	}
	
.performSell-button {
	border-right: 1px solid #dbdbdb;
	}
	
.performSell i {
	border-left: 1px solid #ddd;
	margin-left: 0;
	padding: 0;
	}
	
.manage-button > span {
	display: none;
	}
	
.portfolio-manage input.button02[type="submit"], .portfolio-manage input.button02[type="reset"],
.userLogInfo input.button[type="submit"], .userLogInfo input.button[type="reset"]
 	{
	width: 100%;
	}
	

	
/*----- MyPortfolio Overview Transaction -----*/

ul.transInfo > li:first-child {
	width: 50%;
	}
	
ul.transInfo >li.bg {
	width: 50%;
	}
	 
.trans-summary thead tr th:nth-child(5), 
.trans-summary tbody tr td:nth-child(5), 
.trans-summary thead tr th:nth-child(6), 
.trans-summary tbody tr td:nth-child(6) {
	display: none;
	}
	
/*	--------------------------------------------------
  	ADD STOCK (MY PORTFOLIO)
	-------------------------------------------------- */
	.addStocks-table thead tr th:nth-child(3),
	.addStocks-table tbody tr td:nth-child(3),
	.addStocks-table thead tr th:nth-child(4),
	.addStocks-table tbody tr td:nth-child(4),
	.addStocks-table thead tr th:nth-child(5),
	.addStocks-table tbody tr td:nth-child(5) {
		display: none;
		}
		
	.addStocks-table thead tr th {
		text-align: left;
		}
	
	.addStocks-table tr td {
		padding-right: 8px;
		}
		
	.addStocks-table select.portfolio-move {
		width: 100%;
		}
		
	.addStocks-table tbody tr td:nth-child(2) {
		border-right: none;
		padding-right: 0;
		}
		
	.addStocks input[type="text"] {
		width: 100%;
		}
		
	.addStocks input.button02[type="submit"] {
		width: 43.75%;
		}
		
/*	--------------------------------------------------
  	CREATE ALERTS (MY PORTFOLIO)
	-------------------------------------------------- */
	
	.CreateAlerts-table thead tr th:nth-child(5),
	.CreateAlerts-table tbody tr td:nth-child(5),
	.CreateAlerts-table thead tr th:nth-child(6),
	.CreateAlerts-table tbody tr td:nth-child(6) {
		display: none;
		}
		
	.CreateAlerts-table thead tr th:nth-child(3) span,
	.CreateAlerts-table thead tr th:nth-child(4) span {
		display: none;
		}
		
	.CreateAlerts-table thead tr th:nth-child(3),
	.CreateAlerts-table tbody tr td:nth-child(3) input,
	.CreateAlerts-table thead tr th:nth-child(4),
	.CreateAlerts-table tbody tr td:nth-child(4) input {
		text-align: center;
		}
		
	.CreateAlerts-table thead tr th:nth-child(1),
	.CreateAlerts-table tbody tr td:nth-child(1){
		width: 45%;
		}
	
/*	--------------------------------------------------
  	MY PORTFOLIO (STOCKS) - OVERVIEW TAB
	-------------------------------------------------- */
	.transformer .watchlist-button-wrap {
		display: none;
		}
		
	.tabsContainer .res-nav {
		display: block;
		}
		
	.transformer ul.tabs li.active {
		border: 0;
		}
		
	.transformer ul.tabs, .transformer ul.tabs li {
		border: none;
		}
		
	.transformer ul.tabs {
		display: none;
		}
		
	.transformer ul.tabs li {
		border-bottom:1px solid #eee;
		font-size: 1em;
		padding: 8px;
		display: block;
		clear: both;
		border: none;
		border-bottom: 1px solid #dbdbdb;
		width: 100%;	
		}
		
	.transformer ul.tabs li:last-child {
		border-bottom:none;
		}
		
	.transformer ul.tabs li.hide {
		display: block;
		}
	
	.transformer ul.tabs li.last a {
		text-decoration: none;
		color: #a48383;
		}
		
	.marketMover .transformer.tabsContainer ul.tabs li {
		margin-right: 10px;
		padding: 6px;
	
		}
		
	.transformer ul.tabs li.active {
		background: #b00;
		}
		
	.tabcontent.active {
		margin-top: 10px;
		}
		
	.has-sub > a {
		display: block;
		font-family:'Roboto Condensed', Arial, Helvetiva, Tahoma, sans-serif;
		font-weight: bold;
		font-size: 1em;
		padding: 5px 10px;
		color: #a48383;
		text-decoration: none;
		border:1px solid #dbdbdb;
		}
		
	ul > li.has-sub > a span {
		display: block;
		}
		
	.transformer.tabsContainer > ul > li.has-sub > a span {
		background:url("../images/nav-resArrow.png") no-repeat scroll 98% center rgba(0, 0, 0, 0);
	
		}
		
		
	.transformer.tabsContainer > ul > li.has-sub.active > a span {
		background:url("../images/upArrow.png") no-repeat scroll 98% center rgba(0, 0, 0, 0);
		}

	.stocks-table-wrap .transformer ul.overview-tab li:nth-child(3),
	.stocks-table-wrap .transformer ul.overview-tab li:nth-child(5) {
		display:none;
		}
		
/*	--------------------------------------------------------------------
    STOCKS BY SECTOR (USE IN BONUS / DIVIDENDS / STOCKS / SHAREHOLDING CHANGES)
	-------------------------------------------------------------------- */
	
	.sector-table tbody tr td:nth-child(2) {
		display: block;
		}
		
/*	--------------------------------------------------
  	STOCK PORTFOLIO - ADD Component (MY PORTFOLIO)
	-------------------------------------------------- */
	.editComponent {
		width: 100%;
		}
		
	.addStocks .buyStock input[type="text"] {
		width: auto;
		}
		
/* --------------------------------------------------------
	NEWS FOCUS SLIDER
   -------------------------------------------------------- */
   
   .biz-focus-slider, .biz-focus-wrap {
	  	 height:auto;
	   }
	   
	  .biz-focus-slider {
		  width: 100%;
		  padding-bottom:10px;
		  }
	   
	.biz-focus-slider .image-holder {
		 width: 100%; 
		 height: auto;
		 float: none;
	}

	.biz-focus-slider img {
		 width: 100%;
		 }
		 
	.biz-focus-slider .description_wrap {
		height: auto;
		width: auto;
		}
		 
	.biz-focus-slider .description {
		height: auto;
		width: auto; 
		float:none;
		margin:10px;
		}
		
	 ul.slider-buttons {
		position: static;
		margin: 10px;
		}
	
	.description-list {
		width: 100%;
		}
		
	ul.slider-biznews {
		margin:10px;
		}

/* --------------------------------------------------------
	FOOTER
   -------------------------------------------------------- */		
	footer.row {
		display: none;
		}
		
	 footer.row.mobile {
		display: block;
		}
		
	footer.row.mobile {
    display: block;
    overflow: hidden;
    /*padding: 0 1.0978%; /* updated by stella 08082014 */
}
footer.row.mobile ul.four.columns {
    margin: 0;
    width: auto;
}
footer.row.mobile ul > li {
    border-bottom: medium none;
}
footer.row.mobile ul li p {
    background: url("../images/footer-arrow-down.png") no-repeat scroll right center transparent; /* updated by stella 08082014 */
    border-bottom: 1px solid #505053;
    color: #ccc;
    cursor: pointer;
    font: bold 0.75em/1.5em 'Roboto',Arial,Tahoma,Helvetica,sans-serif;
    padding: 10px 3.3333%; /* updated by stella 08082014 */
    position: relative;
    text-transform: uppercase;
	margin-bottom:0; /* updated by stella 08082014 */
}

footer.row.mobile ul li p.active {
    background: url("../images/footer-arrow-up.png") no-repeat scroll right center transparent; /* updated by stella 08082014 */
}

footer.row.mobile ul li p:hover {
    background-color: #373737;
}
footer.row.mobile ul li a {
    color: #888;
    display: block;
    font: 0.75em/1.5em 'Roboto',Arial,Tahoma,Helvetica,sans-serif;  /* updated by syazwin 11082014 */
    padding: 10px 3.3333%; /* updated by stella 08082014 */
}
footer.row.mobile ul li a:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #333;
    text-decoration: none;
}
footer.row.mobile ul li ul.toggle li {
    border-bottom: 1px solid #444443;
}
footer.row.mobile ul li ul.toggle {
		background-color: #272727;
		display: none;
		overflow:visible;
		float:none;
		margin:0;
}

	}

.resTop {
   		background: url("../img/backtotop.png") no-repeat scroll center center rgba(0, 0, 0, 0);
   		bottom: 0;
    	display: block;
   	 	height: 45px;
    	opacity: 0.8;
    	position: fixed;
   	 	right: 0.5em;
    	width: 45px;
   		z-index: 999;
	}

	}	

@media screen and (max-width: 479px) {  /* ---- FOR MEDIA SCREEN FROM 320px TO 479px ---- */
	
	.interestNews .ymbi-news { /* added by stella 13082014 */
		/*width: 47.f75%;*/
		width: 48.75%; /* added by syazwin 26082014 */
		}
}

	
	
@media screen and (min-width: 480px) and (max-width: 480px) {  /* -- MOBILE LANDSCAPE (480px) -- */	

/* --------------------------------------------------------
	SEARCH RESULTS
   -------------------------------------------------------- */
   
   .ssr {
	   width: 35%;
	   float: left;
	   margin-right: 10px;
	   }
	   
	 .interestNews .ymbi-news { /* added by stella 13082014 */
		width: 47.75%;
		}

	   
}

@media screen and (min-width: 480px) and (max-width: 640px) {  /* -- MOBILE LANDSCAPE (640px) -- */	
	  
	  .interestNews .ymbi-news {
		  width: 31.9%;
		  }/* added by syazwin 26082014 */
		  
	.ymbi-news:nth-child(even) {
		margin-right: 2.0832%;	
		}/*added by syazwin 26082014*/
	
		
	 .ymbi-news:nth-child(3), .ymbi-news:nth-child(6) {
		margin-right: 0;
		}/*added by syazwin 26082014*/
}
	
	
	
@media screen and (min-width: 640px) and (max-width: 640px) {  /* -- MOBILE LANDSCAPE (640px) -- */	

/* --------------------------------------------------------
	SEARCH RESULTS
   -------------------------------------------------------- */
   
   .ssr {
	   width: 30%;
	   float: left;
	   margin-right: 10px;
	   }
	   
/* --------------------------------------------------------
	 USER LOGIN (MY PORTFOLIO)
   -------------------------------------------------------- */	   

  .userLogin form input[type='text'], .userLogin form select {
		 border: 0;
		 background: #eee; 
		}
		
	   
	   
}
	
/* --------------------------------------------------------
	WHAT YOU MISSED
   -------------------------------------------------------- */
	.content-you-missed .two.columns.mobile2 {
	   float:left;
	   }
	   
	.content-you-missed {
		overflow:hidden;
		display:block;
		}

/* Added on 10062015 by stella */
/* --------------------------------------------------------
	SHARE AND WIN CONTEST PROMO - TSOL 20 ANNIVERSARY (23JUNE TO 12 JULY 2015)
   -------------------------------------------------------- */
   
	div.share-and-win-content{
		position:relative;
		top:0;
		clear:both;
		width: 100%;
		margin-top:5px;
		font-size:1em;
		line-height:1.2em;
		text-align:center;
	}
	
	div.share-and-win-image{
		text-align:center;
		float:none;
		width:100%;
	}
	
	div.share-and-win-image img{
		width:50%;
		height:auto;
		max-width:250px;
	}

	}