@charset "UTF-8";
/*--- Mobile, <= 480px ---*/
.textDiv {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	overflow-x: hidden;
}
#leftBar {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	min-height: 600px;
}
.mapDiv {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font: 0/0 a;
	text-align: center;
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}
#iframe { display: none; }

/*--- CREATE A FULL-HEIGHT INLINE BLOCK PSEUDO-ELEMENT - src=http://stackoverflow.com/questions/18516317/vertically-align-an-image-inside-a-div-with-responsive-height ---*/
.mapDiv:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;  /* vertical alignment of the inline element */
	overflow: scroll;
}
svg {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	height: 100%;
	max-width: 100%;
	min-height: 600px;
}

/*--- SVG DEFAULT STYLING ---*/
.st0{fill:#F2F2F2;}
.st1{opacity:0.01;fill:#EDEDED;}
.st2{fill:#808080;}
.st3{opacity:0.01;fill:#EDEDED;}
.st4{fill:#C8B6C2;}
.st5{fill:#E4DAE1;}
.st6{fill:#916D85;}
.st7{fill:#764867;}
.st8{opacity:0.85;}
.st9{fill:#FFFFFF;}
.st10{opacity:0.01;}
.st11{fill:#808080;}
.st12{fill:#C5C7C9;}
.st13{fill:#B1B3B5;}
.st14{fill:#145B93;}
.st15{fill:#EC1C24;}
.st16{fill:#EE3224;}
#TXT_CC { display:none; }

/*--- CUSTOM STYLING/BEHAVIOUR ---*/
.pop-bubble {display: none;}
.button:hover {cursor:pointer;}
.button:hover .st2 {fill:#035aa7;}
.pop-button:hover {cursor:pointer;}
.pop-button:hover .st2, .pop-button:hover .st11 {fill:yellow;}
.pop-trigger:hover, #BTN_CC:hover {cursor:context-menu;}
#BTN_CC:hover #TXT_CC { display:inline; }
#scroll_notice { display: none; position:absolute; top:4px; left:6px; z-index:9999; }
#scroll_notice p { text-transform:uppercase !important; font-family: 'Signika', sans-serif; margin:0; }

/*--- TABLE STYLES ---*/
html { margin: 0 !important; }
#table_wrap { width: 100%; max-width: 500px !important; margin-left: auto !important; margin-right: auto !important; }
body.custom-background { background-color: #ffffff; }
h1 { text-transform: uppercase; }
#mobile_header { margin: 1%; width:100%; }
#mh-logo { float: left; width: 20%; height: 64px; }
#mh-title { float:left; width: 78%; text-align: right; }
table + h1 { margin-top: 60px; }
table { border: none !important; }
td { padding: 0.5em !important; font-family: 'Signika', sans-serif; border: none !important; }
.thead { color: #ffffff; }
.thead td, .overview .overall td { text-transform: uppercase; font-weight: bold; }
td:nth-child(even), td:nth-child(3) { text-align: center; vertical-align: middle !important; border-left: 1px solid #000 !important; width: 70px; }
.thead td { font-weight: bold; border-left: none !important; }
.summary .thead, .summary .thead:hover { background-color: #808285; }
.summary td { font-weight: bold; border-left: none !important; }
.summary tr { background: #fce27e; }
.summary tr:hover, .summary .green:hover, .summary .red:hover { background-color: #000000; color:#FFFFFF }
.summary .green { background: #9bbc4a; }
.summary .red { background: #f04e37; }
.summary a { color: #000000; text-decoration: underline; }
.summary a:hover, .summary tr:hover a { color: #FFFFFF; }
.summary { border-spacing: 1px; }
.overview .thead, .overview .thead td:hover, .overview .overall { background-color: #808285; color: #ffffff; font-weight: bold; }
.overview tr { background: #d1d3d4; }
.overview td:nth-child(even), .overview .thead:hover td:nth-child(even) { font-weight: bold; border-left: none !important; background-color: #764867; color: #ffffff; }
.overview tr:hover, .overview tr:hover td { background: #a7a9ac; color: #FFFFFF; }
.overview .thead:hover td:nth-child(even) { background-color: #764867}
.overview { border-spacing: 1px; }
.safety .thead, .safety .thead:hover { background-color: #6a793b; }
.safety tr:nth-child(even) { background: #d7d8c7; }
.safety tr:hover { background-color: #9ca379; }
.support .thead, .support .thead:hover { background-color: #dbc29c; }
.support tr:nth-child(even) { background: #f6eee3; }
.support tr:hover { background-color: #e8d7be; }
.cost .thead, .cost .thead:hover { background-color: #2e4f74; }
.cost tr:nth-child(even) { background: #c3cbdb; }
.cost tr:hover { background-color: #6f85a4; }
.fairness .thead, .fairness .thead:hover { background-color: #d1a10d; }
.fairness tr:nth-child(even) { background: #f5e5c7 }
.fairness tr:hover { background-color: #e4c171; }
.efficiency .thead, .efficiency .thead:hover { background-color: #bcbec0; }
.efficiency tr:nth-child(even) { background: #efeff0;}
.efficiency tr:hover { background-color: #d5d7d8; }


/*--- Media Queries ---*/
@media screen and (min-width: 768px)
{
	.textDiv {
		display: none;
	}
	#iframe {
		display: block;
	}
}