/* header */

.intHeader {
	width: 80%;
	margin: 0 auto 40px auto;
}

.intHeader h1 {
	margin: 0 0 26px 0;
	font-size: 3.2em;
	font-family: "FranklinITCProBold","Helvetica","Arial",sans-serif;
	line-height: 1.1em;
}

p.body {
	line-height: 1.6em;
}



/* content */

.intWrapper {
	width: 80%;
	padding: 30px 0 0 0;
	margin: 0 auto;
}

p.subHed {
	font-size: 1.4em;
	font-family: "FranklinITCProBold","Helvetica","Arial",sans-serif;
}



/* dots */

.dotsWrapper {
	margin: 0 0 50px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px dotted #b4b4b4;
}

.dotsWrapper:last-child {
	border-bottom: none;
}

.dotsText,
.dotsGraphic {
	float: left;
}

.dotsText {
	width: 50%;
	margin-right: 10%;
}

.dotsGraphic {
	margin-top: 10px;
	width: 40%;
}

p.dotsHeader {
	font-size: 1.5em;
	line-height: 1.6em;
}

p.dotsHeader span.headerText {
	padding: 0 4px;
	/*background-color: #fbd0cc;*/
	background-color: rgba(258, 208, 204, 0.5);
}

p.dotsHeader span.counterText {
	margin-right: 6px;
	color: #f36055;
	font-size: 1.8em;
	font-family: "FranklinITCProBold","Helvetica","Arial",sans-serif;
}

p.dotsHeader > span > span {
	font-family: "FranklinITCProBold","Helvetica","Arial",sans-serif;
}

p.dotsDescrip {
	font-size: 16px;
	line-height: 1.5em;
}



.detainee {
	display: inline-block;
}

.detainee i {
	margin: 4px;
	color: #dcdcdc;
	font-size: 18px;
}

.detainee.detainee-highlighted i {
	color: #f36055;
}

/*.detainee span {
	display: block;
	width: 8px;
	height: 8px;
	margin: 4px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;

	background-color: #dcdcdc;
}

.detainee.detainee-highlighted span {
	background-color: #f36055;
}*/





/* tooltip */

.intTooltip p {
	margin: 0;
	font-size: 14px;
}

.intTooltip p span {
	font-family: "FranklinITCProBold","Helvetica","Arial",sans-serif;
}










/* media queries */

@media (max-width: 800px) {
	.intHeader,
	.intWrapper {
		width: 100%;
	}

}

@media (max-width: 700px) {
	.dotsText,
	.dotsGraphic {
		float: none;
		width: 100%;
		margin-right: 0;
	}

}

@media (max-width: 500px) {
	.intHeader h1 {
		font-size: 2.5em;
	}
}


/* iframe */

/*.iframe .mapFrame {
	width: 610px;
}*/