@charset "utf-8";
/* CSS Document */

	body {
		background-color:#fff;
		font-family: Arial,sans-serif;
	}
	#mapWrapper {
		width:940px;
	}	
	#mapWrapper #totalNewZealand, #mapWrapper #percentageNewZealand {
		left:25%;
		top:0;
	}
	#mapWrapper #totalAuckland, #mapWrapper #percentageAuckland {
		left:12%;
		top:0;
	}
	#mapWrapper #totalWellington, #mapWrapper #percentageWellington {
		left:15%;
		top:0;
	}
	#mapWrapper #totalChristchurch {
		left:15%;
		top:0;
	}
	#mapWrapper a{
		display:block;
		text-align:center;
		text-decoration:none;
		color:#898989;
	}
	#mapWrapper h3 {
		background-color:#545454;
		font: bold 100%/90% 'Stag-Sans-Medium',Arial,sans-serif;
		padding:0.8em;	
		color:#fff;
	}
	#mapWrapper h3 {
		font-size:1.2em;
		padding:0.7em;	
	}	
	#mapWrapper h4 {
		color:#3e3e3e;
		font-familty:'Stag-Sans-Medium',Arial,sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		line-height:1em;
		padding: 3em 0 1em 1em;
	}
	#mapWrapper h4 span {
		font-size: 0.8em;
		line-height:1em;
	}
	#mapWrapper h4 em {
		font-size: 0.75em;
		text-transform:uppercase;
	}
	#mapWrapper ul#Places li{
		float:left;
		line-height: 45px;
		color:#898989;	
		width:25%;
		font-size: 95%;
		line-height: 35px;
	}
	#mapWrapper ul#Places li a {
		background-color:#eaebeb;	
		display:block;
		text-align:center
	}
	#mapWrapper ul#Places li a:hover {
		background-color:#4b4d56;
	}
	#mapWrapper ul#Places li a.selected {
		background-color:#427092;
		color:#e6e7e8;	
		cursor:default;
	}
	#mapWrapper ul#Atributes {
		margin:3em 0 2em 0;
		font-weight:bold;	
		height:30px;
	}
	#mapWrapper ul#Atributes li {
		float:left;
		text-transform:uppercase;
		font-size:0.8em;
		letter-spacing:0.02em;
		margin-left:2em;
	}
	#mapWrapper ul#Atributes li.selected {
		border-bottom:2px solid #adadad;
	}
	#mapWrapper ul#Atributes li a:hover {
		border-bottom:2px solid #adadad;
		text-decoration:none;
	}
	#mapWrapper #WrapperLabels {
		padding:7px;
		float:left;
		margin:0 0.5em 0 14%;
		right:0;
	}
	#mapWrapper #WrapperLabels ul.percentage {
		letter-spacing:0.1em;
	}	
	#mapWrapper #WrapperLabels p {
		font-size:0.7em;
		text-transform:uppercase;
		text-align:center;
		margin-bottom:0.4em;
	}
	#mapWrapper #WrapperLabels .labels li{
		width:7em;
		text-align:center;
		font-size:70%;
		float:left;
	}


	#mapWrapper #WrapperLabels .labels li.color1 {
		border-top: 18px solid #4577b6;
	}
	#mapWrapper #WrapperLabels .labels li.color2 {
		border-top: 18px solid #7293be;
	}
	#mapWrapper #WrapperLabels .labels li.color3 {
		border-top: 18px solid #a1b3bd;
	}
	#mapWrapper #WrapperLabels .labels li.color4 {
		border-top: 18px solid #d2d8be;
	}
	#mapWrapper #WrapperLabels .labels li.color5 {
		border-top: 18px solid #feffbe;
	}
	#mapWrapper #WrapperLabels .labels li.color6 {
		border-top: 18px solid #fbca90;
	}
	#mapWrapper #WrapperLabels .labels li.color7 {
		border-top: 18px solid #f19a65;
	}
	#mapWrapper #WrapperLabels .labels li.color8 {
		border-top: 18px solid #e7683d;
	}
	#mapWrapper #WrapperLabels .labels li.color9 {
		border-top: 18px solid #d62d28;
	}
	

	#mapWrapper #WrapperLabels .labels.percentage li.color1 {
		border-top: 18px solid #0084a8;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color2 {
		border-top: 18px solid #00a9e6;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color3 {
		border-top: 18px solid #00c5ff;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color4 {
		border-top: 18px solid #bee8ff;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color5 {
		border-top: 18px solid #ffebaf;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color6 {
		border-top: 18px solid #ffd37f;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color7 {
		border-top: 18px solid #ffa77f;
	}
	#mapWrapper #WrapperLabels .labels.percentage li.color8 {
		border-top: 18px solid #ff5500;
	}
	
	#mapWrapper .maps{
		margin-top:45px;
	}
	#mapWrapper .maps img {
		width: 455px;
		height: 403px;
		padding:6px; 
		float:left;
	}
    p.source {
		text-transform:uppercase;	
		font-size:0.6em;
		line-height:3em;
		color:#8e8e8e;
		float:right;
	}