/*****************************************************/
/* Grid New Zealand 2007 - W3C Compliant Style Sheet */
/*****************************************************/
html, body { margin: 0px; padding: 0px; border: 0px; }
body { font-family: verdana, arial, sans-serif; color: #333; font-size: 11px; background-color: #eeeeee; }
/* Wild card setting to remove all margins and padding from all elements */
/* --------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; border: 0px; }
.hidden { visibility: hidden; }
div.clear { content: "."; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; overflow: hidden; margin: 0px; background-color: transparent; }
.align-right { text-align: right; }
td.no-border { border: 0px !important; }
label, input.checkbox { cursor: pointer; border: 0px !important; }
/******************/
/* Page Structure */
/******************/
div#pageCenter { margin: 0px auto 40px auto; width: 978px; background-image: url(../../images/gridnz/background-page.gif); background-position: center 0px; background-repeat: repeat-y; padding: 0px; }
div#pageCenterInner { margin: 0px 10px; padding: 0px; width: 958px; }
/* Utility Links */
/* ------------- */
div#utilityTop { height: 35px; text-align: right; font-size: 92%; }
div#utilityLinks { padding: 10px 28px 0px 8px; color: #666666; position: relative; }
div#utilityLinks a:link, div#utilityLinks a:visited, div#utilityLinks a:active { color: #666666; text-decoration: none; }
div#utilityLinks a:hover { text-decoration: none; color: #0088CE; }
a#header-facebook img { position: absolute; top: 8px; right: 6px; }
/* Search and Image Page Banner */
/* ---------------------------- */
div#searchBanner { height: 23px; }
div#searchBanInner { background-color: #6e828c; height: 22px; margin: 0 0 4px 0; }
div#searchBanInner img { height: 22px; }
div#searchBanInner span#gridNZHolder img { border-left: solid 3px #ffffff; }
div#bannerSearch { float: right; font-size: 92%; margin: 0px 12px 0 0; position: relative; width: 215px; height: 22px; }
div#bannerSearch form#bannerSearchTxt input.textbox { height: 14px; width: 143px; vertical-align: baseline; border: solid 1px #cccccc; color: #666666; padding: 1px; font-family: verdana, arial, sans-serif; position: absolute; top: 2px; left: 0px; }
div#bannerSearch form#bannerSearchTxt input.searchButton { border: none; margin: 0px; padding: 1px 0px; background: transparent; width: 58px; height: 17px; font-family: verdana, arial, sans-serif; color: #fff; background-image: url(../../images/gridnz/button-banner-search.gif); background-repeat: no-repeat; background-position: right top; cursor: pointer; position: absolute; top: 3px; right: 0px; }
div#imageBanner { height: 117px; }
div#imageBanner img { height: 111px; width: 958px; margin: 3px 0; }
body.home div#imageBanner { height: 138px; }
body.home div#imageBanner img { height: 131px; }
/* Footer Navigation */
/* ----------------- */
div#footer { background-image: url(../../images/gridnz/background-bottom.gif); background-position: center 0px; background-repeat: no-repeat; margin: 0px auto; width: 978px; height: 90px; padding: 0px 0px; }
body.home div#footer { background-image: url(../../images/gridnz/background-home-bottom.gif); }
div#utilityFooter { clear: both; height: 20px; line-height: 20px; color: #666666; font-size: 92%; padding: 8px 30px 8px 10px; text-align: right; margin: 0px 10px; width: 918px; background-image: url(../../images/gridnz/background-footer.gif); background-position: left top; background-repeat: no-repeat; position: relative; }
body.home div#utilityFooter { background-image: url(../../images/gridnz/background-footer-home.gif); }
div.single-column div#utilityFooter { background-image: url(../../images/gridnz/background-footer-noadditional.gif); }
div.project div#utilityFooter { background-image: url(../../images/gridnz/background-footer-project.gif); }
div#utilityFooter a:link, div#utilityFooter a:visited, div#utilityFooter a:active { color: #666666; }
div#utilityFooter a:hover { text-decoration: none; color: #0088CE; }
div#utilityFooter div#copyRight { float: right; }
a#facebook-footer img { position: absolute; top: 10px; right: 6px; }
/*******************/
/* Common Elements */
/*******************/
h1 { font-size: 23px; font-weight: normal; margin: 0 0 0.4em 0; color: #748a96; text-transform: uppercase; letter-spacing: -1px; }
h2 { font-size: 140%; margin: 0 0 0.5em 0; color: #333; border-bottom: 1px solid #00aeef; padding-bottom: 2px; }
h2#news { border-bottom: 0px; text-transform: uppercase; }
h3, h4 { font-size: 108%; margin: 0 0 0.4em 0; line-height: 1.4em; color: #333; }
div#additional-column h3, div#additional-column h4 { color: #333; }
h5 { font-size: 100%; margin: 0.2em 0 0.2em 0; line-height: 1.4em; color: #333; }
p { margin: 0 0 0.8em 0; padding: 0px; line-height: 1.46em; }
p * { vertical-align: bottom; }
table p { margin: 0px 0px; }
div.divider { clear: both; border-bottom: solid 1px #beccd3; height: 0px; line-height: 0px; margin: 12px 0; }
div.docDownload a:hover img { text-decoration: none; }
div.docDownload p { color: #666666; margin: 0 0 0.8em 20px; }
div.docDownload img { float: left; }
ul.bookmarkList { }
div.bookmarkListHorizontally { margin-bottom: 10px; color: #ccc; }
div.backToTop { text-align: right; }
a, a:link, a:visited, a:active { text-decoration: none; color: #0088CE; }
a:hover { text-decoration: underline; color: #0088CE; }
img { margin: 0px; padding: 0px; border: 0px; }
div.imageLeft { float: left; margin: 4px 7px 6px 0; padding: 0 9px 0 0; border-right: solid 1px #beccd3; }
div.imageLeftNoBorder { float: left; margin: 4px 0px 6px 0px; }
div.imageRight { float: right; margin: 4px 0 6px 7px; padding: 0 0 0 9px; border-left: solid 1px #beccd3; }
div.imageRightNoBorder { float: right; margin: 4px 0px 6px 0px; }
div.imageRight span.imageCaption { text-align: right; }
div.imageLeft span.imageCaption, div.imageLeftNoBorder span.imageCaption, div.imageRight span.imageCaption, div.imageRightNoBorder span.imageCaption, div.imageTop span.imageCaption, div.imageTopNoBorder span.imageCaption { display: block; margin: 3px 0 0 0; font-style: italic; }
div.pullQuote { margin: 0 26px 1em 26px; }
div.pullQuote p { font-style: italic; }
div.pullQuote p span { font-style: normal; font-size: 92%; }
ul, ol { margin: 0 0 0.8em 0; padding: 0px; }
ul { list-style-type: square; }
li { margin: 0.2em 0 0.2em 3em; padding: 0px; line-height: 1.46em; }
table { border-collapse: collapse; margin: 0 0 0.8em 0; width: 100%; }
div.table-wrapper-narrow table { width: auto; }
table tr th { background-color: #8b9faa; border-bottom: solid 1px #beccd3; padding: 0.5em; vertical-align: top; font-size: 1.0em; font-weight: bold; color: #fff; text-align: left; }
table tr td { border-bottom: solid 1px #beccd3; padding: 0.6em; vertical-align: middle; font-size: 1.0em; }
table tr td.number, table tr th.number { padding-right: 10px; text-align: left; }
table tr td a { font-size: 1.0em; }
table tr th a:link, table tr th a:visited, table tr th a:hover, table tr th a:active { color: #fff; }
table caption { font-weight: bold; text-align: left; font-size: 1.1em; padding-bottom: 4px; }
form { margin: 0px; padding: 0px; border: 0px; font-family: verdana, sans-serif; }
form input, form select, form textarea { font-family: verdana, sans-serif; font-size: 92%; border: solid 1px #beccd3; }
form input.textbox { padding: 2px; width: 160px; }
form input.textbox-readonly { padding: 2px; width: 160px; background-color: #ddd; }
form input.checkbox { border: 0px; }
form input.radio { border: 0px; }
.highlight { background-color: #FFFF99; }
.jargonHighlight { z-index: 100; }
.jargonPopUp { font-weight: normal; font-style: normal; border: 1px solid #cccccc; width: 150px; padding: 8px 8px 2px; position: absolute; left: 0px; top: 0px; z-index: 101; cursor: pointer; font-size: 10px; line-height: 14px; background-color: #dce5e9; }
a:hover .highlight { text-decoration: underline; }
.bold { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtCenter { text-align: center; }
.clearBothEmpty { overflow: hidden; clear: both; height: 0; margin: 0; line-height: 0; }
.hideFromView { display: none; height: 0px; line-height: 0px; }
/******************************************************/
/* Home Page Structure and Home Page Template Styling */
/******************************************************/
div#mainContentHome { padding: 15px 0 0 0; margin: 0 0 24px 0; }
div#contentInnerHome { position: relative; }
/* Main Home Page Content */
/* ---------------------- */
div#homeMainContent { margin: 0 356px 0 0; }
div#homeMainContInner { min-height: 440px; }
div#homeMainContent h1 { margin-left: 12px; }
div#homepage-content-banner { margin-top: 3px; height: 5px; background-image: url(../../images/gridnz/homepage-content-banner.gif); background-repeat: no-repeat; overflow: hidden; }
/* Home Intro */
div#homeIntro { padding: 0 0 10px 12px; font-size: 110%; }
/* Home News Section */
div#homeNews { padding: 10px 0 10px 12px; }
div#homeCols p { margin: 0 0 0.3em 0; }
div#homeNews div#homeLeftCol { }
div#homeNews div#homeRightCol { float: right; }
div#homeNews div.newsArticle { width: 194px; }
div#homeNews div.newsArticle img { max-width: 194px; margin: 2px 0; }

/*div#homepage-safety{position:absolute;left:274px;bottom:0px;}*/
div#homepage-safety { padding-bottom: 10px; background-color: #eaf7fe; width: 241px; padding: 15px 20px; position: absolute; right: 0px; bottom: 0px; background-image: url(../../images/gridnz/safetybox-border-top.gif); background-repeat: no-repeat; }
div#homepage-safety a { float: right; background-repeat: no-repeat; background-position: right center; height: 13px; }
div#homepage-safety a span { display: none; }
div#homepage-safety a { background-image: url(../../images/gridnz/button-find-out-more.gif); width: 97px; }
div#homepage-safety h4 { background-position: 0px 0px; background-repeat: no-repeat; height: 18px; width: 180px; margin-bottom: 0.4em; background-image: url(../../images/gridnz/home-safety.gif); }
div#homepage-safety h4 span { display: none; }

/************************************/
/* General Content Template Styling */
/************************************/
div#content-wrapper { background-image: url(../../images/gridnz/background-content.gif); background-repeat: repeat-y; background-position: center bottom; padding: 0px 0px; }
div.single-column div#content-wrapper { background-image: url(../../images/gridnz/background-content-noadditional.gif); }
div.project div#content-wrapper { background-image: url(../../images/gridnz/background-content-project.gif); }
div#menu-column, div#content-column, div#additional-column, div#project-search-column, div#project-map-column { float: left; }
div#menu-column { width: 200px; }
div#content-column { width: 506px; padding: 10px 25px; }
div#additional-column { width: 181px; padding: 10px 10px; }
div#project-search-column { width: 500px; padding: 10px 25px; }
div#project-map-column { width: 380px; padding: 10px 10px; }
div#additional-column p strong { color: #333; }
div#additional-column p { color: #333; }
div.additional-content-caption { margin-top: 8px; font-style: italic; }
div.left-column { float: left; width: 240px; }
div.right-column { float: right; width: 240px; }
div.single-column div#content-column { width: 705px; }
div.single-column div.left-column { float: left; width: 340px; }
div.single-column div.right-column { float: right; width: 340px; }
div#homepage-content-wrapper { background-image: url(../../images/gridnz/background-content-home.gif); padding: 10px 0 0; }
div#homepage-additional-column, div#homepage-content-column { float: left; }
div#homepage-content-column { width: 552px; padding: 0px; position: relative; }
div#homepage-additional-column { width: 386px; margin: 10px 10px; padding-bottom: 20px; }
div#homepage-intro-text { padding: 6px 25px 10px 40px; font-size: 1.1em; background-image: url(../../images/gridnz/background-home-news.gif); background-repeat: no-repeat; background-position: left bottom; }
div#homepage-intro-text p { line-height: 1.7em; }
div#homepage-news { padding: 15px 25px 20px 40px; background-image: url(../../images/gridnz/background-home-news-background.gif); background-repeat: repeat-y; }
div#homepage-news-left { float: left; width: 217px; }
div#homepage-news-right { float: right; width: 233px; padding-bottom: 135px; }
div#homepage-news h5 { color: #0088CE; font-weight: normal; }
.newsArticle { margin-bottom: 12px; }
p.newsArticleHeading { margin-bottom: 0.4em; color: #0088CE; }
/* 3 Column Structure */
/* ------------------ */
div#breadcrumbs { font-size: 92%; color: #666666; height: 31px; line-height: 28px; min-width: 187px; white-space: nowrap; overflow: hidden; padding: 0 0 0 23px; margin: 0px; background-image: url(../../images/gridnz/background-breadcrumbs.gif); background-position: left bottom; background-repeat: no-repeat; }
div.single-column div#breadcrumbs { background-image: url(../../images/gridnz/background-breadcrumbs-noadditional.gif); }
div.project div#breadcrumbs { background-image: url(../../images/gridnz/background-breadcrumbs-project.gif); }
div#breadcrumbs a:link, div#breadcrumbs a:visited, div#breadcrumbs a:active { color: #666666; }
div#breadcrumbs a:hover { text-decoration: none; color: #00aeef; }
/* Left Column and Styling */
/* ----------------------- */
div#menu-column { margin: 0px; padding: 0 0 1em 0; }
div#menu-column div.sectionHeading { padding: 0px; text-transform: uppercase; color: #333333; font-weight: bold; font-size: 92%; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; width: 100%; }
div#menu-column ul { list-style-type: none; margin: 0 0 2.6em 0; }
div#menu-column ul li { padding: 0.85em 5px 0.85em 20px; line-height: 1.2em; margin: 0px; text-indent: -0.82em; border-bottom: solid 1px #beccd3; list-style-type: none; }
div#menu-column ul li p { margin: 0px; }
div#menu-column div#subNavigation div#majorprojectsMenu ul li { border-bottom: none; background-image: url(../../images/gridnz/majorprojects-menu-border.jpg); background-repeat: no-repeat; background-position: bottom left; }
div#menu-column div#subNavigation div#majorprojectsMenu ul li ul li { background-image: none; }
div#menu-column ul li a:link, div#menu-column ul li a:visited, div#menu-column ul li a:active { color: #333; }
div#menu-column ul li a:hover { color: #00aeef; text-decoration: none; }
/* Sub-Navigation */
/* -------------- */
div#menu-column div#subNavigation ul { margin: 0 0 2.6em 0; }
div#menu-column div#subNavigation ul li.active a, div#menu-column div#subNavigation ul li a.active { font-weight: bold; }
div#menu-column div#subNavigation ul li.active ul li a { font-weight: normal; }
div#menu-column div#subNavigation ul li { border-bottom: solid 1px #beccd3; padding: 0.85em 0 0.85em 20px; }
div#menu-column div#subNavigation ul li ul { margin: 0px; }
div#menu-column div#subNavigation ul li ul li { border-bottom: solid 0px #eee9c3; padding: 0.6em 12px 0 12px; }
/* Jargon Buster */
li#jBusterListItem { vertical-align: middle; }
li#jBusterListItem span.jBPadding { font-size: 6px; vertical-align: middle; }
li#jBusterListItem input { vertical-align: text-bottom; margin: 0px; padding: 0px; border: none; vertical-align: middle; }
div#menu-column ul li#jBusterListItem label { padding: 0px; margin: 0px; vertical-align: middle; }
/* Glossary */
dt { font-weight: bold; margin: 0.6em 0 0 0; color: #333; }
dd { margin: 0.2em 0 2em 0; }
div.backToTop * { vertical-align: middle; }
div.backToTop a { float: right; }
div.backToTop h3 { float: left; width: 300px; text-align: left; }
div.imgWrapper { width: 181px; overflow: hidden; margin-bottom: 10px; }
div.imgWrapper img { }
div#rightColInner p { text-align: left; margin: 0 0 0.8em 0; padding: 0px; font-style: italic; }
div.boxedContent { border: solid 1px #cccccc; padding: 0 0 10px 0; }
div.boxedContent h4 { background-color: #cccccc; padding: 3px 5px; font-size: 92%; }
div#additional-column div.boxedContent p { padding: 2px 5px; line-height: 1.3em; font-style: normal; margin: 0px; }
/* Results Area */
/* ------------ */
div.pagingDiv { padding-top: 2px; }
div.searchPageNo { }
div.searchPageLinks { float: right; }
div.searchResult { margin: 0.6em 0 1.6em 0; }
div#rightColInner div.searchResult, div#rightColInner div.searchResult p { font-style: normal; margin: 0px; }
p.projResHeading { font-weight: bold; margin: 1.4em 0 0 0; }
/*********************************/
/* Subscription Template Styling */
/*********************************/
form#existingSubscribers input.textbox { width: 175px; }
div#subscribeInfo { background-color: #EAF7FE; color: #000000; margin: 0px 0px 20px 0px; padding: 10px 15px 1px 15px; }
p#note { font-weight: bold; border-bottom: 1px solid #CCCCCC; padding: 0px 0px 8px 0px; min-height: 1px; height: auto; /* IE 7 disappearing text bug fix */ }
div#subscription { float: left; width: 383px; margin: 12px 0 0 0; }
div#existingSubArea { margin-top: 35px; }
div#exSubAreaInner { }
div#exSubAreaInner p { line-height: 1.46em; }
div#exSubAreaInner p.introTxt { margin: 10px 0 22px 0; }
div#subscription form input { font-family: verdana, arial, sans-serif; font-weight: normal; color: #666666; padding: 0.24em 0; width: 165px; height: 1.8em; border: inset 2px #dddddd; overflow: hidden; margin: 0px; padding: 0px; }
div#exSubAreaInner form input#checkSub { color: #ffffff; font-size: 100%; line-height: 1.2em; font-family: verdana, arial, sans-serif; text-decoration: none; font-weight: bold; margin: 10px 0 0 1px; padding: 0.32em 0; border: none; min-height: 1px; height: auto; /* IE 7 disappearing text bug fix */ }
div#exSubAreaInner form input#checkSub:hover { cursor: pointer; }
div#newSubArea { background-color: #F0F0F0; color: #333333; padding: 15px; }
div#newSubArea form p { line-height: 1.8em; }
div#newSubArea form input.textbox { padding: 2px; width: 200px; }
div#existingSubArea form input.textbox { padding: 3px; width: 175px; }
div#newSubArea form ul#subOptions { list-style-type: none; margin: 1em 0; }
div#newSubArea form ul#subOptions li { margin: 0 0 0.4em 0; padding: 0 0 0 1.8em; text-indent: -1.68em; vertical-align: middle; }
div#newSubArea form ul#subOptions li ul { list-style-type: none; margin: 5px 0; }
div#newSubArea form ul#subOptions li ul li { margin: 0 0 0.4em 0; }
div#newSubArea form ul#subOptions input { width: 1.36em; padding: 0px; margin: 0px; vertical-align: middle; border: none; }
div#newSubArea form ul li a.expColSel img { vertical-align: text-bottom; }
div#newSubArea form ul li a.expColSel:hover img { text-decoration: none; }
div#newSubArea form p#subInstr { margin-top: 2em; }
p#subSubmitBtns { height: 30px; margin: 20px 0 0 0; }
div#newSubArea form input#subscrSub, div#newSubArea form input#subClear, div#newSubArea form input#subSelAll, div#exSubAreaInner form input#checkSub { border: medium none; color: #FFFFFF; cursor: pointer; font-family: verdana,arial,sans-serif; height: 20px; margin: 0px; padding: 1px 0px; cursor: pointer; }
div#newSubArea form input.textbox { width: 240px; padding: 3px; }
div#newSubArea form input#subClear { float: left; width: 66px; margin-right: 5px; background: transparent url(../../images/gridnz/button-clear-all.gif) no-repeat scroll left top; }
div#newSubArea form input#subClear:hover { background: transparent url(../../images/gridnz/button-clear-all.gif) no-repeat scroll right top; }
div#newSubArea form input#subSelAll { float: left; width: 72px; background: transparent url(../../images/gridnz/button-select-all.gif) no-repeat scroll left top; }
div#newSubArea form input#subSelAll:hover { background: transparent url(../../images/gridnz/button-select-all.gif) no-repeat scroll right top; }
div#newSubArea form input#subscrSub { float: right; width: 61px; background: transparent url(../../images/gridnz/button-submit.gif) no-repeat scroll left top; }
div#newSubArea form input#subscrSub:hover { background: transparent url(../../images/gridnz/button-submit.gif) no-repeat scroll right top; }
div#exSubAreaInner form input#checkSub { float: right; width: 119px; background: transparent url(../../images/gridnz/button-check-subscription.gif) no-repeat scroll left top; }
div#exSubAreaInner form input#checkSub:hover { background: transparent url(../../images/gridnz/button-check-subscription.gif) no-repeat scroll right top; }
input#subscrSub { border: 0px; }
div.form-intro { background-color: #F5F3DD; margin-bottom: 10px; padding: 10px 10px 4px; }
div#newSubArea div.col1 { float: left; width: 200px; }
div#newSubArea div.col2 { float: right; width: 250px; }
div#subscribeAreas { left: 0px; top: 0px; }
div#subscribeAreas ul { padding: 0px; list-style-type: none; margin: 0px; }
div#subscribeAreas ul li { margin: 0px; padding: 4px 0px; border-top: 1px solid #cccccc; }
div#subscribeAreas ul li ul { margin: 0px; margin-left: 10px; border: none; padding: 0px; }
div#subscribeAreas ul li ul li { border: none; padding: 4px 0px 0px 0px; }
div#subscribeAreas li.noBorder { border-top: none; }
div#subscribeAreas ul img { cursor: pointer; float: right; margin: 4px 200px 0px 0px; }
div#subscribeAreas ul li div.left { margin-right: 200px; }
/**********************************************/
/* Contact Us / Form Element Template Styling */
/**********************************************/
div#form-wrapper { margin: 20px 0; }
div#form-wrapper form div.question { margin: 0 0 18px 0; }
div#form-wrapper form div.question p { margin: 0 0 5px 0; line-height: 1.2em; vertical-align: middle; }
div#form-wrapper form div.question span { vertical-align: middle; }
div#form-wrapper form div.question hr { height: 1px; border: none; border-top: solid 1px #beccd3; }
div#form-wrapper form input { font-family: verdana, arial, sans-serif; font-weight: normal; color: #666666; width: auto; height: 1.8em; border: none; overflow: hidden; margin: 0px; padding: 0px; vertical-align: middle; }
div#form-wrapper form div.timefield select, div#form-wrapper form div.datefield select { width: 57px; }
div#form-wrapper form select { font-family: verdana, arial, sans-serif; font-weight: normal; color: #666666; width: 98%; height: auto; overflow: hidden; margin: 0px; padding: 2px; vertical-align: middle; }
div#form-wrapper form input.textbox { font-family: verdana, arial, sans-serif; font-weight: normal; color: #666666; width: 98%; height: auto; border: solid 1px #beccd3; overflow: hidden; margin: 0px; padding: 2px; }
div#form-wrapper form input.fileUpload { font-family: verdana, arial, sans-serif; font-weight: normal; color: #666666; width: 98%; height: auto; border: solid 1px #beccd3; overflow: hidden; margin: 0px; padding: 2px; }
div#form-wrapper form textarea { font-family: verdana, arial, sans-serif; font-weight: normal; color: #666666; width: 98%; height: 60px; border: solid 1px #beccd3; overflow: auto; margin: 0px; padding: 2px; }
div#form-wrapper form select.multipleSelect { height: auto; }
div#form-wrapper form table.radioBlockSubQuestions { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0px; padding: 0px; }
div#form-wrapper form table.radioBlockSubQuestions tr td.subQuestion { width: 30%; }
div#form-wrapper input.formButton { background: transparent url(../../images/gridnz/button-submit.gif) no-repeat scroll left top; border: medium none; color: Transparent; font-family: verdana,arial,sans-serif; height: 17px; margin: 0px; padding: 1px 0px; width: 61px; cursor: pointer; float: right; }
div#form-wrapper input.formButton:hover { background: transparent url(../../images/gridnz/button-submit.gif) no-repeat scroll right top; }
/*projects information pages */
div#projects-region, div#projects-category, div#projects-year, div#btnWrapper { float: left; width: 120px; margin: 0px 15px 5px 0px; }
div#btnWrapper { width: 100px; }
div#btnWrapper input.submit-button { margin: 19px 0px 0px 0px; }
div#projects-region select, div#projects-category select, div#projects-year select { width: 120px; }
/*****************************/
/* Site Map Template Styling */
/*****************************/
div#siteMap ul { list-style-type: none; margin: 0px; padding: 0px; color: #00aeef; }
div#siteMap ul li { font-weight: bold; margin: 0 0 1.2em 0; line-height: 1.3em; }
div#siteMap ul li ul { list-style-type: none; margin: 0.5em 0 0 1.6em; padding: 0px; }
div#siteMap ul li ul li { font-weight: normal; margin: 0 0 0.5em 0; line-height: 1.2em; color: #666666; }
div#siteMap ul li ul li ul { }
div#siteMap ul li ul li ul li { font-style: italic; }
div#siteMap ul li ul.projects { margin: 0.8em 0 1.8em 1em; padding: 0px; }
div#siteMap ul li ul.projects li { font-style: normal; font-weight: bold; border-top: solid 1px #cccccc; padding: 0.5em 0 0 0; margin: 0 0 0.5em 0; }
div#siteMap ul li ul.projects li ul li { border: none; font-style: normal; font-weight: normal; padding: 0px; }
div#siteMap ul li ul li a:link, div#siteMap ul li ul li a:visited, div#siteMap ul li ul li a:active { color: #666666; }
div#siteMap ul li ul li a:hover { color: #00aeef; }
.formWarning, .error { font-weight: bold; color: #ff0000; margin: 15px 0px; }
div.publication { border-top: 1px solid #00aeef; margin: 10px 0px; padding: 10px 0px; }
div.publication h4 { color: #00aeef; }
div.publication-text { float: left; width: 390px; }
div.publication-image { float: left; margin-right: 10px; width: 100px; }
div.publication img { float: left; margin: 5px 5px 0px 0px; }
div.publication a.document { float: left; width: 50%; }
div.publication a.archive { float: right; width: 50%; text-align: right; }
ul#publications-navigation { margin: 0px; padding: 0px; }
ul#publications-navigation li { margin: 0px 0px 3px 10px; padding: 0px; list-style-image: none; list-style-type: none; text-indent: -0.82em; }
div.indexer { margin: 5px 0px 20px; }
div.indexer h4 { margin-bottom: 2px; font-size: 1em; }
div.indexer ul { margin: 0px; }
div.indexer ul li { list-style: none none outside; margin-left: 0px; margin-bottom: 8px; }
div.indexer div.paging { margin-top: 10px; }
div.indexer div.paging a { border: 1px solid #ccc; padding: 2px 5px; }
div.indexer div.paging a:hover { background-color: #ddd; }
div.indexer a.active, div.indexer a.active:link, div.indexer a.active:visited, div.indexer a.active:hover, div.indexer a.active:active { font-weight: bold; }
form#search-form { float: left; }
form#search-form * { vertical-align: top; }
p.search-no-results { margin-top: 10px; }
div#search-input input { border: 1px solid #CCCCCC; color: #666666; font-family: verdana,arial,sans-serif; height: 14px; width: 143px; padding: 2px; }
div#search-input input.searchButton { height: 17px; background-color: Transparent; border: 0px; color: #0088CE; cursor: pointer; background-repeat: no-repeat; padding: 0px 0px 0px 0px; margin: 2px 0px 0px 5px; }
div#search-input input.searchButton { width: 58px; background-image: url(../../images/gridnz/button-search-state.gif); }
div#search-input input.searchButton:hover { background-image: url(../../images/gridnz/button-search-state.gif); background-position: -58px 0px; }
div.search-header { background-color: #e5e5e5; margin: 10px 0px 10px 0px; padding: 5px; }
div.searchResult { font-size: 1em; }
div.searchResult p { padding: 0px; margin: 0.3em 0; }
div.searchResult h4 { margin-bottom: 0.2em; }
div.searchPageNo { color: #333; }
/*outage sitelist */
div#outage-site ul { list-style-type: none; margin: 0px; padding: 0px; }
div#outage-site ul li { margin: 0px; padding: 0px 10px 10px 0px; float: left; width: 60px; }
div#outage-type * { vertical-align: middle; }
input.submit-button, input.iagree-button, input.save-button, input.cancel-button { height: 17px; background-color: Transparent; border: 0px; color: #0088CE; cursor: pointer; background-repeat: no-repeat; padding: 0px 0px 0px 0px; margin-left: 5px; }
input.submit-button { width: 61px; background-image: url(../../images/gridnz/button-submit.gif); }
input.iagree-button { width: 61px; background-image: url(../../images/gridnz/button-iagree.gif); }
input.save-button { width: 61px; background-image: url(../../images/gridnz/button-save.gif); }
input.cancel-button { width: 61px; background-image: url(../../images/gridnz/button-cancel.gif); }
div#outage-type, div#outage-date-selected, div#outage-window-requests, div#outage-plant-requests, div#outage-region, div#outage-control, div#outage-site { margin-bottom: 10px; }
div.outage-report-critera-wrapper ul { margin: 1px 0px; }
div.outage-report-critera-wrapper ul li { list-style: none none outside; padding: 0px; margin: 3px 0px; }
div.outage-report-critera-wrapper ul li * { vertical-align: bottom; }
div.outage-report-critera-wrapper { margin: 0px 0px 20px; }
div.outage-report-critera-wrapper form { display: inline; }
div.outage-report-critera-wrapper form select { width: 300px; }
div.outage-report-critera-wrapper p { margin-top: 15px; }
div#report-name-wrapper form * { vertical-align: middle; }
table.data tr th { vertical-align: middle; }
table.data tr td, table.data tr th { font-size: 10px; border: 0px; padding: 5px 4px; }
table.data tr { border-bottom: 1px solid #ccc; }
th#header-region { width: 40px; }
th#header-control { width: 41px; }
th#header-site { width: 140px; }
th#header-start { width: 140px; }
th#header-finish { width: 140px; }
th#header-type { width: 27px; }
th#header-nature { width: 38px; }
th#header-status { width: 38px; }
th#header-latest { width: 50px; }
th#header-title { width: 100px; }
th#header-contractmanager { width: 100px; }
th#header-assetcategory { width: 75px; }
th#header-projects-type { width: 75px; }
th#header-year { width: 45px; }
th#header-projects-status { width: 100px; }
th#header-region { width: 40px; }
th#header-location { width: 60px; }
th#header-commdate { width: 60px; }
div.letters { margin: 10px 0px 20px 0px; background-color: #EAF7FE; padding: 10px 13px; font-style: italic; font-weight: bold; font-size: 1.4em; letter-spacing: 2px; color: #999; }
div.letters a:link, div.letters a:visited, div.letters a:hover, div.letters a:active { font-style: italic; font-weight: bold; font-size: 1em; }
div.forum-wrapper h2 { background-color: #EAF7FE; border-bottom: 0px; padding: 2px 4px; }
div.forum-wrapper { padding-top: 8px; border-top: 1px solid #00aeef; }
div#forum-comment-header a { float: right; margin-top: 2px; }
div#forum-comment-header p { float: left; margin-bottom: 8px; }
div#forum-comment-header p a { float: none; }
div.forum-input-inner { }
div.forum-inputfields-wrapper { padding: 10px; background-color: #f5f5f5; }
div.forum-inputfields-wrapper h4 { font-size: 92%; margin-bottom: 3px; height: 12px; }
div.forum-inputfield-wrapper { float: left; }
div.forum-inputfield-wrapper-submit { float: right; }
div.forum-inputfield-wrapper textarea { width: 481px; margin-bottom: 5px; padding: 2px; }
div.left-column div.forum-inputfield-wrapper textarea, div.right-column div.forum-inputfield-wrapper textarea { width: 210px; }
div.forum-inputfield-wrapper input { width: 170px; margin-bottom: 5px; margin-right: 10px; }
div.forum-inputfield-wrapper select { width: 176px; margin-bottom: 5px; margin-right: 10px; }
div.forum-inputfield-wrapper-submit input { width: 64px; height: 20px; border: 0px; margin-top: 14px; }
div.forum-comment { padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; margin-bottom: 10px; font-size: 92%; }
div.forum-comment h4 { color: #666666; margin-bottom: 0px; }
div.forum-comment p.forum-time { color: #666666; margin-bottom: 2px; }
div.rcdTableContainer { margin: 20px 0px 15px; }
div.rcdTableHeader { float: left; width: 49%; }
div.rcdTableHeader h4 { font-size: 1.0em; margin-bottom: 4px; }
div.rcdUpdateTime { color: #333333; font-size: 0.9em; font-weight: bold; margin-top: 2px; text-align: right; float: right; }
div.newsletter-title h1 { float: left; width: 360px; }
div.newsletter-title a { float: right; width: 140px; text-align: right; margin-top: 10px; }
div.next-story { text-align: right; }
ul#newsletter-navigation { margin: 0px; padding: 0px; }
ul#newsletter-navigation li { margin: 0px 0px 3px 0px; padding: 0px; list-style-image: none; list-style-type: none; }
div#gallery-intro { padding: 10px; background-color: #dce5e9; margin-bottom: 10px; }
div#gallery-intro p { padding-bottom: 0px; margin-bottom: 0px; }
div#galley-wrapper { padding: 5px; background-color: #dce5e9; }
div#galley-wrapper p#current-image-text { margin-bottom: 0px; }
div#gallery-image { float: left; width: 500px; height: 333px; position: relative; overflow: hidden; background-color: #999; }
div#gallery-image #gallery-image-main img { position: absolute; top: 0px; left: 0px; }
div#gallery-image div#gallery-image-details { position: absolute; bottom: 0px; left: 0px; width: 500px; background-color: #000; color: #ddd; height: 20px; padding: 3px 3px 3px 30px; overflow: hidden; }
div#gallery-image div#gallery-image-details h4 { color: #fff; margin: 0px; padding: 2px 0px 3px; font-size: 12px; }
div#gallery-image div#gallery-image-details p { line-height: 1.1em; width: 300px; font-size: 11px; }
div#gallery-image div#tools { bottom: 4px; position: absolute; right: 40px; height: 14px; line-height: 14px; vertical-align: top; }
div#gallery-image div#tools * { vertical-align: top; }
div#gallery-menu { float: right; width: 192px; overflow: hidden; position: relative; height: 333px; }
div#image-groups { margin: 0px; padding: 0px; list-style: none none inside; width: 10000px; position: absolute; top: 20px; left: 0px; }
div#image-groups div.image-group { margin: 0px; padding: 0px; float: left; width: 200px; }
div#gallery-menu div.gallery-image-button, div#gallery-menu div.gallery-image-button-next, div#gallery-menu div.gallery-image-button-previous { display: block; height: 60px; width: 60px; background-repeat: no-repeat; overflow: hidden; margin: 0px 0px 4px 4px; float: left; position: relative; cursor: pointer; }
div#gallery-menu div.gallery-image-border { display: block; height: 54px; width: 54px; border: 3px solid #fff; position: absolute; top: 0px; left: 0px; display: none; }
div#gallery-menu a { display: block; height: 54px; width: 54px; border: 3px solid Transparent; }
div#gallery-menu a:hover { border: 3px solid #fff; }
p#current-image-text { position: absolute; bottom: 0px; left: 3px; }
#gallery-previous-image, #gallery-next-image { position: absolute; bottom: 3px; }
#gallery-previous-image { left: 3px; }
#gallery-next-image { right: 3px; }
img#gallery-info { cursor: pointer; }
div.registration-intro { background-color: #F5F3DD; margin-bottom: 5px; padding: 10px 10px 1px 10px; }
div#registration-wrapper { background-color: #eee; padding: 15px 10px 0px; }
div#registration-wrapper div.registration-table-intro, div#registration-wrapper div.registration-table-intro-error { color: #333; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 7px; margin-bottom: 12px; }
div#registration-wrapper div.registration-table-intro-error { color: #f00; }
div#registration-wrapper table { }
div#registration-wrapper table tr { }
div#registration-wrapper table tr td { border-bottom: 0px; padding: 8px 0px; }
div#registration-wrapper input.textbox { width: 250px; }
div#registration-wrapper select { width: 255px; padding: 2px; }
div#registration-wrapper input.checkbox { margin: 10px 2px 0px 5px; }
div#registration-wrapper td.relations-heading { padding-bottom: 0px; }
div#registration-wrapper td.relations-checkboxes { padding-top: 0px; vertical-align: top; }
div#registration-wrapper textarea { width: 250px; padding: 2px; }
div#registration-wrapper td.registration-submit { text-align: right; }
div#registration-wrapper td.registration-submit input { border: 0px; }
div#approver-admin tddiv#approver td { }
div#approver-admin form input.radio, div#approver form input.radio { margin-right: 0px; vertical-align: middle; padding-bottom: 2px; }
div#approver-admin form input.checkbox, div#approver form input.checkbox { margin-right: 3px; }
div#approver ul, div#approver-admin ul { margin: 0px; padding: 0px; }
div#approver ul li, div#approver-admin ul li { margin: 4px 0px; padding: 0px; list-style: none none outside; padding: 0px 0px 0px 21px; text-indent: -21px; }
div#approver { margin: 0px 0px 30px 0px; }
div#approver-admin { margin: 10px 0px 30px 0px; }
div#approver table tr td, div#approver-admin table tr td { height: 25px; line-height: 25px; padding-top: 0px; padding-bottom: 0px; }
div#approver table tr th.last-column, div#approver-admin table tr th.last-column { width: 150px; }
div#approver table tr td { background-color: #cfe6ae; }
div#approver-admin table tr td, div#approver-admin table tr th, div#approver table tr td, div#approver table tr th { border-bottom: 1px solid #000000; }
div#approver-admin table tr td.spacer-row, div#approver table tr td.spacer-row { border-bottom: 1px solid #000; padding: 0px; margin: 0px; height: 4px; background-color: #fff; }
div#approver table tr.expired-review-date td { background-color: #ddccbb; }
div#approver table tr td, div#approver-admin table tr td { vertical-align: top; }
div#approver table tr td img, div#approver-admin table tr td img { cursor: pointer; }
div#approver-header { margin-bottom: 5px; }
div#approver-header h4 { margin-bottom: 0px; padding-bottom: 0px; }
div#approver-name { float: left; }
div#approver-csv { float: right; }
div#impersonate { float: right; width: 350px; text-align: right; margin-left: 5px; }
div#impersonate form { display: inline; }
div#impersonate form select { width: 170px; }
div#impersonate *, div#approver-csv * { vertical-align: middle; }
div.comments { position: relative; }
div.comment-wrapper { position: absolute; border: 1px solid #beccd3; background-color: #eee; padding: 5px; display: none; }
div.comment-wrapper textarea { padding: 2px; }
p.comment-heading { font-size: 10px; font-style: italic; }
p.comment-entry { font-size: 10px; margin: 3px 0px 10px; }
p.table-file, p.table-image { color: #999; }
input.radio { border: 0px; }
h4#section-on-this-page, div#homepage-subscribe h4, div#homepage-outages h4, div#homepage-login h4, div#homepage-news h4 { background-position: 0px 0px; background-repeat: no-repeat; height: 18px; width: 180px; margin-bottom: 0.4em; }
div#homepage-subscribe h4 { background-image: url(../../images/gridnz/home-subscribe.gif); }
div#homepage-outages h4 { background-image: url(../../images/gridnz/home-outage.gif); }
div#homepage-login h4 { background-image: url(../../images/gridnz/home-login.gif); }
div#homepage-news #homepage-news-left h4 { background-image: url(../../images/gridnz/home-news.gif); height: 13px; margin: 5px 0px 15px; }
div#homepage-news #homepage-news-right h4 { background-image: url(../../images/gridnz/home-projects.gif); height: 13px; margin: 5px 0px 15px; }
h4#section-on-this-page { background-image: url(../../images/gridnz/section-onthispage.gif); }
div#section-navigation, div#section-related, div#section-tools, div#section-search, div#section-search-again, div#section-parent-project, div#section-sub-projects, div#section-related-projects { background-position: 0px 0px; background-repeat: no-repeat; width: 174px; margin-bottom: 0em; }
div#section-navigation { background-image: url(../../images/gridnz/section-navigation.gif); }
div#section-related { background-image: url(../../images/gridnz/section-related.gif); }
div#section-tools { background-image: url(../../images/gridnz/section-tools.gif); }
div#section-search { background-image: url(../../images/gridnz/section-search.gif); }
div#section-search-again { background-image: url(../../images/gridnz/section-search-again.gif); }
div#section-parent-project { background-image: url(../../images/gridnz/section-parent-project.gif); }
div#section-sub-projects { background-image: url(../../images/gridnz/section-sub-projects.gif); }
div#section-related-projects { background-image: url(../../images/gridnz/section-related-projects.gif); }
div#homepage-subscribe h4 span, div#homepage-outages h4 span, div#homepage-login h4 span, div#homepage-news h4 span, div#section-navigation span, div#section-related span, div#section-tools span, div#section-search span, div#section-search-again span, div#section-parent-project span, div#section-sub-projects span, div#section-related-projects span, h4#section-on-this-page span { display: none; }
/* Region Map */
/* ---------- */
div#regionMap { position: relative; width: 383px; height: 440px; background-image: url('../../images/gridnz/background-map.gif'); background-repeat: repeat-y; }
img#mapBase, img#mapBaseLines, img#mapBaseBound, div#mapHover, div#mapHover map area { position: absolute; top: 0px; left: 60px; }
div#regionMap h3 { display: none; }
div#mapHoverImages { position: absolute; top: 0px; left: 60px; }
div#mapHoverImages img { position: absolute; top: 0px; left: 0px; z-index: 4; display: none; }
img#mapBaseLines, img#mapBaseBound { z-index: 5; }
div#mapHeading { background-color: #F4F2C6; font-size: 92%; border-bottom: solid 4px #ffffff; }
div#mapHeading p { height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-transform: uppercase; padding: 0 12px; margin: 0px; border: 0px; }
div#mapKey { position: absolute; top: 50px; left: 8px; width: 140px; background-color: #f2f2f2; border: solid 1px #beccd3; z-index: 5; font-size: 92%; }
div#mapKey p { padding: 4px 6px; margin: 0px; border-bottom: solid 1px #cccccc; }
div#mapKey div#keyList p { border: 0px; }
div#mapKey div#keyList ul#keyListItems { list-style-type: none; margin: 2px 6px 6px 6px; font-size: 80%; }
div#mapKey div#keyList ul#keyListItems li { text-transform: uppercase; letter-spacing: 1px; margin: 4px 0px; padding: 0px; }
ul#keyListItems li img { vertical-align: middle; margin: 0px; }
div#mapHoverProjects { position: absolute; z-index: 8; }
div#mapHoverProjects div.regPopUp { display: none; position: absolute; z-index: 8; width: 383px; }
div#mapHoverProjects div.regPopUp img { position: absolute; right: 13px; top: 7px; cursor: pointer; }
div#mapHoverProjects div.regPopUp h4 { text-transform: uppercase; font-size: 92%; padding: 7px 10px 5px; margin: 0px; background-image: url('../../images/gridnz/background-popup-top.png'); background-position: center top; background-repeat: no-repeat; }
div#mapHoverProjects div.regPopUp div.popup-body-main-wrapper { margin: 0px; padding-bottom: 13px; background-image: url('../../images/gridnz/background-popup-bottom.png'); background-position: center bottom; background-repeat: no-repeat; }
div#mapHoverProjects div.regPopUp div.popup-body-wrapper { margin: 0px; padding: 1px 0px; background-image: url('../../images/gridnz/background-popup-middle.png'); background-position: center bottom; }
div#mapHoverProjects div.regPopUp div.popup-body { width: 368px; }
div#mapHoverProjects div.regPopUp ul { list-style-type: none; padding: 0; width: 346px; }
div#mapHoverProjects div.regPopUp ul li { padding: 3px 15px 3px 10px; margin: 0px; }
div#mapHoverProjects div.regPopUp ul li a { display: block; padding-left: 14px; background-repeat: no-repeat; background-position: 0px 4px; }
div#mapHoverProjects div.regPopUp ul li a.regional { background-image: url('../../images/gridnz/regionicon9x9.gif'); }
div#mapHoverProjects div.regPopUp ul li a.backbone { background-image: url('../../images/gridnz/backboneicon9x9.gif'); }
div#mapHoverProjects div.regPopUp ul li img.regIcon { position: absolute; right: 12px; margin: 4px 0 0 0; }
div.pullOut { position: absolute; right: -22px; bottom: 15px; height: 21px; width: 31px; background-image: url('../../images/gridnz/background-popup-pullout.png'); background-repeat: no-repeat; }
div#mapHoverProjects div#popup-otago-southland { top: 400px; left: -265px; }
div#mapHoverProjects div#popup-westcoast { top: 320px; left: -200px; }
div#mapHoverProjects div#popup-southcanterbury { top: 370px; left: -225px; }
div#mapHoverProjects div#popup-canterbury { top: 335px; left: -180px; }
div#mapHoverProjects div#popup-nelson-marlborough { top: 280px; left: -165px; }
div#mapHoverProjects div#popup-wellington { top: 265px; left: -115px; }
div#mapHoverProjects div#popup-hawkesbay { top: 195px; left: -060px; }
div#mapHoverProjects div#popup-centralnorthisland { top: 215px; left: -105px; }
div#mapHoverProjects div#popup-taranaki { top: 205px; left: -135px; }
div#mapHoverProjects div#popup-bayofplenty { top: 170px; left: -075px; }
div#mapHoverProjects div#popup-waikato { top: 160px; left: -115px; }
div#mapHoverProjects div#popup-auckland { top: 130px; left: -125px; }
div#mapHoverProjects div#popup-northland { top: 080px; left: -150px; }
/*******************************************/
/* Project Search Results Template Styling */
/*******************************************/
div#condProjSearch { color: #666666; font-weight: bold; }
div#condProjSearch form input, div#condProjSearch form select { border: 1px solid #beccd3; font-family: verdana,sans-serif; font-size: 92%; padding: 3px; margin: 0px 0px 0px 0; width: 170px; }
div#condProjSearch span label { vertical-align: middle; font-weight: normal; }
div#condProjSearch input.radio { border: 0; margin: 0 2px 0 5px; width: auto; vertical-align: middle; }
div#condProjSearch form select { width: 178px; }
div#menu-column div#condProjSearch form ul { margin: 0 0 3em 0; }
div#menu-column div#condProjSearch ul li { border: none; line-height: 1.6em; margin: 0px; padding: 0.85em 12px 0.2em 12px; text-indent: 0px; }
div#menu-column div#condProjSearch ul li input#projSearchSub { background: transparent url(../../images/gridnz/button-search.gif) no-repeat scroll left top; border: medium none; color: #FFFFFF; font-family: verdana,arial,sans-serif; height: 17px; margin: 0px; padding: 1px 0px; width: 59px; cursor: pointer; }
div#menu-column div#condProjSearch ul li input#projSearchSub:hover { background: transparent url(../../images/gridnz/button-search.gif) no-repeat scroll right top; }
/* Results Area */
/* ------------ */
div.pagingDiv { border-top: solid 1px #beccd3; border-bottom: solid 1px #beccd3; line-height: 2em; }
div.searchPageNo { float: left; }
div.searchPageLinks { float: right; text-align: right; width: 400px; }
div.searchResult { margin: 0.6em 0 1.6em 0; }
div#rightColInner div.searchResult, div#rightColInner div.searchResult p { font-style: normal; margin: 0px; }
div.searchResult h3 { font-size: 112%; line-height: 1.3em; }
p.projResHeading { font-weight: bold; margin: 1.4em 0 0 0; }
/***********************************/
/* Projects Pages Template Styling */
/***********************************/
h3.projectPageTitle { font-size: 130%; }
div#smallMap { background-color: #beccd3; margin: 0 0 0.8em 0; width: 177px; }
div#smallMap img#smallMapImg { width: 177px; margin: 0px; }
div#smallMap p#smallMapLink { display: none; background-color: #beccd3; line-height: 14px; margin: 0px; padding: 2px 2px 2px 0; text-align: right; font-style: normal; font-size: 92%; }
div#smallMap p a:hover { text-decoration: none; }
div#smallMap p img { margin: 0px; vertical-align: text-bottom; }
div#projectContact p { margin: 0px; }
ul#projSummaryInfo { border: solid 1px #beccd3; width: 175px; margin: 0px; padding: 0px; font-size: 92%; color: #333; }
ul#projSummaryInfo li { margin: 0px; padding: 5px; list-style-type: none; border-bottom: solid 1px #beccd3; }
ul#projSummaryInfo li p.bold { color: #4A636F; }
ul#projSummaryInfo li.last { border-bottom: 0px; }
ul#projSummaryInfo li span#projRef { display: block; margin: 0 0 0.5em 0; }
/* Large Map Div Pop Up */
/* -------------------- */
div#largeMap { display: none; z-index: 10; }
span#largeMapHolder { display: block; position: absolute; top: 25px; left: 70px; background-color: #BECCD3; border: ridge 5px #cccccc; z-index: 10; font-size: 92%; }
span#largeMapHolder * { z-index: 10; }
span#largeMapHolder img { display: block; margin: 0px; z-index: 10; }
span#largeMapHolder span#largeMapLinks { display: block; width: 100%; position: relative; background-color: #F4F2C6; margin: 0px; padding: 2px; text-align: center; font-size: 92%; line-height: 14px; height: 14px; z-index: 10; }
span#largeMapHolder span a:hover { text-decoration: none; }
span#largeMapHolder span.txtLeft { position: absolute; left: 2px; padding: 2px 0 0 2px; }
span#largeMapHolder span.txtRight { position: absolute; right: 2px; padding: 2px 2px 0 0; }
span#largeMapHolder span.txtRight img { display: inline; vertical-align: bottom; }
span#largeMapHolder span.txtCenter { display: block; margin: 0px; padding: 2px 0; text-align: center; white-space: nowrap; }
span#largeMapKey { display: none; position: absolute; bottom: 40px; left: 12px; z-index: 11; }
/* Search Box */
/* ---------- */
div#regSearchArea { background-color: #DAE3E7; padding-top: 1px; float: left; width: 240px; }
div#regProjectArea { float: right; width: 235px; }
div#regProjectArea h4 { background-image: url(../../images/gridnz/home-projects.gif); background-repeat: no-repeat; height: 13px; margin: 5px 0px 15px; }
div#regProjectArea h4 span { display: none; }
div#regSearchArea form { padding: 0px; margin: 0px; }
div#regSearchArea form ul { width: 100%; list-style-type: none; margin: 0px; padding: 0px; }
div#regSearchArea form ul li { width: auto; border-bottom: solid 1px #fff; margin: 8px 0 0 0; padding: 0 10px 8px 10px; font-weight: bold; color: #666666; text-indent: 0px; }
div#regSearchArea form ul li.last { border: none; }
div#regSearchArea form ul li input, div#regSearchArea form ul li select { border: 1px solid #beccd3; font-family: verdana,sans-serif; font-size: 92%; padding: 3px; width: 210px; color: #666; }
div#regSearchArea form ul li div { padding-top: 5px; }
div#regSearchArea form ul li input.radio { border: 0; margin: 0 2px 0 5px; width: auto; vertical-align: middle; }
div#regSearchArea form ul li select { width: 216px; }
div#regSearchArea form ul li input#projSearchSub { background: transparent url(../../images/gridnz/button-search.gif) no-repeat scroll left top; border: medium none; color: #FFFFFF; cursor: pointer; font-family: verdana,arial,sans-serif; height: 17px; margin: 0px 220px 0px 0px; padding: 1px 0px; width: 59px; }
div#regSearchArea form ul li input#projSearchSub:hover { background: transparent url(../../images/gridnz/button-search.gif) no-repeat scroll right top; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background-color: #d1dbe0; width: 17px; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background: url(../../images/gridnz/windows_drag_middle.gif) no-repeat 0 50%; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url(../../images/gridnz/windows_drag_top.gif) no-repeat; height: 3px; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(../../images/gridnz/windows_drag_bottom.gif) no-repeat; height: 3px; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background: url(../../images/gridnz/windows_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background: url(../../images/gridnz/windows_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
div.flashMovieWrapper { margin-bottom: 15px; }
div.newsletterArticleWrapper { border-bottom: 1px solid #ccc; margin-bottom: 12px; padding-bottom: 7px; }
#lightbox { position: absolute; 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/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/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText { color: #FF9834; font-weight: bold; text-decoration: none; }
#nextLinkText { padding-left: 20px; }
#prevLinkText { padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding: 0 10px; color: #333; }
#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; }
#imageData #helpDisplay { clear: left; float: left; display: block; }
#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; display: none; }
.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 */ }

.contact-links { background: url("../../images/gridnz/contact-background.png") no-repeat scroll 0 0 transparent; height: 75px; margin-bottom: 12px; position: relative; width: 508px; }
.contact-links span { display: none; }
.contact-links a { display: block; height: 24px; position: absolute; cursor: pointer; }

.contact-links .online-link { top: 9px; left: 11px; width: 67px; }
.contact-links .phone-link { top: 9px; left: 98px; width: 67px; }
.contact-links .post-link { top: 9px; left: 183px; width: 55px; }
.contact-links .employment { top: 9px; left: 254px; width: 190px; }
.contact-links .facebook-link { top: 43px; left: 11px; width: 197px; }
.contact-links .twitter-link { left: 224px; top: 43px; width: 125px; }

.majorprojects-contact-links { background: url("../../images/gridnz/majorprojects-background-contact.png") no-repeat scroll 0 0 transparent; height: 57px; margin-bottom: 12px; margin-left: 23px; width: 462px; position: relative; }
.majorprojects-contact-links span { display: none; }
.majorprojects-contact-links a { display: block; height: 32px; position: absolute; cursor: pointer; top: 16px; }
.majorprojects-contact-links .facebook-link { left: 175px; width: 118px; }
.majorprojects-contact-links .twitter-link { left: 302px; width: 105px; }

#majorproject-right-column { float: left; width: 485px; }
#majorproject-right-column #majorprojects-select-a-region { margin-bottom: 10px; }
#majorproject-right-column #majorprojects-latest-news { margin-bottom: 10px; }