/*
Layout Master
Author:   mark.sharman
Created:  10/15/2009 2:12:01 PM

Amended: Matt Brunsdon - 31/03/2010

*/

body {
-x-system-font:none;
font-family:"Arial",Helvetica,sans-serif;
font-size:0.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 115%; }
h5 { font-size: 105%; }
h6 { font-size: 90%; font-weight: bold; margin-bottom: 3px; }
p, label, legend, ol, table, input { font-size: 90%; }
td { padding: 0.25em; }
strong { font-weight: bold; }
ol { list-style-type: decimal; margin-left: 1.75em; }

a, a:visited, a:hover, a:active 
{
	color: #0000ff;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

#page {
	/*width: 830px;*/
	margin-bottom:0;
    padding-bottom:0;
}

#search {
    width: 830px;
}

#search fieldset{
    width: 800px;
    padding-bottom: .3em;
}

#search fieldset input.blur{
	color: #999;
}

#search input.address{
    height: 18px;
	width: 130px;
    font-size: 100%;
}

#search input.dropdown{
    height:27px;
}

#viewdesc{
    padding-bottom:.3em; 
    font-family:"Arial",Helvetica,sans-serif;
    font-weight: bold;
    font-size:.8em;
}

.scrollContent {
	overflow-y: scroll;
}

#poi li {
	padding: 3px 21px 3px 30px;
	margin: 0 0 .25em 0;
	position: relative;
	cursor: pointer;
}

#poi li:hover{
	background-color: #aad6f1 !important;
}



#poi li img.drivingLink {
	position: absolute;
	right: 3px;
	top: 3px;
}

#poi li img.infoIcon {
	position: absolute;
	right: 3px;
	top: 21px;
}

#map{
    position: relative;
    font-size: 90%;
    background: #fff;
}

#map a:hover {
	text-decoration: none;
}

.popup-content {
	padding: 0.5em;	
}

.popup-content table{
	margin: 5px 0 0 0;
}

#mapds_footer{
	clear: both;
    width:inherit;
	margin: .6em 0 0 0; /*50px;*/
    font-family:"Arial",Helvetica,sans-serif;
    font-size:.8em;
    padding-bottom: .5em;
}

#mapds_footer p{
	text-align: center;
	font-size: 75%;
}

.hide {
	display: none;
}

.question {
	margin-bottom: 1em;
}


/*
	clearing a float without additional markup
	http://www.positioniseverything.net/easyclearing.html
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-block; 
    margin-left:50px;
    padding-bottom:0;
    margin-bottom:0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#lblBoundaries{
    font-size: 75%;
}

.searchField{
    width: 75px;
}

#btnFindAddress, #btnFindArea {
    vertical-align:text-bottom;
    padding-right: 0.2em;
}

#btnReset, #btnResetArea {
    vertical-align:text-bottom;
}

#legend{
    font-family:"Arial",Helvetica,sans-serif;
    font-size:0.8em;
    margin-left:105px; 
    padding-top:.5em;
}

.legend_label{
    margin-left:35px;
}

#instruction_title{
    font-size:100%; 
    font-family:"Arial",Helvetica,sans-serif;
    font-style:inherit; 
    font-weight:bolder; 
    padding-top:.1em; 
    padding-bottom:.1em; 
    color: #336666;
	margin-left:50px;
}

#instruction_message{
    font-size:70%; 
    font-family:"Arial",Helvetica,sans-serif;
    font-style:inherit; 
    padding-bottom:1em;
    color: #336666;
	margin-left:50px;
}

.interactive_table{
    font-family:"Arial",Helvetica,sans-serif;
    font-style:inherit; 
    color: #336666;
    margin-left: 50px;
    margin-bottom: 0.1em;
    width: 830px;
}

.interactive_td_left{
    font-size:90%;
    width:75%; 
    /*padding-bottom:1em;*/
}

.interactive_td_right{
    font-size:120%;
    width:25%; 
    /*padding-bottom:1em;*/
}
.desc_td{
    width:80%;
    padding-left: 1em;
    font-size: 1em;
}

.detail_div{
    width:300px; 
    height:125px;
}

#detail_table{
    width:100%; 
    height:70%;
}

#census_label{
    font-weight:normal;
    font-size: .7em;
}

.methods a, .methods .primaryNavigation li.methods a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.stats.govt.nz/statistics/Images/styles/methods/primaryNavigation/tab_right_bg.gif)  no-repeat scroll right bottom !important;
color:#000000;
padding:15px 15px 5px !important;
}

.methods {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCC33 url(http://www.stats.govt.nz/statistics/Images/styles/methods/primaryNavigation/tab_left_bg.png)  no-repeat scroll left top !important;
margin-top:0 !important;
padding-top:9px;
}

#lblOr{
margin-left:0.5em; 
margin-right:0.5em;
}

/*Tabs*/
#search .ui-widget-header {
    background: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #9E9E29 solid 1px;
}
.ui-widget-header {
    background: #CCCCCC url(../images/tabSelected.png) repeat-x scroll 0 0;
    color: Black;
}
.ui-widget-content, .ui-widget-header {
    border: #9E9E29 solid 1px;
}
#content .ui-widget-content {
    border: none; 
}
#content .ui-corner-all, .ui-corner-bottom, .ui-corner-top, .ui-corner-left, .ui-corner-right {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#content .ui-tabs .ui-tabs-panel {
    border-top: none;
    border-left: #9E9E29 solid 1px;
    border-right: #9E9E29 solid 1px;
    border-bottom: #9E9E29 solid 1px;
    padding: 0.5em;
}

#search .ui-state-default, .ui-widget-content .ui-state-default {
    background: #CCCCCC url(../images/tabDefault.png) repeat-x scroll 0 0;
    border: #C6C6C6 solid 1px;
    color: Black;
}

#search .ui-state-default a, a:visited, a:hover, a:active {
    color: Black;
    text-decoration:none;
}

#detail_table a, #detail_table a:visited
{
    color: #0000FF;
}
#search .ui-state-active a {
    color: Black;
}
#search .ui-state-active, .ui-widget-content .ui-state-active {
    background: #CCCC33 url(../images/tabSelected.png) repeat-x scroll 0 0;;
    border: #9E9E29 solid 1px;
    color: Black;
}
.ui-tabs .ui-tabs-nav li a {
    padding:0.3em 0.8em;
}

.ui-tabs {
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-right:0;   
    padding-left:0;   
}

.left{float:left;}
.right{float:right;}