BODY,TD,TH {
	FONT-FAMILY: "Lucida Sans", Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #636363; line-height:15px;;
}
BODY {
	PADDING: 0px; MARGIN: 0px; background-color:#ffffff;
}
p {
	margin: 10px 0;
	text-align:justify;
	padding:0px;
}
li{
	list-style-type:disc;
	text-align:justify;
	margin:5px 0;
}
a {
	color: #0060ff;
	text-decoration: none;
}
a:focus {
     outline: none;
}
a:link {
	color: #0060ff;
	text-decoration: none;
}
a:visited {
	color: #0060ff;
	text-decoration: none;
}
a:hover {
	color: #0060ff;
	text-decoration: underline;
}
.clear{
	clear:both;
}
	  
.irhome-rightbox-center #ctl00_cphContent_btnSubcribe
{
	cursor: not-allowed;
  opacity: 0.5;
}

/***********************/
/*id*/
/***********************/
#fullwrap{
	width:1000px;
	margin:auto;
}
#header{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
#header .logo1{
	width:105px;
	height:70px;
	background-image:url(../images/logo1.gif);
	background-repeat:no-repeat;
	float:left;
}
#header .logo2{
	width:202px;
	height:20px;
	background-image:url(../images/logo2.gif);
	background-repeat:no-repeat;
	margin-top:80px;
	margin-left:-105px;
	float:left;
}
#header .sitemap{
	height:21px;
	background-image:url(../images/icon-sitemap.gif);
	background-repeat:no-repeat;
	background-position:left middle;
	margin-top:79px;
	padding-left:30px;
	font-size:11px;
	float:right;
}
#header .sitemap a{
	color:#636363;
	text-decoration:none;
}
#header .sitemap a:link{
	color:#636363;
	text-decoration:none;
}
#header .sitemap a:visited{
	color:#636363;
	text-decoration:none;
}
#header .sitemap a:hover{
	color:#636363;
	text-decoration:underline;
}
#menu{
	width:100%;
	height:50px;
	background-image:url(../images/menu/menu-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#menu .menu-left{
	float:left;
	z-index:10;
	position:relative;
}
#menu .menu-right{
	float:right;
	z-index:10;
	position:relative;	
}
#menu .menu-separator{
	width:1px;
	height:50px;
	background-image:url(../images/menu/menu-separator.gif);
	background-repeat:no-repeat;
}
#menu .menu-right-bg{
	float:right;
	width:20px;
	height:50px;
	background-image:url(../images/menu/menu-right-bg.gif);
	background-repeat:no-repeat;
}
#banner{
	width:100%;
	height:250px;
	margin-top:2px;
	margin-bottom:25px;
}
#banner-ir{
	width:100%;
	height:250px;
	margin-top:2px;
	background-image:url(../images/banner-ir.jpg);
	background-repeat:no-repeat;
}
#content{
	width:100%;
	text-align:left;
	position:relative;
}
#content .content-left{
	width:700px;
	float:left;
}
#content .content-right{
	width:280px;
	margin-left:20px;
	float:right;
}
#footer{
	width:100%;
	min-width:1000px;
	height:38px;
	font-size:11px;
	color:#252525;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding-top:138px;
}
#footer a{
	color:#252525;
	text-decoration:none;
}
#footer a:link{
	color:#252525;
	text-decoration:none;
}
#footer a:visited{
	color:#252525;
	text-decoration:none;
}
#footer a:hover{
	color:#252525;
	text-decoration:underline;
}


/*HOME*/
.home-title-tab{
	background-color:#5da400;
	padding:8px 5px 8px 5px;
	color:#fff;
	font-weight:bold;
}
/*HOME- latest news*/
.news-wrap{
	width:280px;
}
.news-top{
	width:280px;
	height:16px;
	background-image:url(../images/news-border-top.gif);
	background-repeat:no-repeat;
}
.news-center{
	width:250px;
	height:235px;
	background-image:url(../images/news-border-center.gif);
	background-repeat:no-repeat;
	padding:10px 15px 5px 15px;
}
.news-center .border-dotted{
	border-bottom:1px dotted #c5c5c5;
	padding-bottom:8px;
	margin-bottom:8px;
}
.news-bottom{
	width:280px;
	height:16px;
	background-image:url(../images/news-border-bottom.gif);
	background-repeat:no-repeat;
}
.news-header{
	width:235px;
	height:24px;
	background-image:url(../images/news-header.gif);
	background-repeat:no-repeat;
	padding-top:6px;
	padding-left:45px;
	color:#000;
	font-size:13px;
	font-weight:bold;

}
/*milestones*/
.tb-milesones{
	width:100%;
	background-color:#fff;
	border-bottom:1px dashed #ddd;
}
.calendar-wrap{
	width:61px;
	height:25px;
	background-image:url(../images/icon-calendar.gif);
	background-repeat:no-repeat;
	font-size:17px;
	text-align:center;
	padding-top:37px;
	color:#252525;
	margin-left:10px;
	font-weight:bold;
}
/*products*/
.pro-tab-left{
	width:10px;
	height:30px;
	background-image:url(../images/greentab-left.gif);
	background-repeat:no-repeat;
}
.pro-tab-right{
	width:10px;
	height:30px;
	background-image:url(../images/greentab-right.gif);
	background-repeat:no-repeat;
}
.pro-tab-center{
	height:22px;
	background-image:url(../images/greentab-center.gif);
	background-repeat:repeat-x;
	padding-top:8px;
	text-align:center;
	color:#fff;
}
.pro-border-top-green{
	border-top:1px solid #508d00;
	margin-bottom:20px;
}
.pro-border-top-green tr td{
	border-bottom:1px dashed #ddd;
}

/*IR*/
.irhome-right-wrap{
	width:268px;
	padding:5px;
	border:1px solid #5da400;
	margin-bottom:3px;
}
.irhome-right-wrap tr td{
	font-size:11px;
}
.irhome-announce{
	border-top:1px solid #508d00;
	margin-bottom:20px;
}
.irhome-rightbox-wrap{
	width:280px;
}
.irhome-rightbox-top{
	width:280px;
	height:16px;
	background-image:url(../images/irhome-border-top.gif);
	background-repeat:no-repeat;
}
.irhome-rightbox-center{
	width:250px;
	background-image:url(../images/irhome-border-center.gif);
	background-repeat:repeat-y;
	padding:10px 15px 5px 15px;
	text-align:center;
}
.irhome-rightbox-bottom{
	width:280px;
	height:16px;
	background-image:url(../images/irhome-border-bottom.gif);
	background-repeat:no-repeat;
}
.irhome-rightbox-header{
	width:265px;
	height:28px;
	background-image:url(../images/irhome-header.gif);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:15px;
	color:#000;
	font-size:13px;
	font-weight:bold;
}
/*HOME- share price*/
.home-share-price tr td{
	font-size:11px;
	text-align:center;
}
.stock_title {font-weight: bold;}
.stock_num-quotes {color:#000; font-size: 17px; font-weight:bold;}
.stock_num-up {color:#009900; font-size: 11px;}
.stock_num-down {color:#FF0000; font-size: 11px;}
.stock_num-volume {color:#000; font-size: 11px;}
.stock_updated {color:636363; font-size: 10px;}
/*ci-general*/
.table-border-dashed tr td{
	border-bottom:1px dashed #ddd;
}
.qr-bg-wrap{
	width:230px;
	height:35px;
	background-image:url(../images/qr-bg.gif);
	background-repeat:no-repeat;
	padding-left:52px;
}






/***********************/
/*class*/
/***********************/
.title{
	height:35px;
	padding-left:45px;
	background-image:url(../images/icon-title.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#5da400;
	font-size:17px;
	margin-bottom:10px;
	float:left;
}
.title .text{
	padding-top:17px;
}
.subtitle{
	color:#000;
	font-size:13px;
}
.small-text{
	font-size:10px;
	color:#000;
}
.side-greenbar{
	background-color:#f1f9e5;
	padding:10px;
}
.green-tab{
	width:80px;
	height:26px;
	background-image:url(../images/read-more-bg.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	text-align:center;
	color:#fff;
}
.green-tab a{
	color:#fff;
	text-decoration:none;
}
.green-tab a:link{
	color:#fff;
	text-decoration:none;
}
.green-tab a:visited{
	color:#fff;
	text-decoration:none;
}
.green-tab a:hover{
	color:#000;
	text-decoration:none;
}
.border-img{
	border:1px solid #000;
	padding:5px;
}
ul.achieve{
	padding-left:20px;
}
ul.achieve li{
	text-align:left;
}
.border-black{
	border:1px solid #000;
	margin-bottom:5px;
}
.padding-top10{
	padding-top:10px;
}
.margin-top10{
	margin-top:10px;
}
.padding-left10{
	padding-left:10px;
}
.table-text-justify tr td{
	text-align:justify;
}
.margin-top50{
	margin-top:50px;
}
/** terms of use **/
.terms{}
.terms h4{
	font-size:18px;
	font-weight:bold;
}
.terms h5{
	font-size:14px;
	font-weight:bold;
}

.terms h4, .terms h5{
	padding-top:10px;
	margin-bottom:3px;
}

.terms ul li{
	text-align:justify;
	list-style-type: lower-roman;
}

/** added by kc - 201606141100AM **/
/* corporate governance */
.corporate-governance-wrapper{
	
}

.corporate-governance{
	width:22%;
	margin-right:4%;
	float:left;
	margin-bottom:50px;	
}

.last-corporate-governance{
	margin-right:0%;		
}

.corporate-governance-date{
	border-bottom:3px solid #0060ff;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:80%;
}

.corporate-governance-title{
	font-size:120%;	
	min-height:50px;
}





.pt20
{
	padding-top:20px;
}
/* Date picker*/

.ui-datepicker {
	width:18em !important;
	padding:0;
	display:none;
}
.ui-datepicker .ui-datepicker-prev
{
left:5px;
background: url(../img/glyphicons-217-circle-arrow-left.png) no-repeat left center;
height:40px;
width:35px;
}

.ui-datepicker .ui-datepicker-prev:hover
{
background: url(../img/glyphicons-217-circle-arrow-left-hover.png) no-repeat left center;
height:40px;
width:35px;
left:5px;
}


.ui-datepicker .ui-datepicker-next {
background: url(../img/glyphicons-218-circle-arrow-right.png) no-repeat right center;
height:40px;
width:35px;
right:5px;
}

.ui-datepicker .ui-datepicker-next:hover
{
background: url(../img/glyphicons-218-circle-arrow-right-hover.png) no-repeat right center;
height:40px;
width:35px;
right:5px;
	}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{

	min-width:0px;
	border: 0px solid #eee;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:#fff;
	color:#333;
	border-radius:0px;
	border:none;
	color:#666666;
	font-size: 14px;
	font-weight:normal;
}

.ui-datepicker-title select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	padding:5px;	
}

.icon-circle-arrow-left:before, .icon-circle-arrow-left:after{
	content:""!important;
}

.icon-circle-arrow-right:before, .icon-circle-arrow-right:after{
	content:""!important;
}

.form-control.hasDatepicker, .annoucementContainer .form-control
{
	color:#282828 !important;
	border: 1px solid #838383;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	    background-color: #5da400 !important;
		 color:#fff !important
}
.ui-datepicker th:first-child {
    color: #ff0000;
}
.ui-datepicker td:first-child a {
    color: #ff0000;
}
.ui-datepicker th {
    color: #2b3991;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    min-width: 0px;
    border: 0px solid #eee;
}
.selectpicker {
    padding: 5px 8px;
    margin-bottom: 12px;
    color: #282828;
    font-weight: 600;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year 
{
	-moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.ui-datepicker-title select::-ms-expand {
    display: none;
  }
/************* Bursa News *************/

.annoucementContainer .btn-primary
{
  	background-color: #5da400;
    color: #fff;
    outline: none;
    border: 0px;
    padding: 6px 15px 3px;	
}

.announcementSelection{
	margin:15px 0;
	padding:15px 0;
	background:#ffffff;
}

.announcementDate{
	font-weight:600;
	padding:5px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;	
	
}

.announcementTime{
	font-size:600;
	font-weight:600;
   padding: 2px 0px;
}

.announcementTitle{
	padding:5px 0px;

}

.announcementByDate{
	padding-top:15px;
	/*line-height:16px;*/
}

.announcementByTime{
	padding-top:8px;	
}

.announcementByTime a{
	color:#000;
}

.announcementByTime a:hover{
	
}

.announcementSelection 
{
    background: #ffffff;
}



/* Pagination */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #5da400;
  border-color: #5da400;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*AGM & EGM*/

.governanceItemsDL {
    margin: 10px 10px 0 0;
    padding: 0px 10px 0px 40px;
    height: 30px;
    line-height: 30px;
    background: url(http://www.insage.com.my/IR/cmn/images/Download_Mini.png) left 0 no-repeat;
}

.governanceCover {
    width: 40%;
    padding-bottom: 10px;
}

.governanceItems {
    margin-left: 20px;
    margin-top: -10px;
    /*width:50%;*/
}

.dropdownTopRight {
    text-align: right;
    margin-bottom: 15px;
}

/** Interactive Stock Chart **/
/* Added by KC 201512221057AM */
.interactiveChartIcon .nav > li > a{
	padding:0px;		
}

.interactiveChartIcon{
	margin:0px;
	padding:0px;
	border:0px;
	margin:10px;
}

.interactiveChartIcon .nav-tabs {
  border-bottom: 0px solid #ddd;
  margin-right:20px;	
}
span.durationChart .nav li
{
  margin-top:0px;
}
.interactiveChartIcon .nav-tabs > li {
  transition: all .2s ease-in-out;
}

.interactiveChartIcon .nav-tabs > li > a {
  margin:0 1px;
  background:#e3e3e3;
  padding:8px;
  
}

.interactiveChartIcon .nav-tabs > li > a:hover{
  color: #ffffff;
  cursor:pointer;
  background-color: #0060ff;
  transform: scale(1.2);
  margin:0 6px;
}

.interactiveChartIcon .nav-tabs > li.active > a,
.interactiveChartIcon .nav-tabs > li.active > a:hover,
.interactiveChartIcon .nav-tabs > li.active > a:focus {
  color: #ffffff;
  cursor: default;
  background-color: #0060ff;
  transform: scale(1.2);
  margin:0 6px;
}

.iconLine{
	background:url(../../cmn/images/interactive-stock-chart/line-chart.png) no-repeat center center;
	padding:14px;
}

.iconLine:hover{
	background:url(../../cmn/images/interactive-stock-chart/line-chart-hover.png) no-repeat center center;
	padding:14px;
}

li.active .iconLine{
	background:url(../../cmn/images/interactive-stock-chart/line-chart-hover.png) no-repeat center center;
	padding:14px;
}


.iconCandleStick{
	background:url(../../cmn/images/interactive-stock-chart/candle-chart.png) no-repeat center center;
	padding:14px;
}

.iconCandleStick:hover{
	background:url(../../cmn/images/interactive-stock-chart/candle-chart-hover.png) no-repeat center center;
	padding:14px;
}

li.active .iconCandleStick{
	background:url(../../cmn/images/interactive-stock-chart/candle-chart-hover.png) no-repeat center center;
	padding:14px;
}

.iconOHLC{
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart.png) no-repeat center center;
	padding:14px;
}

.iconOHLC:hover{
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart-hover.png) no-repeat center center;
	padding:14px;
}

li.active .iconOHLC{
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart-hover.png) no-repeat center center;
	padding:14px;
}


.interactiveChartIcon .durationChart .nav-tabs{
	border:1px solid #ccc;
	margin:0px;
	
}

.interactiveChartIcon .durationChart > li > a, .interactiveChartIcon .durationChart .nav > li > a {
	background:none;
	font-weight:normal;	
	color:#666;
	cursor:pointer;
}

.interactiveChartIcon .durationChart > li > a, .interactiveChartIcon .durationChart .nav > li > a:hover {
	background:none;
	font-weight:normal;	
	transform: scale(1);
	padding:8px 3px;
}

.interactiveChartIcon .durationChart > li > a, .interactiveChartIcon .durationChart .nav > li.active > a {
	background:none;
	font-weight:normal;	
	transform: scale(1);
	padding:8px 3px;
}

.interactiveChartIcon .durationChart .nav-tabs > li > a span, .interactiveChartIcon .durationChart .nav > li > a span {
	margin:0px; padding:0px;

}

.interactiveChartIcon .durationChart .nav-tabs > li.active > a,
.interactiveChartIcon .durationChart .nav-tabs > li.active > a:hover,
.interactiveChartIcon .durationChart .nav-tabs > li.active > a:focus {
	color: #3879d9;
	background:none;
	transform: scale(1);
	text-transform:uppercase;
	font-weight:bold;
}

.interactiveChartIcon .durationChart .nav-tabs > li .durationLabel {background:#0060ff; color:#fff; margin-right:0px;margin-bottom:0px; cursor:default;padding:8px;}