@charset "utf-8";
/* CSS Document */

	#mapWrapper {
		background-color:#bae3f9;
		font-family: 'Calibri',Helvetica,Arial,sans-serif;
	}
	#mapWrapper #intro{
		background-color:#fff;
		font-family: Arial,sans-serif;
		font: 16px/22px Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
		padding:20px;
		overflow:auto;
	}
	#mapWrapper h3 span {
		font-size:27px;
		text-transform:capitalize;
	}
	#mapWrapper p#intro spam{
		font-size:0.7em;
		text-transform:uppercase;
	}
	#mapWrapper #MapFooter a{
		text-decoration:none;
		color: #4f5052;
	}
	#mapWrapper #MapFooter p#source{
		font-size: 11px;
		float:right;
		line-height:53px;
		margin-right:20px;	
	}
	#mapWrapper.Greed #MapFooter p#source, #mapWrapper.Pride #MapFooter p#source{
		margin-right:6px;	
	}

	#MapFooter #disclaimer {
		font-size: 11px;
		float:left;
	}
	#mapWrapper #AllSins .Envy {
		float:left;
		width:120px;
		margin-right:0;
	}
	#mapWrapper #AllSins a {
		display:block;
		text-decoration:none;
		color:#fff;
		font-size:16px;
		padding-top:3px;
	}
	#mapWrapper  #AllSins a:hover {
		color:#dfe1e3;
	}
	#mapWrapper #AllSins .selected a:hover {
		color:#fff;
		cursor:default;
	}
	#mapWrapper  #AllSins .Lust a {
		background-color:#811874;
	}
	#mapWrapper  #AllSins .Gluttony a {
		background-color:#de8d3b;
	}
	#mapWrapper  #AllSins .Gluttony a:hover {
		background-color:#f48c23;
	}
	#mapWrapper  #AllSins .Pride a {
		background-color:#343233;
	}
	#mapWrapper  #AllSins .Pride a:hover {
		background-color:#6c6b6b;
	}
	#mapWrapper  #AllSins .Sloth a {
		background-color:#825f9f;
	}
	#mapWrapper  #AllSins .Sloth a:hover {
		background-color:#a263d7;
	}
	#mapWrapper  #AllSins .Wrath a {
		background-color:#e32f32;
	}
	#mapWrapper  #AllSins .Wrath a:hover {
		background-color:#f02528;
	}
	#mapWrapper  #AllSins .Greed a {
		background-color:#0551a5;
	}
	#mapWrapper  #AllSins .Greed a:hover {
		background-color:#126ed3;
	}
	#mapWrapper  #AllSins .Envy a {
		background-color:#017340;
	}
	#mapWrapper  #AllSins .Envy a:hover {
		background-color:#12a161;
	}
	#mapWrapper #MapFooter{
		font-weight:normal;
		height: 73px;
		font-size: 14px;
		font-family:Arial,sans-serif;
		color:#272728;
		text-transform:uppercase;
		background: #d2d3d5 url(http://media.nzherald.co.nz/webcontent/infographics/204/nzheraldLogo.gif) 763px 45px no-repeat;	
	}	
	#mapWrapper #WrapperLabels{
		padding:20px;
		background-color:#f2fafd;
		line-height:15px;
	}
	#mapWrapper #WrapperLabels .labels{
		float:left;
		color:#313e43;
		height:20px;
	}
	#mapWrapper #WrapperLabels .labels li{
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		width:75px;
		margin:0 20px 12px 0;
		text-align:center;
		font-size:11px;
	}
	#mapWrapper #AllSins {
		padding-top:14px;
		background-color:#fff;
		color:#fff;
		text-transform:uppercase;
	}
	#mapWrapper #AllSins li {
		float:left;
		width:120px;
		margin-right:15px;
		text-align:center;
	}
	#mapWrapper #AllSins .selected {
		float:left;
		width:120px;
		margin-right:15px;
	}
	#mapWrapper h3 {
		font-size:14px;
		text-transform:uppercase;
		height:55px;
		line-height:55px;
		padding-left: 25px;
	}
	#mapWrapper h3 a {
		float:right;
		height:55px;
		text-decoration:none;
		padding: 0 60px 0 20px;
		line-height:55px;
	}
	#mapWrapper h3 a:hover {
		float:right;
		height:55px;
		text-decoration:none;
		padding: 0 60px 0 20px;
	}
	#mapWrapper #WrapperLabels h4 {
		font-size:16px;
	}
	#mapWrapper #MapFooter #disclaimer {
		font-size: 11px;
		float:left;
	}
	#mapWrapper #MapFooter a:hover {
		text-decoration:underline;
	}
	#MapFooter #disclaimer span a{
		height:14px;
		display:block;
		width:100px;
		line-height:15px;
		padding-right:14px;
		background:#d1d1d1 url(http://media.nzherald.co.nz/webcontent/infographics/204/DataArrow.gif) top right no-repeat;
	}
	#MapFooter #disclaimer span a:hover{
		height:14px;
		line-height:15px;
		padding-right:14px;
		background:#d1d1d1 url(http://media.nzherald.co.nz/webcontent/infographics/204/DataArrow.gif) bottom right no-repeat;
	}
	
<!--Lust-->

	#mapWrapper.Lust #WrapperLabels h4 {
		color:#924094;
	}
	#mapWrapper.Lust #WrapperLabels .labels li.color1 {
		border-top: 18px solid #fbf0ea;
	}
	#mapWrapper.Lust #WrapperLabels .labels li.color2 {
		border-top: 18px solid #f8c3c9;
	}
	#mapWrapper.Lust #WrapperLabels .labels li.color3 {
		border-top: 18px solid #f28cb3;
	}
	#mapWrapper.Lust #WrapperLabels .labels li.color4 {
		border-top: 18px solid #924094;
	}
	#mapWrapper.Lust #AllSins .selected {
		border-bottom:4px solid #811874;
	}
	#mapWrapper.Lust h3 {
		background-color:#811973;
		color:#f4f4f4;
	}
	#mapWrapper.Lust h3 a {
		background:#dd8d3a url(http://media.nzherald.co.nz/webcontent/infographics/204/GluttonyArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Lust h3 a:hover {
		background:#f79736 url(http://media.nzherald.co.nz/webcontent/infographics/204/GluttonyArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Lust #WrapperLabels .labels{
		margin: -20px 0 0 320px;
	}
	#mapWrapper.Lust #MapFooter #disclaimer {
		width: 420px;
		margin: 19px 0 0 15px;
	}

<!--Gluttony-->	
	
	#mapWrapper.Gluttony #WrapperLabels h4 {
		color:#59432e;
	}
	#mapWrapper.Gluttony #WrapperLabels .labels{
		margin: -20px 0 0 400px;
	}
	#mapWrapper.Gluttony #WrapperLabels .labels li.color1 {
		border-top: 18px solid #eef4d3;
	}
	#mapWrapper.Gluttony #WrapperLabels .labels li.color2 {
		border-top: 18px solid #f6e6b1;
	}
	#mapWrapper.Gluttony #WrapperLabels .labels li.color3 {
		border-top: 18px solid #f2c088;
	}
	#mapWrapper.Gluttony #WrapperLabels .labels li.color4 {
		border-top: 18px solid #b97856;
	}
	#mapWrapper.Gluttony #AllSins .selected {
		border-bottom:4px solid #de8d3b;
	}
	#mapWrapper.Gluttony h3 {
		background-color:#dd8c3c;
		color:#f4f4f4;
	}
	#mapWrapper.Gluttony h3 a {
		background:#333132 url(http://media.nzherald.co.nz/webcontent/infographics/204/PrideArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Gluttony h3 a:hover {
		background:#6e696b url(http://media.nzherald.co.nz/webcontent/infographics/204/PrideArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Gluttony #MapFooter #disclaimer {
		margin: 19px 0 0 15px;
	}

	
<!--Pride-->	
	
	#mapWrapper.Pride #WrapperLabels h4 {
		color:#59432e;
	}
	#mapWrapper.Pride #WrapperLabels .labels{
		margin: -20px 0 0 400px;
	}
	#mapWrapper.Pride #WrapperLabels .labels li.color1 {
		border-top: 18px solid #f0f0f0;
	}
	#mapWrapper.Pride #WrapperLabels .labels li.color2 {
		border-top: 18px solid #ccc9c9;
	}
	#mapWrapper.Pride #WrapperLabels .labels li.color3 {
		border-top: 18px solid #a6a3a3;
	}
	#mapWrapper.Pride #WrapperLabels .labels li.color4 {
		border-top: 18px solid #545454;
	}
	#mapWrapper.Pride #AllSins .selected {
		border-bottom:4px solid #343233;
	}
	#mapWrapper.Pride h3 {
		background-color:#343233;
		color:#f4f4f4;
	}
	#mapWrapper.Pride h3 a {
		background:#825f9f url(http://media.nzherald.co.nz/webcontent/infographics/204/SlothArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Pride h3 a:hover {
		background:#9c63cc url(http://media.nzherald.co.nz/webcontent/infographics/204/SlothArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Pride #MapFooter #disclaimer {
		width: 720px;
		margin: 18px 0 0 15px;
	}	
	
<!--Sloth-->	
	
	#mapWrapper.Sloth #WrapperLabels h4 {
		color:#59432e;
	}
	#mapWrapper.Sloth #WrapperLabels .labels{
		margin: -20px 0 0 350px;
	}
	#mapWrapper.Sloth #WrapperLabels .labels li.color1 {
		border-top: 18px solid #ebe8f3;
	}
	#mapWrapper.Sloth #WrapperLabels .labels li.color2 {
		border-top: 18px solid #c8c7e0;
	}
	#mapWrapper.Sloth #WrapperLabels .labels li.color3 {
		border-top: 18px solid #aca9d1;
	}
	#mapWrapper.Sloth #WrapperLabels .labels li.color4 {
		border-top: 18px solid #a453a1;
	}
	#mapWrapper.Sloth #AllSins .selected {
		border-bottom:4px solid #825f9f;
	}
	#mapWrapper.Sloth h3 {
		background-color:#825f9f;
		color:#f4f4f4;
	}
	#mapWrapper.Sloth h3 a {
		background:#e32f32 url(http://media.nzherald.co.nz/webcontent/infographics/204/WrathArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Sloth h3 a:hover {
		background:#f53336 url(http://media.nzherald.co.nz/webcontent/infographics/204/WrathArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Sloth #MapFooter #disclaimer {
		width: 600px;
		margin: 18px 0 0 15px;
	}
	
<!--Wrath-->	
	
	#mapWrapper.Wrath #WrapperLabels h4 {
		color:#553939;
	}
	#mapWrapper.Wrath #WrapperLabels .labels{
		margin: -20px 0 0 390px;
	}
	#mapWrapper.Wrath #WrapperLabels .labels li.color1 {
		border-top: 18px solid #f5e9d3;
	}
	#mapWrapper.Wrath #WrapperLabels .labels li.color2 {
		border-top: 18px solid #f3c4b0;
	}
	#mapWrapper.Wrath #WrapperLabels .labels li.color3 {
		border-top: 18px solid #f59e7d;
	}
	#mapWrapper.Wrath #WrapperLabels .labels li.color4 {
		border-top: 18px solid #b55d53;
	}
	#mapWrapper.Wrath #AllSins .selected {
		border-bottom:4px solid #e32f32;
	}
	#mapWrapper.Wrath h3 {
		background-color:#e32f32;
		color:#f4f4f4;
	}
	#mapWrapper.Wrath h3 a {
		background:#0551a5 url(http://media.nzherald.co.nz/webcontent/infographics/204/GreedArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Wrath h3 a:hover {
		background:#065fc2 url(http://media.nzherald.co.nz/webcontent/infographics/204/GreedArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Wrath #MapFooter #disclaimer {
		width: 590px;
		margin: 20px 0 0 15px;
	}
	
	
<!--Greed-->	
	
	#mapWrapper.Greed #WrapperLabels h4 {
		color:#353c44;
	}
	#mapWrapper.Greed #WrapperLabels .labels{
		margin: -20px 0 0 260px;
	}
	#mapWrapper.Greed #WrapperLabels .labels li.color1 {
		border-top: 18px solid #eaeef5;
	}
	#mapWrapper.Greed #WrapperLabels .labels li.color2 {
		border-top: 18px solid #d5e6ee;
	}
	#mapWrapper.Greed #WrapperLabels .labels li.color3 {
		border-top: 18px solid #aacfeb;
	}
	#mapWrapper.Greed #WrapperLabels .labels li.color4 {
		border-top: 18px solid #71a0c5;
	}
	#mapWrapper.Greed #AllSins .selected {
		border-bottom:4px solid #0551a5;
	}
	#mapWrapper.Greed h3 {
		background-color:#0551a5;
		color:#f4f4f4;
	}
	#mapWrapper.Greed h3 a {
		background:#017340 url(http://media.nzherald.co.nz/webcontent/infographics/204/EnvyArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Greed h3 a:hover {
		background:#019553 url(http://media.nzherald.co.nz/webcontent/infographics/204/EnvyArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Greed #MapFooter #disclaimer {
		width: 704px;
		margin: 18px 0 0 15px;
	}
	
	
<!--Envy-->	
	
	#mapWrapper.Envy #WrapperLabels h4 {
		color:#4f5f56;
	}
	#mapWrapper.Envy #WrapperLabels .labels{
		margin: -20px 0 0 530px;
	}
	#mapWrapper.Envy #WrapperLabels .labels li.color1 {
		border-top: 18px solid #e7ecf0;
	}
	#mapWrapper.Envy #WrapperLabels .labels li.color2 {
		border-top: 18px solid #cce8e9;
	}
	#mapWrapper.Envy #WrapperLabels .labels li.color3 {
		border-top: 18px solid #9cd7c3;
	}
	#mapWrapper.Envy #WrapperLabels .labels li.color4 {
		border-top: 18px solid #6eaf85;
	}
	#mapWrapper.Envy #WrapperLabels .labels li {
		margin: 0 10px 12px 0;
		text-align: center;
		width: 80px;
	}
	#mapWrapper.Envy #AllSins .selected {
		border-bottom:4px solid #017340;
	}
	#mapWrapper.Envy #AllSins li.selected {
		margin-right:0;
	}
	#mapWrapper.Envy h3 {
		background-color:#017340;
		color:#f4f4f4;
	}
	#mapWrapper.Envy h3 a {
		background:#811874 url(http://media.nzherald.co.nz/webcontent/infographics/204/LustArrowBtn1.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Envy h3 a:hover {
		background:#9d1d8d url(http://media.nzherald.co.nz/webcontent/infographics/204/LustArrowBtn2.gif) right center no-repeat;
		color:#fff;
	}
	#mapWrapper.Envy #MapFooter #disclaimer {
		width: 610px;
		margin: 20px 0 0 15px;
	}									
	
	#mapWrapper #iframeWrapper {
		height:450px;
	}

