/*****************************************************/
/* 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: 15px 12px 0px 8px;
color:#666666;
}

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;
}

/* 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 10px;
text-align: right;
margin:0px 10px;
width:938px;
background-image:url(../../images/gridnz/background-footer.gif);
background-position: left top;
background-repeat: no-repeat;
}

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;
}


/*******************/
/* 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;
}


/************************************/
/* 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;
}

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;
}

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 td
div#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 */}