/* SEVER FONTS*/

@font-face {
	font-family: "MuseoSlab 500";
	src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webeot.eot");
	src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webeot.eot?#iefix") format("embedded-opentype"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webwoff.woff") format("woff"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
/*'Whitney SSm A', 'Whitney SSm B'  Font Family */

@font-face {
	font-family: 'Whitney SSm A', 'Whitney SSm B';
}
@font-face {
	font-family: 'Whitney SSm A', 'Whitney SSm B';
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Whitney SSm A', 'Whitney SSm B';
	font-weight: 300;
	font-style: normal;
}
/*******************************************************
Font stacks.
********************************************************/
/*******************************************************
Make sure em and strong are showing correct fonts.
********************************************************/
em, i {
	font-style: italic;
}
strong, b {
	font-weight: 700;
}
i + i, i + em, i + strong, i + b, em + i, em + em, em + strong, em + b, strong + i, strong + em, strong + strong, strong + b, b + i, b + em, b + strong, b + b {
	font-style: italic;
	font-weight: 700;
}
#systemsmenu .elflippo {
	background-color: red;
}
#systemsmenu .transition, #systemsmenu p, #systemsmenu ul li i:before, #systemsmenu ul li i:after {
	transition: all 0.25s ease-in-out;
}
#systemsmenu .no-select, #systemsmenu h2 {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#systemsmenu ul li:nth-of-type(1) {
	animation-delay: 0.5s;
}
#systemsmenu ul li:nth-of-type(2) {
	animation-delay: 0.75s;
}
#systemsmenu ul li:nth-of-type(3) {
	animation-delay: 1s;
}
#systemsmenu ul li:last-of-type {
	padding-bottom: 0;
}
#systemsmenu ul li i:before, #systemsmenu ul li i:after {
	position: absolute;
	width: 3px;
	height: 9px;
	background-color: white;
}
@keyframes flipdown {
 0% {
 opacity: 0;
 transform-origin: top center;
 transform: rotateX(-90deg);
}
 5% {
 opacity: 1;
}
 80% {
 transform: rotateX(8deg);
}
 83% {
 transform: rotateX(6deg);
}
 92% {
 transform: rotateX(-3deg);
}
 100% {
 transform-origin: top center;
 transform: rotateX(0deg);
}
}
/*# sourceMappingURL=acordion.css.map */
/*******************************************************
Define media query dimensions.
********************************************************/
.tttop {
	font-size: 11px;
	text-align: center;
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif !important;
}
.interactive-outer {
	width: 100%;
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
	font-size: 10px;
	font-weight: 300;
	background-color: #9A4253;
}
.interactive-outer .noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
.interactive-outer .header {
	background-color: #9A4253;
	color: white;
	padding: 1em;
	vertical-align: middle;
}
.interactive-outer .header img {
	vertical-align: middle;
	margin: -2px 5px 1px 10px;
}

@media only screen and (max-width: 719px) {
.interactive-outer .header img {
	margin: 9px 5px 1px -7px;
}
}
.interactive-outer .interactive-inner {
	background-color: #453740;
	color: white;
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 1em;
	padding: 25px;
}
.interactive-outer .interactive-inner #map-phone-notice {
	/* outline: 1px solid #453740; */
	text-align: center;
	background: #9A4253;
	padding: 1em;
	margin-bottom: 1em;
}
.interactive-outer .interactive-inner #smLegislation, .interactive-outer .interactive-inner #Legislation > .Category {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smLegislation .dark, .interactive-outer .interactive-inner #Legislation > .Category .dark {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smDevelopment, .interactive-outer .interactive-inner #Development > .Category {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smDevelopment .dark, .interactive-outer .interactive-inner #Development > .Category .dark {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smFeatures, .interactive-outer .interactive-inner #Features > .Category {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smFeatures .dark, .interactive-outer .interactive-inner #Features > .Category .dark {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smHoused, .interactive-outer .interactive-inner #Housed > .Category {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smHoused .dark, .interactive-outer .interactive-inner #Housed > .Category .dark {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smProcessing, .interactive-outer .interactive-inner #Processing > .Category {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smProcessing .dark, .interactive-outer .interactive-inner #Processing > .Category .dark {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smEPB, .interactive-outer .interactive-inner #EPB > .Category {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smEPB .dark, .interactive-outer .interactive-inner #EPB > .Category .dark {
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #smLegislation, .interactive-outer .interactive-inner #Legislation > .Category {
	background-color: #9A4253;
}
.interactive-outer .interactive-inner #smLegislation .dark, .interactive-outer .interactive-inner #Legislation > .Category .dark {
	background-color: #9A4253;
}
.interactive-outer .interactive-inner #smLegislation .dark .light, .interactive-outer .interactive-inner #Legislation > .Category .dark .light {
	background-color: #92556b;
}
.interactive-outer .interactive-inner #smDevelopment, .interactive-outer .interactive-inner #Development > .Category {
	background-color: #52829E;
}
.interactive-outer .interactive-inner #smDevelopment .dark, .interactive-outer .interactive-inner #Development > .Category .dark {
	background-color: #52829E;
}
.interactive-outer .interactive-inner #smDevelopment .dark .light, .interactive-outer .interactive-inner #Development > .Category .dark .light {
	background-color: #6f9bb4;
}
.interactive-outer .interactive-inner #smFeatures, .interactive-outer .interactive-inner #Features > .Category {
	background-color: #4Eb692;
}
.interactive-outer .interactive-inner #smFeatures .dark, .interactive-outer .interactive-inner #Features > .Category .dark {
	background-color: #4Eb692;
}
.interactive-outer .interactive-inner #smFeatures .dark .light, .interactive-outer .interactive-inner #Features > .Category .dark .light {
	background-color: #72c5a8;
}
.interactive-outer .interactive-inner #smHoused, .interactive-outer .interactive-inner #Housed > .Category {
	background-color: #C27232;
}
.interactive-outer .interactive-inner #smHoused .dark, .interactive-outer .interactive-inner #Housed > .Category .dark {
	background-color: #C27232;
}
.interactive-outer .interactive-inner #smHoused .dark .light, .interactive-outer .interactive-inner #Housed > .Category .dark .light {
	background-color: #d09283;
}
.interactive-outer .interactive-inner #smProcessing, .interactive-outer .interactive-inner #Processing > .Category {
	background-color: #727276;
}
.interactive-outer .interactive-inner #smProcessing .dark, .interactive-outer .interactive-inner #Processing > .Category .dark {
	background-color: #727276;
}
.interactive-outer .interactive-inner #smProcessing .dark .light, .interactive-outer .interactive-inner #Processing > .Category .dark .light {
	background-color: #8c8c8f;
}
.interactive-outer .interactive-inner #smEPB, .interactive-outer .interactive-inner #EPB > .Category {
	background-color: #ACA201;
}
.interactive-outer .interactive-inner #smEPB .dark, .interactive-outer .interactive-inner #EPB > .Category .dark {
	background-color: #ACA201;
}
.interactive-outer .interactive-inner #smEPB .dark .light, .interactive-outer .interactive-inner #EPB > .Category .dark .light {
	background-color: #bab57c;
}
.interactive-outer .interactive-inner *, .interactive-outer .interactive-inner *::before, .interactive-outer .interactive-inner *::after {
	box-sizing: border-box;
}
.interactive-outer .interactive-inner .sp_tooltip {
	display: inline;
	position: relative;
}
.interactive-outer .interactive-inner #overviewtext {
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0 0 2em 0;
}

@media only screen and (min-width: 720px) {
.interactive-outer .interactive-inner #overviewtext {
	font-size: 1.4em;
}
}
.interactive-outer .interactive-inner #intro {
	width: 100%;
	color: #F0F2F2;
	font-size: 14px;
	/* border-bottom: 2px solid #201a1e; */
	margin-bottom: 1em;
}
.interactive-outer .interactive-inner #intro h4 {
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: white;
	font-size: 14px;
	letter-spacing: .2px;
}
.interactive-outer .interactive-inner #intro h6 {
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: white;
	font-size: 14px;
	letter-spacing: .2px;
}
.interactive-outer .interactive-inner #intro p {
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
	padding: 0 0 .85em 0;
	font-size: 1em;
	font-weight: 100;
	line-height: 1.5em;
	margin: 0;
}
.interactive-outer .interactive-inner #intro p a {
	color: white;
	text-decoration: underline;
}
.interactive-outer .interactive-inner #intro p a:hover {
	text-decoration: none;
}
.interactive-outer .interactive-inner #intro p a:visited {
	text-decoration: underline;
}
.interactive-outer .interactive-inner #intro p sup {
	font-size: .6em;
}
.interactive-outer .interactive-inner #intro div#map-phone-notice {
	width: 100%;
	border: 2px solid #333;
	text-align: center;
	padding: 4px;
	background: #848A93;
	color: #333;
	margin: 1em 0;
}
.interactive-outer .interactive-inner #intro .sp_tooltip:hover:after {
	background: #848A93;
	border-radius: 5px;
	bottom: 36px;
	color: #fff;
	content: attr(data-title);
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 220px;
	font-size: 11px;
	letter-spacing: .5px;
}
.interactive-outer .interactive-inner #intro .menu1 > .sp_tooltip:hover:after {
	left: -110px;
}
.interactive-outer .interactive-inner #intro .menu2 > .sp_tooltip:hover:after {
	left: -110px;
}
.interactive-outer .interactive-inner #intro .menu3 > .sp_tooltip:hover:after {
	right: -26px;
}
.interactive-outer .interactive-inner #intro .sp_tooltip:hover:before {
	border: solid;
	border-color: #848A93 transparent;
	border-width: 10px 8px 0 8px;
	content: "";
	top: -14px;
	position: absolute;
	z-index: 99;
	display: block;
	right: 47%;
}
.interactive-outer .interactive-inner table#table img {
	max-width: none;
	width: initial;
	margin: auto;
}
.interactive-outer .interactive-inner table#table tr:nth-child(2n+2) {
	background-color: transparent;
}
.interactive-outer .interactive-inner table#table col.col1, .interactive-outer .interactive-inner table#table col.col2, .interactive-outer .interactive-inner table#table col.col3 {
	width: 20%;
	border-left: 1px solid #3e4650;
}
.interactive-outer .interactive-inner table#table tr {
	border-bottom: 1px solid #6b7179;
}
.interactive-outer .interactive-inner table#table tr.Legislation {
	background-color: #9A4253;
	color: #F0F2F2;
}
.interactive-outer .interactive-inner table#table tr.Development {
	background-color: #52829E;
	color: #F0F2F2;
}
.interactive-outer .interactive-inner table#table tr.Features {
	background-color: #4Eb692;
	color: #F0F2F2;
}
.interactive-outer .interactive-inner table#table tr.Housed {
	background-color: #C27232;
	color: #F0F2F2;
}
.interactive-outer .interactive-inner table#table tr.EPB {
	background-color: #ACA201;
	color: #F0F2F2;
}
.interactive-outer .interactive-inner table#table td span.tablecontent {
	width: 100%;
	display: block;
	text-align: center;
}
.interactive-outer .interactive-inner table#table .Category {
	background-color: #414B57;
	border-bottom: 1px solid #576474;
	cursor: pointer;
	padding: 10px 0 10px 34px;
	background: #414B57 url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img/toggleclosed.png') no-repeat 10px 13px;
	transition: all 0.25s ease-in-out;
}
.interactive-outer .interactive-inner table#table .Category.Legislation {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table .Category.Development {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table .Category.Features {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table .Category.Housed {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table .Category.Processing {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table .Category.EPB {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table .SubCategory {
	width: 37%;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr.sub {
	display: none;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category {
	background: #414B57 url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img/toggleopen.png') no-repeat 10px 13px;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category.Legislation {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category.Development {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category.Features {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category.Housed {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category.Processing {
	background-color: #414b57;
}
.interactive-outer .interactive-inner table#table tbody.rolledup tr td.Category.EPB {
	background-color: #414b57;
}
.interactive-outer .interactive-inner td {
	position: relative;
}
.interactive-outer .interactive-inner span.tablecontent.x {
	font-size: 11px;
	line-height: 9px;
	letter-spacing: 1.4px;
}

@media only screen and (max-width: 480px) {
.interactive-outer .header.phone_only {
	display: block;
	text-align: center;
	box-shadow: none;
}
.interactive-outer .interactive-inner table#table tr.EPB {background-color: transparent;}
}
.interactive-outer .interactive-inner #controls {
	float: right;
	width: 100%;
	margin: 12px 0 24px;
	border-top: 2px solid #6A717D;/*@media*/
  /*@media*/
}

@media only screen and (max-width: 480px) {
.interactive-outer .interactive-inner #controls {
	/*@media*/
	margin: 12px 0 -10px;
}
}
.interactive-outer .interactive-inner #controls label {
	display: block;
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
}
.interactive-outer .interactive-inner #controls h3 {
	float: left;
	width: 40%;
	padding: 14px 0 0 0;
	margin: 0;
}
.interactive-outer .interactive-inner #controls h2.phone-only {
	color: white;
	font-size: 12px;
	float: left;
	width: 60%;
	margin: 16px 0px 1px;
}
.interactive-outer .interactive-inner #controls .selectwrap, .interactive-outer .interactive-inner #controls .dropdown_wrap {
	float: right;
	width: 20%;
	position: relative;
	height: 55px;
}
.interactive-outer .interactive-inner #controls .selectwrap .menulabel, .interactive-outer .interactive-inner #controls .dropdown_wrap .menulabel, .interactive-outer .interactive-inner #controls .selectwrap .dropdown_label, .interactive-outer .interactive-inner #controls .dropdown_wrap .dropdown_label {
	float: left;
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
	font-weight: 500;
	padding: 1em 0;
	line-height: 11px;
	font-size: 11px;
	position: relative;
}
.interactive-outer .interactive-inner #controls .selectwrap .menulabel span, .interactive-outer .interactive-inner #controls .dropdown_wrap .menulabel span, .interactive-outer .interactive-inner #controls .selectwrap .dropdown_label span, .interactive-outer .interactive-inner #controls .dropdown_wrap .dropdown_label span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #controls .selectwrap .dropdown_current, .interactive-outer .interactive-inner #controls .dropdown_wrap .dropdown_current {
	float: left;
	width: 99%;
	padding: 7px;
	height: 32px;
	margin: 0;
	cursor: pointer;
	color: #F0F2F2;
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	background: #848A93 url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img/toggle_down.png') no-repeat 100%;
}
.interactive-outer .interactive-inner #controls .scrollmenu {
	width: 225px;
	margin: 20px -20px 10px;
	padding: 20px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .viewport {
	background-color: #414B57;
	color: #F0F2F2;
	width: 160px;
	height: 200px;
	overflow: hidden;
	position: relative;
	z-index: 9;
}
.interactive-outer .interactive-inner #controls .scrollmenu .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
.interactive-outer .interactive-inner #controls .scrollmenu .scrollbar {
	background: #aeb5b7;
	position: absolute;
	background-position: 0 0;
	float: right;
	width: 32px;
	z-index: 9;
	right: 2px;
	top: 65px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .track {
	background: #414B57;
	height: 100%;
	width: 3px;
	position: relative;
	padding: 0 1px;
	padding: 0;
	margin: 0 auto;
}
.interactive-outer .interactive-inner #controls .scrollmenu .thumb {
	background: #F0F2F2;
	height: 20px;
	width: 25px;
	width: 3px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .thumb .end {
	background: transparent;
	overflow: hidden;
	height: 5px;
	width: 32px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .disable {
	display: none;
}
.interactive-outer .interactive-inner #controls .scrollmenu.hide {
	display: none;
	z-index: 0;
}
.interactive-outer .interactive-inner #controls ul.dropmenu {
	list-style: none;
	position: relative;
	float: inherit;
	width: 170px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 3px solid #aeb5b7;
}
.interactive-outer .interactive-inner #controls ul.dropmenu li.state {
	background: #848A93 url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img/toggle_down.png') no-repeat 100%;
}
.interactive-outer .interactive-inner #controls ul.dropmenu li {
	user-select: none;
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: 500;
	padding: 1px 7px;
	margin: 0;
	width: 170px;
	cursor: inherit;
	background-color: #aeb5b7;
	color: #414B57;
	font-size: 1.3em;
}
.interactive-outer .interactive-inner #controls ul.dropmenu li:hover {
	background-color: #414B57;
	color: #aeb5b7;
}

@media only screen and (max-width: 480px) {
.interactive-outer .interactive-inner #controls {
/*@media*/
    /*@media*/
    /*@media*/
    /*@media*/
    /*@media*/
}
.interactive-outer .interactive-inner #controls .selectwrap,  .interactive-outer .interactive-inner #controls .dropdown_wrap {
	float: right;
	width: 20%;
	position: relative;
	height: 55px;/*@media*/
    /*@media*/
}
.interactive-outer .interactive-inner #controls .selectwrap .menulabel,  .interactive-outer .interactive-inner #controls .dropdown_wrap .menulabel,  .interactive-outer .interactive-inner #controls .selectwrap .dropdown_label,  .interactive-outer .interactive-inner #controls .dropdown_wrap .dropdown_label {
	float: left;
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
	font-weight: 500;
	padding: 1em 0;
	line-height: 11px;
	font-size: 11px;
	position: relative;
}
.interactive-outer .interactive-inner #controls .selectwrap .menulabel span,  .interactive-outer .interactive-inner #controls .dropdown_wrap .menulabel span,  .interactive-outer .interactive-inner #controls .selectwrap .dropdown_label span,  .interactive-outer .interactive-inner #controls .dropdown_wrap .dropdown_label span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #F0F2F2;
}
.interactive-outer .interactive-inner #controls .selectwrap .dropdown_current,  .interactive-outer .interactive-inner #controls .dropdown_wrap .dropdown_current {
	width: 95%;
	padding: 5px;
	height: 24px;
	background-size: 50%;
}
.interactive-outer .interactive-inner #controls .scrollmenu {
	width: 45px;
	margin: 6px -20px 10px;
	padding: 20px;/*@media*/
    /*@media*/
    /*@media*/
    /*@media*/
    /*@media*/
    /*@media*/
    /*@media*/
}
.interactive-outer .interactive-inner #controls .scrollmenu .viewport {
	background-color: #414B57;
	color: #F0F2F2;
	width: 45px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.interactive-outer .interactive-inner #controls .scrollmenu .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
.interactive-outer .interactive-inner #controls .scrollmenu .scrollbar {
	background: #aeb5b7;
	position: absolute;
	background-position: 0 0;
	float: right;
	width: 32px;
	z-index: 9;
	right: 2px;
	top: 65px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .track {
	background: #414B57;
	height: 100%;
	width: 3px;
	position: relative;
	padding: 0 1px;
	padding: 0;
	margin: 0 auto;
}
.interactive-outer .interactive-inner #controls .scrollmenu .thumb {
	background: #F0F2F2;
	height: 20px;
	width: 25px;
	width: 3px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .thumb .end {
	background: transparent;
	overflow: hidden;
	height: 5px;
	width: 32px;
}
.interactive-outer .interactive-inner #controls .scrollmenu .disable {
	display: none;
}
.interactive-outer .interactive-inner #controls .scrollmenu.hide {
	display: none;
	z-index: 0;
}
.interactive-outer .interactive-inner #controls ul.dropmenu {
	list-style: none;
	position: relative;
	float: inherit;
	width: 170px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 3px solid #aeb5b7;/*@media*/
    /*@media*/
}
.interactive-outer .interactive-inner #controls ul.dropmenu li.state {
	background: #848A93 url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img/toggle_down.png') no-repeat 100%;
}
.interactive-outer .interactive-inner #controls ul.dropmenu li {
	user-select: none;
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: 500;
	padding: 1px 7px;
	margin: 0;
	width: 170px;
	cursor: inherit;
	background-color: #aeb5b7;
	color: #414B57;/*@media*/
}
.interactive-outer .interactive-inner #controls ul.dropmenu li:hover {
	background-color: #414B57;
	color: #aeb5b7;
}
}
.interactive-outer #drawer {
	display: none;
}
.interactive-outer h3 {
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: white;
	font-size: 14px;
	padding: 13px 0 0;
	letter-spacing: .2px;
}
.interactive-outer #overviewmap {
	float: left;
	height: 570px;
	width: 100%;
}
.interactive-outer #overviewmap h3 {
	clear: both;
}
.interactive-outer #overviewmap .sel {
	float: left;
}
.interactive-outer #overviewmap #chartarea {
	float: right;
	width: 67%;
	overflow: hidden;
}
.interactive-outer #overviewmap #usmap {
	height: 445px;
	letter-spacing: .6px;
}
.interactive-outer #overviewmap #usmap svg {
	margin: 0 0 4em;
}
.interactive-outer #overviewmap #usmap svg .usa {
	stroke: none;
}
.interactive-outer #overviewmap #usmap svg #USA.Legislation {
	fill: #9A4253;
}
.interactive-outer #overviewmap #usmap svg #USA.Development {
	fill: #52829E;
}
.interactive-outer #overviewmap #usmap svg #USA.Features {
	fill: #4Eb692;
}
.interactive-outer #overviewmap #usmap svg #USA.Housed {
	fill: #C27232;
}
.interactive-outer #overviewmap #usmap svg #USA.Processing {
	fill: #727276;
}
.interactive-outer #overviewmap #usmap svg #USA.EPB {
	fill: #ACA201;
}
.interactive-outer #overviewmap #usmap svg .txt, .interactive-outer #overviewmap #usmap svg .txtout {
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
	font-size: 18px;
	font-weight: 300;
}
.interactive-outer #overviewmap #usmap svg .txt {
	stroke: none;
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .txt.n {
	stroke: none;
	fill: #000;
}
.interactive-outer #overviewmap #usmap svg .txt.nr {
	stroke: none;
	fill: #000;
}
.interactive-outer #overviewmap #usmap svg .txt.y {
	fill: #fff;
}
.interactive-outer #overviewmap #usmap svg .txtout {
	stroke: none;
	fill: none;
}
.interactive-outer #overviewmap #usmap svg .txtout.nr {
	fill: #fff;
	stroke: #fff;
	stroke-width: 10px;
	stroke-miterlimit: 2;
}
.interactive-outer #overviewmap #usmap svg .map {
	stroke-miterlimit: 10;
	stroke: #848A93;
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smLegislation.y {
	fill: #9A4253;
}
.interactive-outer #overviewmap #usmap svg .map.smDevelopment.y {
	fill: #52829E;
}
.interactive-outer #overviewmap #usmap svg .map.smFeatures.y {
	fill: #4Eb692;
}
.interactive-outer #overviewmap #usmap svg .map.smHoused.y {
	fill: #C27232;
}
.interactive-outer #overviewmap #usmap svg .map.smProcessing.y {
	fill: #727276;
}
.interactive-outer #overviewmap #usmap svg .map.smEPB.y {
	fill: #ACA201;
}
.interactive-outer #overviewmap #usmap svg .map.smLegislation.n {
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .map.smDevelopment.n {
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .map.smFeatures.n {
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .map.smHoused.n {
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .map.smProcessing.n {
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .map.smEPB.n {
	fill: #ffffff;
}
.interactive-outer #overviewmap #usmap svg .map.smLegislation.x {
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smDevelopment.x {
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smFeatures.x {
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smHoused.x {
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smProcessing.x {
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smEPB.x {
	fill: #453740;
}
.interactive-outer #overviewmap #usmap svg .map.smLegislation.v {
	fill: #ab6f84;
}
.interactive-outer #overviewmap #usmap svg .map.smDevelopment.v {
	fill: #90b2c6;
}
.interactive-outer #overviewmap #usmap svg .map.smFeatures.v {
	fill: #96d4be;
}
.interactive-outer #overviewmap #usmap svg .map.smHoused.v {
	fill: #deb3a8;
}
.interactive-outer #overviewmap #usmap svg .map.smProcessing.v {
	fill: #a5a5a9;
}
.interactive-outer #overviewmap #usmap svg .map.smEPB.v {
	fill: #cbc89e;
}
.interactive-outer #overviewmap #usmap svg .map.smLegislation.nr {
	fill: url(#pat1);
}
.interactive-outer #overviewmap #usmap svg .map.smDevelopment.nr {
	fill: url(#pat1);
}
.interactive-outer #overviewmap #usmap svg .map.smFeatures.nr {
	fill: url(#pat1);
}
.interactive-outer #overviewmap #usmap svg .map.smHoused.nr {
	fill: url(#pat1);
}
.interactive-outer #overviewmap #usmap svg .map.smProcessing.nr {
	fill: url(#pat1);
}
.interactive-outer #overviewmap #usmap svg .map.smEPB.nr {
	fill: url(#pat1);
}
.interactive-outer #overviewmap #usmap svg .map.y {
	stroke: #D4D2D2;
}
.interactive-outer #overviewmap #Legislationsub span.selected {
	background-color: #9A4253;
}
.interactive-outer #overviewmap #Developmentsub span.selected {
	background-color: #53819d;
}
.interactive-outer #overviewmap #Featuressub span.selected {
	background-color: #4Eb692;
}
.interactive-outer #overviewmap #Housedsub span.selected {
	background-color: #C27232;
}
.interactive-outer #overviewmap #Processingsub span.selected {
	background-color: #727276;
}
.interactive-outer #overviewmap #EPBsub span.selected {
	background-color: #ACA201;
}
.interactive-outer #overviewmap #systemsmenu {
	float: left;
	width: 30%;
	clear: both;
}
.interactive-outer #overviewmap #systemsmenu .no-select, .interactive-outer #overviewmap #systemsmenu h2 {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	user-select: none;
}
@keyframes flipdown {
 0% {
 opacity: 0;
 transform-origin: top center;
 transform: rotateX(-90deg);
}
 5% {
 opacity: 1;
}
 80% {
 transform: rotateX(8deg);
}
 83% {
 transform: rotateX(6deg);
}
 92% {
 transform: rotateX(-3deg);
}
 100% {
 transform-origin: top center;
 transform: rotateX(0deg);
}
}
.interactive-outer #overviewmap #systemsmenu .transition {
	transition: all 0.25s ease-in-out;
}
.interactive-outer #overviewmap #systemsmenu + p {
	display: block;
	font-family: "Whitney SSm A", "Whitney SSm B", Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif;
	font-size: 12px;
	color: #F0F2F2;
	clear: both;
}
.interactive-outer #overviewmap #systemsmenu div.clear {
	cursor: pointer;
	background: transparent url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//x.png') no-repeat 0 2px;
	padding: 0px 0 0 14px;
	background-size: 13px;
	float: right;
}
.interactive-outer #overviewmap #systemsmenu h1, .interactive-outer #overviewmap #systemsmenu h2 {
	color: #F0F2F2;
	font-size: 14px;
	font-family: "MuseoSlab 500", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0px;
	padding: 12px 10px 8px 10px;
	line-height: 15px;
	letter-spacing: .1px;
}
.interactive-outer #overviewmap #systemsmenu p {
	transition: all 0.25s ease-in-out;
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	margin: 0;
	z-index: 2;
	background-color: #3c3038;
	padding: 0px;
}
.interactive-outer #overviewmap #systemsmenu p span.smenu {
	display: block;
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 3px 10px;
    line-height: 15px;
    border-top: 1px solid #5a6573;
    letter-spacing: .5px;
    font-weight: 100;
    font-size: 12px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.interactive-outer #overviewmap #systemsmenu ul {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
	clear: both;
}
.interactive-outer #overviewmap #systemsmenu ul li {
	position: relative;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	padding-top: 0;
	border-bottom: 1px solid #3c3038;
	z-index: 2;
}
.interactive-outer #overviewmap #systemsmenu ul li i {
	position: absolute;
	transform: translate(0px, 0);
	margin-top: 0px;
	padding: 17px 14px 14px 18px;
	right: 0;
	background-color: rgba(0, 0, 0, 0.15);
	height: 35px;
	width: 35px;
}
.interactive-outer #overviewmap #systemsmenu ul li i:before, .interactive-outer #overviewmap #systemsmenu ul li i:after {
	content: "";
	transition: all 0.25s ease-in-out;
	position: absolute;
	background-color: white;
}
.interactive-outer #overviewmap #systemsmenu ul li i:before {
	width: 14px;
	height: 3px;
	transform: translate(-6px, -2px);
}
.interactive-outer #overviewmap #systemsmenu ul li i:after {
	width: 3px;
	height: 14px;
	transform: translate(0px, -7px) rotate(90deg);
}
.interactive-outer #overviewmap #systemsmenu ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
.interactive-outer #overviewmap #systemsmenu ul li input[type=checkbox]:checked ~ p {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}
.interactive-outer #overviewmap #systemsmenu ul li input[type=checkbox]:checked ~ i:after {
	transform: translate(-1px, -7px) rotate(0deg);
}
.interactive-outer #overviewmap #maptitle {
	font-size: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #777F87;
}
.interactive-outer #overviewmap #maptitle span.mttl {
	content: ' ';
	height: 20px;
	width: 20px;
	border: 1px solid white;
	float: left;
	margin: 4px 4px 0 0;
	background-color: #F0F2F2;
}
.interactive-outer #overviewmap #maptitle span.mttl.Legislation {
	background-color: #9A4253;
}
.interactive-outer #overviewmap #maptitle span.mttl.Development {
	background-color: #52829E;
}
.interactive-outer #overviewmap #maptitle span.mttl.Features {
	background-color: #4Eb692;
}
.interactive-outer #overviewmap #maptitle span.mttl.Housed {
	background-color: #C27232;
}
.interactive-outer #overviewmap #maptitle span.mttl.Processing {
	background-color: #727276;
}
.interactive-outer #overviewmap #maptitle span.mttl.EPB {
	background-color: #ACA201;
}
.interactive-outer #overviewmap #maptitle span.mtxt {
	font-size: 1.5em;
	font-weight: bolder;
	display: inline-block;
	white-space: normal;
	padding: 5px 0 0 0;
	line-height: 1.2em;
	letter-spacing: .6px;
}
.interactive-outer #overviewmap #mapnote, .interactive-outer #overviewmap #maplegend {
	margin: .5em 0;
}
.interactive-outer #overviewmap #maplegend {
	display: block;
	float: left;
	width: 220px;
	clear: both;
	padding: 0;
}
.interactive-outer #overviewmap #maplegend #y .i {
	background-color: #F0F2F2;
}
.interactive-outer #overviewmap #maplegend #n .i {
	background-color: #414B57;
}
.interactive-outer #overviewmap #maplegend #v .i {
	background-color: #414B57;
}
.interactive-outer #overviewmap #maplegend #x .i {
	background-color: #414B57;
}
.interactive-outer #overviewmap #maplegend #nr .i {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png');
}
.interactive-outer #overviewmap #maplegend #y .i.Legislation {
	background-color: #9A4253;
}
.interactive-outer #overviewmap #maplegend #y .i.Development {
	background-color: #52829E;
}
.interactive-outer #overviewmap #maplegend #y .i.Features {
	background-color: #4Eb692;
}
.interactive-outer #overviewmap #maplegend #y .i.Housed {
	background-color: #C27232;
}
.interactive-outer #overviewmap #maplegend #y .i.Processing {
	background-color: #727276;
}
.interactive-outer #overviewmap #maplegend #y .i.EPB {
	background-color: #ACA201;
}
.interactive-outer #overviewmap #maplegend #n .i.Legislation {
	background-color: #ffffff;
}
.interactive-outer #overviewmap #maplegend #n .i.Development {
	background-color: #ffffff;
}
.interactive-outer #overviewmap #maplegend #n .i.Features {
	background-color: #ffffff;
}
.interactive-outer #overviewmap #maplegend #n .i.Housed {
	background-color: #ffffff;
}
.interactive-outer #overviewmap #maplegend #n .i.Processing {
	background-color: #ffffff;
}
.interactive-outer #overviewmap #maplegend #n .i.EPB {
	background-color: #ffffff;
}
.interactive-outer #overviewmap #maplegend #x .i.Legislation {
	background: #453740;
}
.interactive-outer #overviewmap #maplegend #x .i.Development {
	background: #453740;
}
.interactive-outer #overviewmap #maplegend #x .i.Features {
	background: #453740;
}
.interactive-outer #overviewmap #maplegend #x .i.Housed {
	background: #453740;
}
.interactive-outer #overviewmap #maplegend #x .i.Processing {
	background: #453740;
}
.interactive-outer #overviewmap #maplegend #x .i.Processing {
	background: #453740;
}
.interactive-outer #overviewmap #maplegend #v .i.Legislation {
	background-color: #ab6f84;
}
.interactive-outer #overviewmap #maplegend #v .i.Development {
	background-color: #90b2c6;
}
.interactive-outer #overviewmap #maplegend #v .i.Features {
	background-color: #96d4be;
}
.interactive-outer #overviewmap #maplegend #v .i.Housed {
	background-color: #deb3a8;
}
.interactive-outer #overviewmap #maplegend #v .i.Processing {
	background-color: #a5a5a9;
}
.interactive-outer #overviewmap #maplegend #v .i.EPB {
	background-color: #cbc89e;
}
.interactive-outer #overviewmap #maplegend #nr .i.Legislation {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png') #9A4253;
}
.interactive-outer #overviewmap #maplegend #nr .i.Development {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png') #52829E;
}
.interactive-outer #overviewmap #maplegend #nr .i.Features {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png') #4Eb692;
}
.interactive-outer #overviewmap #maplegend #nr .i.Housed {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png') #C27232;
}
.interactive-outer #overviewmap #maplegend #nr .i.Processing {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png') #727276;
}
.interactive-outer #overviewmap #maplegend #nr .i.EPB {
	background: url('/~/media/data-visualizations/interactives/2016/pollbook/assets/img//patt01.png') #ACA201;
}
.interactive-outer #overviewmap #maplegend .legend {
	display: table-cell;
	padding: 2px 28px 0px 0px;
	margin-top: 1em;
	white-space: nowrap;
}
.interactive-outer #overviewmap #maplegend .legend#x, .interactive-outer #overviewmap #maplegend .legend#p {
	display: none;
}
.interactive-outer #overviewmap #maplegend .legend#x.show, .interactive-outer #overviewmap #maplegend .legend#p.show {
	display: table-cell;
}
.interactive-outer #overviewmap #maplegend .legend .i {
	content: ' ';
	height: 20px;
	width: 20px;
	/* border: 1px solid white; */
	float: left;
	margin: 3px 5px 9px 0;
}
.interactive-outer #overviewmap #maplegend .legend .ltxt {
	display: inline-block;
	white-space: nowrap;
	max-width: 374px;
	padding: 7px 15px 0 0;
	line-height: 1.2em;
	letter-spacing: .6px;
}
.interactive-outer #overviewmap #maplegend .legend:last-child {
	padding: 0;
}
.interactive-outer #overviewmap #mapnotewrap {
	float: left;
	width: 56%;
	display: table-row;
	padding: 5px 0 0 14px;
	margin-left: 3%;
}
.interactive-outer #overviewmap #mapnoteTitle {
	display: table-cell;
	margin: 7px 0px 9px 28px;
	font-weight: 600;
}
.interactive-outer #overviewmap #mapnote {
	display: table-cell;
}
.interactive-outer #overviewmap #mapnote .note {
	padding: 6px 15px 0px 1em;
	margin: 0;
	line-height: 1.2em;
	position: relative;
}

@media only screen and (min-width: 720px) {
.phone-only {
	display: none !important;
}
}

@media only screen and (max-width: 719px) {
.sub td:first-child {
	display: none;
}
.hide-on-phone {
	display: none !important;
}
}

@media screen {
.print-only {
	display: none !important;
}
}

@media print {
.hide-on-print {
	display: none !important;
}
}
.rich-text .interactive-outer #table {
	clear: both;
}