.hp_map_chart_widget {
	margin: 30px 0;
	display:block!important;
}
.hp_map_chart_widget div {
	box-sizing: border-box;
}
.hp_map_chart_widget a {
	color: inherit;
}
.hp_map_chart_widget h3 {
	background-color: #dc0000;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: 0;
}
.hp_map_chart_widget .map_chart_content {
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: none;
}
	.hp_map_chart_widget .map_chart_content .section:first-child {
		border-right: 1px solid #ccc;
	}
.hp_map_chart_widget .national_chart {
	float: left;
	width: 50%;
}
.hp_map_chart_widget .electoral_map {
	float: left;
	width: 50%;
}
.hp_map_chart_widget .score_line {
	background: #EBEBEB;
	background: -moz-linear-gradient(top, #fbfbfb 0%, #ebebeb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbfbfb 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

	border-bottom: 1px solid #ccc;
}
.hp_map_chart_widget .title {
	color: #666;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin: 4px 0;
}
.hp_map_chart_widget .scores {
	overflow: hidden;
}
	.hp_map_chart_widget .scores > div {
		height: 30px;
	}
	.hp_map_chart_widget .scores > div.bottom {
		line-height: 30px;
	}
	.hp_map_chart_widget .scores > div.middle {
		line-height: 26px;
	}
		.hp_map_chart_widget .scores > div.bottom > a {
			vertical-align: bottom;
		}
		.hp_map_chart_widget .scores > div.middle > a {
			vertical-align: middle;
		}
	.hp_map_chart_widget .scores .dem_name,
	.hp_map_chart_widget .scores .dem_score {
		color: #0000cc;
	}
	.hp_map_chart_widget .scores .gop_name,
	.hp_map_chart_widget .scores .gop_score {
		color: #cc0000;
	}
	.hp_map_chart_widget .scores .dem_name,
	.hp_map_chart_widget .scores .gop_name {
		font-size: 12px;
	}
	.hp_map_chart_widget .scores .dem_score,
	.hp_map_chart_widget .scores .gop_score {
		font-size: 22px;
		font-weight: bold;
	}
	.hp_map_chart_widget .scores .tossup_score {
		font-size: 18px;
		color: #666;
		font-weight: bold;
	}
		.hp_map_chart_widget .scores .tossup_score a {
			display: block;
		}
		.hp_map_chart_widget .scores .tossup_score a.score {
			margin-top: -3px;
		}
		.hp_map_chart_widget .scores .tossup_score a.text {
			font-size:10px;
			font-weight: normal;
			margin-top: -5px;
		}

.hp_map_chart_widget .national_chart .scores .dem_name,
.hp_map_chart_widget .national_chart .scores .dem_score {
	float: left;
}
.hp_map_chart_widget .national_chart .scores .dem_score {
	margin: 0 5px 0 10px;
}
.hp_map_chart_widget .national_chart .scores .gop_name,
.hp_map_chart_widget .national_chart .scores .gop_score {
	float: right;
}
.hp_map_chart_widget .national_chart .scores .gop_score {
	margin: 0 10px 0 5px;
}
.hp_map_chart_widget .electoral_map .scores .dem_score,
.hp_map_chart_widget .electoral_map .scores .dem_name,
.hp_map_chart_widget .electoral_map .scores .tossup_score,
.hp_map_chart_widget .electoral_map .scores .gop_name,
.hp_map_chart_widget .electoral_map .scores .gop_score {
	float: left;
}
.hp_map_chart_widget .electoral_map .scores .dem_score {
	width: 20%;
	text-align: right;
}
.hp_map_chart_widget .electoral_map .scores .dem_name {
	width: 30%;
	padding-left: 5px;
}
.hp_map_chart_widget .electoral_map .scores .gop_name {
	width: 30%;
	text-align: right;
	padding-right: 5px;
}
.hp_map_chart_widget .electoral_map .scores .gop_score {
	width: 20%;
}

.hp_map_chart_widget .national_chart .chart {
	position:relative;
	width: 100%;
	padding-top: 67%;
	overflow: hidden;
}
	.hp_map_chart_widget .national_chart .chart img {
		width: calc(100% + 2px);
		display: block;
		position:absolute;
		top:0;left:0;right:0;
		margin: -1px 0 0 -1px;
	}
.hp_map_chart_widget .electoral_map .map {
	position:relative;
	width: 100%;
	padding-top: 67%;
	overflow: hidden;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 87%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 87%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 87%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	.hp_map_chart_widget .electoral_map .map img {
		width: 100%;
		display: block;
		position:absolute;
		top:10px;left:10px;
	}

@media only screen and ( max-width : 579px ) {
	.hp_map_chart_widget .national_chart {
		width: 100%;
	}
	.hp_map_chart_widget .electoral_map {
		width: 100%;
	}
}