/*	body {
		margin:0;
		padding:0;
	}

	a {
			text-decoration:none;
			color:#336699;
		}
		
		a:hover {
			color:#ff6666;
		}
			


	p, div, h2 {
		font-family:"Source Sans Pro","Proxima Nova";
	}
	
	*/

		#contentContainer {
			width:100%;display:block;max-width:1960px;margin:auto;min-height:600px;
		}

		text {
			pointer-events: none;
		}

		.grandparent text { /* header text */
			font-weight: regular;
			font-weight: 300;
			font-size:12pt;
			text-decoration: dotted;
			font-family: "Source Sans Pro","Proxima Nova", "Open Sans", Helvetica, Arial, sans-serif; 
		}

		rect {
			fill: none;
			stroke: #ccc;
		}

		rect.parent, 	.grandparent rect {
				stroke-width: 5px;
			stroke:#131313;
			stroke:#fff;
		}

		.grandparent rect {
			fill: #fff;
		}
		
		
		.coversheet {
			opacity:0.85;
			/**/fill:#336699; 
		}
		
		#coverText {
		
		}
		
		.coverText {
			text-shadow: 0 1px 1px #000000;
			/*width:100%;
			height:100%;
			opacity:0.85;
			text-align:center;
			padding-top:25%;
			color:#fff;*/
			/*background-color:#ffcc00;	*/	
		}
		
		.smalltext {
			pointer-events: none; 
			font-size:9px;
		}

		
		.storage {
			fill:#19395c;
			color:#fff;
		}
		
		.rivers {
			fill:#2b527b;
			color:#fff;
		}
		
		.groundwater {
			fill:#5581ad;
			color:#fff;
		}
		
		.drought {
			fill:#75a5d4; 
			color:#fff;
		}
		
		.undefined {
			color: #fff;
		}
		
		.recycling {
			fill: #97b9dc;
			color:#fff;
		}

	
		.drinking {
			fill:#b1cae3;
			color:#fff;
		}
		
		.flood {
			fill:#b1cae3;
			color:#fff;
		}

		

		/* Monochrome option */
		
		.storage, .rivers, .groundwater, .drought, .undefined, .recycling, .drinking, .flood  {
			sfill:#19395c;
			fill:#336699;
			color:#fff;
		}
		.undefined, .enteric, .manure, .landfill, .rice, .composting,.combustion,.wasteburn {
			fill:#666;
			fill:#6b6b6b;
			fill:#8a8a8a;
			fill:#787782;/* old blue methane*/
			fill:#6484a5;
			fill: #b6cde4; /* lighter blue for non dairy*/
			fill: #98b3ce;
			
		}
		
		.foreignobj { /*gm add 180416*/
			color:#fff;
		}
		
		.enteric {
			sfill:green;
			color:#fff;
		}
		.manure {
		
			sfill:brown;
			color:#fff;
		}
		
		.dairy {
			fill:#6484a5;/* old red dairy methane*/
			fill:#6484a5;
			
			/* 
stroke:rgba(0,0,0,0.5) !important;
			stroke-width:5px !important;
			opacity:1;
			fill-opacity: 0.2;
			fill: url(#diagonal-stripe-1) rgba(255,0,0,1);
 */
		}
		
  /*		Duotone option 
  
  .storage,   .drought , .recycling{
			fill:#336699;
		}
		
		.rivers, .groundwater,.undefined, .drinking, .flood{
			fill:#19395c;
		 }
*/
		.children rect.parent, .grandparent rect {
			cursor: pointer;
			stroke-width:4px;
			opacity:1;
			stroke:#131313;
			stroke:#fff;
		}
		.grandparent rect {
			stroke:none;
		}

		.highlight {
			/*fill:#cc0000;
			stroke:#ffcc00;*/
			opacity:1;
			stroke-width:1px;
			
		}
		
		.parenthighlight {
			fill:#ffcc00;
		}

		rect.parent {
			pointer-events: none; 
		}
		rect.child {
			pointer-events: all; 
			stroke-width:1px;
		}
		.children {
			pointer-events:none;
			}
		
		
		.children:hover rect.child,	.sgrandparent:hover rect {
			/*fill: #aaa;
			//stroke:#ffcc99;
			stroke-width:2px;*/
			opacity:0.5;
		}/**/

		.textdiv { /* text in the boxes */
			pointer-events: none; 
			font-size: medium;
			font-size:13px;
			sline-height:1.5;
			font-weight:bold;
			padding: 10px;
			/*color:#333;*/
  			text-shadow: 0 1px 1px #000000;
			font-family: "Source Sans Pro","Proxima Nova", "Open Sans", Helvetica, Arial, sans-serif; 
		}
		
		.textdiv.off {
			text-shadow:none;
			color:#333;
		}
		
		.amtDisplay {
			margin-top:7px;
			font-weight:normal;
		}
	
	.valueLabel {
			text-transform: uppercase;
			font-size: 10px;
			letter-spacing: 1px;
			color: #777;
			margin-bottom: -3px;
		}
		
	#tooltipSm {
		position:absolute;
		font-size:11px;
		background-color:white;
		padding:5px;
		border-style:solid;
		border-color:#ccc;
		border-width: 1px;
		border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			-border-radius:5px;
		-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		pointer-events:none;
		z-index:3000;
	
	}
	
	#tooltipGM {
		sposition:absolute;
		position:relative;
		float:left;
		display:block;
		width:26%;
		smin-width200px;
		max-width:300px;
		height:auto;
		padding:10px;
		margin-left:5px;
		margin-top:40px;
		
	}
		
	#tooltipGM.hidden, #tooltipSm.hidden {
		/**/display:none;
	}
	#tooltipGM p{
		margin:0;
		font-family: "Source Sans Pro","Proxima Nova", "Open Sans", Helvetica, Arial, sans-serif; 
		font-size:14px;
		line-height:18px;
		color:#000;
	}
	
	#tooltipGM #parentName {
		text-overflow:ellipsis;
		text-wrap:nowrap;
		text-transform:uppercase;
		color:#666;
		font-size:12px !important;
		margin-bottom:3px;
		
	}
	#tooltipGM #amtDisplay, #tooltipGM #percent{
			color:#666;
			font-style:italic;
	}
	
	#tooltipGM #photo {f
		margin-top:7px;
		margin-bottom:7px;
		background-color:#666;
	}
	#tooltipGM img {
		width:100%;
	}

.sources {

}

.notes {
	font-size:0.8em;
	color:#666;
	clear:both;
	margin-top:-40px;
}
.credits {
	font-size:0.7em;
	text-align:right;
	margin-top:7px;
}
.text-light {
	font-weight:100 !important;
	font-style:italic;
}

#headerheader div {
	color: rgb(29, 29, 29);
    min-width: 120px;
    background: rgb(206, 206, 206);
    padding: 5px;
    transform: translateY(-2px);
    display: inline-block;
    pointer-events: none;
}


#treemapGraphic {
		float:left;display:block;width: 70%;smax-width:550px;	smin-height:420px;background:#fff;
}

@media only screen and (max-width: 550px) {
	
	#contentContainer {
		width:100%;
		margin-left:0%;
	}

	#treemapGraphic {
		float:none;display:block;width:100% !important;background:#fff;height:auto;min-height:420px;max-height:300px;
	}
	#tooltipGM {
			margin-top:0px;
			position:relative;
			float:none;
			display:block;
			max-width:none;
			width:90% !important;
			height:auto;
			padding:10px;
			padding-left:2px;
			padding-right:10%;
			margin-top:10px;
			margin-left:0px;
			margin-bottom:45px;
		}	
	#tooltipGM img {
		width:100px;
		float:left;
		margin-right:10px;
	}


}

#colorKey{ 
	margin-bottom: 20px;
}

.legendItem{
		font-family: 'Source Sans Pro','Helvetica Neue', sans-serif;
		font-weight: 300;
		font-size: 8pt;
		padding: 3px;
		margin-top: 6px;
		letter-spacing: 1px;
		border: 0px solid #131313;
		margin-bottom: 0px;
		line-height: 1.1;
		text-transform: uppercase;
		padding-top: 3px;
		display: inline-block;
		smin-width:150px;sfloat:left;
		/* width:140px; */
	}
	
	.legendItem:hover {
		font-weight: 800;
		/* border:1px solid #000; */
		cursor:pointer;
	}

	.colorChip {
		width: 20px;
		height: 15px;
		float: left;
		margin-right: 8px;
		opacity: 0.9;
	}
	.colorChip.dairy {
		background-color: #6484a5;
	}
	
	.colorChip.undefined {
		/* background-color: #787782; */
		background-color: #b6cde4;
	}