BODY,TD,TH {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #252525;
}
BODY {
	PADDING: 0px; MARGIN: 30px 0px 0px 0px; background-color:#ffffff;
}
p {
	margin: 15px 0;
	text-align:justify;
	padding:0px;
}
ul{
	margin:0px;
	padding-left:25px;
}
li{
	list-style-type:disc;
	margin:0px;
	padding:10px 0px 10px 0px ;
}
a {
	color: #0072ff;
	text-decoration: none;
}
a:link {
	color: #0072ff;
	text-decoration: none;
}
a:visited {
	color: #0072ff;
	text-decoration: none;
}
a:hover {
	color: #0072ff;
	text-decoration: underline;
}




/***********************/
/*id*/
/***********************/
#fullwrap{
	width:100%;
}
.wrap{
	width:980px;
}
#header{
	width:100%;
	/*height:66px;*/
	height:88px;
	margin-bottom:20px;
}
#menu{
	width:100%;
	height:90px;
	margin-bottom:50px;
}
#menu tr td a
{
  display:block;
}
#banner{
	width:980px;
	height:300px;
}
#content{
	width:100%;
	margin-top:50px;
	margin-bottom:50px;
}
#footer{
	width:100%;
	height:75px;
	background-image:url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	padding-top:30px;
}
.footer-icon-margin{
	margin-right:70px;
}



/***********************/
/*class*/
/***********************/
.title{
	font-size:20px;
	color:#ff0000;
}
.title-list{
	padding-right:15px;
}
.icon-date-white{
	width:38px;
	height:26px;
	background-image:url(../images/icon-date-white.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top:23px;
	padding-left:9px;
}
.icon-date-grey{
	width:38px;
	height:26px;
	background-image:url(../images/icon-date-grey.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top:23px;
	padding-left:9px;
}
.font-white tr td{
	color:#ffffff;
}
.img-border{
	padding:5px;
	border-left:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	border-bottom:5px solid #cccccc;
}
.margin-top-bottom25{
	margin-top:25px;
	margin-bottom:25px;
}
.margin-right4{
	margin-right:4px;
}
.tb-border{
	border:1px dotted #cccccc;
}





/*ir*/
#banner-ir{
	width:980px;
	height:265px;
}
.font-11-italic{
	font-size:11px;
	font-style:italic;
}
.margin-bottom15{
	margin-bottom:15px;
}
/*ir-menu*/
#ir-menu{
	width:100%;
	height:35px;
	background-color:#cccccc;
}
#ir-menu span a{
	padding-left:15px;
	padding-right:15px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#ir-menu span a:link{
	color:#000;
	text-decoration:none;
}
#ir-menu span a:visited{
	color:#000;
	text-decoration:none;
}
#ir-menu span a:hover{
	color:#0072ff;
	text-decoration:none;
}
/*ir-submenu*/
#ir-submenu{
	width:100%;
	height:25px;
}
#ir-submenu span a{
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
}
#ir-submenu span a:link{
	color:#000;
	text-decoration:none;
}
#ir-submenu span a:visited{
	color:#000;
	text-decoration:none;
}
#ir-submenu span a:hover{
	color:#0072ff;
	text-decoration:none;
}

/*stock*/
.stockupB {font-size: 35px;	font-weight: bold;	color: #009900;}
.stockup {color: #009900;}
.stockdown {color: #FF0000;}
.stockupdate {font-size: 11px; color:#555555;}
.stockdate-border{border-top:1px solid #aaaaaa; margin-top:5px; padding-top:5px;}

/* 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;
}

/** added by kc - 201609051533PM **/
/** padding & margin classes **/
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }

.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }

.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }

.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl40{ padding-left:40px; }

.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }

.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }

.ml20{ margin-left:20px; }

.mr10{ margin-right:10px; }
.mr20{ margin-right:20px; }

/** added by kc - 201606141100AM **/
/* corporate governance */
.corporate-governance-wrapper{
	min-height: 500px;
}

.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:65px;	
}




.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
{
	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: #ff0000 !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: #ff0000;
    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: #ff0000;
  border-color: #ff0000;
}
.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;
}



/** div Quarter Report **/
.quarterReport {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
}
.quarterReportRow {
	margin:0;padding:0;
	/*clear:left;*/
	float:left;
}
.quarterReportLabelHeader {
	margin:0;padding:20px 0;
	float:left;
	width:250px;
	/*height:20px;*/
}
.quarterReportQ1Header {
	margin:0;padding:11px 10px 11px 15px;
	float:left;
	width:120px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#bbbbbb;
	color:#000;
	border-left:1px solid #bbbbbb;
	border-top:1px solid #bbbbbb;
}
.quarterReportQ2Header {
	margin:0;padding:11px 10px 11px 15px;
	float:left;
	width:120px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#bbbbbb;
	color:#000;
	border-top:1px solid #bbbbbb;
}
.quarterReportQ3Header {
	margin:0;padding:11px 10px 11px 15px;
	float:left;
	width:120px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#bbbbbb;
	color:#000;
	border-top:1px solid #bbbbbb;
}
.quarterReportQ4Header {
	margin:0;padding:11px 10px 11px 15px;
	float:left;
	width:120px;
	/*height:20px;*/
	font-size:14px;
font-weight:bold;
	background:#bbbbbb;
	color:#000;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
}
.quarterReportOtherHeader {
	margin:0;padding:11px 10px 11px 15px;
	float:left;
	width:120px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#bbbbbb;
	color:#000;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
}
.quarterReportLabel {
	margin:0;padding:30px 10px 27px 15px;
	float:left;
	width:225px;
	/*height:20px;*/
	font-weight:bold;
	font-size:14px;
	background:url(../images/IRnavMenu2-bg.gif) 0 0 repeat #f1f1f1;
	color:#444;
}
.quarterReportQ1 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:120px;
	/*height:30px;*/
	background:#fff;
	/*border-left:1px solid #acacac;*/
}
.quarterReportQ2 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:120px;
	/*height:30px;*/
	background:#fff;
}
.quarterReportQ3 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:120px;
	/*height:30px;*/
	background:#fff;
}
.quarterReportQ4 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:120px;
	/*height:30px;*/
	background:#fff;
	/*border-right:1px solid #acacac;*/
}
.quarterReportOther {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:120px;
	/*height:30px;*/
	background:#fff;
	/*border-right:1px solid #acacac;*/
}
.clear{
	clear:both;
}
.mb-5{
	margin-bottom:5px !important;
}
/* === close div Quarter Report === */


/********** Quarterly Report section *********/

.quarter-year{
	font-size:120%;
	font-weight:bold;	
	text-align:center;
	margin-bottom:15px;
}

.quarter-icon{
	text-align:center;
	padding:5px 0px;
}

.quarter-icon img{
	
}


.quarter-icon span{
	display:block;	
}

.qr-min-h{
	min-height:280px;
}

.qtrReport-col-box {
    width: 19%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
}
.qtr-year {
    text-align: center;
    font-size: 18px;
    margin: 20px 0px 8px 0px;
}
.qtr-icon {
    width: 65px;
    display: inline-block;
    margin: 5px 0px;
}
.qtrReport-col-box  .qtr-ico:nth-child(3)
{
	display:block;
}
/*******End Quarterly Report section ******/

/*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%;
}

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