/*
	IRM Boilerplate 1.3
	Last Edited: 6/03/2012 by Joel Warren
*/

/* general reset */
@import url('css/reset.css');
/* fighting cms code */
@import url('css/cms-reset.css');
@import url('css/common-features.css');

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
   
/* ===== Typography ===== */

body { font-size: 14px; line-height: 1.5; color: #9c9c9c; }
body.home-page { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { color: #757577; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 100; margin:0 0 10px; line-height:1.25; }
h1 {font-size:28px; margin: 0 0 35px; } 
h2 {font-size:20px; }
h3 {font-size:18px; } 
h4 {font-size:16px; } 
h5 {font-size:14px; } 
h6 {font-size:12px; }
h4, h5, h6 { padding: 0; margin-bottom: 0; }
p {margin:0 0 21px;}


/* ===== Colours ===== */
::-moz-selection { background: #eaeaea; color: #fff;}
::selection { background: #eaeaea; color: #fff;}

a { color: #8397af; text-decoration: none; }
a:hover { text-decoration: underline; }

/* table colours */
.cms-tbl .alt { background:#f1f1f1;}
.cms-tbl {
    background:#FAFAFA;
    border-color: #CCCCCC;
    color: #666666;}
.cms-tbl th {
    background: #E6E6E6;
    color: #333333;}
.cms-tbl th, .cms-tbl td {
    border-color: #CCCCCC;}
   

/* ===== Effects ===== */



/* ===== Content styling ===== */
/* invisible layout table styling */
.l-tbl {}
.l-tbl th {text-align: left;}
.l-tbl td, .l-tbl th {
    padding: 5px 5px 5px 0;
    vertical-align: top;}
/* table styling */
.cms-tbl {
    border-left: 1px solid;
    border-top: 1px solid;
    margin: 0 0 1em;}
.cms-tbl th, .cms-tbl td {
    padding: 3px 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;}
.cms-tbl .rank {text-align: center;}
.cms-tbl .name {}
.cms-tbl th.shares {text-align: center;}
.cms-tbl .shares {text-align: right;}
.cms-tbl th.percent {text-align: center;}
.cms-tbl .percent {text-align: right;}

.annualreport td {
	vertical-align: middle;}

.cms-tbl.ar-breakdown {width: 100%;}
.cms-tbl.ar-breakdown .fsize {text-align: center;}
.cms-tbl.ar-breakdown .download {text-align: center;}
.cms-tbl.ar-breakdown {width: 100%;}
.cms-tbl.ar-breakdown .fsize {text-align: center;}
.cms-tbl.ar-breakdown .download {text-align: center;}

.ar-tbl td, .ar-tbl th, .ar-tbl-top td, .ar-tbl-top th { padding: 0 10px; line-height: 20px; vertical-align: middle; }
.ar-tbl,
.ar-tbl-top { width: 100%; border-collapse: collapse; margin: 0 0 40px; }
.ar-tbl .ar-section { text-align: left; }
.ar-tbl .ar-size { text-align: right; }
.ar-tbl .ar-pdf { text-align: center; }
.ar-tbl img { display: inline; }
.ar-tbl th { color: #fff; background: #8F0B12; }
.ar-tbl tr:nth-child(odd) td { background: #f9f9f9; }
.ar-tbl tr:hover td { background: #efefef;}

.profile-tbl {
	width:100%;
	border-collapse: collapse;
	border-bottom: 1px solid #eaeaea;
	margin:0 0 30px 0;
	padding-bottom:30px;
}
.profile-tbl td {
	padding: 5px 5px 5px 0;
    vertical-align: top;
}
.profile-tbl td.portrait {
	width:20%;
	min-width:100px;
	max-width:142px;
	padding:0 10px 30px 0;
}
.profile-tbl img{
	width:100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.profile-tbl h2 span{
	font-weight:normal;
}

a.button {
	background:#002a5f;
	color:#FFF;
	font-family: sans-serif;
	padding:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
a.button:hover {
	text-decoration:none;
	background:#96cbea;
	color:#002a5f;
}
a.button.more {
	width:100%;
	padding: 5px 0;
	text-align:center;
	position:absolute;
	bottom:0;
	right:0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
a.button.with-icon {
	float:left;
	width: 23.9437%;
	min-width:125px;
	max-width:170px;
	height:100px;
	position:relative;
	display:block;
	margin: 0 1.4084% 10px 0;
	text-align:right;
	padding:0px;
}
a.button.with-icon p {
	position:absolute;
	bottom:0;
	right:5px;
	margin:0;
}
a.button.with-icon p span {
	font-size:1.1em;
	font-weight:bold;
	display:block;
}
a.button.with-icon .icon {
	position:absolute;
	top:5px;
	left:5px;
	width:50px;
	height:50px;
	overflow:hidden;
}
a.button.with-icon .icon img {
	margin: -50px 0 0;
}
a.button.with-icon:hover .icon img {
	margin: 0 0 0;
}
	
/* ===== Common Classes ==== */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.left  { float:left}
.right { float:right}
	img.center { margin: 0 auto; display: block;}
	img.left { display: block; float:left;margin:0 14px 7px 0;}
	img.right { display: block; float:right;margin:0 0 7px 14px;}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

.clickable {cursor: pointer;}

.a-right    { text-align:right;}
.a-left     { text-align:left;}
.a-center   { text-align:center;}
.a-justify  { text-align:justify;}

.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#header,
.wrap,
#footer { max-width: 980px; width: 98%; margin: 0 auto; position: relative; }

.topbar { width:100%; background: #002a5f; height: 5px; }
#header #title { position: absolute; z-index: 99; top: 15px; }

/* main navigation  */
#navigation { z-index: 9; position: absolute; top: 0; right: 0; background: #e6e6e6; opacity:0.8; height: 60px; line-height: 60px; width: 730px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; padding-left: 15px; }
.nav-bar { position: absolute; margin: 0; padding: 0; list-style: none; }
.nav-bar ul { margin:0; padding:0; list-style:none; }
.nav-bar>li { float:left; position:relative; }
.nav-bar>li>a { display: block; color: #002a5f; font-size: 14px; text-decoration: none; padding: 0 15px; }
.nav-bar>li:hover { }
.nav-bar>li:hover>a { color:#ffffff; background:#96cbea; }
.nav-bar ul { position:absolute; display:none; left: 0; z-index:40; top:60px; width:200px; background:#96cbea; }
.nav-bar ul ul { display:none; left:200px; z-index:40; top:-28px; width:200px; margin:0; }
.nav-bar ul ul li { }
.nav-bar ul>li { float:none; margin: 0; padding: 0; }
.nav-bar ul li { /* max-height: 30px; */ position: relative; }
.nav-bar ul>ul>li { position:absolute; display: block; float:none; }
.nav-bar ul>li>a { font-size: 14px; background:#002a5f; color:#ffffff; display:block; text-decoration:none; line-height: 18px; padding: 8px 15px; }
.nav-bar ul,
.nav-bar ul>li:last-of-type>a { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.nav-bar ul>li:hover>a { background:#96cbea; color:#002a5f; }
.nav-bar ul ul { position:absolute; display:none; left:200px; top: 0; z-index:40; width:200px; margin:0; }
.nav-bar li li:hover ul { display: block; }

.main { margin-bottom: 35px; }

.home-boxes .box { width:23.4694%; min-width: 205px; max-width:230px; height: 255px; margin-right: 2.0408%; margin-bottom:15px; }
#inv-boxes .box { width:49%; min-width: 205px; height: 290px; margin-right: 2%; margin-bottom:10px; }
.home-boxes .box.last,
#inv-boxes .box.last,
a.button.last { margin-right: 0; }

.box { float: left; position:relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.box.grey-back { background: #f9f9f9; padding: 10px 10px 30px; }
.box img.rounded { width:100%; }
.box h1 { color: #002a5f; margin-bottom: 12px; font-weight:bold; font-size: 14px; }
.box .innerbox { height: 188px; overflow:auto; }
.box p { margin-bottom: 10px; }

.banner { position: relative; background: url(images/banner.jpg) no-repeat center top; height: 300px; margin-bottom: 10px; }
.banner h1 { color: #151c22; position: absolute; top: 210px; font-size: 40px; }
.home-page .banner { background-image: url(images/banner_homepage-small.jpg); height: 450px; overflow: hidden; margin-bottom: 15px; }
.home-page .banner .caption { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 100; position: absolute; top: 75px; left: 15px; color: #111a21; font-size: 20px; line-height: 26px; width: 38.7143%; max-width: 370px; }
.home-page .banner .caption a.button { font-size: 12px; }
.page-250 .banner h1:after,
.page-251 .banner h1:after,
.page-299 .banner h1:after,
.page-300 .banner h1:after,
.page-301 .banner h1:after,
.page-328 .banner h1:after,
.page-302 .banner h1:after { content: 'About Us'; }
.page-250 .banner,
.page-251 .banner,
.page-299 .banner,
.page-300 .banner,
.page-328 .banner,
.page-301 .banner,
.page-302 .banner { background-image: url(images/banner_aboutus.jpg); }
.page-303 .banner h1:after,
.page-304 .banner h1:after,
.page-305 .banner h1:after,
.page-330 .banner h1:after,
.page-331 .banner h1:after,
.page-332 .banner h1:after,
.page-333 .banner h1:after,
.page-306 .banner h1:after { content: 'Product Development'; }
/*.page-303 .banner,
.page-330 .banner,
.page-331 .banner,
.page-332 .banner,
.page-333 .banner,
.page-305 .banner,
.page-306 .banner { background-image: url(images/banner_product.jpg); }*/
.page-303 .banner,
.page-330 .banner,
.page-331 .banner,
.page-332 .banner,
.page-333 .banner,
.page-305 .banner,
.page-306 .banner,
.page-355 .banner,
.page-304 .banner { background-image: url(images/banner_dev.jpg); }
.page-307 .banner h1:after,
.page-308 .banner h1:after,
.page-309 .banner h1:after,
.page-310 .banner h1:after,
.page-311 .banner h1:after,
.page-312 .banner h1:after,
.page-313 .banner h1:after,
.page-314 .banner h1:after,
.page-334 .banner h1:after,
.page-336 .banner h1:after,
.page-315 .banner h1:after { content: 'Investor Information'; }
.page-307 .banner,
.page-308 .banner,
.page-309 .banner,
.page-310 .banner,
.page-311 .banner,
.page-312 .banner,
.page-313 .banner,
.page-314 .banner,
.page-315 .banner,
.page-336 .banner,
.page-334 .banner,
.page-8 .banner { background-image: url(images/banner_news.jpg);  }
.page-316 .banner h1:after,
.page-317 .banner h1:after,
.page-318 .banner h1:after,
.page-319 .banner h1:after,
.page-8 .banner h1:after,
.page-320 .banner h1:after,
.page-335 .banner h1:after,
.page-321 .banner h1:after { content: 'News & Reports'; }
.page-316 .banner,
.page-317 .banner,
.page-318 .banner,
.page-319 .banner,
.page-335 .banner,
.page-8 .banner,
.page-320 .banner,
.page-321 .banner { /* background-image: url(images/banner_news.jpg); */ background-image: url(images/banner_product2.1.jpg);}
.page-323 .banner h1:after,
.page-324 .banner h1:after { content: 'Contact Us'; }
.page-323 .banner,
.page-324 .banner { background-image: url(images/banner_contact.jpg); }

.meta-bar { font-size: 12px; margin-bottom: 20px; position: relative; }
.breadcrumbs { }
.sidebar { float: left; width:20.4082%; max-width: 200px; padding-top: 25px; }
.sidenav li { padding: 8px 0 8px 8px; border-bottom: 1px solid #dadada; }
.sidenav li a, .sidenav li.current li a, .sidenav li li a, .sidenav li:hover li a { color: #a1a2a4; }
.sidenav li.current a, .sidenav li.current li.current a, .sidenav li:hover a, .sidenav li li:hover a { color: #8397af; }
.sidenav li.current, .sidenav li.current li.current { background:#96cbea; }
.sidenav li.current a, .sidenav li.current li.current a { color: #002a5f; }
.sidenav ul ul { padding: 0; margin-left: 15px; }
.sidenav li li:first-child { padding-top: 10px; }
.sidenav li li:last-child { padding-bottom: 0; }
.sidenav li:last-child, .sidenav li li:last-child { border-bottom: 0; }
.content { float: right; width:72.4490%; max-width: 710px; min-height: 555px; }
.content.full { float: none; width:92.8571%; max-width: 910px; }
/*.entry-content { float: left; width: 430px; }*/
.entry-content ul,
.entry-content ol {
	padding: 0 0 0 40px;
	margin: 0 0 24px;
}
.entry-content ul ul,
.entry-content ol ol {
	margin: 0;
}
.entry-content ul {
	list-style: disc;
}
.entry-content ol {
	list-style: decimal;
}
.entry-content ul ul {
	list-style: circle;
}
.entry-content ol ol {
	list-style: roman-lower;
}
.rhs { float: right; width: 230px; padding-top: 70px; }
.rhs .box { background: #f9f9f9; padding: 20px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; margin-bottom: 20px; }
.rhs .box h5 { color: #464c5a; margin-bottom: 8px; }
#footer { background: #ebebeb; margin-bottom: 50px; }
.footer { padding: 0 30px; font-size: 12px; }
.footer .copyright { display: block; padding: 20px 0; }
.footer .signup	{ float: right; padding: 10px 0; }
.footer .copyright a { color: #9c9c9c; }
.footer .copyright img,
.footer .signup img { vertical-align: middle; margin: 0; display: inline; }
#utilities { top: 0; right: 0; z-index:1;}/*added z-index*/
#utilities a { outline: 0; }
/*#utilities a.printPage { margin-left: 52px; }*/
.sep { background: #eaeaea; height: 1px; margin: 30px 0; text-indent: -99999px; }
#load-news,
#load-shareprice { position: relative; }
.home-page #load-news .article { margin-bottom: 5px; }
#shareprice .asx-logo { float: left; width: 50px; margin-right: 15px; }
#shareprice .price { float: right; width: 120px; font-size: 12px; line-height: 26px; }
#shareprice .price span { font-size: 30px; }
#shareprice #market-cap { border: 1px solid #bbbbbb; border-left: none; border-right: none; padding: 8px 0; margin:18px 0 10px; }

@media only screen and (max-width: 970px) {
	#page { position:relative; }
	.topbar { z-index: 99; position:fixed; left: 0; }
	#header { margin: 0; display: inline-block; width:100%; }
	#header:after { padding-top: 9.5876%; display:block; content: ''; }
	#header #title { background: #FFF; position: fixed; top: 0; right: 0; left: 0; text-align:center; }
	#header #title img { height:100%; max-height:93px; }
	#navigation { width: 98%; margin: 0 1%; padding:0; position: fixed; opacity:1; }
	.main { overflow:hidden; }
	.sidebar { display:none; }
	.content { float:left; width: 98%; max-width:none; margin: 0 1%; }
	select.mnav { border:0; background:transparent; height:inherit; width:100%; }
}

@media only screen and (min-width: 575px) {
	.home-page .banner { background-image: url(images/banner_homepage.jpg); height: 563px; }
	.home-page .banner .caption { font-size: 26px; line-height: 32px; top: 165px; }
	.home-page .banner .caption a.button { font-size:14px; }
}
@media only screen and (max-width: 575px) {
	.home-page .banner .caption p { margin-bottom: 11px; }
	.home-page .banner .caption { font-size: 16px; line-height: 32px; top: 15px; right:0; width:100%; }
}

@media only screen and (max-width: 1020px) {
}

@media only screen and (max-width: 740px) {

}

/* ===== Tablet ===== */
/* Style adjustments for viewports 768px and under go here */
@media only screen and (max-width: 768px) {


}

/* ===== Phone ===== */
/* Style adjustments for viewports 480px and under go here */
@media only screen and (max-width: 480px) {

}


/* ===== Print ===== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	.entry-content { width: 100%; margin-top: 20px; margin-bottom: 0px; padding: 0px; }
}


#load-investor-home .articleDate {
	display:none;
}

#ctl00_contentPlaceHolderBody_wctlUserDetails_btnSubmit {
	margin:15px 0;
	padding:15px 40px;
}
.entry-content .article {
	font-size:14px;
}

.recruit-ads{
	background:#002a5f;
	color:#FFF;
	font-family: sans-serif;
	font-size: 14px;
	padding:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	position: relative;
	bottom: -150px;
	width: 400px;
}
/*  Firefox  */
@-moz-document url-prefix() {
                        .recruit-ads{
                        position: relative;
						bottom: -120px;
                    }
                    }

.recruit-ads a{color: #fff;}
.recruit-ads a:hover{text-decoration:none;}
.recruit-ads:hover{
	text-decoration:none;
	background:#96cbea;
	color:#002a5f;}
	
	
/*
.recruit-ads{
margin-top: 20px;
border-radius: 10px;

}
.recruit-ads span{

}
.recruit-ads a{
	font-size: 14px;
	max-width: 480px;
	width:100%;
	padding: 10px;
	text-align:center;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0px;
	background:#002a5f;
	color:#FFF;
	font-family: sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.recruit-ads a:hover {
	text-decoration:none;
	background:#96cbea;
	color:#002a5f;
}

.recruit-ads-page a{
	width:100%;
	padding: 5px 0;
	text-align:center;
	position:absolute;
	background:#002a5f;
	color:#FFF;
	font-family: sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.recruit-ads-page a:hover {
	text-decoration:none;
	background:#96cbea;
	color:#002a5f;
}*/