@charset "utf-8";
/* CSS Document */

body {
	font-family:"myriad-pro",helvetica,arial,sans-serif;
	margin:0px;
	padding:0px;
	background-color:#fff;	
}

.ie8warn {
	padding:10px;
	width:100%;
	background-color:#f00;
	color:#fff;
	font-size:14px;
	
}

a {
	text-decoration:none;	
	color:#0081a4;
}

a:hover {
	text-decoration:underline;	
}

input, select, shape {
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	line-height:100%;
}

h1 {font-size:21pt}
h2 {font-size:16pt}
h3 {font-size:14pt}
h1.title, h3.title {
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;
	text-align:center;
}

h1.title span.download {
	font-size:12pt;
	font-weight:400;	
}

#titleArea {
	padding:10px;
	display:none;
	/*background-color:#eee;*/
}

#titleArea p {
	margin-bottom:0px;
	padding-bottom:0px;	
}

hr.dotted {
	border:0;
	border-bottom:1px dotted #aaa;	
}

.yesTouchscreen {
	display:none;
}

.yearSelectArea {
	text-align:center;
	font-size:16px;
	margin-left:auto;
	margin-right:auto;	
}

h3.title {
	padding-bottom:0px;
	margin-bottom:0px;	
}

p.download {
	margin-top:0px;
	padding-top:0px;	
}

p.titleBlurb {
	font-size:13pt;
	margin-top:0pt;
	padding-top:0pt;
	letter-spacing: -0.4px;	
	font-weight:400;
}

h1 {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:5px;
	padding-bottom:5px;	
}

h2 {
	margin-top:0px;
	padding-top:0px;	
}


select#stateLocal {
	font-size:16pt;
	font-weight:700;	
}

#wrapper {
	position:relative;
	overflow:hidden;
	max-width:525px;
	margin-left:auto;
	margin-right:auto;
	width: 525px;	
	/*visibility:hidden;*/
}

#instructionsPopup {
	position:absolute;
	top:20px;
	left:5px;
	z-index:100;
	display:none;
}

#instructionsPopup .box {
	background-color:#0081a4;
	padding:5px;
	color:#fff;
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;	
	font-size:16pt;
	position:relative;
	top:-20px;
	left:0px;
}

#yearSlider {
	margin-top:20px;
	height:40px;
	border:0px;
	background:#fff;
	width:90%;
	left:5%;
}

#yearSlider .hLine {
	position:absolute;
	background-color:#aaa;
	height:1px;
	width:100%;
	top:10px;
	left:-5px;	
}

#yearSlider .yLabel {
	position:absolute;	
	font-family:"myriad-pro-condensed";
	font-size:16px;
	color:#aaa;
	top:5px;
}

#yearSlider .yLabel div {
	position:relative;
	left:-12px;
}

#yearSlider .vLine {
	position:absolute;
	background-color:#aaa;
	width:1px;
	height:6px;
	top:-3px;
}

#yearSlider .ui-slider-handle {
	background:#000;
	border:0px;
	height:10px;
	width:10px;	
	border-radius:0px;
	top:5px;
	outline:none;
	cursor:e-resize;
}

#yearSlider .ui-slider-handle span {
	position:relative;
	color:#000;
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	left:-8px;
	top:-20px;
}

#map {
	width:100%;
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;	
	position:relative;
}

#map .popup {
	position:absolute;
	display:block;
	background-color:#E1E1E1;
	font-size:16px;
	padding:5px;
	border: 1px solid #aaa;	
}

#map .popup h4 {
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;	
}

#map .popup ul {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:20px;
}

#map text {
	cursor:pointer;	
}

#legend {
	width:50%;
	position:absolute;
	height:40px;
	left:25%;
	top:-10%;
}

#charts {
	height:240px;	
}

#charts .chartArea {
	width:48%;
	height:220px;
	margin-top:20px;
	position:relative;
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;
}

#charts .chartArea .chartCon {
	position:absolute;
	bottom:0px;
	height:85%;
	width:113%;	
}

#charts .chartArea .title {
	margin-top:0px;	
}

#charts .chartArea .title .total{
	display:none;	
}

#incarcerationGraphArea {
	float:left;
}

#spendingGraphArea {
	float:right;
}



#spendingGraphArea .small {
	font-size:12px;
	font-weight:400;
	font-family:"myriad-pro",helvetica,arial,sans-serif;	
}

#flotTooltip {
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;	
	position: absolute;
	display: none;
	padding: 2px;
	color:#0081a4;
	font-size:18px;
	line-height:20px;
	background-color:#fff;
	opacity:0.8;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}



#facts {
	margin-top:30px;
	font-family:"myriad-pro-condensed",helvetica,arial,sans-serif;
	background-color:#eee;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	padding:5px;
	display:none; /*we're getting rid of this for now but it still works*/
}

#facts p, #facts h3  {
	margin-top:0.3em;
	margin-bottom:0.3em;
	padding-top:0.0em;
	padding-bottom:0.0em;	
}

#facts .leftColumn {
	width:48%;	
	float:left;
	height:100%;
}

#facts .reformScroll {
	height:100px;
	overflow-y:auto;	
}
#facts .reformScroll p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#facts .reformScroll ul {
	margin-top:0px;
	padding-top:0px;
	padding-left:20px;
	margin-bottom:5px;
}

#facts .reformScroll ul li {
	margin-left:0px;
	padding-left:0px;
}

#facts .rightColumn {
	width:48.6%;
	float:right;
	border-left:1px dotted #aaa;
	padding-left:1.5%;	
	height:115px;
}

#facts .clear {
	clear:both;	
}

#notes {
	font-size:12px;	
}

#factStatePicker {
	font-size:16px;	
	display:none; /*we're not using this anymore but a lot of code relies on its existence*/
}

div.credits {
	font-family:"myriad-pro";
	position:relative;	
}

div.credits p {
	font-size:12px;
	padding:0em;
	margin:0em;
}

#cbppCredit {
	border-top:1px solid #aaa;
	font-size:12px;	
	margin-top:5px;
	padding-top:3px;
	text-align:right;
	color:#0081a4;
	margin-right:3px;
}

.embedLink {
	color:#0081a4;
	clear:both;
	cursor:pointer;
}

.embedLink:hover {
	text-decoration:underline;
}

div.embedCode {
	display:none;	
	position:absolute;
	height:4em;
	bottom:50px;
	border:1px solid #000;
	z-index:100;
	left:0px;
	width:92%;
	max-width:525px;
	background-color:#fff;
	padding:5px;
}

div.embedCodeArea {
	font-family:"Courier New", Courier, monospace;
	position:relative;
	top:10px;
	background-color:#fff;
	font-size:12px;
	
}