@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* ==== ==== ==== ==== ==== ==== ==== ==== ====
	KC
	Copyright 2013 (c)
	written for - www.insage.com.my
	info[at]insage.com.my
===== ==== ==== ==== ==== ==== ==== ==== ==== */

/* ================================
   === 0. Reset and default css ===
   ================================ */

/* Reset CSS
===================== */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	/*border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;*/
} 
body {
	line-height:1;
	cursor:auto;
	
}
.btn-primary, input[type="submit"]
{
	background-color: #005836;
	color:#fff !important;
	border:none;
	padding:05px 10px;
}
.btn-primary:hover
{
	background-color: #005836;
}
.form-control.hasDatepicker
{
	color:#282828 !important;
	border: 1px solid #838383;
	box-sizing: border-box;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	    background-color: #005836 !important;
		 color:#fff !important
}
.ui-datepicker th:first-child {
    color: #ff0000;
}
.ui-datepicker td:first-child a {
    color: #ff0000;
}
.ui-datepicker th {
    color: #2b3991;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/* remember to define focus styles! remove active, focus outline in firefox */
:focus, a:active, a:focus {
	outline:0;
}
/* remove focus outline in IE7*/
a:active, a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse:collapse;*/
	border-spacing:0;
}
/*******
if want to use non web safe font, enable this code
but its got some browser compatibility issue
@font-face {
 font-family: PremierShip;
 src: url(/newFont.ttf) format("truetype");
}
Then at body tag - font family, define this new font
********/
/* ==== Close Reset CSS ==== */
html {
	background-color: #fff;
}
body {
	line-height:18px;
	color:#444;
	font-size:12px;
	font-weight:normal;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	text-align:left;
	/*background:#f2f2f0;*/
}
ol li {
	list-style-type:decimal;
	margin:0 0 0 25px;
}
ul li {
	list-style-type:disc;
	margin:0 0 0 25px;
}
strike {
	color:#000;
	text-decoration:line-through;
}
h1 {
	margin:0 0 15px 0;padding:0;
	font-size:21px;
	line-height:23px;
	color:#0158a6;
	/*text-shadow:0 1px #d7d9dc;*/
	text-transform:capitalize;
}
h2 {
	margin:0 0 15px 0;padding:0;
	font-size:18px;
	line-height:30px;
	color:#0158a6;
	/*text-shadow:0 1px #d7d9dc;*/
	text-transform:capitalize;
    background:url('../images/h2-btm-border.gif') 0 bottom repeat-x;
    height:35px;
}
h3 {
	margin:0 0 10px 0;padding:0;
	font-size:15px;
	line-height:normal;
	color:#005836;
	/*text-shadow:0 1px #d7d9dc;*/
	text-transform:capitalize;
    height:auto;
}
p {
	font-size:13px;
	padding:0;
	color:#333;
	margin:0;
	/*line-height:1.3;*/
	line-height:17px;
	text-align:justify;
}
a:link{
	text-decoration:none;
	color:#666;
}

a:active, a:visited, a:hover {
	margin:0;padding:0;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	color:#005836;
}
img {
	border:0;
}
input 
{
	-webkit-appearance: none;
  -webkit-border-radius:0; 
  border-radius:0;
	cursor:auto;
	padding: 5px 10px;
    border: 1px solid #ccc;
}
#wrapper {
	margin:0;padding:0;
	width:100%;
	height:100%;
}
#header {
	margin:0;padding:0;
	width:100%;
 	height:375px;
	background:url(../images/header-menu-bg.gif) left 37px repeat-x;
	z-index:2;
}
#content {
	margin:0;padding:0;
	height:auto;
	background:url(../images/content-bg.png) 0 61px repeat-x;
	/*overflow: hidden;*/		/** clearing floats **/
	/*width: 100%;*/			/** clearing floats **/
}
#footer {
	margin:auto;padding:0;
	position:relative;
	background:none;
	width:960px;
	/*overflow: hidden;*/		/** clearing floats **/
	/*width: 100%;*/			/** clearing floats **/
}


/* ================================
   ========== 1. Header ===========
   ================================ 
.headerContent {
	margin:auto;padding:0;
	position:relative;
	width:960px;
	height:375px;
	clear:both;
}
.headerMenu {
	margin:37px 0 0 0;padding:0;
	width:100%;
	height:auto;
	position:absolute;
	clear:both;
}
.headerContent .logo {
	margin:0;padding:0;
	width:353px;
	height:90px;
	float:left;
	clear:left;
}*/
/** main menu *

ul#menu {
	margin:21px 0 0 0;padding:0;
	clear:right;
	float:right;
	list-style:none;
	width:605px;
	height:45px;*/

	/* Rounded Corners */	
	/*
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
	border-radius: 10;
	*/
	/* Background color and gradients */
	/*
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	*/
	/* Borders */
	/*
	border: 1px solid #002232;
	-moz-box-shadow:inset 0 0 1px #edf9ff;
	-webkit-box-shadow:inset 0 0 1px #edf9ff;
	box-shadow:inset 0 0 1px #edf9ff;
	*/
}
/* @group core nav menu 
#nav { 
    margin:21px 0 0 0;padding:0;
    list-style: none;
    clear:right;
	float:right;
	list-style:none;
	width:605px;
	height:45px;
}

#nav li {
    margin:15px 0 0 0;padding:0 8px;
    float: right; 
    display: block; 
    background: none; 
    position: relative; 
    z-index: 999;
    line-height:20px;
}

#nav li a {
    margin:0;padding:0 2px;
    display: block;
    text-decoration: none;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
    color:#cacaca;
    zoom: 1; 
}

#nav li a:hover, #nav li a.hov { 
    color: #fff;
    border-bottom:2px solid #0158a6;
}
#nav li .current {
	color:#fff;
	border-bottom:2px solid #0158a6;
}*/
/* @group subnav 
#nav ul {
    margin:0;padding:0;
    position: absolute; 
    display: none; 
    list-style: none;
    background:#3b3b3b;
    border-bottom:2px solid #0158a6;
}
#nav ul li {
    margin:0;padding:0;
    width: 150px; 
    float: left; 
    text-align: left; 
}
#nav ul li:hover { 
    border:none; 
}
#nav ul li a {
    margin:0;padding:10px;
    display: block; 
    height:auto; 
    line-height:18px;
    color:#cacaca; 
    border-bottom: 1px solid #494949; 
    text-transform:capitalize; 
    font-weight: normal; 
}
#nav ul a:hover { 
    text-decoration: none; 
    border-bottom: 1px solid #494949;
    background: transparent; 
    color:#0158a6; 
}*/
/* ================================
   ========= 2. Slideshow =========
   ================================ */
   
.headerimg { 
    background-position: center top; 
    background-repeat:repeat-x; 
    width:100%; height:440px; 
    position:absolute; 
}
/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url('../images/btn_back.png'); }
#next { background-image:url('../images/btn_next.png'); }
#control { background-image:url('../images/btn_pause.png'); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:348px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }

/*General Mosaic Styles*/
.mosaic-block {
	position:relative;
	overflow:hidden;
	background:#111 url(../images/progress.gif) no-repeat center center;
	/*float:left;*/
	/*width:400;
	height:250;
	margin:10;*/
	/*-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);*/
}
.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
    /*background:url('../images/report-banner-black-bg.png') 0 0 no-repeat;*/
}
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../images/bg-black.png);
}
.bar .mosaic-overlay {
	bottom:-25px;
	height:50px;
	background:url(../images/bg-black.png);
}
.bar2 .mosaic-overlay {
	bottom:-20px;
	height:50px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}
.bar2 .mosaic-overlay:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
.bar3 .mosaic-overlay {
	top:-100px;
	height:100px;
	background:url(../images/bg-black.png);
}
.mosaic-details{
	margin:3px 10px;
	text-align:right;
}	
.mosaic-details h4{ 
	font:300 14px Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*line-height:80%; */
	/*letter-spacing:0.1em;*/ 
	color:#ccc;
	text-transform:uppercase;
	font-weight:normal;
	text-shadow:1px 1px 0 rgb(0,0,0);
}
.mosaic-details p{
    margin:2px 0 0 0;
	font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; 
	text-shadow:1px 1px 0 rgb(0,0,0);
	color:#ccc;
	text-align:right;
}
.mosaic-block a:hover{
	text-decoration:none;
}
/*** End Animation Styles ***/

/* ==== Close Slideshow ==== */

/* ================================
   ========== 3. Content ==========
   ================================ */
.contentWrapper {
	margin:auto;padding:0 0 10px 0;
	position:relative;
	height:auto;
	/*overflow: hidden;*/		/** clearing floats **/
	/*width: 100%;*/			/** clearing floats **/
	width:960px;
}
.contentTop {
	margin:0;padding:0;
	background:url('../images/content-top-bg.png') 0 0 no-repeat;
	height:40px;	
}
.contentMiddle {
	margin:0;padding:0;
	height:auto;	
	width:100%;
}
.contentBottom {
	margin:0;padding:0;
	background:url('../images/content-bottom-bg.png') 0 bottom no-repeat;
	height:20px;	
}
.bodyContent {
	margin:0;padding:3px 20px 10px 20px;
	width:940px;
	height:auto;
	clear:both;
}

.bodyContentInnerMiddle {
    margin:0px;padding:0;
    width:980px;
    height:auto;
}

.mainContent {
    margin:0;padding:0px;
	margin-left:15px;
    width:725px;
    height:auto;
    float:left;
}

.divider{
	background:url(../images/divider.png) no-repeat top right;
	width:15px;
	height:700px;
	float:left;
	position:relative;
	left:-15px;
	
}
/*
.bodyContentRight {
	margin:0;padding:0;
	width:730px;
	height:auto;
	clear:right;
	float:right;
}
.bodyContentBG {
	margin:0;padding:10px 10px 20px 10px;
	width:708px;
	height:auto;
	clear:right;
	float:right;
	background:#fff;
	border:1px solid #cecece;
}
*/
/* page title **/
.pageTitle h1 {
	margin:0;padding:18px 0 0 20px;
	font-size:18px;
	line-height:19px;
	color:#0158a6;
	text-shadow:0 1px #222;
	text-transform:uppercase;
	font-weight:normal;
	width:70%;
	clear:left;
	float:left;
}
.pageTitleFront h1 {
	margin:0;padding:18px 0 0 30px;
	font-size:18px;
	line-height:19px;
	color:#0158a6;
	text-shadow:0 1px #222;
	text-transform:uppercase;
	font-weight:normal;
	width:70%;
	clear:left;
	float:left;
}
.frontBox1 {
	margin:0 10px;padding:0;
	/*background:url('../images/shipbuilding-icon.jpg') 0 0 no-repeat;*/
	width:219px;
	height:116px;
	float:left;
	border:2px solid #505050;
}
.frontBox2 {
	margin:0 10px 0 0;padding:0;
	width:218px;
	height:116px;
	float:left;	
	border:2px solid #505050;
}
.frontBox3 {
	margin:0 10px 0 0;padding:0;
	width:218px;
	height:116px;
	float:left;
	border:2px solid #505050;
}
.frontBox4 {
	margin:0;padding:0;
	width:219px;
	height:116px;
	float:left;	
	border:2px solid #505050;
}
.frontBox1:hover, .frontBox2:hover, .frontBox3:hover, .frontBox4:hover {
	border:2px solid #0158a6;
}
.frontBtmBox1 {
    margin:10px 10px 0 30px;padding:0;
    clear:both;
    float:left;
    width:302px;
 }
.frontBtmBox2 {
    margin:10px 10px 0 0;padding:0;
    float:left;
    width:296px;
 }
.frontBtmBox3 {
    margin:10px 0 0 0;padding:0;
    float:left;
    width:302px;
 }
.frontBtmBox1 p, .frontBtmBox2 p, .frontBtmBox3 p {
    margin:10px 0 0 0;padding:0;
    color:#b8b8b8;
    height:53px;
}
.frontMoreInfo {
    text-align:right;
    color:#0158a6;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    line-height:normal;
}

/* tabs */
ul.tabsEvents {
	margin:0;padding:0;
}
.tabsEvents li {
	margin:0;padding:0;
	display:inline-block;
	/*background:#cecece;*/
	float:left;
	list-style-type:none;
}
.tabsEvents li a{
	margin:0;padding:0 15px;
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	width:auto;
	height:auto;
	line-height:30px;
	background:#888;
	border-right:1px solid #fff;
}
.tabsEvents li a:hover{
	text-decoration:none;
	display:block;
	background:#1e4594;
	color:#fff;
}
ul.tabsEvents a.current, ul.tabsEvents a.current:hover, ul.tabsEvents li.current a {
	text-decoration:none;
	font-weight:bold;
	display:block;
	background:#F00;
    cursor:default	!important;
    color:#fff	!important;
}
.panes {
	border:1px solid #cecece;
	border-top:2px solid #F00;
	margin:0;padding:10px;
	background:#fafafa;
	position:relative;
}
/* ================================
   ========== 4. Footer ===========
   ================================ */
.footerBottom {
	margin:0;padding:30px 0 0 0;
	width:100%;
	background:url('../images/footer-border.gif') 0 20px repeat-x;
}
.footerBottomBody {
	margin:auto;padding:15px 0;
	width:960px;
	height:auto;
	color:#acb9d3;
	line-height:14px;	
}
.footerBottomBody p{
	line-height:14px;
	color:#888;
}
.footerBottomBody a{
	color:#888;
}
.footerBottomBody a:hover{
	color:#fff;
    text-decoration:none;
}
.backToTop {
	margin:0;
	float:right;
	width:200px;
	height:auto;
	text-align:right;
    line-height:normal;	
}
.backToTop a {
	color:#888;
	padding:0 16px 0 0;
	background:url(../images/backToTop-arrow.png) right 2px no-repeat;
}
.backToTop a:hover {
	color:#fff;
	text-decoration:none;
	background:url(../images/backToTop-arrow-hover.png) right 2px no-repeat;
}
/* ================================
   =========== 5. Misc ============
   ================================ */
.clear {
	margin:0;padding:0;
	clear:both;
	height:0;
    font-size:0;
    line-height:0;
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}
.left {
	float:left;	
}
.right {
	float:right;
}
.bold {
	font-weight:bold;	
}
.shadow {
	text-shadow:0 1px #d7d9dc;	
}
.arrow {
	font-size:15px;
	margin:10px 0 0 0;
}
.button {
	font-size:11px;
	margin:0;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}
.dropdownlist, dropdownlist {
	margin:0;padding:2px 3px;
	font-size:13px;
	color:#333;
	width:auto;
	border:1px solid #838383;
        box-sizing: border-box;
        border-radius:0;
	cursor:auto;
}
.dropdownlist2, dropdownlist {
	font-size:13px;
	color:#333;
	width:auto;
	border:1px solid #838383;
        box-sizing: border-box;
        border-radius:0;
	cursor:auto;
}
.tdIndicator{
        box-sizing: border-box;
        border-radius:0;
	cursor:auto;
}
.textbox, textbox {
	font-size:13px;
	margin:0;
	width:auto;
	height:auto;
	padding:5px;
	color:#333;
	cursor:text;
	background:#cccccc;
	border:1px solid #cccccc;
}
.textarea, textarea {
	padding:2px;
	color:#333;
	font-size:11px;
	border:1px solid #838383;
	cursor:text;
}
.dropdownlist:focus, dropdownlist:focus {
	border:1px solid #005836;
}
.textarea:focus, textarea:focus {
	border:1px solid #005836;
}
.textbox:focus, textbox:focus {
	border:1px solid #005836;
}
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
	font-weight:normal;
}
.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0 0 5px #666666;
	-webkit-box-shadow:0 0 5px #666666;
	box-shadow:0 0 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}
/* Selection style */
/*
::selection {
background:#a4b344;
color:#ffffff;
}
::-moz-selection{
background:#a4b344;
color:#ffffff;
}
::-webkit-selection {
background:#a4b344;
color:#ffffff;
}
*/

/* ================================
   ============ 6. IR =============
   ================================ */

h1.pageTitle{
	margin:0 0 15px 0;padding:0;
	font-size:18px;
	line-height:30px;
	color:#333;
	text-transform:capitalize;
    height:35px;
	border-bottom:1px solid #005836;
}

.leftbarMenu {
    margin:5px 0 0 0;padding:0;
    width:220px;
    height:auto;
    float:left;
    clear:left;
	overflow:hidden;
}
.leftbarMenu li {
    margin:0;padding:0;
    list-style:none;
    display:block;
	background:url(../images/arrow.jpg) left no-repeat;
	width:200px;
}
.leftbarMenu li a {
    margin:0;padding:6px 5px 6px 10px;
    list-style:none;
    color:#333;
    text-transform:capitalize;
    display:block;
	width:100%;
}
.leftbarMenu li a:hover {
    color:#ccc;
    text-transform:capitalize;
    text-decoration:none;
}
.leftbarMenu li.current {
    background:none; 
}
.leftbarMenu li.current a {
    color:#ccc;
}

.IRMenu {
    margin:5px 0 0 0;padding:0;
    height:auto;
	/*float:left;*/ /*tham side got resize issue*/
    clear:left;
	color:#fff;
	font-size:15px;
}
.IRMenu li {
    margin:0;padding:0;
    list-style:none;
    display:block;
	background:url(../images/arrow.jpg) left no-repeat;
}
.IRMenu li a {
    margin:3px 0;
	padding:6px 5px 6px 20px;
    list-style:none;
    text-transform:capitalize;
    display:block;
	color:#005836;
	border-bottom:1px solid #ccc;
	background:url(../images/arrow.jpg) left no-repeat;
}
.IRMenu li a:hover {
    color:#005836;
    text-transform:capitalize;
    text-decoration:none;
}
.IRMenu li span {
    margin:3px 0;padding:8px 5px 8px 20px;
    list-style:none;
    text-transform:capitalize;
    display:block;
	cursor:pointer;
	color:#005836;
	border-bottom:1px solid #ccc;
	background:url(../images/arrow.jpg) left no-repeat;
	width:100%;
}
.IRMenu li span:hover {
    color:#005836;
    text-transform:capitalize;
    text-decoration:none;

}
.IRMenu li.current {
	color:#005836;
	/*background:url(../images/arrow.jpg) left no-repeat;*/
}
.IRMenu li.current a {
    color:#005836;
	cursor:default;
	/*border-bottom:1px solid #ccc;*/
	/*background:url(../images/arrow.jpg) left no-repeat;*/
	width:100%;
	font-weight:600;
}  
.IRMenu li.current span {
   color:#005836;
   font-weight:600;
}
.IRMenu2 {
	margin:0;padding:0;
    background:#none;
}
.IRMenu2 li{
	margin:0;padding:0;
	display:inline-block;
	list-style-type:none;
	border:none;
	color:#444;
	background:none;
}

.IRMenu2 li a {
	margin:0 0 2px 10px;padding:6px 10px 6px 15px;
	display:block;
	width:100%;
	line-height:15px;
	font-size:12px;
	color:#333 !important;
	text-shadow:none;
	border-bottom:none;
	background:none;

}
.IRMenu2 li a:hover {
    color:#fff !important;
	background:#005836;
}

.IRMenu2 li.current a {
	margin:0 0 0 5px;padding:6px 5px 6px 25px;
	display:block;
	line-height:15px;
	font-size:13px;
	color:#fff !important;
	background-color:#005836;
	text-shadow:none;
	/*border-bottom:1px solid #ccc;*/
}
.IRMenu2 li a.current {
	color:#fff !important;
	background-color:#005836;
	text-decoration:none;
}
.IRMenu2 li.current a.current {
	color:#fff !important;
	/*background-color:#005836;*/
	text-decoration:none;
}
/*** second level link color fix iE7 ***/
.IRMenu li.current a .IRMenu2 li a {
	color:#fff !important;
	background-color:#005836;
	text-decoration:none;
	font-weight:normal !important;
}
.IRMenu li.current .IRMenu2 li a {
	color:#005836;
	text-decoration:none;
	font-weight:normal !important;
}
.IRMenu2 li.current a {
	display:block;
	width:100%;
	line-height:15px;
	font-size:13px;
	color:#fff !important;
	/*background-color:#005836;*/
	text-shadow:none;
}
.IRMenu li.current .IRMenu2 li a.current {
	color:#fff !important;
	/*background-color:#005836;*/
	text-decoration:none;
}
.frontTop{
	width:100%;
}
.frontLeft {
	width:475px;
	float:left;
	clear:both;
}
.frontRight {
	width:240px;
	float:right;
	clear:right;
}

.rightWrapper{
	width:210px;
	padding:15px;	
	background:#1abc9c;
	margin-top:20px;
}

.rightWrapper p{
	color:#fff;
}

h3.IR-front {
    margin-bottom:5px;
    color:#1abc9c;
    font-size:20px;
    line-height:15px;
	height:22px;
}

h3.IR-front span{
	color:#005836;
	font-size:10px;
}

.bursa .viewMore, .latestNews .viewMore{
	width:100px;
	padding:5px;
	margin:10px 0px;
	text-align:center;
	text-transform:none;
	font-size:11px;
	background:#005836;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px; /* Safari 5 */
	-o-border-raduis:5px; /* Opera 10.5-12.1 */
}

.bursa .viewMore a, .latestNews .viewMore a{
	color:#005836;
}

.bursa .viewMore a:hover, .lateNews .viewMore a:hover{
	color:#000;
	text-decoration:none;
}

.content{
	margin-left:0px;
}

.bursa, .latestNews {
	padding:15px 0 20px 0;
	width:100%;
	height:auto;
}
 
.bursa a, .latestNews a {color:#005836;  }

.latestNews a:hover, .bursa a:hover {text-decoration:none;color:#000;}

.dropdownTopRight {
	margin:0 0 10px 0;padding:0;
	font-size:13px;
	width:25%;
	height:auto;
	text-align:right;
	clear:right;
	float:right;
}
.dropdownTopRight-text {
	margin:0 10px 0 0;padding:0;
}

/** News **/
.newsTable{
	margin-left:0px;	
	width:100%;
	height:auto;
}

.news{
	width:100%;
	margin:3px 0px 3px 5px;
	padding:10px 0px;
	border-bottom:1px dashed #ccc;
}

.grey{
	background:#f5f5f5;
	padding:10px 0px;

}

.newsdate{
	float:left;
	width:45px;
	height:40px;
	border-right:1px solid #ccc;
	padding-top:5px;
}

.date{ 
	font-size:30px;
	font-weight:700;
	text-align:center;
}

.month{
	font-size:15px;
	font-weight:700;
	text-align:center;
	padding-top:5px;
}

.newstitle{
	padding:3px 10px;
	line-height:15px;
	float:left;
	font-size:13px;
	width:400px;
	text-align:justify;
}

.newssource{
	padding:3px 10px;
	float:left;
	font-size:13px;
	font-style:italic;
}


/** Quote Box **/
.quoteBox {
	width:210px;
	height:265px; 
	background:url(../images/quote-bg.jpg) no-repeat; 
	padding:12px 15px 15px 15px; 
	color:#fff;
	float:left;
}

.quoteHeader {
	font-size:15px;
	font-weight:bold;
}

.quoteHeader span{ 
	font-weight:normal;
}

.quoteDone strong{
	font-weight:normal;
	font-size:39px;
	line-height:43px;
	padding:5px 0;
}

.quoteDone span{
	font-size:20px;
}

.quoteName{
	font-size:15px;
	font-weight:bold;
	padding-top:10px;
}
.quote{
	background:#fff;
	color:#333;
	width:205px;
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
	padding-left:5px;
}

.quoteLabel{
	margin:0px 5px;
	width:30px;
	padding:2px 0px;
}

.quoteValue{
	width:70px;	
	margin:0 10px;
	text-align:center;
}

.quoteDone {
	text-align:left;
	padding:0;
	padding:8px 0;
}

.quoteTable {
	clear:both;
	margin:3px 0 0 0;padding:0;
	text-align:center;
	border-collapse:none;
    border-spacing:0;
	line-height:17px;
	border:none;
}
.quoteTableHeading {
	background:#e5e5e5;
	color:#009933;
}
.quoteTable td{
	padding:2px 0;
	margin:0;	
}

.quoteTable td.value{
	padding:8px 0px;
	border:0px solid #005836;
}

.quoteTablePadding td {
	padding:0 0 5px 0;
	margin:0;
}
.quoteGreen {
	color:#00de2a;	
}
.quoteRed {
	color:#e70000;	
}
.quoteArrowUp {
	background:url(../images/Arrow-up.png) 0 2px no-repeat;
	width:9px;
	height:9px;
	margin:0;padding:0 14px 0 0;
}
.quoteArrowDown {
	background:url(../images/Arrow-down.png) 0 2px no-repeat;
	width:9px;
	height:9px;
	margin:0;padding:0 14px 0 0;
}
.quoteCredit {
	margin:3px 0px 0px 0px;padding:0;
	color:#fff;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	float:left;
	text-shadow:none;
	line-height:9px;
}
.quoteCredit a{
	color:#0091ff;
}
.stock_number_standard {
	color:#fff;
}

.quote_number_up
	{color:#008f18;font-weight:bold;}
	
.quote_number_standard
	{color:#000;font-weight:normal;}
	
.quote_number_down
	{color:#bd0000;font-weight:bold;}
	
.reportBanner {
	margin:10px 0;
    width:225px;
	background:#f5f5f5;
	padding:10px 0 0 0;
}

.reportContent{
	margin:12px 0 0 12px;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}

.reportDownload{
	font-size:12px;
	color:#333;
	width:85px;
	background:url(../images/arrow-download.jpg) no-repeat center right;
	height:15px;
}

.reportDownload a{color:#333; text-decoration:none;}
.reportDownload a:hover{color:#049019; text-decoration:none;}

.reportContent .titleGreen { color:#049019;font-size:16px;}

.ar{
 	background:url(../images/ar.jpg) no-repeat;	
	}
	
.qr{
	background:url(../images/qr.jpg) no-repeat;
}
/** Component Box **/
.componentBox {
	margin:20px 0 0 0;padding:0;
	width:260px;
	height:auto;
}
.componentBoxHeader {
	margin:0 0 10px 0;padding:0 0 0 50px;
	background:url('../images/ir-contact-header-bg.gif') 0 0 no-repeat;
	color:#009933;
	font-size:15px;
    line-height:30px;
	font-weight:bold;
	display:block;
}
/** div Corporate info General **/
.general {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
	line-height:16px;
}
.generalRowOdd {
	margin:0;padding:8px 0 8px 0;
	width:100%;
	height:auto;
	clear:both;
	background:#f1f1f1;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
.generalRowEven {
	margin:0;padding:8px 0 7px 0;
	width:100%;
	height:auto;
	clear:both;
	background:#fefefe;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
.generalLabel {
	margin:0;padding:0 5px 0 10px;
	width:20%;
	height:auto;
	float:left;
	clear:left;
	font-weight:bold;
}
.generalDesc {
	margin:0;padding:0 10px 0 5px;
	width:75%;
	height:auto;
	float:left;
	text-align:justify;
	font-weight:normal;
}
/* === close div Corporate info General === */
/** div Media News **/
.mediaNews {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	line-height:16px;
	text-align:justify;
}
.mediaNewsHeader1 {
	margin:0;padding:8px 5px 7px 10px;
	background:#4e7489;
	color:#fff;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #fff;
	/*width:17%;*/
	width:117px;
	height:auto;
	float:left;	
}
.mediaNewsHeader2 {
	margin:0;padding:8px 5px 7px 10px;
	background:#4e7489;
	color:#fff;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #fff;
	/*width:17%;*/
	width:146px;
	height:auto;
	float:left;
}
.mediaNewsHeader3 {
	margin:0;padding:8px 5px 7px 10px;
	background:#4e7489;
	color:#fff;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	/*width:61%;*/
	width:415px;
	height:auto;
	float:left;
}

.presentationTitleHeader {
	width:588px;	
}
.presentationTitle {
	width:588px;	
}

.mediaNewsColumn1 {
	margin:0;padding:0 5px 0 10px;
	width:117px;
	height:auto;
	clear:both;
	float:left;
}
.mediaNewsColumn2 {
	margin:0;padding:0 5px 0 10px;
	width:146px;
	height:auto;
	float:left;
}
.mediaNewsColumn3 {
	margin:0;padding:0 5px 0 10px;
	width:415px;
	height:auto;
	float:left;
}
.mediaNewsRow {
	margin:0;padding:0;
	background:#4e7489;
	clear:both;
}
.mediaNewsRowOdd {
	margin:0;padding:8px 0 7px 0;
	width:100%;
	height:auto;
	clear:both;
	background:#fefefe;
}
.mediaNewsRowEven {
	margin:0;padding:8px 0 8px 0;
	width:100%;
	height:auto;
	clear:both;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	background:#f1f1f1;
}
/* === close div Media News === */

/** div Directors Profile **/
.directorsProfile {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	line-height:17px;
	text-align:justify;
}
.directorsProfileLeft {
	margin:0;padding:0;
	width:245px;
	clear:both;
	float:left;
	height:auto;
    text-align:left;
}
.directorsProfileRight {
	margin:0;padding:0 0 0 15px;
	width:455px;
	clear:right;
	float:right;
	height:auto;
}
.directorsProfileLabel {
	margin:0 0 20px 0;padding:15px 10px;
	/*width:423px;*/
	width:245px;
	height:auto;
	clear:both;
	float:left;
	font-size:13px;
	font-weight:bold;
	/*background:url(../images/scanline-bg.gif) 0 0 repeat;*/
	border:0px solid #666;
	border-bottom:2px solid #666;
}
.directorsProfileLabel:hover {
	color:#333;
	/*background:url(../images/scanline-bg.gif) 0 0 repeat;*/
	border:0px solid #005836;
	border-bottom:2px solid #005836;
	text-decoration:none;
}
.directorsProfileLabelRight {
	margin:0 0 20px 0;padding:15px 20px;
	width:413px;
	height:auto;
	clear:both;
	float:left;
	font-size:13px;
	font-weight:bold;
	/*background:url(../images/scanline-bg.gif) 0 0 repeat;*/
	background:#1abc9c;
	border:0px solid #005836;
	border-bottom:2px solid #005836;
	color:#fff;
    text-align:left;
}
.directorsProfileRightDesc {
	margin:0;padding:0 2px;
	width:451px;
	clear:both;
	float:left;	
}
.directorsProfileDesignated {
	font-size:11px;
	font-weight:normal;
}
.directorsProfile p {
	line-height:17px;
}
.directorsProfileLabel a {
	color:#444;	
}
.directorsProfileLabel a:hover {
	text-decoration:none;
}
.directorsProfileLabel:hover a {
	color:#333;
	text-decoration:none;
}
.directorsProfileLabel-Active {
	margin:0 0 20px 0;padding:15px 10px;
	/*width:423px;*/
	width:252px;
	height:auto;
	clear:both;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#333;
	/*background:url(../images/scanline-bg.gif) 0 0 repeat;*/
	border:0px solid #005836;
	border-bottom:2px solid #005836;
}
.directorsProfileLabel-Active a:hover {
	text-decoration:none;
}
.directorsProfileLabel-Active:hover {
	text-decoration:none;
	color:#005836;
}
.directorPicture {
	float:left;
	clear:left;
	margin:0 20px 20px 0;
	padding:0;
}
/* === close div Directors Profile === */
/** div Circulars **/
.circulars {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
}
.circularsCover {
	background:url(http://sasbadi.irplc.com/investor-relations/images/circular.jpg) 0 0 no-repeat;
	width:230px;
	height:300px;
}
.circularsItems {
	margin:0 0 40px 0;padding:0;
	width:100%;
}
.circularsItemsDate {
	font-weight:bold;
}
.circularsItemsDL {
	margin:15px 10px 0 0;padding:40px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
.circularsItemsView {
	margin:15px 0 0 0;padding:40px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
/* === close div Circulars Report === */

/** div Prospectus **/
.prospectus {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
}
.prospectusCover {
	background:url(http://sasbadi.irplc.com/investor-relations/images/prospectus-cover.jpg) 0 0 no-repeat;
	width:230px;
	height:300px;
}
.prospectusItems {
	margin:0 0 40px 0;padding:0;
	width:100%;
}
.prospectusItemsDate {
	font-weight:bold;
}
.prospectusItemsDL {
	margin:15px 10px 0 0;padding:40px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
.prospectusItemsView {
	margin:15px 0 0 0;padding:40px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
/* === close div Prospectus Report === */
/** div Annual Report **/
.annualReport {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
}
.annualReportRow {
	margin:0 auto;padding:0 0 40px 0;
	/*clear:both;
	float:left;*/
	text-align:center;
	/*width:90%;*/
	width:100%;
}
.annualReportColumn {
	margin:0 2% 0 2%;padding:0 15px;
	/*width:160px;*/
	width:182px;
	float:left;
	display:inline-block;
}
.annualReportDL {
	margin:15px 0 15px 15px;padding:40px 0 0 0;
	width:40%;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
}
.annualReportView {
	margin:15px 15px 15px 0;padding:40px 0 0 0;
	width:39%;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
}
.annualReportView_interactive{
	
	margin:15px 15px 15px 0;padding:40px 0 0 0;
	width:39%;
	height:20px;
	background:url(../images/View-interactive.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	
}

/* === close div Annual Report === */
/** div Quarter Report **/
.quarterReport {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
}
.quarterReportRow {
	margin:0;padding:0;
	float:left;
	/*clear:both;*/ /* IE 7 Got issue wth this clear */
}
.quarterReportLabelHeader {
	margin:0;padding:20px 0;
	float:left;
	width:226px;
	/*height:20px;*/
}
.quarterReportQ1Header {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:95px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#4e7489;
	color:#fff;
	border-left:1px solid #4e7489;
	border-top:1px solid #4e7489;
}
.quarterReportQ2Header {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:95px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#4e7489;
	color:#fff;
	border-top:1px solid #4e7489;
}
.quarterReportQ3Header {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:96px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#4e7489;
	color:#fff;
	border-top:1px solid #4e7489;
}
.quarterReportQ4Header {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:86px;
	/*height:20px;*/
	font-size:14px;
	font-weight:bold;
	background:#4e7489;
	color:#fff;
	border-top:1px solid #4e7489;
	border-right:1px solid #4e7489;
}
.quarterReportLabel {
	margin:0;padding:30px 10px 27px 15px;
	float:left;
	width:201px;
	/*height:20px;*/
	font-weight:bold;
	font-size:14px;
	background:url(../images/scanline-bg.gif) 0 0 repeat #f1f1f1;
	color:#444;
}
.quarterReportQ1 {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:95px;
	background:none;
}
.quarterReportQ2 {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:95px;
	background:none;
}
.quarterReportQ3 {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:96px;
	background:none;
}
.quarterReportQ4 {
	margin:0;padding:20px 10px 20px 20px;
	float:left;
	width:86px;
	background:none;
}
/* === close div Quarter Report === */
/** div Analyst Reports **/
.analystReports {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
}
.analystReportsLeft {
	margin:0 0 40px 0;padding:0;
	width:49%;
	height:auto;
	float:left;
	clear:both;
}
.analystReportsRight {
	margin:0 0 40px 0;padding:0;
	width:49%;
	height:auto;
	float:right;
}
.analystReportsCenter {
	margin:auto;padding:0;
	width:70%;
	height:auto;
}
.analystReportsLabel {
	margin:0;padding:10px 5px 5px 5px;
	width:250px;
	height:85px;
	float:left;
	text-align:center;
	border-bottom:2px solid #005836;
	background:#1abc9c;
	color:#fff;
	/*background:url(../images/analystReports-bg.gif) 0 0 no-repeat;*/
}
.analystReportsLink {
	margin:0;padding:10px 50px;
	width:160px;
	height:auto;
	float:left;
	clear:left;
	text-align:center;
}
.alystReportsDate {
	font-weight:bold;	
}
.analystReportsDL {
	margin:0;padding:0px 0 0 0;
	width:50%;
	height:30px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
.analystReportsView {
	margin:0 0 0 0;padding:0px 0 0 0;
	width:50%;
	height:30px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
/* === close div Analyst Reports === */

/* financial info iframe */
.financial-info {
	margin:0;padding:0;
	width:750px;
	height:auto;
	background:none;
}
/** Table financial **/
.tableFinancial {
	margin:0;padding:0;
	text-align:left;
	width:100%;
	height:auto;
	text-align:right;
}
.tableFinancial th{
	margin:0;padding:6px 6px;
	background:#333;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	border-right:1px solid #fff;
}
.tableFinancial td{
	margin:0;
	padding:8px 6px 7px 6px;
	border-bottom:1px dotted #cecece;
	font-weight:normal;
}
.tableFinancial tr:nth-child(odd) {
	background-color:#fafafa; 
}
.tableFinancial tr:nth-child(even) {
	background-color:#fff; 
}
object {
	background:none;	
}
/** financial tab link, year,quarter etc **/
.span_finance_off {
	padding:0 10px;
	text-decoration:none;
	font-weight:normal;
	color:#333;
	line-height:18px;
}
.span_finance_on {
	padding:0 10px;
	text-decoration:underline;
	font-weight:bold;
	color:#005836;
	line-height:18px;
}
.span_finance_on:hover, .span_finance_off:hover {
	padding:0 10px;
}
/** General > Industry Classification table **/
.id_clsf {
	margin:0;padding:0;
	border:1px solid #666;
}
.id_clsf th{
	margin:0;padding:3px;
	background:#666;
	color:#fff;
}
.id_clsf td{
	margin:0;padding:4px 3px;
	background:#fff;
	color:#444;
}
/** div Key Management Team **/
.management {
	padding:20px 0px 20px 0px;
	border-bottom:1px dotted #aaaaaa;
}
.management-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 28px;
}
/* === close div Key Management Team === */

/** div presentation materials **/
.row {
	clear:both;
	margin:0 0 20px 0;padding:0;	
}
.column {
	float:left;
	width:230px;
	margin:0 20px 0 0;
}
/* === close div presentation materials === */
.componentBoxBody{
	background:#005836;
	border:1px solid #ccc;
}

/** Table general **/
.tableGeneral {
	margin:0;padding:0 10px;
	/*border:1px solid #acacac;*/
	text-align:left;
	height:auto;
}
.tableGeneral th{
	margin:0;padding:10px 10px;
	background:url(../images/component-headerBG.gif) 0 0 repeat-x;
	color:#444;
	font-size:15px;
	font-weight:bold;
}
.tableGeneral td{
	margin:0;padding:5px 10px;
	/*background:#fff;*/
}

.btn_register{
	padding:2px 5px;
}

.registerNow{

	}
	
.registerNow:hover {
	color:#000;
	}
	
.reportView { border:1px solid #ccc;}

/** quote table - added 20140514 **/
.quote-table{width:210px; margin-top:5px; margin-bottom:5px;}

.quote-table tr td:last-child {
   text-align:right;
}

.line{
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	text-align:justify;
	width:210px;
}

.bannerWrapper{
	background:#e3e3e3; width:720px; height:265px; float:left;
}

.banner{}

.reportWrapper{
	padding:15px;
	width:710px;
	background:#f1f1f1;
	margin-bottom:10px;
	margin-top:10px;
}

.viewBtn{
	background:url(../images/btn-arrow.jpg) no-repeat; width:116px; height:25px; padding-left:20px; padding-top:3px; margin-top:10px; font-size:11px;
}

.viewBtn a{ color:#fff;}
.viewBtn a:hover{ color:#ccc;}
.email-btn a{color:#fff;}
.email-btn a:hover{color:#005836;}

/* ----------- css by kc -------------- */
/** ------- analyst report -----**/

.inner-body-part {
	width:740px;
	float:left;
	margin0;
}

.top-blue-row{ 
	background:#4e7489; 
	width:100%; 
	float:left;
}

.top-blue-row .description{ 
	width:55%; 
	border-right:1px solid #fff;  
	font-family: 'Open Sans', sans-serif;
	color:#ffffff; 
	font-size:13px; 
	padding:10px 0 10px 10px; 
	float:left;
	font-weight:bold;
}

.top-blue-row .date{ 
	width:18%; 
	border-right:1px solid #fff;  
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#ffffff; 
	font-size:13px; 
	padding:10px 0 10px 10px; 
	float:left;
	text-align:left;
	font-weight:bold;
}

.top-blue-row .links{ 
	width:10%;font-family:'Open Sans', Arial, Helvetica, sans-serif;
	border-right:1px solid #fff;  
	color:#ffffff;
	 font-size:13px; 
	 padding:10px 0 10px 10px; 
	 float:left;
	 font-weight:bold;
}

.top-blue-row .view{ 
	width:10%;font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#ffffff;
	 font-size:13px; 
	 padding:10px 0 10px 10px; 
	 float:left;
	 font-weight:bold;
}
.content-row{
	width:100%; 
	float:left; 
	border:1px dotted #cacaca; 
	border-width:0 0 1px 0; 
	margin:0 0 0 0;
}

.content-row .description{ 
	width:55%; font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13px; 
	padding:10px 0 10px 10px;
	float:left;
}

.content-row .date{ 
	width:18%; font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13px; 
	padding:10px 0 10px 10px; 
	text-align: 13px;
	float:left;
	text-align:	left;
}

.content-row .links{ 
	width:80px; 
	float:left;
}

.content-row .view{ 
	width:80px; 
	float:left;
}

.content-row .links a{ 
	width:80px; 
	height:35px; 
	float:left; 
	background:url(../images/download-icon.jpg) no-repeat 25px 7px; 
	display:block;
}

.content-row .links a:hover{ 
	width:80px; 
	float:left; background:url(../images/download-icon.jpg) no-repeat 25px 7px;
}

.content-row .view a{ 
	width:80px; 
	height:35px; 
	float:left; 
	background:url(../images/view-pdf-icon.jpg) no-repeat 25px 7px; 
	display:block;
}

.content-row .view a:hover{ 
	width:80px; 
	float:left; background:url(../images/view-pdf-icon.jpg) no-repeat 25px 7px;
}

/** div IPO Centre **/
.ipo-table{
	margin:0 0 5px 0;padding:0;
	text-align:left;
	width:100%;
	height:auto;
	text-align:right;
}
.ipo-table th{
	margin:0;
	padding:5px 10px 5px 5px;
	background:#4e7489;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border-right:1px solid #fff;
	text-align:right;
}
.ipo-table td{
	margin:0;
	padding:5px 10px 5px 5px;
	border-bottom:1px solid #d5d5d5;
	font-weight:normal;
}
.ipo-table tr:nth-child(odd) {
	background-color:#f7f7f7; 
}
.ipo-table tr:nth-child(even) {
	background-color:#fff; 
}
.ipo-bigText{
	font-size:15px;
	font-weight:bold;
	color:#0ab795;
	padding:5px 0;
}
.ipo-smallText{
	font-size:13px;
	font-weight:bold;
	color:#1e215a;
}
.ipo-competitive-strenghts li{
	padding-top:5px;
	margin-left: 35px;
	list-style:lower-roman;
}
.ipo-risk-factors li{
	padding-top: 5px;
	margin-left: 30px;
	list-style-type: disc;
	text-align:justify;
}
.past-performance-review li{
	padding-top: 5px;
	list-style-type:disc;
	text-align:justify;
}
.ipo-industry-overview li{
	padding-top: 5px;
	list-style-type:disc;
	text-align:justify;
}
/* === close div IPO Centre === */
/** div Key Management Team **/
.keyMTeam{
	padding:20px 0px 20px 0px;
	border-bottom:1px dotted #aaaaaa;
}
.keyMTeam-title{
	font-size: 18px;
	font-weight: bold;
	color: #0ab795;
	line-height: 28px;
}
/* === close div Key Management Team === */
/* Date picker*/


.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!important;
}

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

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

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

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

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

/*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: -10px;*/
    /*width:50%;*/
}



/* Director Profile - updated 18/09/2014 */
.directorProfile{
	border:0px;
}

.directorProfile .panel{
	border:0px;
	display:block;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); 
	box-shadow: 0 0px 0px ;
}


.directorProfile .panel-title {
	font-size:15px;
	display:block;
	height:20px;
}

.directorProfile .panel-heading{
	background:none; 
	padding:5px 0px 0px 0px;
	border-color: 0px solid transparent;
	
}

.panel-default > .panel-heading {
  color: #333;
  border-color: 0px solid transparent;
  background-color:none;
}

.directorProfile .panel-body{
	padding:0px;
	margin-bottom:20px;
	border:none;
}

.directorProfile .panel-heading + .panel-collapse > .panel-body{
	border:0px solid #ccc;
}

.directorProfile .panel-title:hover{
	display:block;
	height:20px;
}

.directorProfile .panel-title .collapsed{
	font-size:15px;
	display:block;
	height:20px;
}

.directorProfile .panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "+";  
	position:relative;
	float:right;
	top:-35px;
}


.directorProfile .panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	color: grey;  
	float:right;   
	top:-30px;  
	position:relative; 
	overflow: no-display;
	color:#1abc9c;
	content: "-"; 
	font-size:20px;
	font-weight:bold;
	padding:0 5px 0 0;
}

.directorProfile a.accordion-toggle{
	text-decoration: none;
}

.directorDesignation{
	font-weight:normal;
	font-size:15px;
	line-height:20px;
	color:#d60315;
	padding-bottom:10px;
	color:#555;
	font-weight:600;
	
}

/*.directorProfileContainer .pic{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}*/

.directorProfileContent .pic{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
	
}

.directorProfileContent{
	color:#666;
	text-align:justify;
	line-height:18px;
    padding: 0 0 0 8px;
}
	
.directorName{
	font-weight:bold;
	font-size:23px;
	line-height:30px;
	border-bottom:1px solid #a2a2a2;
	color:#1abc9c;

}

/* commented - 18 / 09 / 2014 - Director Profile restructure */
/* Director Profile 
.directorProfileContainer li{
	border-bottom:1px solid #ccc;
}

.directorProfileContainer a{
	font-weight:bold;
	font-size:13px;
}

.directorProfile{
	padding:5px 10px;
	background:#189bd7;
	color:#fff;
}

.directorDesignation{
	font-weight:normal;
	font-size:12px;
	color:#189bd7;
	padding-top:3px;
}

.directorProfileContainer .pic{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}

.directorProfileContent{
	border:1px solid #ccc;
	padding:10px;
	float:left;
}*/





	/********Analyst reports*********/
.analystContainer .clsTableBgTitle th
{
	
    margin: 0;
    padding: 8px 5px 7px 10px;
    background: #4e7489;
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    /* width: 17%; */
    width: 85px;
    height: auto;  
	text-align:center;
}
.analystContainer .clsTableBgTitle th:first-child{
	text-align:left;
	
}
.analystContainer .clsTableBgTitle th:last-child
{
	border-right:0px;
}
.dropdownTopRight .dropdownTopRight-text
{
	margin:0 2px 0 0;
}
.analystContainer .tableRow2First
{
	border:0px !important;	
	text-align:left;
	padding: 8px 5px 7px 14px;
	    
}

.analystContainer table tr:nth-child(odd) td
{
	    background: #fefefe;
}
.analystContainer table tr td:nth-child(2)
{
	text-align:center;
}

.analystContainer table td:first-child{
	text-align:left;
	width:200px;
	
}

.analystContainer table tr:nth-child(even) td
{
	border-top: 1px dotted #999 !important;
    border-bottom: 1px dotted #999 !important;
    background: #f1f1f1;
}

.dropDownArrow
{
	margin: 0;
    padding: 2px 6px;
    font-size: 14px;
    color: #333;
    width: auto;
    border: 1px solid #838383;
	margin-bottom:12px;
	min-width:60px;
}

/* 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: #4e7489;
  border-color: #4e7489;
}
.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;
}


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


/************* Bursa News *************/

.annoucementContainer .form-group{
		margin-bottom:10px;
}
.annoucementContainer
{
	
}
.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;
}
.announcementSelection .row
{
	margin-bottom:0px;
}
.selectpicker 
{
	padding:5px 8px;
	margin-bottom:12px;
	color: #282828;
	 font-weight:600;
}

/************** end Bursa News*****************/