/************************ STANDARD ************************/ html,body{margin:0;padding:0; } html {background:#f3f3ef url(../images/back.jpg) repeat-x;} body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#004058;} p{font-size:1.0em; margin:0 0 10px 0} a:link {color:#007498; text-decoration:none;} a:visited {color:#007498; text-decoration:none} a:focus {text-decoration:underline;} a:hover {text-decoration:underline;} a:active {} a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */ h1 {color:#006085; line-height:1.4em; font-size:1.4em; padding:0; margin:0 0 10px 0; font-weight:bold; text-transform:uppercase; } h2 {color:#006085; line-height:1.3em; font-size:1.3em; padding:0; margin:0 0 10px 0; font-weight:normal;} h3 {color:#004058; line-height: 1.1em; text-transform: uppercase; font-size: 1.0em; font-weight: bold; padding:0; margin:0 0 10px 0; } h4 {color:#006085; line-height: 1.1em; text-transform: uppercase; font-size: .95em; font-weight: normal; padding:0; margin:0 0 10px 0; } .unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0;} /* Hides the element from view */ .small {font-size:0.9em; margin-bottom:15px;} #container {margin-top:20px;} a img {border:0;} #site {margin: 0 35px 10px 35px; border:#ffffff 10px solid; position:relative; background:#fff;overflow:hidden; } /*background req'd for IE7*/ /************************ STRUCTURAL ************************/ #liquid {position:relative; min-width:980px; width:92%; margin:0 auto;} #wrapper{float:left; width:100%; margin-top:10px; position:relative; z-index:5;} #content{margin-left:220px; padding:10px;background:#edecea; min-height:235px; } #content-home{margin-left:220px; background:#edecea;}/* no padding - padding is handled by child divs */ #left-panel{float:left;width:210px;margin-left:-100%; position:relative; margin-top:10px; z-index:5; min-height:395px;} .clear{clear:both;} /************************ SEARCH FORM AND PAGE ************************/ #search_box {position:absolute; right:0; top:0; height:33px; width:200px; z-index:11} /*box that contains all elements */ #SearchForm_SearchForm {} /* form element */ #Search {float:left;} /* div containing box */ #SearchForm_SearchForm_Search {padding:3px; margin:5px;width:150px; height:15px;border:#b6b6b6 1px solid; font-size:0.95em; line-height:15px; color:#838383; } /* input box */ #SearchForm_SearchForm_action_results {border:none; background:url(../images/search.png) no-repeat; width:25px; height:24px; cursor:pointer; text-indent:-999em; margin-top:6px;} /* go button */ form legend {display:none;} #search_results {list-style:none; padding:0; margin:0;} #search_results li {margin:15px 0 0 0; border-bottom:1px dashed #bbbbbb;} #search_results li p {color:#8b8b8a; margin-left:20px;} #search_results .search_parent {color:#004058;} #report-nav {padding:10px; background:#f6f6f6;margin-bottom:20px;} #report-nav dd, #report-nav dt {list-style:none; display:inline; margin:0;} #report-nav a {padding:0 5px; border-right:solid 1px #004058;} #PageNumbers {margin:20px 0; padding:10px; background:#f6f6f6; color:#8B8B8A; font-weight:bold;} .search-current {font-weight:bold; background:#e2e2e2; padding:3px 3px 0 3px; } #search-caption {color:#004058; font-weight:normal;} /************************ HEADER ************************/ #header {position:relative; left:0;height:280px; background:#666666; overflow:hidden; width:100%;} /* Width required for Opera, left required for IE7*/ #header-top {border-bottom:#ffffff 2px solid; height:33px; background:#82807e;} #header-bottom {position:relative; background:url(../images/header-back.jpg) no-repeat; height:100%; } #header-image {position:absolute; top:40px; right:0;background:url(../images/header-1.jpg) no-repeat; width:630px; height:140px; height:180px; } #behind-logo {position:absolute; left:0; top:180px; width:100%; height:50px; border-top:#999999 1px solid; background:#292929 url(../images/behind-logo.png) no-repeat bottom right;} #behind-logo-underline {position:absolute; height:5px; width:100%; right:24px; bottom:48px; border-bottom:#999999 1px solid; } #logo {position:absolute; width:368px; height:33px; top:198px; left:27px; background:url(../images/logo.png) no-repeat; z-index:11;} #header-box {position:absolute; right:0; top:15px; width:658px; height:165px; border:#999999 solid 1px;} #vis-overhang {position:absolute; right:0px; top:45px; width:45px; height:245px; background:url(../images/vis-overhang.png) no-repeat; z-index:10;} /************************ NEWS ARTICLE PAGES ************************/ .newsdetails {color:#006085; margin-bottom:10px;} #newslist {margin:10px 0 0; padding:0 0 0 90px; position: relative;} #newslist li {list-style:none; margin-bottom:10px; cursor:pointer} #newslist a {display:block; padding:0;} .newsdate {position:absolute; font-weight:bold; left:10px; color:#004058} .releaselist-size {text-transform:uppercase; } .releaselist-size acronym {} .newstitle {font-weight:bold;} .newspara em {margin-bottom:10px; display:block;} #release-latest ul {margin:0; padding:0; list-style:none;} #release-latest li {margin-bottom:5px;} /************************ CONTACT PAGE ************************/ form fieldset {border:none; margin:0; padding:0} #content form {margin:0 0 10px 0; clear:both;} #content form label {display:block; position:absolute; margin-top:3px} #content form .required {display:block; position:relative; margin:0 0 0 100px; color:red;} #content form label.right {display:inline; position:relative; margin-top:0} #content form div {margin-bottom:5px;} #content form input, #content form textarea {border:#8b8b8a 1px solid; width:300px; padding:2px 5px; margin:0 0 0 100px} #content form .checkbox input {width:auto} #content form .spamhoneypot {display:none;} /*hides spam protection field*/ #content form .Actions input {background:#005A71; border-color:#005A71; color:#fff; width:auto; padding:5px 10px;} #ForgotPassword {margin:0 0 0 30px; display:inline;} /************************ ASX ANNOUNCE PAGES ************************/ #content-bottom {position:relative; border-top:#fff 10px solid;margin-left:220px;} #content-bottom-left {width:60%; position:relative;min-height:130px; } #content-bottom-left-inner {border-right:#fff 10px solid;padding:10px; min-height:110px; background:#dfdecf;} #content-bottom-right {width:40%; position:absolute; top:0px; right:0;background:#edecea;} #content-bottom-right-inner {padding:10px;} #content-bottom-full {width:100%; position:relative;min-height:130px; } #content-bottom-full-inner {padding:10px; min-height:110px; background:#dfdecf;} #content-bottom-full-inner img {float:left;} #content-bottom h3 {margin:0 0 5px 0;padding:0; text-transform:uppercase; font-size:1.0em;} #content-bottom-left-inner img {float:left;} #content-bottom img {border:none; margin-right:5px;} #content-bottom .content-bottom-help {margin-bottom:0; display:block; clear:left;} #content-bottom .content-bottom-help a {font-size:0.95em;} /************************ STAFF PAGES ************************/ #content .stafflist {list-style:none; margin:0 0 30px; padding:0;} #content .staffname {margin:0; padding:0; text-transform:uppercase; font-size:1.1em; line-height:1.2em;} #content .stafftitle {font-style:italic;} /*#content .staffphoto {position:absolute; top:0;} #content .staffdescription, #content .stafftitle, #content .staffname {margin-left:160px;}*/ #content #stafflist li {margin-bottom:30px;position:relative;list-style:none; } #content #staffprofile {position:relative; display:block; clear:both;margin-bottom:30px;} /************************ HOME ************************/ /* #left-panel {background:#d6dfe6; }*/ #left-panel p {margin:0 10px 10px 10px;} #left-panel h3 {margin:0 0 10px 0; padding:5px 0 0 10px; line-height: 23px; text-transform: uppercase;font-size: 1.0em; font-weight: bold;color:#004058; background:#b6c9d5; } #left-panel .latest {position:relative;} #left-panel .latest-title {display:block;} #left-panel .latest a {display:block;position:absolute; bottom:0; right:0; background:#d6dfe6; padding-left:3px;} #left-panel .latest-leading {display:block; height:1.0em; border-bottom:#000 2px dotted;} #left-panel #share-price {background:#b6c9d5 url(../images/asx.png) no-repeat top right;} /* SUBSCRIBE FORM */ #Form_QuickMessageForm {margin:0 0 5px 10px; position:relative;} #Form_QuickMessageForm fieldset {display:inline-block; vertical-align:top;} #Form_QuickMessageForm fieldset div.Actions {} #Form_QuickMessageForm fieldset div label {display:none;} #Form_QuickMessageForm .hiddenField {display:none;} /*hides spam protection field*/ #Form_QuickMessageForm div {display:inline-block; vertical-align:top;} #Form_QuickMessageForm #Email input {padding:3px; width:120px; height:15px;border:#b6b6b6 1px solid; font-size:0.95em; line-height:15px; color:#838383;} #Form_QuickMessageForm .Actions input {border:none; background:url(../images/submit.png) no-repeat top left; width:46px; height:32px; cursor:pointer; margin-left:5px; text-indent:-999em; font-size:0px; line-height:0px; color:#CCCCCC;} #Form_QuickMessageForm span.message {color:red; margin:0; display:block;} /* END SUBSCRIBE FORM */ #left-panel-back {background:#d6dfe6; position:absolute; left:0; top:290px; width:210px; height:9999em; z-index:1;} #content-back {background:#edecea; position:absolute; left:220px; top:290px; width:9999em; height:9999em; z-index:1;} #site-map-holder {position:absolute; bottom:0; width:210px;} #email-reg {margin-bottom:2em;} #left-panel #site-map {background:#00526d;margin:0; padding:0;} #left-panel #site-map a {color:#fff; padding:5px 0 5px 10px; display:block;} #home-top {height:160px; padding:15px; border-bottom:#fff 10px solid;} #home-top .home-top-large {font-size:1.2em; line-height:1.6em; margin-top:20px;} #home-top .home-top-accent {text-transform: uppercase; font-weight:bold;} #home-bottom, #home-bottom .home-bottom-left-inner, #home-bottom .home-bottom-right-inner {height:195px;} /* Height of bottom row */ #home-bottom {position:relative; } #home-bottom-left {width:50%; position:relative; } #home-bottom .home-bottom-left-inner {padding:15px; border-right:#fff 10px solid;} #home-bottom-right {width:50%; position:absolute; right:0; top:0; } #home-bottom .home-bottom-right-inner {padding:15px 15px 15px 185px; background-color:#dfdecf;} #home-bottom .home-bottom-image {position:absolute; display:block; top:20px; left:20px;} #home-bottom h3 {margin:0 0 12px 0; line-height: 1.4em; text-transform: uppercase;font-size: 1.1em; font-weight: bold; color:#004058;} #home-bottom ul {margin:0; padding:0; list-style:none;} #home-bottom li {margin-bottom:5px;} /************************ NAVIGATION ************************/ #mainnav { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } #mainnav a { display: block; width: 9em; } /* Main level links styles*/ #mainnav .top-level {font-weight:bold; height:33px; line-height:33px; border-right:#ffffff 2px solid; } #mainnav .top-level a {text-decoration:none; color:#FFFFFF; padding:0 10px; text-align:center; } #mainnav li.top-level:hover a, #mainnav li.sfhover a:hover, #mainnav li.current, #mainnav li.section { background:#005a71;} #mainnav li { /* all list items */ float: left; cursor:default; } #mainnav li ul { /* second-level lists */ position: absolute; background: #baa67c; width: 13em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } .secondarynav-heading {padding:5px 0 0 10px; text-transform: uppercase; font-size: 1.0em; font-weight: bold; color:#004058; line-height: 25px; display:block;} #secondarynav {margin:10px 0; padding:0; list-style:none;} #secondarynav li {} #secondarynav li a {padding:8px 10px; font-size:1.1em;line-height:1.2em; color:#000; display:block;} #secondarynav li.current a {color:#004058; background:#b6c9d5; } #secondarynav li a:hover, #secondarynav li a:active, #secondarynav li a:focus {background:#b6c9d5; text-decoration:none; } #secondarynav .secondarynav-disabled {padding:5px 0 5px 10px; font-size:1.1em;line-height: 25px; display:block;color:#666666;} #left-panel ul.pagination {margin-top:50px;} /************************ FOOTER ************************/ #footer {margin:0 35px; color:#000; text-align:right; font-size:10px; } #footer a {color:#000;} #footer p {margin:0;} #footer #vanity {margin:2px 0 20px 0;} /************************ TABLES (goes with tables js and table_header.png) ************************/ table {width: 640px;padding: 0;margin: 0 0 10px 0;} table caption {padding: 0 6px 5px 0;width: 640px;font-size:1.1em;font-style:italic;text-align: right;} /* Table caption style */ table th, table thead tr td {font: bold 1.1em;color: #4f6b72;border: 1px solid #B6C9D5;border-left:none;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #b6c9d5 url(../images/table_header.png) no-repeat;} /* Header style */ table tr td {border-right: 1px solid #B6C9D5;border-bottom: 1px solid #B6C9D5;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;} /* Row style */ table tr.even td {background: #f6f6f6;color: #797268;} /* Alternate row style */ table tr.ruled td {background: #D6DFE6;color: #797268;} /* Highlighted row style */ table p {margin:0; } /* Removes margin from paragraphs in tables */ /************************ PROJECTS ************************/ #overview-map {position:relative; z-index:19; margin:20px 0 20px 16px;border:#ffffff 10px solid; } #overview-map h2 {position:absolute; top:40px; left:50px; font-size:1.5em;} #overview-map a {position:absolute; padding:0; margin:0; display:block; text-indent:-999em; overflow:hidden;z-index:21; cursor:pointer;} #overview-map a:hover,#overview-map a:focus,#overview-map a:active {z-index:22;} #overview-map dl, #overview-map dd, #overview-map dt {padding:0; margin:0; } #project-summary {margin-bottom:10px;} #project-summary p {font-style:italic; position:relative; padding-left:70px; margin:0;} #project-summary p span {font-weight:bold; display:block; position:absolute; width:70px; height:1.4em; left:0; top:0;} .project-image a {width:147px; margin:0 15px 0 0; overflow:hidden; float:left; display:block; position:relative; } .project-image a:hover, .project-image a:focus, .project-image a:active {text-decoration:none;} .project-image a:hover span, .project-image a:active span, .project-image a:focus span {text-decoration:underline;} .project-image span {display:block;font-size:0.9em; text-align:center; margin:5px 0 15px 0;} .project-image img {border:1px #000000 solid;} .project-image div {position:absolute; top:100px; right:10px; height:20px; width:20px; background:url(../images/zoom.png) top left; overflow:hidden;} /* Zoom indicator */ /************************ LITEBOX ************************/ #lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #lightbox a img{ border: none; } #outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #imageContainer{padding: 10px;} #loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} #hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/litebox/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;} #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} /*#prevLink:hover, #prevLink:visited:hover { background: url(../images/litebox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; }*/ #prevLink { background: url(../images/litebox/prevlabel.gif) left 15% no-repeat; } #nextLink { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix {display: inline-block; width: 100%;} * html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */} /************************ SHARE INFO ************************/ .share-preview {padding:30px 0 0 260px; height:145px; position:relative;} .share-preview img {position:absolute; display:block; top:0; left:0; } /************************ PRESENTATION PAGE ************************/ #content #presentationlist {margin:0; padding:0;} #content #presentationlist li {list-style:none; margin-bottom:20px;} #content .presentationdate {font-size:0.95em; display:block;} #content #presentationlist h3 {margin:0;} #content .presentationpara {margin:5px 0 0 10px;display:block;} .presentationdateSingle {margin-bottom:20px;} .presentationtitle {margin-bottom:0;} /************************ REPORT PAGE ************************/ #report-nav dd, #report-nav dt {list-style:none; display:inline; margin:0;} #report-nav {padding:10px; background:#f6f6f6;margin-bottom:20px;} .reportlist {margin-bottom:20px;} .reportlist h3 {margin:0;} .report-date {font-size:0.95em; display:block;} .report-para {margin:5px 0 0 10px;display:block;} .reportdateSingle {margin-bottom:20px;} .reporttitle {margin-bottom:0;} .reportlist-yearly {margin-bottom:20px; position:relative; padding-left:60px;} .reportlist-yearly h3 {margin:0;} .reportlist-yearly .report-date {display:block; position:absolute; top:0; left:0; color:#007498; font-size:1.3em;font-weight:bold;} .reportlist-yearly .report-para {margin:5px 0 0 0;}