@charset "utf-8";

/* general */
	body {
		/*font: 14px/18px Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;*/
		font: 14px/18px Optima,Arial,sans-serif;
		background: none repeat scroll 0 0 #FFFFFF;
		color: #333333;
		margin: 0 auto;
		text-rendering: optimizelegibility;
	}
	
	h1 {
		/*font: bold 2em/2.2em 'Stag-Serif-Medium',Arial,sans-serif;*/
		font: bold 1.3em/2em Arial,sans-serif;
		background-color:#2c292a;
		color:#cacbcd;
		padding:0.3em 0.3em 0.3em 1em;
	}
	h2 {
		/*font: bold 2em/2.2em 'Stag-Serif-Medium',Arial,sans-serif;*/
		font: bold 2em/2.1em Arial,sans-serif;
		width:900px;
	}
	h4 {
		/*font: bold 1.1em/1.3em Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;*/
		font: bold 1.1em/1.3em Optima,Arial,sans-serif;
		text-transform:uppercase;
		border-bottom:1px solid #000;
		margin:1em 0 0.3em 0;
	}
	
	#wrapper {
		padding:1.5em;	
	}
	#wrapper ul{
		padding-left:1em;
	}
	#wrapper ul li{
		list-style:disc;
		margin-bottom:0.4em;
	}
	#wrapper #content ul li strong{
		font-weight:bolder;
		font-size:1.01em;
	}
	#wrapper #content ul li a{
		font-weight:bolder;
		font-size:1.2em;
		color:#4038a9;
	}
	#wrapper #content ul li a:hover{
		color:#5342f6;
	}
	#wrapper #content ul li a:visited{
		color:#6b4188;
	}

/* nav */
	#wrapper ul#nav {
		padding:0;
		height:45px;
		font-size:13px;
		text-align:center;
		margin: -1em;
	}
	#wrapper ul#nav li {
		float:left;
		list-style:none;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		background-color:#e3e4e5;
		border:1px solid #aaacaf;
		width:18%;
		margin-right:1%;
	}
	#wrapper ul#nav li.revenue {
		width:38%;
	}

	#wrapper ul#nav li.last {
		margin-right:-1%;
	}
	#wrapper ul#nav li a {
		display:block;	
		padding: 2.4% 0;
		text-decoration:none;
		color:#2c2a2c;
	}
	#wrapper ul#nav li.revenue a {
		padding: 1.15% 0;
	}
	#wrapper ul#nav li a:hover {
		background-color:#494a4c;
		color:#e2e2e3;
	}
	#wrapper ul#nav li.selected {
		border:1px solid #57585a;
		background-color:#494a4c;
	}
	#wrapper ul#nav li.selected a {
		color:#e2e2e3;
	}	
	#wrapper li.clearFix {
		clear:both;
		border:1px solid #000;
	}


/* MAIN POINTS */
    #wrapper.mainPoints {
		background-color:#f7f7f8;	
	}
		
/* REVENUE AND EXPENSES */
    #wrapper.moneyFlow {
		background-color:#e1f2f4;	
		color:#333335;
	}
	#wrapper.moneyFlow h2{
		color:#546380;
	}
	#wrapper.moneyFlow h4{
		color:#145c86;
		border-bottom:1px solid #8fc2ce;
	}
	#wrapper.moneyFlow h4.expenditure{
		color:#59798c;
	}
	#wrapper.moneyFlow ul#nav li {
		background-color:#bae1ed;
		border:1px solid #90bfe1;
	}
	#wrapper.moneyFlow ul#nav li a {
		color:#2c3971;
	}
	#wrapper.moneyFlow ul#nav li a:hover {
		background-color:#4183b8;
		color:#d7e8f4;
	}
	#wrapper.moneyFlow ul#nav li.selected a {
		background-color:#4183b8;
		color:#eef8fd;
	}

/* WHO PAYS */		
	#wrapper.whoPays {
		background-color:#f6f6d4;	
		color:#333335;
	}
	#wrapper.whoPays #tableaufallback {
		width:100%;
		height:720px;
		background: transparent url(http://media.nzherald.co.nz/webcontent/infographics/237/WhoPaysFallback.gif) center no-repeat;
		display:none;
	}



/* THE TRENDS */		
	#wrapper.theTrends {
		background-color:#f7e9ee;	
		color:#333335;
	}
		
/* KENDO */		

    #wrapper.moneyFlow #chart1, #wrapper.moneyFlow #chart2 {
		background-color:#e1f2f4;	
	}
			
	#Footer{
		font-weight:normal;
		height: 45px;
		font-size: 14px;
		font-family:Arial,sans-serif;
		color:#bcbcbc;
		text-transform:uppercase;
		text-align:center;
		background: #3d3d3e url(http://media.nzherald.co.nz/webcontent/infographics/141/nzheraldLogo.gif) 25px 15px no-repeat;	
	}	
	#Footer p{
		font-size: 13px;
		float:right;
		line-height:40px;
		margin-right:25px;
		text-transform:lowercase;	
	}
	#Footer a{
		color:#dddbdc;
		text-decoration:none;	
	}
	#Footer a:hover{
		text-decoration:underline;	
	}	
	
	
@media (max-width:400px) {
	#wrapper ul#nav {
		height:14em;
		
	}
	#wrapper ul#nav li {
		float:none;
		height:2.2em;
		width:100%;
	}
	#wrapper ul#nav li.revenue {
		float:none;
		height:2.2em;
		width:100%;
	}
	#wrapper ul#nav li a {
		margin:0;
		padding:0;
		height:2.2em;
		line-height:2.2em;
	}
	#wrapper ul#nav li.revenue a {
		margin:0;
		padding:0;
		height:2.2em;
		line-height:2.2em;
	}
}

@media (max-width:360px) {
	#wrapper.whoPays #tableaufallback {
		width:100%;
		height:720px;
		background: transparent url(http://media.nzherald.co.nz/webcontent/infographics/237/WhoPaysFallback.gif) center no-repeat;
		display:block;
	}
	#wrapper.whoPays #tableauInfographic {
		display:none;
	}
}