@import url("font-face.css");


#content { margin-bottom: 20px;}
/*.parallax.ir { background-image: url(../images/banner/banner-ir-01.jpg);}*/
#banner > .parallax {}
.text-title-sub,
[class^="home-download"] > h4,
[class^="home-download"] > a,
[class^="home-contact"] > h4,
[class^="home-contact"] > a.email-alerts,
table[class^=ir-table] tr.ir_tableTopRow td, 
table[class^=ir-table] tr.ir_tableTopRow th,
table[class^=ir-table] tr.ir_tableSubTopRow td,
table[class^=ir-table] tr.rowTotal td,
.submenu.ir-menu li > ul > li.submenu-topic,
#ir-menu > li > a,
.ir_textMainHighlight,
table[class$=factsheet] tr td:first-child,
table[class$=factsheet] tr td > span {font-family: "Display"; }

/* btn-download */
a.btn-download {display: block; margin: 0 auto; border: #45906b 1px solid; color: #45906b; padding: 5px 15px;  text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
a.btn-download:hover { background: #94c6ad; color: #ffffff; border-color: #82b099;}

/* ir-menu top */
ul.submenu.ir-menu {-moz-column-count: 2;-webkit-column-count: 2; column-count: 2; height:220px; margin: 0; padding: 10px;}
.submenu.ir-menu > li { list-style: none; padding: 5px 10px; margin: 0; width: 100%; float: left;}
.submenu.ir-menu li > ul {  margin: 0 0 10px 0; padding: 0; float: left; width: 100%;}
.submenu.ir-menu li > ul > li.submenu-topic { font-size: 24px; font-weight: bold;line-height: 1;list-style-type: none;margin: 0 0 10px 0; padding: 0;}
.submenu.ir-menu li > ul > li.active a,
#ir-menu > li.active > ul > li.active,
#ir-menu > li.active > ul > li.active a { color: #45906b;}
.dropdown-menu .col-3.ir { padding-bottom: 20px;}

/* ir-menu left */
#ir-menu { list-style: none; padding: 0; margin: 0;}
#ir-menu > li { padding: 5px; background :url(../images/ir-menu-left.png) 100% 100% no-repeat; font-size: 23px; line-height: 20px;}
#ir-menu > li.active > a { color: #45906b;}
#ir-menu > li.active > ul { padding: 0; margin: 0;}
#ir-menu > li.active > ul > li { list-style: disc; font-size: 14px; padding: 5px 0 5px 10px; margin: 0 0 0 25px; line-height: 20px}


#ir-menu > li > ul { padding: 0; margin: 0;}
#ir-menu > li > ul > li { list-style: disc; font-size: 14px; padding: 5px 0 5px 10px; margin: 0 0 0 25px; line-height: 20px}



/* TABLE */
th {font-weight: normal;}
table[class*=boder] {border: 1px solid #CCCCCC; }
table[class^=ir-table]{ padding: 1px; margin: 0px; border-spacing: 3px; width: 100%; }  
table[class^=ir-table] tr td { padding: 5px 10px; border-bottom: #d3d6d0 1px solid; vertical-align: top;}
table.ir_hover tr:hover td {background: #c3b777;}
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #c3b777;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #c3b777;}
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}
table[class^=ir-table] tr.ir_tableTopRow td, 
table[class^=ir-table] tr.ir_tableTopRow th {color: #ffffff; text-align: center; font-size: 25px; letter-spacing: 1px;  border-bottom: #ffffff 1px solid; border-right: #dae3d1 1px solid;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1OTA2YiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTkwNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(69,144,107,0.65) 0%, rgba(69,144,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,144,107,0.65)), color-stop(100%,rgba(69,144,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a645906b', endColorstr='#45906b',GradientType=0 ); /* IE6-8 */}
table[class^=ir-table] tr.ir_tableTopRow td:last-child, 
table[class^=ir-table] tr.ir_tableTopRow th:last-child { border-right: 0;}	
table[class^=ir-table] tr.ir_tableSubTopRow td {font-size: 25px; color: #45906b; border-bottom: #45906b 1px solid;}
table[class^=ir-table] tr.row1 td, table[class^=ir-table] tr.row1 th {background: #e7e7e7;}
table[class^=ir-table] tr.row2 td, table[class^=ir-table] tr.row2 th {background: #f4f4f4;}
table[class^=ir-table] tr.rowHeader th {background: #414141; color: #fff;}
table[class^=ir-table] tr.rowHighlight td, 
table[class^=ir-table] tr.rowHighlight th {background: #414141; color: #fff;}
table[class^=ir-table] tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table[class^=ir-table] tr.rowTotal {font-size: 25px; border-bottom: #45906b double;}
table[class^=ir-table] tr th.cellHeader {background: #414141; color: #fff;}
table[class^=ir-table] tr td.cellHighlight {background: #414141; color: #fff;}
table[class^=ir-table] tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table[class^=ir-table] tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table[class^=ir-table] tr td.cellSubTotal {border-top: 1px solid #414141;}
table[class^=ir-table] tr td.cellRed {background: #ebddd8;}
table[class^=ir-table] tr td.cellGreen {background: #d8ebdc;}

/* custom table style */
/* shareholding */
table[class$=shareholding] tr:not(.ir_tableTopRow) td { /*text-align: right;*/}
table[class$=shareholding] tr:not(.ir_tableTopRow) td:nth-of-type(1) { /*text-align: left;*/}

/* financial highlight */
table[class$=fs-highlight] tr:not(.ir_tableTopRow) td { /*text-align: right;*/}
table[class$=fs-highlight] tr:not(.ir_tableTopRow) td:nth-of-type(1) { /*text-align: left;*/}

/* factsheet */
table[class$=factsheet] tr td:first-child { font-size: 25px; line-height: 24px; color: #45906b; width: 200px;}
table[class$=factsheet] tr td > span {font-size: 25px; line-height: 24px; color: #45906b; }

/* Clear */
.clear, #container, #content>article{ clear: both; }
/* Clear Flot Use This Instead <div class="clear"></div> */
#container:after,
body>header:after,
#content:after,
body>footer:after,
#content > header:after
{
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/* COLOR */
.red{ color: #ff0000; }
.green{ color: #1bb813; }

/* ALIGNMENT */
[class^=align-left]{ text-align: left; }
[class^=align-right]{ text-align: right; }
[class^=align-center]{ text-align: center; }

/* STRUCTURE */
body > header { width: 847px; height: 106px; margin: 0 auto; background: url(../images/sample_header.jpg) no-repeat left center; }
body > [id^=container] { font-size: 1em; width: 847px; margin: 0 auto; }
body > [id^=container] > aside{ float: left; width: 170px; padding: 15px;}
body > [id^=container] > aside > nav > ul{ margin: 0px; padding: 0px; list-style: none; }
body > [id^=container] > aside > nav > ul > ul { margin: 0px; list-style: none; }
body > [id^=container] > #content { float: right; width: 617px; margin: 15px;}
body > [id^=container] > #content > header{ width: 100%; padding: 0 0 10px 0px; }
body > [id^=container] > #content > header > h1{ float: left; width: 80%; padding: 0px; margin: 0px; }
body > [id^=container] > #content > header > span{ float: right; }

/* PRINT STRUCTURE */
#containerPrint {font-size: 1em; width: 462px; margin: 0 auto; clear:both;}
#ir_contentPrint {width:462px;}
#ir_footerPrint {font-size:0.82em; background: url(../images/sample_footer.gif) no-repeat #939393; width: 462px; min-height:39px; padding-top:18px; clear:both;}

.ir_textMainHighlight {color: #45906b; font-size: 26px; text-shadow: 1px 1px #c2ceca;}
.ir_textSubHighlight {color: #45906b;}
.ir_textFootnote {font-size: 0.9em;}
.ir_textFootnote ol {font-size: 1em;}
.ir_textDivider {border-bottom: 1px dotted #666; margin: 1em 0;}
hr { width: 100%; clear: both; border: 0; background: #ccc; height: 1px; margin: 12px 0; }

.ir_textFooter {text-align: center;}
.ir_textFooter a:link {text-decoration: none;}
.ir_textFooter a:visited {text-decoration: none;}
.ir_textFooter a:hover {text-decoration: underline;}

.ir_textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

#side-nav { }
#side-nav > ul{ }
#side-nav > ul > li { padding: 0 0 5px 0; color: #000; }
#side-nav > ul > li > a {color: #000; }
#side-nav > ul > li.active > a{ font-weight: bold; }

#side-nav > ul > li > ul{ margin: 0px; padding: 0px 0 0 20px; }
#side-nav > ul > li > ul > li{ padding: 0px; color:#6699cc; }
#side-nav > ul > li > ul > li > a {color: #6699cc;  }
#side-nav > ul > li > ul > li.active > a{ font-weight: bold; text-decoration: underline; }


.ir_menuDivider { width: 100%; height: 15px; }

.ir_news {width:100%; /*padding:5px 0;*/ padding:7px; margin:0px; clear:both; border-bottom: #d3d6d0 1px solid; float: left;}
.ir_newsDate {width:25%; float:left; list-style-type:none;}
.ir_newsTitle {width:74%; float:right; list-style-type:none;}

.ir_qa {width:100%; padding:0px; margin:0px; clear:both;}
.ir_qaDate {width:25%; float:left; list-style-type:none;}
.ir_qaTitle {width:74%; float:right; list-style-type:none;}

.ir_arContainer {width:100%; height:232px; padding:0px; margin:0px; clear:both;}
.ir_arLeft {width:40%; float:left; list-style-type:none;}
.ir_arRight {width:60%; float:right; list-style-type:none;}
.ir_arHeight {width:98%; padding-top:30%;}
.ir_iconRowHeight {height:20px;}

.ir_webcastContainer {width:100%; height:113px; padding:0px; margin:0px; clear:both;}
.ir_webcastLeft {width:37%; float:left; list-style-type:none;}
.ir_webcastRight {width:63%; float:right; list-style-type:none;}
.ir_webcastHeight {width:98%; padding-top:8%;}

.ir_boxHighlight {width:100%; background:#94c6ad ; border:1px solid #82b099; padding:3%; margin: 20px 0;}

.ir_boxCaptcha {width:98%; background:#fff; padding:1%;}

.ir_insiderPopUp { position:absolute; z-index:200; visibility:hidden; left:100px;}
.ir_insiderPopUpContent { background:#FFFFFF; width:300px; border:1px dotted #656565; padding:5px;}
form[name="calculator"] input { text-align: right; padding: 5px;}
/*input.ir_investmentCalculator { border:0px; background: #FFFFFF;}*/

/* Define the rest of the classes here */

/* ================================ Interactive Chart ================================ */
#ir_chart_setting { position: relative; z-index: 1; }
#ir_chart_setting fieldset { padding: 5px 0; border: none; margin: 0; }
#ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; }
#ir_chart_setting fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px; }
.ir_chart_interactive_loading { text-align: center;  }
.ir_chart_interval { position: absolute; bottom: -28px; right: 270px; }
.ir_chart_interval select { font-size: 11px;}
.ir_news_tooltip, .ir_insider_trades_tooltip { white-space: normal; display: block; width: 400px; }
.ir_corporate_actions_tooltip { white-space: normal; display: block; width: 200px; }

/* TRANSITION FADE BACKGROUND */

#banner > .parallax{ background-image: url(../images/banner/banner-ir-01.jpg); background-repeat: no-repeat; }
#banner > .parallax[data-bg="bg-fade-1"]{ background-image: url(../images/banner/banner-ir-01.jpg); }
#banner > .parallax[data-bg="bg-fade-2"]{ background-image: url(../images/banner/banner-ir-02.jpg); }
#banner > .parallax[data-bg="bg-fade-3"]{ background-image: url(../images/banner/banner-ir-03.jpg); }

.dl-horizontal dt { width: 80px;}
.dl-horizontal dd { margin-left: 100px;}
/*button.btn, input[type="submit"], input[type="reset"] {background-color: #45906b;border: medium none;color: #ffffff;}
input[type="submit"], input[type="reset"] {padding: 5px 15px;}*/
input#recaptcha_response_field { width: 200px; margin: 0 10px;}

#banner_detail {
    width: 100%;
    height: 250px;
    position: relative;
}
#banner_detail .banner-caption {
	width: 100%;
	height: 60px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	z-index: 1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1OTA2YiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTkwNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(69,144,107,0.65) 0%, rgba(69,144,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,144,107,0.65)), color-stop(100%,rgba(69,144,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,144,107,0.65) 0%,rgba(69,144,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a645906b', endColorstr='#45906b',GradientType=0 ); /* IE6-8 */

}
#banner_detail .banner-caption > .text-title {
	color: #ffffff;
	line-height: 60px;
	margin: 0px;
	padding: 0px;
	text-shadow: 1px 1px #000000;
}
#banner_detail .parallax {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	 background-image: url(../images/logo_detail.jpg);
}