html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll
}
.hidden {
	display: none
}
.no-js-show {
	display: none
}
.no-js .no-js-show {
	display: block
}
.mobile-message {
	font-size: 0.875em;
	margin-top: 20px
}

@media print {
.mobile-message {
	display: none !important
}
}
#epiWrapper *, #epiWrapper *:before, #epiWrapper *:after {
	box-sizing: border-box
}
#epiWrapper table {
	margin: 0
}
#epiWrapper .epiView {
	display: none;
	clear: left;
	overflow: hidden;
	position: relative
}
#epiWrapper .epiView:after {
	clear: both;
	content: '';
	display: table
}
#epiWrapper .content {
	position: relative
}
.infoIcon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 5px;
	background: url("/~/media/data-visualizations/interactives/2016/epi/images/info-icon.png") no-repeat center;
	width: 17px;
	height: 16px;
	cursor: pointer
}
.infoIcon:after {
	content: '';
	display: inline-block;
	background: url("/~/media/data-visualizations/interactives/2016/epi/images/info-icon-hover.png") no-repeat center;
	width: 17px;
	height: 16px;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s
}
.infoIcon:hover:after {
	opacity: 1
}
.infoTooltip {
	position: absolute;
	left: 0;
	opacity: 0;
	z-index: 200;
	font-size: 10px;
	width: 300px;
	padding: 5px 10px;
	pointer-events: none;
	background-color: rgba(236,242,243,0.9)
}
#aboutLinks ul {
	list-style: none;
	overflow: hidden;
	padding-left: 0
}
#aboutLinks ul li {
	float: left;
	margin-bottom: 0;
	margin-right: 10px
}
#aboutLinks ul li:last-child {
	margin-right: 0
}
#aboutLinks ul a {
	color: #3297cf;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600
}
.mapSelector {
	text-align: left
}
.mapSelector path {
	-webkit-transition: fill 0.2s;
	transition: fill 0.2s;
	cursor: pointer
}
.mapSelector path:hover {
	fill: #357CA7
}
.mapSelector path.active {
	fill: #1d435a
}
.menuSecondary>.tooltip, .content>.tooltip {
	text-align: center;
	font-size: 12px;
	position: absolute;
	top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 4px;
	background-color: #1d435a;
	color: #fff;
	line-height: 12px;
	width: 90px;
	min-height: 20px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out
}
.menuSecondary>.tooltip:after, .content>.tooltip:after {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	width: 0;
	bottom: -5px;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 5px #1d435a solid
}
#titles .sectionTitle {
	color: #377481;
	font-size: 30px
}
.contentSection {
	margin-top: 30px;
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	width: 100%;
	z-index: 100
}

@media all and (min-width: 60em) {
.contentSection {
	float: left;
	margin-left: -255px;
	margin-top: 0;
	overflow: visible;
	padding-left: 265px;
	width: 100%
}
}

@media print {
.contentSection {
	float: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important
}
}
.contentSection-wrap {
	position: relative
}
.menuSecondarySection .menuSecondary:first-child {
	padding-top: 10px
}

@media all and (min-width: 60em) {
.menuSecondarySection {
	float: left;
	position: relative;
	width: 255px;
	z-index: 200
}
}

@media print {
.menuSecondarySection {
	float: none !important;
	width: auto !important
}
}
.leftLongArrow {
	width: 100px;
	display: inline-block;
	border-top: 2px solid #1d435a;
	margin-right: 5px;
	position: relative;
	bottom: 4px
}
.leftLongArrow:after {
	content: '';
	display: block;
	position: absolute;
	top: -9px;
	left: -12px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 12px solid #1d435a
}
.contentSection .selectPointer {
	background-color: #ecf2f3;
	font-weight: 300;
	padding: 20px;
	text-align: center;
	font-size: 20px
}
.contentSection .selectPointer p {
	display: inline-block;
	max-width: 20em;
	padding: 0;
	margin: 0
}
#loadingView {
	padding: 30px 0;
	text-align: center
}
.no-js #loadingView {
	display: none
}
#comparisonView #comparisonStateSelect {
	padding-top: 10px
}
#comparisonView .contentSection #compareContent {
	display: none
}
#comparisonView .averageLabel {
	position: relative;
	right: 5px;
	top: 5px;
	text-align: right;
	padding: 10px 0;
	vertical-align: middle;
	font-size: 10px;
	float: right;
	margin-left: 35px
}
#comparisonView .averageLabel .averageCompare {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 13px;
	margin-left: 9px;
	background-color: #1d435a;
	position: relative;
	margin-top: -17px;
	margin-right: 5px
}
#comparisonView .averageLabel .averageCompare:before {
	content: '';
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	bottom: -8px;
	right: -4px;
	background-color: inherit
}
#comparisonView .contentSection .selectPointer .leftLongArrow {
	vertical-align: top;
	top: 28px
}
#comparisonView .contentSection .statesComparing {
	background-color: #eaf1f2;
	font-size: 12px;
	padding: 5px 8px;
	text-align: center;
	margin-top: 15px;
	display: none
}
#comparisonView .contentSection .statesComparing .state {
	font-weight: bold
}
#comparisonView .contentSection .compareGraph {
	border-spacing: 0
}
#comparisonView .contentSection .compareGraph tr {
	-webkit-transition: all 0.1s;
	transition: all 0.1s
}
#comparisonView .contentSection .compareGraph tr:hover {
	background-color: #F9FBFB
}
#comparisonView .contentSection .compareGraph tr .indicatorName {
	text-align: right;
	padding: 0 5px;
	width: 160px;
	font-size: 0.8em
}
#comparisonView .contentSection .compareGraph tr .graph {
	position: relative;
	display: block;
	min-height: 70px
}
#comparisonView .contentSection .compareGraph tr .graph .axis {
	stroke: #8e98a5;
	stroke-width: 1px;
	fill: none
}
#comparisonView .contentSection .compareGraph .graph .stalk {
	stroke: #1d435a;
	stroke-width: 0.5px
}
#comparisonView .contentSection .compareGraph .graph .stateLabel .body {
	stroke: #1d435a;
	stroke-width: 0.5px;
	fill: #fff;
	-webkit-transition: fill 0.2s;
	transition: fill 0.2s
}
#comparisonView .contentSection .compareGraph .graph .tooltip {
	font-size: 10px;
	padding: 2px;
	margin-left: -34px;
	color: #fff;
	text-align: right;
	z-index: 100;
	position: absolute;
	opacity: 1;
	background-color: #1d435a
}
#comparisonView .contentSection .compareGraph .graph .stateLabel.negative .body {
	fill: #b08193
}
#comparisonView .contentSection .compareGraph .graph .stateLabel.positive .body {
	fill: #eaf1f2
}
#comparisonView .contentSection .compareGraph .graph .stateLabel.active .body {
	fill: #1d435a
}
#comparisonView .contentSection .compareGraph .graph .stateLabel.active .stateLabel {
	fill: #fff
}
#comparisonView .contentSection .compareGraph .graph .stateLabel text {
	font-size: 11px
}
#comparisonView .contentSection .compareGraph .graph .stateLabel.negative .stateLabel {
	fill: #fff
}
#comparisonView .contentSection .compareGraph .graph .stateLabel.postive .stateLabel {
	fill: #1d435a
}
#comparisonView .contentSection .compareGraph .graph .state.negative .stateValue {
	fill: #b08193
}
#comparisonView .contentSection .compareGraph .graph .state.postive .stateValue {
	fill: #eaf1f2
}
#comparisonView .contentSection .compareGraph .graph .value, #comparisonView .contentSection .compareGraph .graph .minVal, #comparisonView .contentSection .compareGraph .graph .maxVal {
	font-size: 10px;
	pointer-events: none;
	fill: #8e98a5
}
#comparisonView .contentSection .compareGraph .graph .minVal {
	fill: #8e4b65
}
#comparisonView .contentSection .compareGraph .graph .maxVal {
	fill: #5ba2ca
}
#comparisonView .contentSection .compareGraph .graph .averageValue {
	fill: #1d435a
}
#comparisonView .compareUI {
	display: none
}
#comparisonView h2.years {
	text-align: center;
	margin: 20px 0 0px;
	font-size: 18px;
	font-weight: 500
}
#comparisonView .worseImprovedLabel {
	width: 486px;
	height: 12px;
	background: url("/~/media/data-visualizations/interactives/2016/epi/images/compareWorseImproveKey.png") 0 0 no-repeat;
	margin-top: 35px;
	margin-left: 170px
}
#comparisonView .compareMidLine {
	pointer-events: none;
	stroke: #bdc2ca
}
#comparisonView .faded {
	opacity: 0.5
}
#comparisonView .faded2 {
	opacity: 0.5
}
#comparisonView .faded2 svg {
	opacity: 0
}
#comparisonView .faded svg * {
	opacity: 0 !important
}
#comparisonView .faded svg .compareMidLine {
	opacity: 1
}
#comparisonView .tooltip {
	font-size: 10px;
	position: absolute;
	background: rgba(0,0,0,0.7);
	text-align: center;
	padding: 5px 10px;
	opacity: 0;
	pointer-events: none;
	min-width: 140px;
	z-index: 100;
	transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out
}
#comparisonView svg {
	overflow: hidden
}
#comparisonView #comparisonGroupToggle .id-1 {
	background-color: #b4503b
}
#comparisonView #comparisonGroupToggle .id-2 {
	background-color: #8e4b65
}
#comparisonView #comparisonGroupToggle .id-3 {
	background-color: #377481
}
#comparisonView #comparisonGroupToggle .id-4 {
	background-color: #358e6c
}
#comparisonView #comparisonGroupToggle .id-1:hover {
	background-color: rgba(180,80,59,0.9)
}
#comparisonView #comparisonGroupToggle .id-2:hover {
	background-color: rgba(142,75,101,0.9)
}
#comparisonView #comparisonGroupToggle .id-3:hover {
	background-color: rgba(55,116,129,0.9)
}
#comparisonView #comparisonGroupToggle .id-4:hover {
	background-color: rgba(53,142,108,0.9)
}
#comparisonView .id-1:after {
	background-color: transparent !important
}
#comparisonView #comparisonGroupToggle .id-2:after {
	background-color: transparent !important
}
#comparisonView #comparisonGroupToggle .id-3:after {
	background-color: transparent !important
}
#comparisonView #comparisonGroupToggle .id-4:after {
	background-color: transparent !important
}
#comparisonView #comparisonGroupToggle .toggleButtons li {
	color: white
}
#comparisonView .averageLabel1 .averageCompare:before {
	background-color: #b4503b
}
#comparisonView .averageLabel2 .averageCompare:before {
	background-color: #8e4b65
}
#comparisonView .averageLabel3 .averageCompare:before {
	background-color: #377481
}
#comparisonView .averageLabel4 .averageCompare:before {
	background-color: #358e6c
}
#comparisonView .averageLabel1, #comparisonView .averageLabel2, #comparisonView .averageLabel3, #comparisonView .averageLabel4 {
	display: none
}
#comparisonView .regionAverageID1 rect {
	fill: #b4503b
}
#comparisonView .regionAverageID2 rect {
	fill: #8e4b65
}
#comparisonView .regionAverageID3 rect {
	fill: #377481
}
#comparisonView .regionAverageID4 rect {
	fill: #358e6c
}
#comparisonView .groupContainers {
	margin-top: 10px
}
#comparisonView .groupContainers li {
	color: white
}
#comparisonView .connectingLine {
	stroke: #1D435C;
	stroke-width: 0.5;
	display: none
}
#comparisonView .connectingPath {
	stroke: #1D435C;
	stroke-width: 0.5;
	fill: none
}
#comparisonView .compareKey {
	font-size: 10px;
	font-style: italic;
	border-top: 1px solid #C6CBD2;
	width: 451px;
	margin-top: 35px;
	left: 185px;
	position: relative;
	text-align: center
}
#comparisonView .compareKey:before, #comparisonView .compareKey:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0
}
#comparisonView .compareKey:before {
	top: -4px;
	left: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #8e98a5
}
#comparisonView .compareKey:after {
	top: -4px;
	right: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #8e98a5
}
#comparisonView .compareKey span {
	position: relative;
	top: -8px;
	background-color: #fff;
	padding: 0 2px
}
#comparisonView .compareKey .worst {
	color: #8e4b65;
	float: left;
	margin-left: 10px
}
#comparisonView .compareKey .best {
	color: #3297cf;
	float: right;
	margin-right: 10px
}
#comparisonView .averageLabel svg {
	float: right;
	margin-top: -9px;
	margin-left: 5px
}
#comparisonView .averageLabel line {
	stroke-width: 0.5;
	stroke: #1d435a
}
#comparisonView .menuSecondarySection section svg {
	margin-left: 5px;
	vertical-align: baseline
}

@media all and (min-width: 41.875em) {
#comparisonMobileMessage {
	display: none
}
}
.footerLinks {
	font-weight: bold;
	list-style: none;
	margin-top: 20px;
	overflow: hidden;
	padding-left: 0
}
.footerLinks li {
	float: left;
	color: #8e98a5;
	padding: 0px 10px;
	text-align: center
}
#howTo nav {
	z-index: 200;
	position: relative;
	margin-bottom: 15px
}
#howTo p {
	font-size: 12px
}
#howTo nav a {
	cursor: pointer;
	color: #3297cf;
	font-size: 14px;
	text-decoration: none;
	margin-right: 10px
}
#howTo nav a:hover {
	color: #2779A6
}
#howTo nav a.active {
	text-decoration: underline
}
#howTo .howtoContent {
	overflow-y: scroll;
	max-height: 400px;
	margin-bottom: 20px
}
.no-js #howTo .howtoContent {
	max-height: none;
	overflow: hidden
}
#howTo .howtoContent p, #howTo .content h2, #howTo .content hr {
	clear: both
}
#howTo .howtoContent hr {
	margin: 40px 10px 40px 0;
	border-color: #bdc6d2;
	clear: both
}
#howTo .howtoContent img {
	float: left;
	border: 1px solid #dddddd;
	padding: 5px;
	margin: 0 10px 20px 0
}
#indicatorProfileView .tooltip {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	display: none
}
#indicatorProfileView .contentSection p {
	margin: 1em 0;
	padding: 0
}
#indicatorProfileView .contentSection a {
	color: #3297cf;
	font-weight: bold
}
#indicatorProfileView .contentSection #indicatorHeatmap {
	clear: both;
	display: block;
	margin: 15px auto 0
}
#indicatorProfileView .contentSection #indicatorDescription {
	width: 400px;
	margin-right: 15px;
	float: left;
	line-height: 1.75em;
	margin-bottom: 20px;
	font-size: 13px
}
#indicatorProfileView .contentSection aside {
	float: left;
	font-size: 12px
}
#indicatorProfileView .contentSection aside>ul {
	margin: 0;
	padding: 0
}
#indicatorProfileView .contentSection aside>ul>li {
	-moz-box-sizing: border-box;
	background-color: #eaf1f2;
	box-sizing: border-box;
	display: block;
	line-height: 1.75;
	list-style: none;
	margin-bottom: 20px;
	padding: 10px 15px;
	width: 240px
}
#indicatorProfileView .contentSection aside>ul>li>ul {
	padding: 0 10px;
	font-size: 11px
}
#indicatorProfileView .contentSection aside>ul>li li {
	list-style-type: disc;
	margin: 10px 5px;
	padding: 0
}
#indicatorProfileView #indicatorBars .label {
	font-size: 12px;
	text-anchor: middle;
	fill: #3d90bf
}
#indicatorProfileView #indicatorBars .bar {
	cursor: pointer
}
#indicatorProfileView #indicatorHeatmap path {
	cursor: pointer
}
#indicatorProfileView #indicatorScale .lbl {
	font-size: 11px;
	fill: #000
}
#indicatorProfileView #indicatorScale .maxValLbl {
	text-anchor: end
}
#indicatorProfileView #indicatorScale .stateTick text {
	text-anchor: middle;
	font-size: 11px;
	fill: #cccccc;
	display: none
}
#indicatorProfileView #indicatorScale .stateTick line {
	stroke: #cccccc
}
#indicatorProfileView #indicatorScale .stateTick.hoverOver text {
	display: block !important
}
#indicatorProfileView #indicatorScale .oltGroup.fadeOut rect {
	fill: #f0f0f0 !important
}
#indicatorProfileView .oltKey {
	text-align: right;
	font-size: 10px;
	margin-bottom: 10px
}
#indicatorProfileView .oltKeyItem {
	clear: both;
	padding-bottom: 14px
}
#indicatorProfileView .oltKeyItem .name {
	float: right
}
#indicatorProfileView .oltKeyItem .block {
	float: right;
	display: block;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	margin-top: 2px
}
#indicatorProfileView .rankKey {
	font-size: 10px;
	font-style: italic;
	border-top: 1px solid #C6CBD2;
	width: 623px;
	margin-left: 18px;
	position: relative;
	text-align: center;
	margin-top: 2px
}
#indicatorProfileView .rankKey:before, #indicatorProfileView .rankKey:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0
}
#indicatorProfileView .rankKey:before {
	top: -4px;
	left: -6px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #8e98a5
}
#indicatorProfileView .rankKey:after {
	top: -4px;
	right: -6px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #8e98a5
}
#indicatorProfileView .rankKey span {
	position: relative;
	top: -8px;
	background-color: #fff;
	padding: 0 2px
}
#indicatorProfileView .rankKey .worst {
	color: #8e4b65;
	float: left;
	margin-left: 10px
}
#indicatorProfileView .rankKey .best {
	color: #3297cf;
	float: right;
	margin-right: 10px
}

@media print {
#indicatorView .contentSection {
	margin-top: 0
}
}
#indicatorView th, #indicatorView td {
	padding: 0
}

@media print {
#indicatorView .yearBar:before {
	display: none
}
}
#indicatorView #indicatorSelect .toggleButtons .indicatorVal {
	background-color: #fff;
	color: #2383af;
	left: 230px;
	position: absolute
}
#indicatorView #heatmap .tooltip {
	background-color: rgba(29,67,90,0.7);
	padding-bottom: 10px;
	width: 220px;
	z-index: 200
}
#indicatorView #heatmap .tooltip:after {
	display: none
}
#indicatorView #heatmap .tooltip .name {
	display: block;
	text-align: center;
	padding: 5px 0;
	text-transform: uppercase
}
#indicatorView #heatmap .tooltip .rank {
	padding: 0 5px;
	font-size: 11px;
	text-align: left;
	line-height: 14px
}
#indicatorView #heatmap .tooltip .score {
	padding: 0 5px;
	font-size: 11px;
	text-align: left;
	line-height: 14px
}
#indicatorView .contentSection .tooltip {
	background-color: rgba(29,67,90,0.8);
	color: #fff;
	display: none;
	font-size: 12px;
	left: 116px;
	opacity: 0;
	padding: 8px 10px;
	position: absolute;
	width: 200px;
	z-index: 10
}
#indicatorView .contentSection .tooltip .rank, #indicatorView .tooltip .score {
	margin-bottom: 10px
}
#indicatorView .contentSection .tooltip .score {
	float: right;
	text-align: right
}
#indicatorView .contentSection .tooltip .state-btn {
	background-color: #5ba2ca;
	clear: both;
	color: #fff;
	display: block;
	margin-top: 5px;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none
}
#indicatorView #indicatorGraph {
	position: relative
}
#indicatorView .compareYearLabels {
	display: none;
	opacity: 0;
	max-width: 655px
}
#indicatorView .compareYearLabels .compareYear {
	/* font-family: "Tungsten Cond A", "Tungsten Cond B", "Tungsten A", "Tungsten B"; */
	font-size: 28px;
	font-weight: normal;
	margin: 10px 0;
	padding-left: 5px;
	padding-right: 5px;
	width: 116px
}
#indicatorView .compareYearLabels .compareYear.firstYear {
	float: left;
	text-align: right
}

@media print {
#indicatorView .compareYearLabels .compareYear.firstYear {
	text-align: left !important
}
}

@media all and (max-width: 42.75em) {
#indicatorView .compareYearLabels .compareYear.firstYear:after {
	content: " -"
}
}

@media print {
#indicatorView .compareYearLabels .compareYear.firstYear:after {
	display: none
}
}
#indicatorView .compareYearLabels .compareYear.secondYear {
	float: right;
	text-align: left
}

@media all and (max-width: 42.75em) {
#indicatorView .compareYearLabels .compareYear.secondYear {
	float: left
}
}

@media print {
#indicatorView .compareYearLabels .compareYear.secondYear {
	float: left;
	margin-left: 83px
}
}
#indicatorView .ranks {
	opacity: 0;
	-webkit-transition: visibility 0s linear 250ms, opacity 250ms;
	transition: visibility 0s linear 250ms, opacity 250ms;
	visibility: hidden;
	/* float: left; */
	height: 1028px;
	margin: 0;
	position: relative
}
#indicatorView .ranks.is-active {
	opacity: 1;
	visibility: visible;
	-webkit-transition: visibility 0s linear 0s, opacity 250ms;
	transition: visibility 0s linear 0s, opacity 250ms
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks {
	height: auto
}
}
#indicatorView .ranks.compare2 {
	display: none;
	float: left;
	width: auto
}
#indicatorView .ranks.compare2.is-active {
	display: table;
	clear: none;
}
#indicatorView .ranks.compare2 .state-name {
	color: #333;
	text-align: left
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks.compare2 .state-name {
	text-align: right
}
}

@media print {
#indicatorView .ranks.compare2 .state-name {
	text-align: left !important
}
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks.compare2 {
	color: #8e98a5
}
#indicatorView .ranks.compare2 .improved {
	color: #5ba2ca
}
#indicatorView .ranks.compare2 .worsened {
	color: #8e4b65
}
}

@media all and (min-width: 60em) {
#indicatorView .ranks tr {
	position: absolute;
	width: 100%
}
}
#indicatorView .ranks tr:hover, #indicatorView .ranks tr:focus, #indicatorView .ranks tr:active {
	cursor: pointer
}
#indicatorView .ranks tr:hover .bar, #indicatorView .ranks tr:focus .bar, #indicatorView .ranks tr:active .bar {
	background-color: #777 !important
}

@media print {
#indicatorView .ranks tr {
	page-break-inside: avoid;
	position: static !important
}
}
#indicatorView .ranks td {
	font-size: 0.75rem;
	height: 20px;
	padding: 0 5px;
	vertical-align: middle
}
#indicatorView .ranks .state-name {
	max-width: 116px;
	min-width: 116px;
	overflow: hidden;
	text-align: right;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	white-space: nowrap
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks .state-name {
	height: auto
}
}

@media all and (min-width: 60em) {
#indicatorView .ranks .state-name {
	padding-bottom: 0;
	padding-top: 0
}
}

@media print {
#indicatorView .ranks .state-name {
	padding-bottom: 3px;
	padding-top: 3px
}
}
#indicatorView .ranks .DC .state-name {
	font-size: 0.6875rem
}
#indicatorView .ranks tr:hover .state-name, #indicatorView .ranks tr.active .state-name {
	color: white
}
#indicatorView .ranks .barContainer {
	padding-right: 38px
}
#indicatorView .ranks .bar {
	background-color: #ecf2f3;
	height: 18px;
	position: relative;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out, top 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out, top 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
	width: 0
}
#indicatorView .ranks .bar-value {
	font-size: 0.75rem;
	position: absolute;
	right: -36px
}
#indicatorView .ranks .bar-diff {
	padding-left: 5px;
	padding-right: 5px;
	width: auto
}

@media all and (min-width: 42.8125em) {
#indicatorView .ranks .bar-diff {
	display: none
}
}

@media print {
#indicatorView .ranks .bar-diff {
	display: block
}
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks.is-compare.compare1 {
	display: none
}
}

@media print {
#indicatorView .ranks.is-compare.compare1 {
	display: block
}
}
#indicatorView .ranks.is-compare .barContainer {
	display: none
}

@media print {
#indicatorView .ranks.is-compare .barContainer {
	display: block;
	width: auto
}
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks.is-compare td {
	padding-bottom: 2px;
	padding-top: 2px
}
}
#indicatorView .ranks.is-compare.ranks {
	width: 116px
}
#indicatorView .ranks.is-compare {
	float: left !important;
}

@media all and (max-width: 42.75em) {
#indicatorView .ranks.is-compare.ranks {
	width: auto
}
}

@media print {
#indicatorView .ranks.is-compare.ranks {
	width: auto !important
}
}

@media print {
#indicatorView .ranks.is-compare.ranks.compare2 {
	margin-right: 0;
	width: 230px
}
}
#indicatorView .ranks tr:hover .state-name, #indicatorView .compare1 tr.improved.active .state-name, #indicatorView .compare1 tr.improved.hover .state-name, #indicatorView .compare2 tr.improved.active .state-name, #indicatorView .compare2 tr.improved.hover .state-name {
	background-color: #5ba2ca
}
#indicatorView .compare1 tr.worsened:hover .state-name, #indicatorView .compare1 tr.worsened.active .state-name, #indicatorView .compare2 tr.worsened:hover .state-name, #indicatorView .compare2 tr.worsened.active .state-name {
	background-color: #8e4b65
}
#indicatorView .compare1 tr.noChange:hover .state-name, #indicatorView .compare1 tr.noChange.active .state-name, #indicatorView .compare2 tr.noChange:hover .state-name, #indicatorView .compare2 tr.noChange.active .state-name {
	background-color: #8e98a5
}
#indicatorView .compare1 tr.inactive .state-name, #indicatorView .compare2 tr.inactive .state-name {
	color: #bbb
}
#indicatorView .compare1 tr.inactive:hover .state-name, #indicatorView .compare2 tr.inactive:hover .state-name, #indicatorView .compare1 tr.inactive:active .state-name, #indicatorView .compare2 tr.inactive:active .state-name {
	background: none
}
#indicatorView #compareYears {
	display: none;
	float: left
}

@media all and (max-width: 42.75em) {
#indicatorView #compareYears {
	display: none !important
}
}

@media print {
#indicatorView #compareYears {
	display: none !important
}
}
#indicatorView .compareRow:after {
	clear: both;
	content: '';
	display: table
}
#indicatorView .compareGraph {
	display: none;
	float: left
}
#indicatorView .compareLegend {
	color: #8e98a5;
	display: none;
	font-size: 11px;
	text-align: right
}
#indicatorView .compareLegend ul {
	list-style: none;
	overflow: hidden;
	margin: 10px 0 15px;
	padding: 0
}
#indicatorView .compareLegend li {
	float: left;
	margin-bottom: 0;
	margin-right: 10px
}
#indicatorView .compareLegend li:last-child {
	margin-right: 0
}
#indicatorView .compareLegend .legendSquare {
	height: 6px;
	width: 12px;
	background-color: #f2f2f2;
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle
}
#indicatorView .compareLegend .legendLine {
	width: 40px;
	min-height: 2px;
	background-color: #1d435a;
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle
}

@media screen and (max-width: 43.125em) {
#indicatorProfileView #indicatorProfileContent .yearBar, #indicatorProfileView #indicatorProfileContent #indicatorHeatmap, #indicatorProfileView #indicatorProfileContent #indicatorBars, #indicatorProfileView #indicatorProfileContent .rankKey, #indicatorProfileView #indicatorProfileContent #indicatorScale, #indicatorProfileView #indicatorProfileContent .oltKey {
	display: none !important
}
}

@media all and (max-width: 43.125em) {
#indicatorProfileView #indicatorDescription, #indicatorProfileView .contentSection {
	clear: left;
	float: none !important;
	margin-left: 0;
	margin-top: 20px;
	overflow: hidden;
	width: 100% !important
}
#indicatorProfileView #indicatorDescription aside, #indicatorProfileView .contentSection aside {
	float: none !important;
	width: 100% !important
}
#indicatorProfileView #indicatorDescription aside>ul>li, #indicatorProfileView .contentSection aside>ul>li {
	width: 100%
}
#indicatorProfileView #indicatorDescription aside>ul>li>ul, #indicatorProfileView .contentSection aside>ul>li>ul {
	font-size: 0.8rem
}
}
#introView .introTitle {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	margin: 30px 0
}
#introView .introButtons {
	clear: both;
	display: none;
	padding: 0
}

@media all and (min-width: 23.75em) {
#introView .introButtons {
	margin-left: -10px
}
}
#introView .introButtons li {
	color: #fff;
	display: block;
	position: relative;
	text-align: center
}

@media all and (min-width: 23.75em) {
#introView .introButtons li {
	float: left;
	padding-left: 10px;
	width: 50%
}
}

@media all and (min-width: 37.5em) {
#introView .introButtons li {
	width: 33.333333%
}
}

@media all and (min-width: 58.75em) {
#introView .introButtons li {
	width: 20%
}
}
#introView .introButtons li div {
	background-position: 50% 70%;
	background-position: center bottom 30px;
	background-repeat: no-repeat;
	min-height: 170px;
	padding: 20px;
	position: relative
}
#introView .introButtons li div:hover, #introView .introButtons li div:focus, #introView .introButtons li div:active {
	cursor: pointer
}
#introView .introButtons li div:hover .overInfo, #introView .introButtons li div:focus .overInfo, #introView .introButtons li div:active .overInfo {
	opacity: 1
}

@media all and (min-width: 23.75em) {
#introView .introButtons li div {
	max-height: 180px
}
}
#introView .introButtons li h2 {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase
}
#introView .introButtons .overInfo {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.25;
	opacity: 0;
	padding: 20px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}
#introView .introButtons .overInfo p {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	padding: 20px
}
.no-csstransforms #introView .introButtons .overInfo p {
	position: static;
	top: auto
}
#introView .overview {
	background-color: rgba(160,71,52,0.9);
	background-image: url("/~/media/data-visualizations/interactives/2016/epi/images/overview-icon-lg.png")
}
#introView .overview .overInfo {
	background-color: #A04734
}
#introView .indicator {
	background-color: rgba(125,66,89,0.9);
	background-image: url("/~/media/data-visualizations/interactives/2016/epi/images/indicator-icon-lg.png")
}
#introView .indicator .overInfo {
	background-color: #7D4259
}
#introView .state {
	background-color: rgba(71,151,195,0.9);
	background-image: url("/~/media/data-visualizations/interactives/2016/epi/images/state-icon-lg.png")
}
#introView .state .overInfo {
	background-color: #4797C3
}
#introView .indicatorProfile {
	background-color: rgba(29,67,90,0.9);
	background-image: url("/~/media/data-visualizations/interactives/2016/epi/images/indicatorProfile-icon-lg.png")
}
#introView .indicatorProfile .overInfo {
	background-color: #1d435a
}
#introView .comparison {
	background-color: rgba(46,123,93,0.9);
	background-image: url("/~/media/data-visualizations/interactives/2016/epi/images/compare-icon-lg.png")
}
#introView .comparison .overInfo {
	background-color: #2E7B5D
}
#introView .introBodyText {
	background-color: #ecf2f3;
	padding: 20px 15px
}

@media all and (min-width: 37.5em) {
#introView .introBodyText {
	padding: 30px
}
}
#introView .epiFooter {
	margin-top: 6px
}
#introView .footerTexts {
	clear: both;
	background: #ecf2f3
}
#introView .footerTexts>div {
	display: none
}
#introView .footerTexts p {
	padding: 10px;
	font-size: 13px;
	width: 515px;
	margin: 0 auto
}
#introView .footerTexts ul {
	padding: 10px;
	font-size: 13px;
	width: 515px;
	margin: 0 auto
}
#introView .footerTexts p a {
	font-weight: bold;
	color: #3297cf
}
.menus {
	float: left;
	position: relative;
	width: 100%;
	z-index: 100
}
.menus:after {
	clear: both;
	content: '';
	display: table
}
.menus .menuButton {
	content: "";
	cursor: pointer;
	display: block;
	height: 50px;
	margin-bottom: 0;
	opacity: 0.8;
	position: relative;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 60px
}
.menus .menuButton:hover, .menus .menuButton:focus, .menus .menuButton:active {
	opacity: 1
}
.menus .menuButton:hover button, .menus .menuButton:focus button, .menus .menuButton:active button {
	height: 50px;
	opacity: 0.9;
	padding: 0 10px;
	pointer-events: auto;
	width: auto;
	z-index: 20
}
.menus .menuButton button {
	background-color: inherit;
  border:  0;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	height: 0;
	left: 60px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	-webkit-transition: opacity 0.3s;
  text-transform: uppercase;
	transition: opacity 0.3s;
	white-space: nowrap;
	width: 0
}

@media all and (max-width: 24.9375em) {
.menus {
	float: none
}
.menus .menuButtons {
	display: block;
	overflow: hidden
}
.menus .menuButton {
	background-position: center 30% !important;
	float: left;
	height: 80px !important;
	position: static;
	width: 100% !important
}
}

@media all and (max-width: 24.9375em) and (min-width: 18.75em) {
.menus .menuButton {
	width: 50% !important
}
}

@media all and (max-width: 24.9375em) {
.menus .menuButton.active:after {
	display: none !important
}
.menus .menuButton button {
	background-color: transparent !important;
	display: block !important;
	font-size: 0.8125rem !important;
	height: 100% !important;
	left: 0 !important;
	opacity: 1 !important;
	padding-bottom: 10px !important;
	padding-top: 50px !important;
	position: static !important;
	white-space: normal !important;
	width: 100% !important
}
.menus .menuButton:hover button, .menus .menuButton:focus button, .menus .menuButton:active button {
	opacity: 1;
	padding-left: 0 !important;
	padding-right: 0 !important
}
}

@media all and (min-width: 25em) {
.menus .menuButtons {
	display: inline-block;
	position: relative;
	padding-bottom: 50px
}
.menus .menuButtons .menuButton {
	float: left;
	position: static
}
.menus .menuButtons .menuButton.active:after {
	display: none
}
.menus .menuButtons .menuButton.active:before {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 5px solid;
	content: '';
	margin-left: 22px;
	position: absolute;
	top: 50px
}
.menus .menuButtons .menuButton button {
	left: 0;
	top: 50px;
	width: 100% !important;
	z-index: 100 !important
}
.menus .menuButtons .menuButton:hover button, .menus .menuButtons .menuButton:focus button, .menus .menuButtons .menuButton:active button {
	opacity: 1
}
}

@media all and (min-width: 54.375em) {
.menus .menuButtons {
	display: table;
	width: 100%
}
.menus .menuButtons .menuButton {
	background-position: 10px center;
	display: table-cell !important;
	float: none;
	width: 10%
}
.menus .menuButtons .menuButton button {
	background-color: transparent;
	font-size: 0.75rem;
	height: 100%;
	opacity: 1;
	position: static;
	padding: 0 20px 0 50px
}
.menus .menuButtons .menuButton:hover button, .menus .menuButtons .menuButton:focus button, .menus .menuButtons .menuButton:active button {
	opacity: 1;
	padding: 0 20px 0 50px
}
}
.menuButtons {
	margin: 0;
	padding: 0
}
.menuButtons .introBtn {
	background: #8e98a5 url("/~/media/data-visualizations/interactives/2016/epi/images/intro-icon-small.png") no-repeat center
}
.menuButtons .overview {
	background: #b4503b url("/~/media/data-visualizations/interactives/2016/epi/images/overview-icon-small.png") no-repeat center
}
.menuButtons .indicator {
	background: #8e4b65 url("/~/media/data-visualizations/interactives/2016/epi/images/indicators-icon-small.png") no-repeat center
}
.menuButtons .state {
	background: #5ba2ca url("/~/media/data-visualizations/interactives/2016/epi/images/state-icon-small.png") no-repeat center
}
.menuButtons .indicatorProfile {
	background: #377481 url("/~/media/data-visualizations/interactives/2016/epi/images/indicatorProfile-icon-small.png") no-repeat center
}
.menuButtons .comparison {
	background: #358e6c url("/~/media/data-visualizations/interactives/2016/epi/images/compare-icon-small.png") no-repeat center
}
.menuButtons .introBtn:hover, .menuButtons .introBtn.active {
	background-color: #8e98a5
}
.menuButtons .overview:hover, .menuButtons .overview.active {
	background-color: #b4503b
}
.menuButtons .indicator:hover, .menuButtons .indicator.active {
	background-color: #8e4b65
}
.menuButtons .state:hover, .menuButtons .state.active {
	background-color: #5ba2ca
}
.menuButtons .indicatorProfile:hover, .menuButtons .indicatorProfile.active {
	background-color: #377481
}
.menuButtons .comparison:hover, .menuButtons .comparison.active {
	background-color: #358e6c
}
.menuButtons .menuButton.active:after, .menuButtons .menuArrow {
	border-bottom: 7px solid transparent;
	border-left: 5px solid;
	border-top: 7px solid transparent;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: -5px;
	top: 18px;
	width: 0;
	z-index: 100
}
.menuButtons .introBtn.active:after {
	border-left-color: #8e98a5
}
.menuButtons .overview.active:after {
	border-left-color: #b4503b
}
.menuButtons .indicator.active:after {
	border-left-color: #8e4b65
}
.menuButtons .state.active:after {
	border-left-color: #5ba2ca
}
.menuButtons .indicatorProfile.active:after {
	border-left-color: #377481
}
.menuButtons .comparison.active:after {
	border-left-color: #358e6c
}
.menuButtons .introBtn.active:before {
	border-top-color: #8e98a5 !important
}
.menuButtons .overview.active:before {
	border-top-color: #b4503b !important
}
.menuButtons .indicator.active:before {
	border-top-color: #8e4b65 !important
}
.menuButtons .state.active:before {
	border-top-color: #5ba2ca !important
}
.menuButtons .indicatorProfile.active:before {
	border-top-color: #377481 !important
}
.menuButtons .comparison.active:before {
	border-top-color: #358e6c !important
}
.menuSecondary {
	background-color: #ecf2f3;
	margin-top: 10px;
	padding: 0 12px
}
.menuSecondary:after {
	clear: both;
	content: '';
	display: table
}
.menuSecondary:first-child {
	margin-top: 0
}
.menuSecondary .toggleTrigger {
	background-color: transparent;
	cursor: pointer;
	display: block;
	padding: 15px 0;
	position: relative;
	text-align: left;
	width: 100%;
	border: none;
}
.menuSecondary .toggleTrigger:hover, .menuSecondary .toggleTrigger:focus, .menuSecondary .toggleTrigger:active {
	background-color: transparent
}
.menuSecondary .toggleTrigger .minimize, .menuSecondary .toggleTrigger .maximize {
	color: #0F4B6B;
	cursor: pointer;
	display: block;
	height: 16px;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	width: 16px
}
.menuSecondary .toggleContent {
	margin-top: 10px
}

@media print {
.menuSecondary .toggleContent {
	display: block !important;
	visibility: visible !important
}
}
.menuSecondary .toggleButtons li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.menuSecondary h3 {
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	position: relative;
	text-transform: uppercase
}
.menuSecondary .small-buttons .toggleButtons {
	margin-right: -10px
}
.menuSecondary .small-buttons li {
	width: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}
.menuSecondary select {
	border-radius: 0;
	border: 1px solid #d1d1d1;
	background: #dce3e4;
	padding: 10px;
	color: #1d435a;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	position: relative;
	font-family: 'Lucida Grande';
	font-size: 13px;
	vertical-align: initial
}
.menuSecondary .dropdownWrapper:hover select {
	background: #d5dedf
}
.menuSecondary select:after {
	content: 'hi';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #f00
}
.modal-backdrop {
	background-color: #000;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 900
}
.no-js .modal-backdrop {
	position: static
}
.modal-backdrop.fade {
	opacity: 0
}
.no-js .modal-backdrop.fade {
	opacity: 1
}
.modal-backdrop.in {
	opacity: 0.5
}
#aboutModal.modal-open {
	overflow: hidden
}
#aboutModal.modal {
	bottom: 0;
	display: none;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 120px;
	z-index: 1000
}
.no-js #aboutModal.modal {
	display: block;
	position: static
}
#aboutModal.modal.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.no-js #aboutModal.modal.fade {
	opacity: 1
}
#aboutModal.modal.fade.in {
	opacity: 1
}
#aboutModal .modal-dialog {
	margin: 10px auto;
	position: relative;
	max-width: 800px;
	z-index: 110
}
.no-js #aboutModal .modal-dialog {
	max-width: none
}
#aboutModal .modal-content {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #999;
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	margin-top: 40px;
	max-height: 600px;
	min-height: 400px;
	outline: 0;
	padding: 20px 15px 40px;
	position: relative;
	width: 100%
}

@media all and (min-width: 33.75em) {
#aboutModal .modal-content {
	padding-left: 30px;
	padding-right: 30px
}
}

@media all and (min-width: 36.25em) {
#aboutModal .modal-content {
	padding-left: 60px;
	padding-right: 60px
}
}
.no-js #aboutModal .modal-content {
	border: 0;
	box-shadow: none;
	margin-top: 0;
	max-height: none;
	min-height: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: 100%
}
#aboutModal .modal-content .close {
	color: #8e98a5;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 5px
}
.no-js #aboutModal .modal-content .close {
	display: none
}
#aboutModal .modal-content header {
	border-bottom: 1px solid #8e98a5;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center
}
#aboutModal .modal-content h1 {
	font-size: 24px;
	font-weight: 500
}
#aboutModal .modal-content h2 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 10px
}
#aboutModal .modal-content p a {
	font-weight: bold;
	color: #3297cf;
	text-decoration: none
}
#aboutModal .modal-content p a:hover {
	color: #2B88BB
}
#aboutModal .modal-content ul li {
	margin: 10px 0
}
#aboutModal .modal-content .modalNav {
	margin-top: 10px;
	text-align: center
}
.no-js #aboutModal .modal-content .modalNav {
	display: none
}
#aboutModal .modal-content .modalNav a {
	background-color: #bdc6d2;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	margin: 0 5px;
	padding: 5px 10px;
	text-decoration: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s
}
#aboutModal .modal-content .modalNav a.active {
	background-color: #5ba2ca;
	pointer-events: none;
	color: #fff
}
#aboutModal .modal-content .modalNav a.active:hover {
	background-color: #5ba2ca
}
#aboutModal .modal-content .modalNav a:hover {
	background-color: #ADB8C7
}
#aboutModal .modal-content section {
	display: none;
	overflow: hidden
}
.no-js #aboutModal .modal-content section {
	display: block
}
#aboutModal .modal-content section.active {
	display: block
}
#aboutModal .modal-content section .text {
	overflow-y: scroll;
	max-height: 400px
}
.no-js #aboutModal .modal-content section .text {
	max-height: none;
	overflow: hidden
}
#overviewView .tooltip {
	background: rgba(0,0,0,0.7);
	font-size: 10px;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out
}
#overviewView .tooltip .state-name {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase
}
#overviewView .tooltip .vep {
	display: block;
	color: #6EACD0;
	font-size: 12px
}
#overviewKey .toggleContent {
	text-align: center
}
#overviewKey #overviewKeyDiagram {
	margin: 10px 0
}
#overviewKey #overviewKeyDiagram .label {
	font-size: 10px
}
#overviewKey #overviewKeyDiagram .label, #overviewKey #overviewKeyDiagram svg {
	float: left
}
#overviewKey #overviewKeyDiagram #key-end-year svg {
	left: 30px;
	position: relative
}
#overviewKey #overviewKeyDiagram #key-end-year .label {
	display: block;
	left: 40px;
	margin-bottom: 15px;
	position: relative;
	top: 16px
}
#overviewKey #overviewKeyDiagram #key-start-year .label {
	margin-left: 8px;
	position: relative;
	text-align: left;
	top: 20px;
	width: 64px
}
#overviewKey #overviewKeyDiagram #key-start-year .label:first-child {
	margin-right: 8px;
	text-align: right
}
#overviewKey #overviewKeyDiagram #key-vep .label {
	width: 95px;
	margin: 0 10px
}
#overviewKey #showVEPButton {
	border: none;
	position: relative;
	background-color: #8e98a5;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	padding: 6px 10px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	outline: none
}
#overviewKey #showVEPButton:hover {
	background-color: #7F8B99
}
#overviewGraph {
	overflow: hidden
}
#overviewGraph .yearLabel {
	/* font-family: "Tungsten Cond A", "Tungsten Cond B", "Tungsten A", "Tungsten B"; */
	font-size: 22px
}
#overviewGraph .nochangeText {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px
}
#overviewGraph .labels, #overviewGraph .mean text, #overviewGraph .text12, #overviewGraph .text08 {
	font-size: 8pt
}
#overviewGraph .circle, #overviewGraph .text {
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s
}
#overviewGraph .hidden {
	display: none;
	opacity: 0
}

@media all and (min-width: 43.125em) {
#overviewMobileMessage {
	display: none
}
}
#stateView {
	margin-top: 20px
}

@media all and (min-width: 56.25em) {
#stateView {
	margin-top: 0
}
}
#stateView .menuSecondary {
	padding-bottom: 20px;
	text-align: center
}

@media print {
#stateView .menuSecondary {
	text-align: left
}
}
#stateView .menuSecondary .mapSelector {
	display: block;
	margin: 0 auto 10px
}

@media print {
#stateView .menuSecondary .mapSelector {
	margin-left: 0
}
}
#stateView .menuSecondary h3 {
	text-align: left
}

@media print {
#stateView .menuSecondary h3 {
	display: none
}
}
#stateView .menuSecondary #mapSelector path {
	cursor: pointer;
	-webkit-transition: fill 0.2s;
	transition: fill 0.2s
}
#stateView .menuSecondary #mapSelector path:hover {
	fill: #1d435a
}
#stateView .menuSecondary #stateDropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("/~/media/data-visualizations/interactives/2016/epi/images/dropdownArrow.png");
	background-position: 90% 50%;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	max-width: 100%;
	padding-right: 30px;
	text-transform: uppercase
}
#stateView .menuSecondary #stateDropdown::-ms-expand {
opacity:0;
visibility:hidden
}
#stateView .menuSecondary .dropdownWrapper {
	border: 1px solid #d1d1d1;
	display: inline-block;
	max-width: 100%
}
#stateView .stateDescription {
	display: none;
	margin-top: 20px
}

@media all and (min-width: 56.25em) {
#stateView .stateDescription {
	float: left;
	font-size: 0.875rem
}
}

@media print {
#stateView .stateDescription {
	float: none !important
}
}
#stateView .stateDescription .bodyText {
	margin-bottom: 2em
}
#stateView .stateDescription-link {
	display: inline-block;
	margin-top: 1em
}
#stateView .stateDescription .stateVotingConditions h3 {
	background-color: #fff;
	border-bottom: 1px solid #8e98a5;
	font-size: 1.125rem;
	margin-bottom: 0;
	text-transform: uppercase
}
#stateView .stateDescription .stateVotingConditions dl {
	margin-top: 10px
}
#stateView .stateDescription .stateVotingConditions dt {
	font-size: 0.875rem;
	font-weight: bold;
	margin-top: 1em;
	text-transform: uppercase
}
#stateView .stateDescription .stateVotingConditions dt:first-child {
	margin-top: 0
}
#stateView .stateDescription .stateVotingConditions .infoTooltip dl dt {
	margin-bottom: 0
}
#stateView .stateDescription .stateVotingConditions dd {
	margin: 0 0 10px
}
#stateView .contentSection #stateContent {
	display: none
}
#stateView .contentSection .stats {
	page-break-inside: avoid
}
#stateView .contentSection .stats ul {
	list-style: none;
	margin: 0;
	padding: 0
}

@media all and (min-width: 20em) {
#stateView .contentSection .stats ul {
	margin-left: -10px
}
}
#stateView .contentSection .stats p {
	margin-bottom: 0
}
#stateView .contentSection .stats li {
	position: relative
}

@media all and (min-width: 20em) {
#stateView .contentSection .stats li {
	float: left;
	padding-left: 10px;
	width: 50%
}
#stateView .contentSection .stats li:nth-child(odd) {
	clear: left
}
}

@media all and (min-width: 42.5em) {
#stateView .contentSection .stats li {
	width: 25%
}
#stateView .contentSection .stats li:nth-child(odd) {
	clear: none
}
}
#stateView .contentSection .stats li .statValue {
	/* font-family: "Tungsten Cond A", "Tungsten Cond B", "Tungsten A", "Tungsten B"; */
	font-weight: 500;
	line-height: 1;
	float: left
}
#stateView .contentSection .stats li .statValue>.number {
	font-size: 3.125rem
}
#stateView .contentSection .stats li .statValue sup {
	font-size: 28px;
	/* font-family: "Whitney SSm A", "Whitney SSm B" */
}
#stateView .contentSection .stats li .statName {
	clear: both;
	color: #636b76;
	display: block;
	font-size: 12px;
	text-transform: uppercase
}
#stateView .contentSection .stats li .statName .rank {
	display: block
}
#stateView .contentSection .stats li .diffWrap {
	display: inline-block;
	margin-left: 4px
}

@media all and (min-width: 20em) {
#stateView .contentSection .stats li .diffWrap {
	white-space: nowrap
}
}
#stateView .contentSection .stats li .upArrow, #stateView .contentSection .stats li .downArrow {
	border-left-style: solid;
	border-left-width: 2px;
	display: inline-block;
	height: 32px;
	position: relative
}
#stateView .contentSection .stats li .upArrow:before, #stateView .contentSection .stats li .downArrow:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	content: '';
	display: block;
	height: 0;
	left: -5px;
	position: absolute;
	width: 0
}
#stateView .contentSection .stats li .upArrow:before {
	border-bottom-color: inherit;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	top: -2px
}
#stateView .contentSection .stats li .downArrow:after {
	border-top-color: inherit;
	border-top-style: solid;
	border-top-width: 5px;
	bottom: -2px
}
#stateView .contentSection .stats li .improve {
	border-color: #358e6c
}
#stateView .contentSection .stats li .worsen {
	border-color: #ff2c00
}
#stateView .contentSection .stats li .changeValue {
	/* font-family: "Tungsten Cond A", "Tungsten Cond B", "Tungsten A", "Tungsten B"; */
	font-weight: 500
}
#stateView .contentSection .stats li .changeValue sup {
	font-size: 12px;
	/* font-family: "Whitney SSm A", "Whitney SSm B" */
}
#stateView .contentSection .stats li .changeValue.improve {
	color: #358e6c
}
#stateView .contentSection .stats li .changeValue.worsen {
	color: #ff2c00
}
#stateView .contentSection .stats li .tooltip {
	bottom: 0;
	color: #fff;
	font-size: 10px;
	margin-bottom: 110px;
	opacity: 0;
	padding: 5px;
	pointer-events: none;
	position: absolute;
	z-index: 200
}
#stateView .contentSection .stats li .tooltip:after {
	border-right: 7px solid transparent;
	border-top: 5px #1d435a solid;
	border-left: 7px solid transparent;
	bottom: -5px;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	width: 0
}
#stateView .contentSection .stats li .tooltip.improve {
	background-color: #358e6c
}
#stateView .contentSection .stats li .tooltip.improve:after {
	border-top-color: #358e6c
}
#stateView .contentSection .stats li .tooltip.worsen {
	background-color: #B21E00
}
#stateView .contentSection .stats li .tooltip.worsen:after {
	border-top-color: #B21E00
}
#stateView #statebyYear {
	margin-top: 20px
}
#stateView #statebyYear nav a.selected {
	font-weight: bold
}
#stateView .indicatorGraph {
	margin-top: 20px;
	border-spacing: 0;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	width: 100%
}
#stateView .indicatorGraph .nav td {
	font-size: 12px;
	padding: 8px 0;
	position: relative
}
#stateView .indicatorGraph .nav h3 {
	display: inline;
	font-size: 11px;
	font-weight: 300;
	text-transform: uppercase
}
#stateView .indicatorGraph .nav a {
	background-color: #fff;
	border: 1px solid #c6cbd2;
	cursor: pointer;
	padding: 5px 8px;
	-webkit-transition: border 0.2s;
	transition: border 0.2s
}
#stateView .indicatorGraph .nav a:hover {
	border-color: #8e98a5
}
#stateView .indicatorGraph .nav a.selected {
	background-color: #ecf2f3;
	border-color: #8e98a5
}
#stateView .indicatorGraph .rankTitle {
	color: #5ba2ca;
	display: none;
	padding-top: 17px
}
#stateView .indicatorGraph.is-compare .indicatorRow td:not([class]) {
	background-image: -webkit-linear-gradient(bottom, #8e98a5, #8e98a5 100%);
	background-image: linear-gradient(to top, #8e98a5, #8e98a5 100%);
	background-position: 231px top;
	background-repeat: repeat-y;
	background-size: 1px 100%
}
#stateView .indicatorGraph .indicatorRow {
	position: relative
}
#stateView .indicatorGraph .indicatorRow .tooltip {
	background-color: #ababab;
	color: #fff;
	font-size: 10px;
	left: 395px;
	margin-top: -20px;
	opacity: 0;
	padding: 5px;
	pointer-events: none;
	position: absolute;
	width: 60px;
	z-index: 200
}
#stateView .indicatorGraph .indicatorRow .tooltip:after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 5px #ababab solid;
	bottom: -5px;
	content: "";
	display: block;
	height: 0;
	left: 30px;
	position: absolute;
	width: 0
}
#stateView .indicatorGraph .indicatorName {
	cursor: pointer;
	font-size: 0.8em;
	max-width: 200px;
	padding: 0 5px;
	text-align: right;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}
#stateView .indicatorGraph .indicatorName a {
	color: inherit;
	text-decoration: none
}
#stateView .indicatorGraph .indicatorName a:hover {
	text-decoration: underline
}
#stateView .indicatorGraph .data {
	min-width: 445px;
	position: relative
}
#stateView .indicatorGraph .valueBar {
	height: 20px;
	margin: 8px 5px 8px;
	float: left
}
#stateView .indicatorGraph .valueBar rect.value {
	fill: #5ba2ca
}
#stateView .indicatorGraph .rankGraph {
	margin: 10px 0 0;
	display: inline-block
}
#stateView .indicatorGraph .rankGraph .selectedValue {
	font-size: 10px;
	fill: #5ba2ca
}
#stateView .indicatorGraph .indicatorRow .rankValue.notAvailable {
	font-size: 10px;
	color: #B8BEC6
}
#stateView .indicatorGraph .rankBar {
	fill: #ccc
}
#stateView .indicatorGraph .rankBar.hover {
	fill: rgba(29,67,90,0.7)
}
#stateView .indicatorGraph .valueLbl {
	font-size: 0.8em;
	line-height: 36px;
	pointer-events: none;
	position: absolute;
	white-space: nowrap;
	width: 30px;
	z-index: 10
}
#stateView .indicatorGraph .avgBar {
	fill: rgba(55,116,129,0.2)
}
#stateView .indicatorGraph .avgBar:hover {
	fill: #377481
}
#stateView .indicatorGraph .selectedState {
	fill: #5ba2ca
}
#stateView .indicatorGraph .rankValue {
	color: #5ba2ca;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: right;
	min-width: 30px;
	max-width: 30px
}
#stateView .indicatorGraph .compareLbl {
	font-size: 12px
}
#stateView .rankLabel {
	display: none;
	font-size: 11px;
	padding: 10px 0
}
#stateView .rankLabel .worst {
	float: right
}
#stateView .rankLabel .rankKey {
	font-size: 10px;
	font-style: italic;
	border-top: 1px solid #C6CBD2;
	width: 392px;
	margin-top: 30px;
	position: relative;
	text-align: center
}
#stateView .rankLabel .rankKey:before, #stateView .rankLabel .rankKey:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0
}
#stateView .rankLabel .rankKey:before {
	top: -4px;
	left: -6px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #8e98a5
}
#stateView .rankLabel .rankKey:after {
	top: -4px;
	right: -6px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #8e98a5
}
#stateView .rankLabel .rankKey span {
	position: relative;
	top: -8px;
	background-color: #fff;
	padding: 0 2px
}
#stateView .rankLabel .rankKey .worst {
	color: #8e4b65;
	float: left;
	margin-left: 10px
}
#stateView .rankLabel .rankKey .best {
	color: #3297cf;
	float: right;
	margin-right: 10px
}
#stateView .byYear {
	position: relative
}
#stateView .averageLabel {
	font-size: 10px;
	position: absolute;
	right: 5px;
	top: 5px;
	vertical-align: middle
}
#stateView .averageLabel .averageState {
	display: inline-block;
	vertical-align: middle;
	width: 3px;
	height: 20px;
	margin-left: 6px;
	background-color: rgba(55,116,129,0.2)
}
#stateView .compareContent {
	display: none;
	position: relative
}
#stateView .compareContent .averageLabel {
	top: 0
}
#stateView .compareContent .noChangeLine {
	display: none
}
#stateView .compareContent .compareTitle {
	font-size: 18px;
	font-weight: 200
}

@media all and (min-width: 42.5em) {
#stateView .compareContent .compareTitle {
	text-align: center
}
}

@media print {
#stateView .compareContent .compareTitle {
	margin-top: 20px
}
}
#stateView .compareContent .compareTitle .change {
	font-weight: 400
}
#stateView .compareContent .changeKey {
	font-size: 10px;
	font-style: italic;
	border-top: 1px solid #8e98a5;
	margin: 30px auto 0;
	position: relative;
	text-align: center;
	width: 96%
}

@media print {
#stateView .compareContent .changeKey {
	margin-top: 40px !important;
	padding-top: 10px
}
}

@media all and (min-width: 60em) {
#stateView .compareContent .changeKey {
	margin-left: 210px;
	margin-right: 0;
	width: 439px
}
}
#stateView .compareContent .changeKey:before, #stateView .compareContent .changeKey:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0
}
#stateView .compareContent .changeKey:before {
	top: -4px;
	left: -6px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #8e98a5
}
#stateView .compareContent .changeKey:after {
	top: -4px;
	right: -6px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #8e98a5
}
#stateView .compareContent .changeKey span {
	position: relative;
	top: -8px;
	background-color: #fff;
	padding: 0 2px
}
#stateView .compareContent .changeKey .worsened {
	color: #8e4b65;
	float: left;
	margin-left: 5px
}
#stateView .compareContent .changeKey .noChange {
	color: #6a7482;
	margin: 0 auto
}
#stateView .compareContent .changeKey .improved {
	color: #3297cf;
	float: right;
	margin-right: 5px
}
#stateView .rankGraph .hoverLabel {
	pointer-events: none;
	text-anchor: middle;
	fill: rgba(29,67,90,0.7);
	font-size: 12px
}
#stateView .indicatorGraph .rankGraph.compare {
	margin: 0
}
#stateView .indicatorGraph .rankGraph.compare .oltGroup {
	display: none
}
#stateView .indicatorGraph .indicatorRow.notAvailable .indicatorName, #stateView .indicatorGraph .indicatorRow.notAvailable .valueLbl {
	color: #b2b9c2
}
#stateView .indicatorGraph .indicatorRow.notAvailable .valueBar rect.value {
	fill: #B8BEC6
}
#stateView .indicatorGraph .oltGroup rect {
	fill: #ccc
}
#stateView .indicatorGraph .oltGroup.selectedState rect {
	fill: #5ba2ca
}
#stateView .indicatorGraph .oltGroup.hover rect {
	fill: rgba(29,67,90,0.7)
}
#stateView .nationalAvgTooltip {
	-moz-box-sizing: border-box;
	background-color: #1d435a;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	min-height: 20px;
	opacity: 0;
	padding: 4px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 0;
	width: 90px;
	z-index: 250
}
#stateView .nationalAvgTooltip:after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 5px #1d435a solid;
	bottom: -5px;
	content: "";
	display: block;
	height: 0;
	left: 40px;
	position: absolute;
	width: 0
}
#stateView .printButton {
	cursor: pointer;
	background: url("/~/media/data-visualizations/interactives/2016/epi/images/printButton.png") 0 0 no-repeat;
	width: 71px;
	height: 32px;
	float: right;
	margin-top: 20px
}
#stateView .printHelper {
	float: right;
	clear: both;
	display: none;
	margin-top: 5px;
	cursor: pointer
}
#stateView .printModalContainer {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none
}
#stateView .printModalContainer .printModal {
	position: absolute;
	width: 400px;
	left: calc(50% - 200px);
	top: 50px
}
#stateView .printModalContainer .printModal .close {
	position: absolute;
	top: -15px;
	right: 0;
	font-size: 30px;
	cursor: pointer
}
#stateMobileMessage {
	margin-top: 0
}

@media all and (min-width: 42.75em) {
#stateMobileMessage {
	display: none
}
}
.toggleContent .all, .toggleContent .none {
	background-color: #b8c8ca;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 2px 4px;
	text-align: right;
	-webkit-transition: background 150ms ease-in-out;
	transition: background 150ms ease-in-out
}
.toggleContent .all:last-child, .toggleContent .none:last-child {
	margin-right: 0
}
.toggleContent .all:hover, .toggleContent .all:focus, .toggleContent .all:active, .toggleContent .none:hover, .toggleContent .none:focus, .toggleContent .none:active {
	background-color: #A9BCBF;
	color: #3376ae
}
.toggleButtons {
	padding: 0;
	clear: both
}
.toggleButtons li {
	cursor: pointer;
	display: block;
	background-color: #b4d4e6;
	padding: 6px;
	margin-bottom: 5px;
	font-size: 0.8em;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	position: relative;
	padding-right: 20px
}
.toggleButtons li:after {
	background: transparent url("/~/media/data-visualizations/interactives/2016/epi/images/tick.png") no-repeat center;
	content: '';
	height: 100%;
	opacity: 0;
	padding: 2px;
	position: absolute;
	right: 5px;
	top: 0;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	width: 13px
}

@media print {
.toggleButtons li {
	text-decoration: line-through
}
.toggleButtons li.active {
	text-decoration: none
}
.toggleButtons li.active:after {
	display: none
}
.toggleButtons li.active:before {
	background: none;
	content: "✔ ";/*content: "? "; OR "✔ "*/
}
}
.toggleButtons li.disabled:after {
	background: none
}
.toggleButtons li:hover {
	background-color: #A0C9DF
}
.toggleButtons li.active:hover {
	background-color: #23516D
}
.toggleButtons li.active {
	background-color: #1d435a;
	color: #fff
}
.toggleButtons li.active:after {
	background-color: transparent;
	opacity: 1
}
#indicatorProfileView .toggleButtons li.active:after, #indicatorView .toggleButtons li.active:after, #overviewView .toggleButtons li.active:after {
	background-color: #1d435a
}
#indicatorProfileView .toggleButtons li.active:hover:after, #indicatorView .toggleButtons li.active:hover:after, #overviewView .toggleButtons li.active:hover:after {
	background-color: #23516D
}
.toggleButtons li .tooltip {
	position: absolute;
	bottom: 30px;
	left: -20px;
	min-height: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 4px;
	width: 90px;
	opacity: 0;
	background-color: #1d435a;
	color: #fff;
	line-height: 12px;
	text-align: center
}
.toggleButtons li .tooltip:after {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	width: 0;
	bottom: -5px;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 5px #1d435a solid
}
.toggleButtons .disabled {
	opacity: 0.3;
	pointer-events: none;
	cursor: default
}
.yearBar {
	position: relative
}
.yearBar:before {
	border-top: 1px solid #8e98a5;
	content: "";
	display: none;
	position: relative;
	top: 18px
}

@media all and (min-width: 27.5em) {
.yearBar:before {
	display: block
}
}
.yearBar ul {
	padding: 0;
	margin: 0
}
.yearBar li {
	background-color: #fff;
	border: 1px solid #c6cbd2;
	cursor: pointer;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	margin-bottom: 10px;
	margin-right: 8px;
	padding: 10px 8px 8px;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 10
}

@media all and (min-width: 42.5em) {
.yearBar li {
	font-size: 1rem;
	padding-left: 12px;
	padding-right: 12px
}
}
.yearBar li:last-child {
	margin-right: 0
}
.yearBar li:hover {
	border-color: #8e98a5
}
.yearBar li.active {
	background-color: #ecf2f3;
	border-color: #8e98a5
}

@media all and (min-width: 42.5em) {
.yearBar li.compare {
	margin-right: 0;
	margin-left: 8px;
	float: right
}
}
.yearBar .disabled {
	color: rgba(15,75,107,0.3);
	border-color: rgba(142,152,165,0.3);
	cursor: default;
	pointer-events: none
}
.yearBar .disabled:hover {
	border-color: rgba(142,152,165,0.3)
}

@media print {
.yearBar li {
	display: none !important
}
.yearBar li.active {
	display: inline-block !important
}
.yearBar:before {
	display: none !important
}
.yearBar .year {
	display: none !important
}
.yearBar .year.active {
	background-color: #fff !important;
	display: inline-block !important
}
.yearBar .compare {
	display: none !important
}
}

@media print {
* {
	-webkit-transition: none !important;
	transition: none !important
}
.breadcrumbs, .tabs-media, #aboutLinks, #menu, .printButton, .compareLegend {
	display: none !important
}
#indicatorView #heatmap, #indicatorView .all, #indicatorView .none, #indicatorView .minimize {
	display: none !important
}
#indicatorView .menuSecondarySection {
	width: 100% !important;
	display: block !important;
	max-width: none !important
}
#indicatorView .toggleButtons li {
	float: left;
	padding-bottom: 0;
	padding-top: 0;
	width: 50%
}
#indicatorView .ranks {
	float: none
}
#indicatorView .ranks tr {
	page-break-inside: avoid
}
#indicatorView .ranks .bar {
	border: 1px solid #000
}
#indicatorView .ranks.is-compare {
	float: left;
	height: auto !important;
	margin-right: 20px
}
#indicatorView .ranks.is-compare .bar {
	border: 0
}
#indicatorView .ranks .state-name {
	max-width: none;
	min-width: 135px !important;
	text-align: left
}
#stateView .menuSecondarySection {
	display: block !important
}
#stateView .stateDescription {
	margin-top: 0
}
#indicatorProfileView .menuSecondarySection {
	display: none !important
}
.meta-info li {
	border-right: 1px solid #969696;
	display: inline;
	font-size: 14px;
	line-height: 1.5;
	margin-right: 10px;
	padding-right: 10px
}
.meta-info li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0
}
#indicatorDescription, #indicatorNotes {
	font-size: 1em !important;
	float: none !important;
	width: 100% !important
}
#indicatorProfileView .contentSection aside>ul>li {
	padding: 0 !important;
	width: 100% !important
}
#comparisonView .compareKey span {
	background-color: #fff !important
}
.statesComparing {
	border: 1px solid #000 !important
}
.contentSection {
	page-break-after: always
}
#stateView .yearBar li.active {
	display: inline-block;
	margin: 0;
	position: relative;
	width: 100%
}
#stateView .indicatorGraph .rankGraph {
	margin: 0
}
#comparisonStateSelect .toggleButtons {
	display: none !important
}
}