/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		/*list-style: none;*/ }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


body {
	font: 14px/24px Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
	color: #333;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
a {
    font-style: normal;
    text-decoration: underline;
    color: #000;
}
em {
	font-style: italic;
}
#main-wrapper {
    width: 750px;
/*	width: 1200px;*/
    margin: 30px auto;
}
#corrections {
	margin-bottom: 1.5rem;
}
#statemap {
/*	width: 400px;*/
	width: 600px;
	margin-left: 450px;
}

#statemap path {
	stroke-width: 1px;
}
#statemap path.foreign {
	stroke-width: .75px;
}


.clr { clear: both; }
.centered { text-align: center; }
.hidden  { 
    display: none; 
    pointer-events: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


/* Text
============================ */

h1 {
	font-family: Helvetica, Arial;
	font-size: 25px;
	font-style: normal;
    margin: 0 0 6px 0px;
}
h3 {
	text-transform: uppercase;
	font-size: .8rem;
	padding: 3px 0px;
	font-style: normal;
	margin-bottom: .2em;
	line-height: 1em;
}
p {
	/*margin-bottom: 1.5rem;*/
	line-height: 1.4em;
}
label {
	text-transform: uppercase;
	font-size: .8rem;
}
sup { 
  vertical-align: super;
  font-size: smaller;
}



/* Controls
============================ */

.button {
	width: 170px;
	padding: 6px 2px 8px 2px;
	margin-right: 10px;
	cursor: pointer;
	text-align: center;
	font-size: .8rem;
	border: 1px solid #e0e0e0;
	float: left;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.1em;
}
.button:hover {
	background: #e0e0e0;
}
.button.current {
	background: #444;
	color: #fff;
}






/* Chart
============================ */

#tableheader {
	margin-left: 35px;
}

#tableheader li {
	height: 12px;
	font-size: .8rem;
	font-weight: bold;
	list-style-type: none;
/*	margin-left: 30px;*/
	display: inline;
}
#tableheader li div {
	float: left;
	line-height: 1.1em;
}


#chart {
	position: relative;
}

#chart li {
	height: 12px;
	font-size: .75rem;
	padding: 2px 0 2px 5px;
}

#ranks {
/*	position: relative;*/
    float: left;
	width: 50px;
}
#ranks ol {
	list-style-type: decimal;
}
#ranks div {
	position: absolute;
    font-size: .75rem;
	color: #888;
	border: 1px solid #fff;
/*	margin-left: 1.75em;*/
	margin-top: -2px;
}
#ranks .staterank {
	width: 18px;
	text-align: right;
}

#states {
/*	position: relative;*/
/*    margin: 0 40px 20px 0;*/
    float: left;
/*	width: 290px;*/
}
    #states li {
        position: absolute;
        list-style-type: none;
		border: 1px solid #fff;
		color: #000;
		margin-left: 30px;
/*		line-height: 1rem;*/
    }
	#states li div {
		float: left;
		margin-top: -5px;
	}
	#states div.geography, #tableheader li.s div {
		width: 160px;
	}
    #states li .val, #tableheader li.v div {
/*        position: absolute;*/
        font-size: 0.75rem;
/*        left: 170px;*/
/*        top: 2px;*/
		float: left;
		width: 100px;
		text-align: right;
		padding-right: 20px;
    }
    #states li .se, #tableheader li.se div {
/*        position: absolute;*/
        font-size: 0.75rem;
/*        left: 220px;*/
/*        top: 2px;*/
        color: #333;
		float: left;
		width: 90px;
		text-align: right;
		padding-right: 10px;
    }
	#tableheader li.se div {
		padding-right: 0px;
	}

    #states li.hold {
		font-weight: bold;
		border: 1px solid #000;
		z-index: 100;
    }




	.svg-container {
/*	  display: inline-block;*/
/*	  position: relative;*/
/*	  width: 100%;*/
	  /*padding-bottom: 100%;*/ /* aspect ratio */
/*	  vertical-align: top;*/
/*	  overflow: hidden;*/
	}
	.svg-content-responsive {
/*	  display: inline-block;*/
/*	  position: absolute;*/
/*	  top: 10px;*/
/*	  left: 0;*/
	}



/* Annotation
============================ */

#summary {
	position: absolute;
	left: 675px;
	top: 40px;
	width: 120px;
	font-size: 12px;
	line-height: 1.3em;
}