/* 	MyState Limited - Base Styles
	Author: Orient Capital
	URI: http://www/orientcap.com
-------------------------------------------------- */

html { height: 100%; font-size: 14px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { height: 100%; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333; line-height: 1.5; background: #fff; }


/* Typography
-------------------------------------------------- */
@font-face {
    font-family: 'facit-regular';
    src: url('/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/fonts/facit-regular.eot');
    src: url('/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/fonts/facit-regular.eot#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/fonts/facit-regular.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/fonts/facit-regular.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/fonts/facit-regular.svg#facit-regular') format('svg');
         
    font-weight:normal;
    font-style:normal;
}

h1 { font-family: 'facit-regular', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; margin-bottom: 20px; padding: 0; color: #333; line-height: 1.25; }
h2, h3, h4, h5, h6 {font-family: 'facit-regular', Helvetica, Arial, sans-serif;font-weight: normal;margin: 20px 0 10px 0;padding: 0;color: #002a30;line-height: 1.25;}
h1 { font-size: 40px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; font-weight: 400; }
h6 { font-size: 14px; font-weight: 400; }

p { margin: 0 0 11px; }
p.small { font-size: 11px;}

:before, :after { *display: none !important; }

.grey { color: #686868; }


/* Global
-------------------------------------------------- */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

ul, ol { margin: 0 0 11px 20px; padding: 0; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }

/* Self Clearing Goodness */
.container:after,
.row:after {
	content: "";
	display: table;
	clear: both;
 }
 
 div.clear { clear: both; }
 
 ul.error li { color: red; font-weight: bold; }
 .noresults { margin: 40px 0 0 0; }

/* Links
-------------------------------------------------- */
a, a:visited, a:active {
  color: #002a30;
  text-decoration: none;
}
a:hover, a:focus {
  color: #002a30;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn { display: none; position: absolute; cursor: pointer; left: 28px; top: 27px; }
#mobileMenuBtn a { font-size: 28px; color: #333; }
#mobileMenuBtn a:hover { color: #002a30; }

.branding { position: relative; z-index: 999; width: 100%; box-sizing: border-box; }
.branding .logo { margin-top: 25px; }
.three.columns.logo {
	width: auto;
	margin: 0;
	padding: 20px 40px;
}
#logo { display: block; }
#logo img {width: auto;}

.nine.columns.SP-iFrame { float: right; width: auto; margin: 0; }
#SP-iFrame { width: 237px; height: 38px; }
.iFrame-inner { float: right; margin: 20px 0 0 0; }


/* Primary Header - Main Navigation
--------------------------------------------------------*/
.twelve.columns.main-nav {width: 100%; *width: auto;margin: 0;background: #002a30;}
.main-nav ul { position: relative; width: 1000px; margin: 0 auto; padding: 0 20px; text-align: center; }
.main-nav ul li {
	position: relative;
	display: block;
	float: left;
}
.main-nav ul li a {
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}
.main-nav ul li a:hover { color: #002a30; }
.main-nav ul li a.active { background: #f3f3f3; color: #333; }
.main-nav ul li:hover a { background: #f3f3f3; color: #333; }

/* second level */
.main-nav ul ul.sub-nav {
	display: none;
	position: absolute;
	width: 250px;
	margin: 0;
	padding: 0;
	top: 100%;
	left: 0;
	z-index: 1000;
	list-style: none;
	text-align: left;
	background: #f3f3f3;
}
.main-nav ul li:hover ul.sub-nav { display: block; }
.main-nav ul ul li { display: block; float: none; margin: 0; padding: 0; }
.main-nav ul ul li a { display: block; padding: 10px 20px; color: #333 !important; font-size: 14px; text-decoration: none; }
.main-nav ul ul li a:hover { background: #fff !important; }

.main-nav ul ul ul.sub.sub-nav { display: none; top: 0px; left: 250px; }
.main-nav ul ul li:hover ul.sub.sub-nav { display: block; }

li.hidden { display: none !important; margin: 0 !important; padding: 0 !important; }

.twelve.columns { padding: 0 40px; }


/* Primary Page content - side nav
--------------------------------------------------------*/
.left-col { margin: 0; border-right: 1px solid #ccc; }
.side-nav { margin: 0; padding: 20px 20px 20px 0; }
.side-nav li{ list-style: none; padding: 3px 0; margin: 0; }
.side-nav li a { display: block; padding: 5px; font-size: 14px; color: #777; }
.side-nav li a:hover { color: #002a30; }
.side-nav.inner > li a.active { color: #002a30; }
.top-menu > a { position: relative; }
	.top-menu > a:after { content: "\f0da"; position:absolute; font-family: 'FontAwesome'; top:6px; right:5px; font-size: 14px; color: #002a30; }
.top-menu.active > a { color: #002a30; }
	.top-menu.active > a:after { content: "\f0d7"; position:absolute; font-family: 'FontAwesome'; top:6px; right:5px; font-size: 14px; color: #002a30; }

.sub-menu { display: none; margin: 0; padding: 0; }
.sub-menu li a { font-size: 14px; color: #777; }

ul.icon_menu { display: block; float: right; margin: 30px 0; padding: 0; }
ul.icon_menu li { display: inline-block; *display: inline; margin: 0; padding: 10px 5px; *border-right: 1px solid #686868; vertical-align: middle; font-size: 14px; color: #777; }
ul.icon_menu li.last { *border: none; }
ul.icon_menu li a span { display: none; *display: inline; }
ul.icon_menu .fa { font-size: 20px; color: #002a30; }

#sub-wrapper {
	margin: 0;
	padding: 0;
	background: #f3f3f3;
	*height: 40px;
}
.sub-inner { width: 1000px; margin: 0 auto; padding: 0 30px; }
ul.bottom-sub { float: left; margin: 0; padding: 0; }
ul.bottom-sub li { display: block; float: left; list-style: none; }
ul.bottom-sub li { display: block; padding: 10px; }
ul.bottom-sub li a { color: #333; font-size: 13px; text-decoration: none; }
ul.bottom-sub li a:hover, ul.bottom-sub li a.active, ul.bottom-sub li a:focus { color: #857967; }
ul.bottom-sub li a.active:before {
	content: "\f105";
	position: relative;
	font-family: 'FontAwesome';
	padding-right: 5px;
}


/* Primary Page content
--------------------------------------------------------*/
.content-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.page-content { position: relative; min-height: 650px; width: 100%; margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; }
.page-content .container { margin: 40px auto; }
.container { background: #fff; }
.branding.container { margin: 0; }

.header-wrapper { width: 1000px; margin: 0 auto; }

.overview-container { display: none; background: #fff; }
.row.intro-row { width: 1000px; margin: 0 auto; padding: 40px 40px 20px 40px; }

.banner-wrapper {
	display: none;
	position: relative;
	background: #fff url(/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/images/banner.jpg) center center no-repeat;
	min-height: 400px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/images/home-banner.jpg',
    sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FormBuilder/_Resource/_module/8QvlW881wE6pMl6a2bNh4Q/images/home-banner.jpg',sizingMethod='scale')";
}
.banner-inner {
	width: 1000px;
	margin: 0 auto;
}
.banner-inner h1 {
	width: 500px;
	position: absolute;
	bottom: 90px;
	margin: 0 0 0 40px;
	padding: 20px;
	background: #84b827;
	color: #fff;
	font-size: 30px;
	zoom: 1;
	opacity: 0.9;
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.readMore.btn { display: inline-block; width: 95px; margin: 10px 0; }

.block-wrap { margin: 0 0 20px 0; }
.left-block { float: left; width: 48%; margin: 0 2% 0 0; }
.right-block { float: right; width: 50%; text-align: right; }
.right-block img { padding: 20px 0 0 0; }


/* Footer
--------------------------------------------------------*/
.page-footer { background: #191919; box-sizing: border-box; }
.section.page-footer .container { width: 1000px; min-height: 100px; margin: 0 auto; padding: 0; background: #191919; }

.footer-inner { min-height: 200px; padding: 40px; }
.footer-inner ul { margin: 0; }
.footer-inner ul li { float: left; padding: 0 10px; color: #fff; list-style: none; border-left: 1px solid #fff; }
.footer-inner ul li a { color: #fff; }
.footer-inner ul li a:hover { color: #fff; }
.footer-inner ul li.first { border: none; }
.footer-inner .footer-left ul li.first { padding-left: 0; }
.footer-inner .footer-right ul li.first { padding: 0; }

.footer-left { float: left; }
.footer-right { float: right; }


/* Buttons */
a.btn,
a.loadNext,
input#submitSubscription { margin: 10px 0; padding: 5px 30px; text-align: center; text-decoration: none; color: #333; border: 1px solid #333; outline: 0; background: none; line-height: 1.5em; }
a.btn:hover,
a.loadNext:hover,
input#submitSubscription:hover { background: #333; border: 1px solid #333; color: #fff; }
a.loadNext { display: inline-block; }

/* Investor Centre
--------------------------------------------------------*/
.widgets { position: relative; margin: 0; }
.widgets h2 { margin: 0; padding: 10px 0; font-size: 24px; color: #fff; text-align:center; }

.widgets a.btn {
	display: inline-block;
	margin: 0;
	padding: 5px 30px;
	position: relative;
	background: none;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #fff;
}
.widgets a.btn:hover {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}

.share-container, .announcements-container, .chart-container {
	position: relative;
	float: left;
	width: 32%;
	*
	width: 27%;
	height: 345px;
	min-height: 345px;
	margin: 0 2% 2% 0;
	padding: 30px;
	background: #002a30;
}
.share-box, .announcements-box, .chart-box {
	min-height: 210px;
}

/* Announcements */
.announcements-container { margin-right: 0; }
.announcements-container h2 { text-align: left; }
.widgets .announcementsTable tr { background: none !important; }
.widgets .announcementsTable { margin: 0; border: 0; }
.widgets .announcementsTable th { display: none; }
.widgets .announcementsTable td { padding: 0; display:block; border: none; }
.widgets .announcementsTable td a { color: #fff; font-size: 14px; }
.widgets .announcementsTable td a:hover { color: #fff; }
.widgets .announcementsTable td.announcementTitle { padding: 10px 0 0 0; }
.widgets .announcementsTable td.announcementDate {  padding: 0; color: #fff; text-align: left; font-style: italic; }
.widgets .noresults { padding: 0 10px; }

/* Share Price */
.widgets .priceTable { width: 100%; margin: 0; border: 0; }
.widgets .priceTable td { display: block; height: auto !important; text-align: center }
.widgets .priceTable td td { display: inline-block;}
.widgets .priceTable td .price { color: #fff; font-size: 52px; padding: 0;  }
.widgets .price-icon { padding: 0px 5px 0 0px; }
.widgets .priceMove { padding: 8px 0px 0 0px; display: inline-block; font-size: 16px; color:#fff; }
.widgets .price-date {text-align:center; padding:10px 0 20px 0; margin: 0; color:#fff; }
.widgets .price-date span {font-size:14px; }
.widgets .priceDetails { display: none; }

.widgets #priceModule_SharePriceModule3 { display: block !important;}

/* Chart */
#ctl00_ctl00_ctl00_ctl00_ctl03_container p { display: none; }
#comparisonFilter { display: none; }
#priorPeriodFilterContainer { display: none; }
#chart { margin: 0 auto; }


/***** Tabs *****/
#tab-group {width: 100%;clear:both;margin: 0 0 20px 0;border-bottom: 1px solid #84b827;}
#tab-group ul { margin: 0; padding: 0;}
#tab-group ul li { display: inline-block; *display: inline;	zoom: 1; padding: 0; margin: 0;}
#tab-group ul li a.tab-button {background: none;border: 1px solid #84b827;border-bottom: none;color: #84b827;display: block;font-size: 14px;padding: 10px;text-align: center;text-decoration: none;}
#tab-group ul li a.tab-button:hover {background: #84b827;color: #FFF;}
#tab-group ul li a.tab-button.current {background: #84b827;color: #FFF;} 


/***** Blocks *****/
.block { margin: 40px 0; padding: 0 0 20px 0; border-bottom: 1px solid #857967; }


/***** ASX Announcements *****/
.announcements-filter { text-align: right; margin: 10px 0;}
.announcements-filter label { width: 20%; display: inline-block; *display: inline; zoom: 1; margin: 8px 0; padding-right: 10px; font-weight: bold;}
.announcements-filter input#KeywordSearch { width: 50%; padding: 7.5px; border: 1px solid #ccc; vertical-align: top;  }
.announcements-filter .filterButton { background-color: #fff; border: 1px solid #333; color: #333; line-height: 1.5em; vertical-align: top; display: inline-block; height: auto; width: auto; padding: 5px 30px; outline: none; }
.announcements-filter .filterButton:hover { background: #333; border: 1px solid #333; color: #fff; }

.announcementsTable { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate;}
.announcementsTable th {font-weight: bold;padding: 10px;background: #002a30;color: #fff;text-align:left;}
.announcementsTable td { padding:10px; margin:0; border-bottom: 1px solid #ccc; vertical-align: middle; }
.announcementsTable td a { text-decoration: none !important; }

.announcementsTable th.announcementDateHeader, .announcementsTable td.announcementDate { text-align: right; }

.announcementsTable .downloadLinkHeader, .announcementsTable .downloadLink,
.announcementsTable .priceSensitiveHeader, .announcementsTable .priceSensitive,
.announcementsTable .securityCodeHeader, .announcementsTable .securityCode { display: none;}


/***** Media Release *****/
.media-widgets { position: relative; margin: 0; }
.media-container {
	position: relative;
	float: left;
	width: 32%;
	*width: 25%;
	*height: 345px;
	min-height: 345px;
	margin: 0 2% 2% 0;
	padding: 30px;
	background: #f3f3f3;
}
.media-container.last { margin-right: 0; }
.media-widgets h6 { margin: 0 0 40px 0; padding: 0; color: #333; }
.media-title {
	display: inline-block;
	margin: 0 0 11px 0;
	padding: 0;
	color: #002a30 !important;
	font-size: 24px;
	line-height: 1.25;
	word-wrap: break-word;
	text-decoration: none !important;
}
.media-blurb { height: 100px; margin: 0 0 30px 0; word-wrap: break-word; }
.media-widgets a.btn {
	display: inline-block;
	position: relative;
}


/***** Table *****/
table.tableStyle { width:100%; *width: 96%; border-spacing: 1px; border-collapse:separate; }
.tableStyle th, .tableStyle td { padding:10px; margin:0; vertical-align: middle; text-align:left; }
.tableStyle th {font-weight: bold;background: #002a30;color: #fff;}
.tableStyle td { border-bottom: 1px solid #ccc; }

th.title { width: 70%; }
th.date { width: 30%; }
th.left, td.left { text-align: left; }
th.center, td.center { text-align: center; }
th.right, td.right { text-align: right; }

.tableStyle a { position: relative; }
.tableStyle td a:hover { text-decoration: none; }
.tableStyle.keyDates { margin-bottom: 10px; }


/***** Reports ******/
.reports-block { margin: 0 0 30px 0; }
a.reports-image { float: left; display: block; }
.reports-blurb { float: right; width: 55%; margin: 10px 0 0 0; }
.reports-blurb a.btn { display: inline-block; }

.tableStyle.reports th.left, .tableStyle.presentations th.left { width: 70%; }

/***** Share Price *****/
table.priceTable, table.priceDetails { width: 50%; margin: 10px auto;}
table.priceTable td { height: auto !important;}
/* SAFARI ONLY HACK */
_::-webkit-full-page-media, _:future, :root table.priceTable td span.price {
  padding-top:30px;
  display: block;
}
_::-webkit-full-page-media, _:future, :root .widgets table.priceTable td span.price {
  padding-top:5px;
  display: block;
}


table.priceTable td td { padding: 5px 10px;}
table.priceTable td .price { color:#002a30; font-size: 30px; }
table.priceTable .priceDetailsLabel { text-align: right;}

table.priceTable { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
table.priceDetails {  background: #f3f3f3}

.price-date { display: block; text-align:center; padding:5px 0; margin-bottom: 30px;}
.price-date span {font-size:11px;}

.price-icon { position: relative; display: inline-block}
.price-icon-down:before { content: "\f0d7"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color:#F30 }
.price-icon-up:before { content: "\f0d8"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color: #0C0 }

#errorContainer_PriceVolumeChart1 { display: none;}

#custom-price-table {width:100%;margin:15px 0;}
#custom-price-table th, #custom-price-table td {text-align:center;}
#custom-price-table th {padding:10px 5px;}
#custom-price-table td {padding:15px 5px;font-size:16px; vertical-align:middle}
#custom-price-table #fill_last {color:#857967; font-size: 30px;font-weight:bold;}
#priceModule_SharePriceModule2, #priceModule_SharePriceModule3 {display:none;}

g.highcharts-button { cursor: pointer !important; }
g.highcharts-legend-item text { cursor: default !important; }


/*** Share Price History ***/
.priceHistoryContainer { width: 100%; }
.priceHistoryTable { margin: 0; width:100%; border-spacing: 1px; border-collapse:separate;}
.priceHistoryTable th {font-weight: bold;padding: 10px;background: #002a30;color: #fff;text-align:left;}
.priceHistoryTable td {padding:10px; margin:0;   border-bottom: 1px solid #ccc; vertical-align: middle; }


/*** Investor Calculator ***/
.calc-table-filter .calc-table-filter-row { padding: 10px; background: #f3f3f3; margin:10px 0 }
.calc-table-filter .calc-table-filter-row .horizontal { margin: 0; width:100%; }
.calc-table-filter .calc-table-filter-row .text { font-size: 18px; font-weight: bold; }
.calc-table-filter .calc-table-filter-row .horizontal li { display: inline-block; list-style: none; margin: 10px 10px 10px 0; }
.calc-table-filter .calc-table-filter-row li label { display: inline-block; vertical-align: middle; position: relative; width: 25%; padding: 0 5px; font-weight: bold;  }
.calc-table-filter .calc-table-filter-row input { vertical-align: middle; margin: 0; }
.calc-table-filter .calc-table-filter-row input[type="text"] { width: 50%; padding: 5px; border: 1px solid #ccc }

.calc-table-row { margin: 0; clear: both; position: relative; padding: 5px 10px; border-bottom: 1px solid #ccc; }
.calc-table-row label { padding: 0; font-weight: bold; width: 69%; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top; }
.calc-table-row span { width: 30%; text-align: right; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top; }

.investmentCalcChart span { *float: left; /* IE6/7 */ }


/*** My Shareholding ***/
.content-container ul li { list-style:outside disc}


/***** Email Alerts *****/
.emailSubscription { margin: 20px 0; }
.emailSubscriptionView .row { margin: 20px 0; }
.emailSubscriptionView .row .label { display: inline-block; *display: inline; zoom: 1; width: 20%; font-weight: bold; vertical-align: top; }
.emailSubscriptionView .row .field { display: inline-block; *display: inline; zoom: 1; width: 60%; }
input.text.email.required { width: 250px; }
input.text.email.required { padding: 5px; border: 1px solid #ccc; }
input.text.email.required.error { border: 1px solid red; }
.oc-form-error-container { color: red; font-weight: bold; }

ul#subscriptions { margin: 0; padding: 0; }
ul#subscriptions li { list-style: none; margin: 0; padding: 0 0 10px; }
ul#subscriptions li input { margin-right: 10px; }
ul#subscriptions li label { padding: 0;}

.subscriptionsList { margin: 20px 0;}
.subscriptionsList li { list-style-type:disc; margin-left: 2em}


/***** Fin. Tear Sheet ******/
.tearsheet-print  { margin-top: -60px; text-align: right; }
.tearsheet-print a {
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
	vertical-align: top;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 5px 30px;
	outline: none;
	text-decoration: none !important;
 }


 .tearsheet-print a:hover {
	background: #333;
	border: 1px solid #333;
	color: #fff;
 }
.tearsheet-print a span { display: block; }

.tear-title { padding-top: 40px; margin-top: 40px; border-top: 1px solid #857967; }


/***** AGM *****/
.latest-agm-row h3, .past-agm-row h3 { margin-top: 0; color: #002a30; }
.latest-agm-row, .past-agm-row { margin: 30px 0; /*padding: 30px; background: #f3f3f3;*/ }
.tableStyle.agm { border-top: 1px solid #ccc; }


/***** Calendar *****/
.calender-intro { display: block; width: 100%; float: none; margin-bottom: 30px;}
.calender-intro .color-block { height: 30px; float: left; margin: 5px 10px 10px 0px; width: 30px; background-color: #857967; }

#calendar_Calendar-MYS { width: 500px; }
.ui-datepicker table { width: 100%; position: relative; background: #f3f3f3; }
.ui-datepicker-header { position: relative; color: #fff; font-weight: bold; text-align: center; background: #002a30; overflow: hidden; }
.ui-datepicker-title { display: block; padding: 10px 0; }

.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { display: none; *display: inline; }
.ui-datepicker-prev .ui-icon { *position: absolute; *top: 10px; *left: 15px; *color: #fff !important; *font-weight: normal !important; }
.ui-datepicker-next .ui-icon { *position: absolute; *top: 10px; *right: 15px; *color: #fff !important; *font-weight: normal !important; }
@media \0screen { .ui-datepicker-prev .ui-icon { display: block; position: absolute; top: 12px; left: 15px; color: #fff; font-weight: normal; } }
@media \0screen { .ui-datepicker-next .ui-icon { display: block; position: absolute; top: 12px; right: 15px; color: #fff; font-weight: normal; } }
.ui-datepicker-next:before { content: "\f105"; position:absolute; font-family: 'FontAwesome'; top: 6px; right: 15px; font-size: 20px; color: #FFFFFF; display/*\**/: none\9; }
.ui-datepicker-prev:before { content: "\f104"; position:absolute; font-family: 'FontAwesome'; top: 6px; left: 15px; font-size: 20px; color: #FFFFFF; display/*\**/: none\9; }

.ui-datepicker th { color: #fff; background: #333; text-align: center; padding: 5px 0; text-align: center; }
.ui-datepicker td { padding: 0px; border: none; }
.ui-datepicker td a { color: #666; }
.ui-datepicker td a:hover { background: #fff; color: #FFF;  background: #002a30;  }
.ui-datepicker td .ui-state-default, .ui-datepicker td a:visited { display: block; text-decoration: none; background: #FFF; text-align: center; color: #666; margin: 1px; padding: 20px }
.ui-datepicker td .selected { font-weight: bold; background: #857967 !important; color: #fff !important;  }
.ui-datepicker td .selected:hover { color: #fff; background: #857967; }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover { background: #002a30; color: #FFFFFF; font-weight: bold; }
.ui-datepicker td .ui-state-active { background: #002a30 !important; color: #FFFFFF; font-weight: bold;  }
.ui-datepicker td .ui-state-default.ui-state-highlight.ui-state-active.selected { color: #fff !important; }
.ui-datepicker td .ui-state-default.ui-state-highlight.selected { color: #fff !important; }

.date-display { font-weight: bold; font-size: 14px; padding: 10px 0; }

.calendar-events { margin: 2em 0;}
.event-table { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate; }
.event-table th { font-weight: normal; padding: 10px; background: #002a30; color: #fff; font-weight: bold; text-align: left; }
.event-table td { padding: 10px; margin:0; vertical-align:middle; border-bottom: 1px solid #ccc; }
.event-table td.icon-column { display: none; }
.event-table td.event-column p { display: none; }
.event-table td.event-column h4 { margin: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }



/***** Corporate Governance ******/
.corp-gov a[data-icon="pdf"] { padding: 0 0 0 2em; text-align:left; font-weight: 700; position: relative }
.corp-gov a[data-icon="pdf"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top:-5px; left:0px; font-size: 21px; font-weight: 400;  } /* for PDF icons */


/***** Boards ******/
#accordion { margin: 10px 0 0 0; }
#accordion .left { float: left; width: 50%; margin: 0 1% 0 0; }
#accordion .right { float: left; width: 49%; }

.profile { float: left; width: 100%; margin: 0; padding: 20px; background: #f3f3f3; }
.profile img { float: left; margin: 0 15px 0 0; }
.profile h2 { margin-top: 0; font-size: 20px; cursor: pointer; }
.profile h2:after {
	content: '\f107';
	font-family: 'FontAwesome';
	padding-left: 10px;
}
.profile h2.expanded:after {
	content: '\f106';
	font-family: 'FontAwesome';
	padding-left: 10px;
}
.profile p.title { float: left; clear: none; color: #002a30; }

.accordion-content { float: left; width: 100%; margin-top: 10px; }

table.state-bod{width: 100%; margin:0;}
table.state-bod td{width: 49.5%; vertical-align:top;}
table.state-bod td:nth-child(odd){border-right: 8px solid #fff;}
table.state-bod tr{vertical-align:top;}


/*** FAQ ***/
.QAViewer { margin-bottom: 5px; background: #f3f3f3; }
.QAViewer .QALink { position:relative; padding: 10px 20px !important; display: block; text-decoration: none; }
.QALink:before { content: '\f105'; position: relative; padding-right: 10px; font-family: 'FontAwesome'; font-size: 20px; }
	
.QAViewer .QALink:hover { text-decoration: none;}
.QAViewer.open .QALink { font-weight: bold; }
.QAViewer.open .QALink:before { content: '\f106'; }
.QAViewer .answer { padding:0 45px 10px 45px; }
.QAViewer .answer p { margin:0 0 10px 0; }
.QAViewer .answer ul { padding-left: 20px;}
.QAViewer .answer ul li { margin-left: 0em; list-style:outside disc; }


/* Media Queries
-------------------------------------------------- */

@media (max-width: 1400px) {
	.reports-blurb { float: left; width: 100%; }
}

@media (max-width: 1060px) {
	.header-wrapper { width: 100%; }
	.row.intro-row { width: 100%; }
	.section.page-footer .container { width: 100%; }
	
	.main-nav ul { width: 100%; }
	.sub-inner { width: 100%; }
}

@media (max-width: 992px) {
	.three.columns.logo { width: 100%; padding: 15px; text-align: center; }
	#logo { display: inline-block; }
	#logo img { height: 43px; }
	
	.nine.columns.SP-iFrame { float: left; width: 100%; }
	.iFrame-inner { float: none; margin: 0; }
	#SP-iFrame { width: 100%; background: #f3f3f3; }
	
	.footer-inner { padding: 40px 10px; text-align: center; }
	.col-sm-6 { width: 50%; }
	
	div.banner-container { height: 405px; }
	.home-heading { width: 50%; }
	.home-heading h1 { font-size: 30px; }
  
  	/* main-nav */
    #mobileMenuBtn {display: block;}
    .columns.main-nav { width: 100%; margin: 0; }
	.main-nav > ul {
		display: none;
		position: absolute;
		top: 74px;
		left: 0px;
		width: 100%;
		text-align:left;
		background: #333;
		margin: 0;
		padding: 20px 0;
		z-index: 999;
	}
	.main-nav > ul li {
		float: none;
		display: block;
	}
	.main-nav > ul li a {
		display: block;
		color: #fff !important;
		padding: 7px 0;
		margin: 0 20px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #444;
		background: none !important;
	}
	.main-nav > ul li a:hover { color: #fff; background: none; }
	
	.main-nav > ul ul { position: relative; width: 100% !important; }
	.main-nav > ul ul li { border: none; }
	.main-nav > ul ul li a { margin: 0 35px; padding: 7px 0; color: #fff !important; font-size: 16px; font-weight: normal; background: none !important; border: none; }
	.main-nav > ul ul li a:hover { background: none !important; }
	.main-nav ul ul.sub-nav { display: block !important; float: none; position: relative; top: 0px !important; left: 0px !important; border: none; background: #333 !important; }

	.main-nav ul ul.sub.sub-nav { display: none !important; }
	
	#sub-wrapper { width: 100%; margin: 0 auto; padding: 0; background: #686868; }
	ul.bottom-sub { float: none; }
	ul.bottom-sub li { float: none; text-align: center; }
	ul.bottom-sub li a, ul.bottom-sub li a:hover, ul.bottom-sub li a.active, ul.bottom-sub li a:focus { color: #fff; }
	ul.bottom-sub li a.active, ul.bottom-sub li a:focus { font-weight: bold; }
	.sub-inner { width: 100%; }
	ul.icon_menu { display: none; }
	
	.left-block, .right-block { width: 100%; margin: 0; }
	.right-block { text-align: left; }
	
  	/* side-nav */
	.left-col { width: 100% !important; margin-left: 0 !important; border: none; }

	/* page-content */
	.columns.main-col{ clear: both; display: block; margin: 0 !important; width: 100% !important; padding: 0 2%;}
	.reports img, .board img { width: auto; margin-bottom: 1em;}
	.share-container, .announcements-container, .chart-container { width: 96%; margin-left: 2%; text-align: center; }
	.announcements-container h2, .widgets .announcementsTable td.announcementDate { text-align: center; }
	
	#accordion .left, #accordion .right { width: 100%; float: none; }
	.profile h2 { float: none; }
	
	/* investors */
	.prices-box.column, .announcements-container.column { margin: 0; width: 96%; }
	.priveVolumeChart { width: 100% !important; }
	
	.announcements-filter input#KeywordSearch { width: 30%; }
	.leaderDetail .leaderRole { top: 80px; }
	.highcharts-input-group { display: none; }
	
	#custom-price-table { display: none; }
	#priceModule_SharePriceModule2, #priceModule_SharePriceModule3 { display: block; }
	
	.tearsheet-print { display: none; }
}

@media (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 26px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 15px; font-weight: 400; }
	h6 { font-size: 14px; font-weight: 400; }
	
	.column, .columns { float: none; width: 100% !important; display: block; margin-left: 0 !important; }
	
	.home-heading { width: 100%; height: auto; }
	.heading-inner { padding: 15px; }
	
	.media-container { width: 100%; }
	
	.banner-inner { width: 100%; }
	.banner-inner h1 { width: 90%; margin: 0 5%; font-size: 20px; }
	
	#calendar_Calendar-MYS { width: 100%; }
	.ui-datepicker td .ui-state-default, .ui-datepicker td a:visited { padding: 10px; }
	
	table.state-bod td:nth-child(odd){border-right: 0; border-bottom: 8px solid #fff; overflow:auto;}
	table.state-bod td{display:block; width:100%; border-bottom: 7px solid #fff;}
}

@media (max-width: 648px) {
	.announcements-filter label { width: 25%; margin: 0; }
	
	.footer-left, .footer-right { float: none; margin-bottom: 10px; }
	.footer-inner ul li { float: none; display: inline; }
}

@media (max-width: 499px) {
	/* page-content */
	.columns.main-col{ clear: both; display: block; margin: 0; width: 100%; padding: 0 4%;}
	.reports img, .board img { width: auto; margin-bottom: 1em;}
	p.hidden-text { display: none; }
	
	.profile p.title { float: none; }
	
	/* investors */
	.prices-box.column, .announcements-container.column { margin: 0; width: 96%;}
	.priveVolumeChart { width: 100% !important;}
	
	.priceHistoryTableDiv, .dividend-wrapper, .tableStretch {
		overflow-x: scroll;
		padding: 0 0 10px;
		position:relative;
		-webkit-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);
		-moz-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);
		box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);
	}
	
	.announcements-filter input#KeywordSearch { widtH: 30%; }
	.leaderDetail .leaderRole { top: 80px; }
	.highcharts-input-group { display: none; }
	
	.row.intro-row { padding: 10px 0 5px 0; }
	.widgets .announcementsTable tr:nth-child(3) { display: none; }
	
	#custom-price-table { display: none; }
	#priceModule_SharePriceModule3 {display:block; }
	
	.calc-table-row label, .calc-table-row span { width: 100%; text-align: left; }
	
	a.reports-image { float: none; text-align: center; }
	a.reports-image img { width: 50%; }
	
	.right-block img { width: 100%; }
}

@media (max-width: 400px) {
	input.text.email.required { width: 100%; }
	
	/* reports */
	.report-left { width: 70%; }
	.report-right { width: 30%; }
	
	.profile h2 { float: left; width: 100%; margin-top: 10px; }
	.profile p.title { float: left; width: 100%; }
}

@media print {
	/* Print Styles */
	.branding { display: none; }
	.banner-container { display: none; }
	.left-col { display: none; }
	.nine.columns { width: 100%; }
	.footer-inner { display: none; }
}