/*
Theme Name: WebToolkit
Author: Digital Engagement, GIS, Dept. of Internal Affairs, New Zealand Government
Author URI: http://webtoolkit.govt.nz/
Description: A theme for webtoolkit.govt.nz
License: GNU General Public License
License URI: license.txt
*/

/* Reset
-------------------------------------------------------------------------------*/
* {margin: 0; padding: 0; vertical-align: baseline;}
article, aside, figure, figcaption, footer, header, hgroup, nav, section {display: block;}

/* Global Elements
-------------------------------------------------------------------------------*/
@font-face {
	font-family: 'DroidSerifRegular';
	src: url('_/fonts/DroidSerif-Regular-webfont.eot');
	src: url('_/fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('_/fonts/DroidSerif-Regular-webfont.woff') format('woff'),
		url('_/fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
		url('_/fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSerifBold';
	src: url('_/fonts/DroidSerif-Bold-webfont.eot');
	src: url('_/fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('_/fonts/DroidSerif-Bold-webfont.woff') format('woff'),
		url('_/fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
		url('_/fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {overflow-y: scroll;}/* force a vertical scrollbar to prevent a jumpy page */
body {background-color: #fafafa;}
body, textarea {color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; word-spacing: 0.125em;}
h1, h2, h3, h4, h5, h6, caption {font-family: "DroidSerifRegular","Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: normal; outline: none; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
pre, code, kbd {font: 100%/1.3 "Nimbus Mono L", "Courier New", Courier, monospace;}
h1 {font-size: 150%; margin-top: 0.25em;}
h2 {font-size: 125%; margin-top: 1em;}
h3 {font-size: 112.5%; margin-top: 1.25em;}
h4 {font-size: 100%; margin-top: 1.5em;}
h5 {font-size: 87.5%; margin-top: 1.75em;}
h6 {font-size: 75%; margin-top: 2em;}
p {margin-top: 1em;}
ul {margin: 1em 0 0 30px;}
ol {margin: 1em 0 0 35px;}
ul ul, ol ul {list-style-type: circle;}
ul ul ul {list-style-type: square;}
li {margin-top: 0.5em;}
li ul, li ol {margin-top: 0.5em;}
li p {margin-top: 0.5em;}
table ul {margin-top: 0;}
table li {margin: 0 0 0.5em;}
pre {
	line-height: 1; 
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	word-spacing: 0;
}
code, kbd {color: #000; text-shadow: 0 1px 1px rgba(0,0,0,.2);}
code{background-color: #ffffee;}
kbd {background-color: #ededed; border-color: #fafafa #dadada #dadada #ededed; border-style: solid; border-width: 2px; padding: 0 2px 0 1px;}
label {font-weight: bold;}
input, select, textarea {font-size: 87.5%; padding: 1px 2px}
input:focus, textarea:focus {background-color: #edf7ff;}
input::-webkit-input-placeholder {color: #626262;}
input:-moz-placeholder {color: #626262;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}/* Webkit browsers add a 2px margin outside the chrome of form elements */
button {width: auto; overflow: visible;}/* make buttons play nice in IE */
/*blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}*/
q {quotes: "“" "”" "‘" "’";}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}
blockquote:before, 
blockquote:after {content: ''; content: none;}
blockquote {
	border-left: 4px dotted #ccc;
	color: #555;
	margin: 0 30px 0 20px;
	padding-left: 10px;
	quotes: none;
}
blockquote footer {text-align: right;}
cite {font-style: normal;}
table {border-collapse: collapse; border-spacing: 0; margin-top: 0.25em; margin-bottom: 1.5em;}/* tables still need cellspacing="0" in the markup */
th, td {border: 1px solid #aaa; vertical-align: middle; padding: 0.5em; background-color: #fff;}
th {font-weight: bold;}
thead th {background-color: #254a66; color: #fff; text-align: center;}
tbody th {background-color: #ddd; color: #333; text-align: left;}
td, td img {vertical-align: top;} 
caption {margin: 0.5em 0; text-align: left; text-shadow: none;}
caption p {margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; word-spacing: 0.125em; font-size: 75%;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin-top: 0.5em; padding: 0;}
fieldset {border: none;}
abbr[title], dfn[title], acronym {border-bottom: 1px dotted #666; cursor: help;}
a {background: transparent; padding-bottom: 1px; text-decoration:none; word-wrap: break-word;}
a:link, a:visited {border-style: solid; border-width: 0 0 1px 0;}
a:link {border-color: #2b4b6b; color: #2b4b6b; -webkit-tap-highlight-color: #fcd700;/*	j.mp/webkit-tap-highlight-color */}
a:visited {border-color: #5e211c; color: #5e211c;}
a:hover, a:focus, a:active {border-bottom-width: 2px;}
img, a img {border: none;}
.fig {margin-top: 1.75em; font-size: 75%; text-align: left; } /*for figure*/
.fig img {display: block; margin-bottom: 0.25em;}
small {font-size: 85%;}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #333; text-shadow: none;}
::selection {background: #fcd700; color: #333; text-shadow: none;} 
ins {text-decoration: none;}
mark {background-color: #ddffcc; color: #000; font-weight: bold;}
del {text-decoration: line-through;}
dt {
	font-family: "DroidSerifRegular","Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 112.5%;
	font-weight: normal; 
	margin-top: 1.25em;
	outline: none; 
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
dd {margin: 0 0 0 20px;}
dd p {margin: 0 0 1em 0;}
dd ul {margin-bottom: 1em;}
dd figure, dd figure.blockquote {margin: 5px 0 1em 0;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/*.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue.
   :root *> targets everything but ie6-8 to avoid strange issues.
 */
:root *> img, :root *> object, :root *> embed, :root *> video, :root *> figure, :root *> .fig {height: auto; max-width: 100%; width: auto;}
/*Misc common*/
.visually-hidden {position: absolute; left: -9999em; margin: 0;}/* visually-hidden for non-clickable items only */
a.img {border: none;}
th.subhead {background-color: #ddd; color: #000;}
tr.odd th, tr.odd td {background-color: #edf7ff;}
.box {
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa));
	background: -moz-linear-gradient(center top , #ffffff, #fafafa);
	border: 1px solid #eee;
	-moz-box-shadow: 3px 3px 6px #999;
	-webkit-box-shadow: 3px 3px 6px #999;
	box-shadow: 3px 3px 3px #999;
	margin-top: 1em;
	padding: 0.25em 10px 1.25em;
}
.box h2, .box h3, .box h4 {margin-top: 0.5em;}
.draft {background: #ffc;}
pre.box {overflow: auto; padding: 1em;}
figure.blockquote {background-color: #fafafa; margin-top: 1em; padding: 5px 30px 5px 0;}
figure.blockquote blockquote {margin-right: 0;}
figure.blockquote figcaption {color: #666; margin: 10px 0 0 20px; text-align:right;}
img.border {border: 1px solid #ddd;}
details, summary {display: block;}
details {padding: 0.5em 0.5em 0.5em 0;}
details .details-content {padding: 0.5em; background: #eee;}
details .details-content h2:first-child, details .details-content h3:first-child {margin-top: 0;}
summary::-webkit-details-marker {display: none;}
summary {background: #fff url("_/img/rightArrow.png") no-repeat 0.5em center; cursor: default; padding: 0.25em 0.25em 0.25em 2em;}
summary:hover, summary:focus, details[open] summary:hover, details[open] summary:focus {background-color: #eee;}
details[open] summary {background-color: #f5f5f5; background-image: url("_/img/downArrow.png");}
details > :not(summary) {display: none;}
details[open] > :not(summary) {display: block;}
.ie8 summary {background-image: none; padding-left: 0.25em;}/* remove details/summary type styles in ie8*/
.ie8 summary:hover, .ie8 summary:focus {background-color: transparent;}/* remove details/summary type styles in ie8*/
.footnotes {border-top: 1px solid #999; margin: 40px 0 0;}
.legal h2, .legal h3, .legal h4, .legal h5 {clear: left;}
.legal p, .legal .sub {position: relative;}
.ie7 .legal p, .ie7 .legal .sub {width: 100%;}
.ie7 .legal .no {top: 0;}
.legal p {margin-left: 1.75em;}
.legal .sub {margin-left: 1.75em;}
.legal .no {position: absolute; left: -1.75em;}
.legal .box {margin-left: 30px;}
a.external {
	background: url("_/img/external-link.png") no-repeat center right;
    padding-right: 20px;
}
a.external:after {
	content: " (external site link)";
    position: absolute;
    left: -9999em;
    top: auto;
}
a.dia, a.nzgovt, a.cc {background-image: none; padding-right: 0;}
.copyright {margin-top: 2em;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-bottom: 2em;
	margin-right: 2em;
}
.alignright {
	display: inline;
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
/*prettyprint*/
.prettyprint code {background-color: transparent;font-size: 87.5%;}
.str{color:#070}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.prettyprint .tag{color:#008}.atn{color:#606}.atv{color:#070}.dec{color:#606}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.prettyprint .tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}
ol.dialogue {list-style: none;}
.dialogue li span {font-weight: bold;}
#archived {
	background: #c00000;
	background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#c00000));
	background: -moz-linear-gradient(center top , #800000, #c00000);
	color: #fff;
}
#archived a {color: #fff; border-color: #fff;}
.example {font-style: italic;}
.printOnly {display: none !important;}

/* GLOBAL STRUCTURE - Linearized for ie6 and mobile, but pretty
=============================================================== */
.wrapper {
	background-color: #fff;
	-moz-box-shadow: 3px 3px 6px #999;
	-webkit-box-shadow: 3px 3px 6px #999;
	box-shadow: 3px 3px 6px #999;
	margin: 0 auto;
}
.ie7 .wrapper {min-width: 600px; max-width: 960px;}

/*Skip Links*/
.skip-links {background-color: #fafafa; margin: 0; padding: 5px 0 0; text-align: center;}
.skip-links a:link, .skip-links a:visited {background-color: #fff; border: 1px solid #ccc; color: #2B4B6B; display: inline-block; font-size: 75%; margin: 0 3px 5px 0; padding: 3px 5px;}
.skip-links a:hover, .skip-links a:focus, .skip-links a:active {background-color: #3e6c99; color: #fff; }
@media screen and (max-device-width: 480px) { /*dispense with visible skip links in small-screen devices*/
	.skip-links {display: none;}
}
/*Header*/
.ie7 .header {border-style: solid; border-color: #aaa; border-width: 0 1px; zoom: 1;}
.header-inner {background: #2B4B6B url("_/img/3colBlueGradient.svg"); padding-bottom: 1.75em;}
/*Site Logo*/
.site-name {margin: 0 0 5px; padding: 20px 0 0; text-align: center;}
.site-name a, .site-name div {
	color: #fff;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 125%; 
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.site-name a, .site-name div {
	border: none;
	display: inline-block;
	line-height: 1.2;
}
.site-name span {color: #fff; display: block; font-size: 120%; text-transform: uppercase;}
/*Search*/
.search-form {padding-bottom: 20px; text-align: center;}
.form {position:relative; display: inline-block;}
.ie7 .form {display: inline;}
#s {width: 9em; display: inline; padding-left: 4px;}
.refine {margin-top: 5px; position: absolute; right: 0;}
.ie7 .refine {top: 2em;}
.refine label {color: #fff; font-weight: normal;vertical-align: middle;}
.refine select {vertical-align: middle;}
.refine option {padding: 0 10px 0 5px;}
#searchsubmit {display: inline;}
.limit-search {background: #ddd; float: left; margin: 1em 0 1.5em; padding: 10px;}
.limit-search p {display: inline; font-weight: bold; margin-right: 10px;}
.limit-search ul {margin-left: 0; display: inline; white-space: nowrap;}
.limit-search li {display:inline; margin-right: 10px;}
.results {clear: left;} 
.results .type-page {border-left: 6px solid #3e6c99; padding-left: 10px}
/*Main Menu*/
.menu ul, .menu li {
	background: #ccc url("_/img/g-w-gGradient.svg");
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#ffffff), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 50%,#999999 100%); /* Chrome10+,Safari5.1+ */
	margin: 0;
}
.menu ul {border-bottom: 1px solid #ccc; float: left; list-style: none; width: 100%;}
.menu li {float: left; font-weight: bold; width: 50%;}
.ie7 .menu li {zoom: 1; width: 49.9999%;}
/*.menu-item-568, .menu-item-567 {border-bottom: 1px solid #aaa;}/*for webtoolkit.govt.nz*/
.menu a, .menu span {
	border-bottom: none;
	border-right: 1px solid #aaa;
	color: #222;
	display: block;
	padding: 0.3125em 0;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
@media screen and (max-device-width: 480px) { /*use bigger text and toggle images in small-screen devices*/
	.menu a, .menu span {font-size: 112.5%;}
}
.menu .current-page-ancestor a, .menu .current_page_parent a, .menu span {background-color: #fff;}
.menu span {cursor: default;}
.menu span:focus, .menu span:active {outline: 1px dotted #fff;}
.menu a:hover, .menu a:focus, .menu a:active {background-color: #3e6c99; color: #fff;}
.menu-item-567 a, .menu-item-567 span, .menu-item-565 a, .menu-item-565 span {border-right: none;}
.menu .sub-menu {display: none;}
.ie7 .menu a {zoom: 1;}
/*Breadcrumbs*/
.breadcrumbs {clear: left; padding: 10px 10px 15px;}
.breadcrumbs ol {list-style: none; margin: 0;}
.breadcrumbs li {
	color: #666;
	background: #fff url("_/img/raquo.png") no-repeat center right;
	display: inline;
	font-size: 75%;
	line-height: 1.8;
	margin: 0 0.75em 0 0;
	padding-right: 1.25em;
}
.ie7 .breadcrumbs li {zoom:1;}
.breadcrumbs li.current {background-image: none;}
.breadcrumbs a {color: #666; border-color: #666;}
/*Content*/
.content {clear: left; padding-bottom: 1em;}
/*.subnav .content {border-bottom: 4px solid #666;}*/
.home .content, .error404 .content {padding-top: 2em;}
/*.search .content, .error404 .content {padding-bottom: 20px;}*/
.ie7 .content {border-style: solid; border-color: #aaa; border-width: 0 1px; zoom: 1;}
.home .guides h2 {margin-top: 1.25em;}
.home .main-sections ul, .home .latest-posts ul {margin-left: 15px;}
/*Last Modified*/
.last-mod {clear: both; font-size: 87.5%; margin: 0 10px; padding: 1em 0 0;} 
.last-mod dt, .last-mod dd {
	display: inline; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	text-shadow: none;
}
/*Main*/
#main {outline: none;}
.main-inner {margin: 0 10px 0;}
.sidebar .main-inner {/*margin-bottom: 30px;*/}
.intro {
	background-color: #fafafa;
	border: 1px solid #eee;
	-moz-box-shadow: 3px 3px 6px #999;
	-webkit-box-shadow: 3px 3px 6px #999;
	box-shadow: 3px 3px 3px #999;
	/*margin-bottom: 2em;*/
	margin-top: 1em;
	padding: 1em 10px 1.25em;
}
.intro h1, .intro h2  {margin-top: 0.25em;}
/*Blog*/
a.continue {white-space: nowrap;}
.author-bio {font-size: 87.5%; color: #666; margin-bottom: 2em; clear: left;}
.ie7 .author-bio {width: 96%;}
.author-bio img {float: left; margin: 0 10px 0 0; max-width: 100px; max-height: 100px;}
.author-bio p, .authors .author-bio h2 {margin-top: 0;}
.authors .author-bio p, .author .author-bio p {margin-top: 1em; min-height: 100px;}
.author .article {clear: left;}
div.postmetadata {clear: both; margin: 0.5em 0 0;}
.single div.postmetadata {margin-top: 1.5em;}
.postmetadata p, .single p.postmetadata {color: #666; font-size: 87.5%; line-height: 1.8;}
.postmetadata p {margin: 0;}
.postmetadata a {white-space: nowrap;}
.cats-tags span {font-weight: bold;}
#comments {border-top: 1px solid #666; margin-top: 1em; padding-top: 0.75em;}
.comment-list {list-style: none; margin-left: 0;}
.comment-list li {border-style: dotted; border-color: #666; margin-top: 0; padding: 0.75em 10px 1em;}
.comment-list li.even {background-color: #fafafa; border-width: 0;}
.comment-list li.odd {border-width: 1px 0;}
.comment-list li.byuser {background-color: #edf7ff;}
.comment-list h3 {font-size: 100%; font-weight: bold; line-height: 1.5; /*margin-bottom: 0.75em;*/ margin-top: 0;}
.comment-meta {font-size: 87.5%; font-weight: normal;}
.comment-author img {
	border: 1px outset #999999;
	float: right;
	margin: 2px 0 20px 20px;
	padding: 3px;
	max-width: 50px;
	max-height: 50px;
}
.ie7 .comment-author img {position: relative; top: -20px; margin: 0 0 20px 20px;}
.ie7 .comment-body {margin-left: 0;}
#comment {width: 97%;}
#respond form div {margin-top: 0.75em;}
.errors {background-color: #fcc; border: 1px solid #f00; padding: 0 10px 10px; zoom: 1;}
input.error, textarea.error {border: 2px solid #f00;}
.errors span {font-weight: bold;}
/*Pagination*/
.page-nav.above {margin: 20px 0 0;}
.page-nav.below, .post-nav {margin: 20px 0 0;}
.post-nav .prev, .post-nav .next {font-size: 87.5%;}
.ie7 .post-nav .prev, .ie7 .post-nav .next {zoom: 1;}
.post-nav .prev {margin-right: 40px; margin-bottom: 0.5em;}
.post-nav .next {text-align: right;}
.page-nav p, .page-nav ul {display: inline;}
.page-nav .current {margin: 0 10px;}
a.page-numbers:link, a.page-numbers:visited {background-color: #eee; border: 1px solid #ccc; line-height: 2; padding: 2px 8px;}
a.page-numbers:hover, a.pageNumbers:focus, a.pageNumbers:active {background-color: #3e6c99; color: #fff;}
.blognav .page-nav .next {float: right;}
.blognav .page-nav .next-alone {text-align: right;}
.page-nav .prev a:before, a.prev:before {content: "← ";}
.page-nav .next a:after, .page-nav .next-alone a:after, a.next:after {content: " →";}
/*Right Sidebar*/
.aside h3, .blog-nav h3 {font-size: 125%;}
.aside h4, .blog-nav h4 {font-size: 112.5%;}
.aside h2, .aside h3, .blog-nav h2, .blog-nav h3 {margin-top: 0.75em;}
.aside-inner, .blog-nav-inner {
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-box-shadow: 3px 3px 6px #999;
	-webkit-box-shadow: 3px 3px 6px #999;
	box-shadow: 3px 3px 3px #999;
	margin: 2em 10px 0;
	padding: 0 0.5em 1em;
}
.home .aside-inner {margin-top: 1em;}
.aside-inner a, .aside-inner span, .blog-nav-inner a, .blog-nav-inner span {font-size: 87.5%;}
.home .aside-inner ul {margin: 0.5em 0 0 15px;}
.aside .links span {display: block;}
.ie7 .blog-nav h3 {margin-bottom: 0.5em;}
.blog-nav {clear: left; padding-top: 1em;}
.blog-nav ul {list-style: none; margin: 0; zoom: 1;}
.blog-nav li {display: inline-block;  line-height: 1.2; margin: 0.25em 0.5em 0 0;}
.ie7 .blog-nav li {display: inline; margin: 0 20px 5px 0; height: 25px;}
.ie7 .blog-nav a {zoom: 1;}
.blog-nav .latest-posts li, .ie7 .blog-nav .latest-posts li {display: block; margin-bottom: 0.5em;}

/*Section Menu*/
.section-nav-inner {border-top: 1px solid #ccc; margin-top: 30px; position: relative;}
.section-name {
	clear: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	text-shadow: none;
	text-transform: uppercase;
}
.section-nav a, .section-nav span {display: block; padding: 8px 10px 6px;}
.section-nav a:link, .section-nav a:visited {border: none; color: #2b4b6b;}
.section-name a:link, .section-name a:visited, .section-name span {background-color: #687787; color: #fff;}
.section-name a:hover, .section-name a:focus, .section-name a:active {background-color: #3e6c99;}
.section-name a:focus, .section-name a:active {outline: 1px dotted #999;}
.section-name a, .section-name span, .section-list a, .section-list span {font-size: 87.5%;}
.section-nav ul {margin: 0;}
.section-list li {background-color: #e6e6e6; border-bottom: 1px solid #ccc; font-weight: bold; list-style: none; margin-top: 0;}
.section-list a:hover {background-color: #dadada;}
.section-list a:focus, .section-list a:active, .section-list span:focus, .section-list span:active {background-color: #bbb;}
.section-list span {background-color: #abcded; color: #333;}
.ie7 .section-nav-inner, .ie7 .section-list li, .ie7 .section-list a, .ie7 .section-list span {zoom: 1;}
.section-list li li {border-bottom: none; font-weight: normal; margin-left: 0;}
.section-list li li a, .section-list li li span {
	background-image: url("_/img/raquo-blue.png");
	background-repeat: no-repeat;
	background-position: 24px 1em;
	padding-left: 40px;
}
.section-list li li li a, .section-list li li li span {background-image: none; font-size: 75%; padding-left: 40px;}

.section-nav .children {display: none;}
.current_page_ancestor .children .children, 
.current_page_item .children .children {display: none;}
.current_page_ancestor .children, 
.current_page_item .children, 
.current_page_ancestor .current_page_item .children, 
.current_page_ancestor .current_page_parent .children {display: block;}
.section-list .tree .children {display: block;}
.section-nav .children li {background-color: #fff;}

.hasChildren {position: relative;}
.tree a, .tree span {background-image: none; padding-left: 30px;}
.tree li .hasChildren a, .tree li .hasChildren span {padding-left: 45px;}
.tree li li a, .tree li li span {background-image: none; padding-left: 45px;}
.tree li li .noChildren a, .tree li li .noChildren span {background-image: none; padding-left: 55px;}
.toggle {background-position: left top; background-repeat: no-repeat; cursor: pointer; height: 14px; width: 14px; position: absolute; left: 10px; top: 0.6875em;}
.tree .expanded {background-image: url("_/img/minus-blue.png");}
.tree .collapsed {background-image: url("_/img/plus-blue.png");}
.tree .expanded.hover {background-image: url("_/img/minus-blue-hover.png");}
.tree .collapsed.hover {background-image: url("_/img/plus-blue-hover.png");}
.children .toggle {left: 25px;}
@media screen and (max-device-width: 480px) { /*use bigger text and toggle images in small-screen devices*/
	.section-list a, .section-list span, .section-name a, .section-name span {font-size: 112.5%;}
	.section-list li li a, .section-list li li span {background-position: 34px 1em;}
	.section-list li li li a, .section-list li li li span {font-size: 100%; padding-left: 40px;}
	.tree a, .tree span {padding-left: 45px;}
	.tree .hasChildren a, .tree .hasChildren span {padding-left: 45px;}
	.tree li .hasChildren a, .tree li .hasChildren span {padding-left: 60px;}
	.tree li .noChildren a, .tree li .noChildren span {padding-left: 60px;}
	.tree li li .noChildren a, .tree li li .noChildren span {padding-left: 75px;}
	.tree .expanded {background-image: url("_/img/minus-blue-lg.png");}
	.tree .collapsed {background-image: url("_/img/plus-blue-lg.png");}
	.tree .expanded.hover {background-image: url("_/img/minus-blue-lg-hover.png");}
	.tree .collapsed.hover {background-image: url("_/img/plus-blue-lg-hover.png");}
	.toggle {height: 24px; width: 24px; top: 0.625em;}
	.children .toggle {left: 25px;}
}
/*Site Map*/
.site-map ul ul {font-size: 93.75%; margin-left: 20px; list-style-type: circle;}
.site-map ul ul ul {font-size: 93.33333%; list-style-type: square;}
.site-map ul ul ul ul {font-size: 92.8571429%; list-style-type: circle;}
/*Footer*/
.footer {clear: left;}
.ie7 .footer {background-color: #fafafa; border-top: 1px solid #aaa; zoom: 1;}
.footer-inner {margin: 0 10px;}
.footer-info {float: left;}
.footer-info a {font-size: 87.5%;}
.footer ul {margin: 10px 0 0;}
.footer li {
	border-right: 1px solid #ccc;
	float: left;
	list-style: none;
	margin: 10px 10px 0 0;
	padding-right: 10px;
}
li.site-map {border:none;}

a.nzgovt, a.dia {border: none; clear: right; float: right;}
.dia {margin: 20px 0 10px;}
.nzgovt {margin-bottom: 0.5em;}