html{
	margin:0px;
	padding:0px;
	font-size:16px;
	border:none;
	outline:none;

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body{
	padding:0px;
	margin:0px;
}

.clearfix:after{
  content:""; 
  display:table; 
  clear:both;
}

#prb-mortality{
	min-width:300px;
}

#prb-mortality{
	font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
	color:#111111;
}
#prb-mortality text{
	font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
	color:#111111;
}
#prb-mortality a, #prb-mortality span, #prb-mortality em, #prb-mortality b{
	font-size:inherit;
	font-family:inherit;
}

#prb-mortality p{
	line-height:1.5em;
}

#prb-mortality .tooltip p{
	line-height:normal;
}

#prb-mortality a{
	color: #007dc3;
    text-decoration: none;
}

#prb-mortality a:hover{color: #f65f1a;}
#prb-mortality a:active{color: #e9aa21;}

#prb-mortality *{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#prb-mortality h1, #prb-mortality h2, #prb-mortality .headline{
	font-family: 'Roboto', sans-serif;
	line-height:1.5em;
	font-weight:bold;
	font-size:2.5em;
	margin:0.5em 0em;
}

#prb-mortality .headline{
	color:#2375bb;
	text-align:left;
	font-size:2.25em;
	margin:6rem 0em 2rem 0em;
}

#prb-mortality p.title{
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:1.5em;
	position:relative;
	margin:0em 0em 0.25rem 0em;
}

#prb-mortality p.title.sm{
	text-align:left;
	font-size:1.15em;
	margin:1em 0em 0em 0em;
}

#prb-mortality p.title:before{
	content:"";
	position:absolute;
	top:-0.5em;
	left:0px;
	width:100%;
	height:0px;
	background:#aaaaaa;
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}

#prb-mortality #prb-banner{
	width:100%;
	height:750px;
	height:100vh;
	padding:0rem;
	margin:0rem 0rem 8rem 0rem;
	position:relative;

	border:0px solid #2375bb;

	background-color:#000000;

	background-position:0% 0%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size: cover;
}

#prb-mortality #prb-banner > div.title-panel{
	border:0px solid #ffffff;
	border-radius:0px;
	padding:0rem; 
	max-width:900px; 
	margin:0rem auto;

	position: relative;
	top: 60%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#prb-mortality #prb-banner > div.title-panel > div{
	margin:0rem 1rem;
	padding:1rem 2rem;
	border:1px solid #ffffff;
	border-width: 1px 0px;
} 

#prb-mortality #prb-banner .title-panel h1{
	font-size:4rem; 
	margin:0rem 0rem 1rem 0rem;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	color:#ffffff;
}

#prb-mortality #prb-banner .title-panel p{
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	margin:0rem;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	color:#ffffff;
}

#prb-mortality .prb-footer{
	width:100%;
	padding:1.5rem 1rem 1rem 1rem;
	margin:0rem 0rem 0rem 0rem;

	background-color: #00467f;  
	border-top:1px solid #ffffff;
}

#prb-mortality .prb-footer p, #prb-mortality .prb-footer a{
	color:#ffffff;
}

#prb-mortality .chart-title{
	/*border-left:3px solid #aaaaaa;*/
}

#prb-mortality p, #prb-mortality li, #prb-mortality select{
	font-family:'Source Sans Pro', sans-serif;
	margin:0em 0em 1em 0em;
}

#prb-mortality select{
	font-size:1rem;
}

#prb-mortality div.middle-col{
	max-width:840px;
	margin:0em auto;
}

#prb-mortality div.middle-col-lg{
	max-width:1200px;
}

#prb-mortality div.middle-col-lg div.col-sm{
	margin-top:3em;
	padding: 0em 1em;
} 

#prb-mortality div.padded{
	padding:0em 1rem;
}

#prb-mortality div.padded-l{
	padding:0em 0rem 0em 1rem;
}

#prb-mortality div.padded-r{
	padding:0em 1rem 0em 0rem;
}

#prb-mortality div.reading p{
	font-size: 1.125em;
	line-height: 1.7em;
	margin:0em 0em 2em 0em;
}

#prb-mortality div.reading-caption p{
	font-size: 1em;
	line-height: 1.5em;
	margin:0em 0em 2em 0em;
}

#prb-mortality div.notes p{
	font-size: 1em;
	color:#555555;
	line-height: 1.5em;
	margin:0em 0em 1em 0em;
}

#prb-mortality div.chart-notes p{
	font-style: italic;
}

#prb-mortality div.chart-notes{
	position:relative;
	margin-top:2rem;
	margin-bottom:5rem;
}

#prb-mortality div.chart-notes:after{
	position:absolute;
	top:-0.75em;
	width:50px;
	height:1px;
	border-top:1px solid #aaaaaa;
	content:"";
}

#prb-mortality div.accented{
	position:relative;
}

#prb-mortality div.aired-out-t{
	margin-top:4em;
}

#prb-mortality div.aired-out{
	margin-top:4em;
	margin-bottom:6em;
}

#prb-mortality div.accented:before{
	position:absolute;
	content:"";
	height:1px;
	width:30%;
	min-width:50px;
	top:-1em;
	background:#aaaaaa;
	background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);	
}

#prb-mortality span.first-letter{
	font-size:4rem;
	margin:0em 0.05rem 0em 0em;
	font-family:'Roboto', sans-serif;
	padding:0.25rem;

	color:#2375bb; 
	font-weight:bold;
}

#prb-mortality .big-graphic{
	margin:4em 0em;
}

#prb-mortality .big-graphic > div{
	padding:0em 1em;
}

#prb-mortality .big-graphic > div:first-child{
	padding-left:0em;
	padding-right:0em;
}

#prb-mortality div.h-rule{
	width:100%;
	height:1px;
	padding:0px;
	margin:0em 0em 2em 0em;
	background:#aaaaaa;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0) 100%);
}

#prb-mortality div.h-rule.extra-space{
	margin-bottom:2em;
}

#prb-mortality .legend > p{
	font-weight:bold;
	font-size:1.125em;
}

#prb-mortality .swatch{
	display:inline-block;
	margin:0.25em 1em 0.25em 0em;
}

#prb-mortality .swatch .swatch-tile{
	float:left;
	height:1em;
	width:1em;
	border-radius:0.25em;
	margin-right:5px;
}

#prb-mortality .swatch .swatch-label{
	float:left;
	line-height:1em;
	margin:0em;
}

#prb-mortality .no-highlight, #prb-mortality .no-highlight *{
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select: none;
}

#prb-mortality svg.svg-overflow{
	overflow:visible;
}

#prb-mortality div.as-table{
	width:100%;
	table-layout:fixed;
}

#prb-mortality .map-caption{
	margin:3rem 0rem 0rem 0rem;
}

#prb-mortality div.left-float{
	float:none;
	width:100%;
	max-width:840px;
	margin:0px auto;
}

#prb-mortality div.center-float, #prb-mortality div.center-float-alt{
	float:none;
	width:100%;
	max-width:840px;
	margin:0px auto;
}

#prb-mortality div.right-float{
	float:none;
	width:100%;
	max-width:840px;
	margin:0px auto;
}

@media (min-width:0px){
	#prb-mortality .big-graphic > div{
		padding-left:1em;
		padding-right:1em;
	}

	#prb-mortality .col-lg, #prb-mortality .col-sm{
		float:none;
		width:auto;
	}

	#prb-mortality div.as-table, #prb-mortality div.as-row, #prb-mortality div.as-cell{
		display:block;
	}

	#prb-mortality div.as-cell.sm, #prb-mortality div.as-cell.lg{
		width:100%;
	}

	#prb-mortality div.middle-col-lg{
		margin-left:auto;
		margin-right:auto;
		max-width:800px;
	}

	#prb-mortality #prb-banner .title-panel h1{font-size:2rem;}

	#prb-mortality .select-wrapper{
		padding-left:1rem;
		padding-left:calc(1rem - 5px);
	}

}

@media (min-width:640px){
	#prb-mortality .big-graphic > div{
		padding-left:1em;
		padding-right:1em;
	}

	#prb-mortality .col-lg, #prb-mortality .col-sm{
		float:none;
		width:auto;
	}

	#prb-mortality div.as-table, #prb-mortality div.as-row, #prb-mortality div.as-cell{
		display:block;
	}

	#prb-mortality div.as-cell.sm, #prb-mortality div.as-cell.lg{
		width:100%;
		max-width:860px;
		margin:0px auto;
	}

	#prb-mortality div.middle-col-lg{
		margin-left:auto;
		margin-right:auto;
		max-width:800px;
	}

	#prb-mortality #prb-banner .title-panel h1{font-size:3rem;}
}

@media (min-width:1200px){
	#prb-mortality .big-graphic > div{
		padding-left:3%;
		padding-right:3%;
	}

	#prb-mortality .col-lg{
		float:left;
		width:70%;
		max-width:none;
	}

	#prb-mortality .col-sm{
		float:left;
		width:30%;
	}

	#prb-mortality div.as-table{display:table;}
	#prb-mortality div.as-row{display:table-row;}
	#prb-mortality div.as-cell{display:table-cell;}

	#prb-mortality div.as-cell.sm{
		width:32%;
		vertical-align:top;
		max-width:none;
		padding:1em 0em 1em 1em;
	}	

	#prb-mortality div.as-cell.lg{
		width:68%;
		max-width:none;
	}

	#prb-mortality #prb-banner .title-panel h1{font-size:4rem;}
}

@media (min-width:1400px){
	#prb-mortality div.left-float{
		float:left;
		width:300px;
		width:calc((100% - 840px - 0em) / 2);
		margin:0em 0em 0em 0em;
	}

	#prb-mortality div.right-float{
		float:left;
		width:100%;
		max-width:none;
		margin-left:calc((100% - 840px) / 2);
		width:calc(50% + 420px);
	}

	#prb-mortality div.center-float{
		float:right;
		width:100%;
		max-width:840px;
		margin-right:calc((100% - 840px) / 2);
	}

	#prb-mortality div.center-float-alt{
		float:left;
		width:100%;
		max-width:840px;
		margin-left:calc((100% - 840px) / 2);
	}

	#prb-mortality .map-caption{
		margin:12rem 10% 0em 0em;
	}

	#prb-mortality .select-wrapper{padding-left:0rem;}
}