.fontLoading0 {
		font-family: 'Droid Sans', sans-serif;
		font-weight: 400;
		font-size: 10px;
	}
	.fontLoading1 {
		font-family: 'Source Serif Pro', serif;
		font-weight: 600;
		font-size: 10px;
	}
	.fontLoading2 {
		font-family: 'Source Serif Pro', serif;
		font-weight: 400;
		font-size: 10px;
	}
	.fontLoading3 {
		font-family: 'Source Serif Pro', serif;
		font-weight: 700;
		font-size: 10px;
	}
	.fontLoading4 {
		font-family: 'Droid Sans', sans-serif;
		font-weight: 700;
		font-size: 10px;
	}
	hr {
		border: none;
		height: 1px;
		/* Set the hr color */
		color: #ccc; /* old IE */
		background-color: #ccc; /* Modern Browsers */
	}
	hr.shortHR {
		margin: 4px 0;
	}

	.clickRect {
		cursor: pointer;
	}
	.bar-top-zero {
		stroke-width: 1px;
		stroke: gray;
	}
	text {
		fill: black;
		font: 12px sans-serif;
		text-anchor: middle;
		user-select: none;
	}
	.axis text {
		font: 12px sans-serif;
	}
	.axis path,
	.axis parapath,
	.axis line {
		fill: none;
		stroke: #000;
		stroke-width: 1px;
		shape-rendering: crispEdges;
	}
	.axis path {
		display: none;
	}
	.axis .parapath {
		stroke: #333;
		opacity: 0.3;
	}
	.axis .parapath.corner {
		stroke: #333;
		opacity: 0.8;
	}
	.axis .parapoly {
		fill: darkslateblue;
		opacity: 0.1;
	}
	.axisLabel {
		font: 12px sans-serif;
		text-anchor: start;
		pointer-events: none;
	}
	.grid .tick {
		stroke: gray;
		opacity: 0.7;
	}
	.grid path {
		stroke-width: 0;
	}
	.tick line {
		opacity: 0.5;
	}
	.separatorLine {
		stroke-width: 1px;
		stroke: black;
	}
	.separatorRect {
		fill: black;
	}

	text.nolabel {
		display: none;
	}

/*===== TOOLTIP STUFF ====================================================================*/

	/* based on https://css-tricks.com/bubble-point-tooltips-with-css3-jquery/ */

	.tooltipParent {
		position: relative;
	}
	.tooltipGrandParent {
		position: relative;
		top: 0;
		left: 0;
	}
	.tooltipGrandParent0 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.tooltip2, .arrow1:after {
		background: #fffff3;
		border: 1px solid #333;
	}
	.tooltip2 {
		pointer-events: none;
		opacity: 0;
		display: inline-block;
		position: absolute;
		padding: 4px 8px 5px 13px;
		color: #000;
		border-radius: 7px;
		margin-top: 7px;
		text-align: left;
		line-height: 125%;
		text-decoration: none;
		box-shadow: 1px 1px 2px #333;	/* h-offset; v-offset; spread; color */
		width: 254px;
		z-index: 10;
		/*-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-ms-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;*/
	}

	#arrow1 {	/* container of arrowChild */
		height: 1px;
		width: 1px;
		position: absolute;
		left: 20px;
		top: 100px;
		border-width: 12px;
		border-style: solid;
		border-color: #333 transparent transparent transparent;
	}
	#arrow1.arrLeft {
		left: -25px;
		border-color: transparent #333 transparent transparent;
	}
	#arrow1.arrRight {
		left: 260px;
		border-color: transparent transparent transparent #333;
	}
	#arrow1.arrTop {
		border-color: transparent transparent #333 transparent;
	}
	.arrowChild {	/* child of arrow1 */
		height: 1px;
		width: 1px;
		position: relative;
		top: -14px;			/* 1 extra for more arrow thickness, which goes better w. the drop shadow */
		left: -11px;
		border-width: 11px;		/* outer arrow minus this = border width (above) */
		border-style: solid;
		border-color: #fffff3 transparent transparent transparent;
	}
	.arrowChild.acLeft {
		top: -11px;
		left: -9px;
		border-color: transparent #fffff3 transparent transparent;
	}
	.arrowChild.acRight {
		top: -11px;
		left: -12px;
		border-color: transparent transparent transparent #fffff3;
	}
	.arrowChild.acTop {
		top: -9px;
		left: -11px;
		border-color: transparent transparent #fffff3 transparent;
	}

	.tooltip2.active {
		opacity: 0.80;
	}
	.tooltip2 .textualTooltip {
		opacity: 1;
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-ms-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	.tooltip2.newTooltip .textualTooltip {
		opacity: 1;
	}
	.tooltip2 .textualTooltip ul {
		margin: 0;
		padding-left: 20px;
		-webkit-padding-start: 20px;
		-moz-padding-start: 20px;
	}
	.tooltip2 .textualTooltip ul li {
		font-weight: 400;
		font-family: 'Droid Sans', sans-serif;
		font-size: 13px;
		line-height: 1.5em;
	}
	.tooltip2 div.textSection {
		margin: 0;
		padding: 0;
	}
	.tooltip2 div.detailTextSection {
		opacity: 0;
		position: absolute;
		left: 0px;
		top: 0px;
		margin: 0;
		padding: 0px 0px 8px 0px;
	}

	.tooltip2 p {
		margin: 8px 0 2px 0;
		font-weight: 400;
		font-family: 'Droid Sans', sans-serif;
		font-size: 13px;
	}
	.tooltip2 p.title {
		margin: 4px 0 4px 0;
		font-weight: 700;
		font-family: 'Source Serif Pro', serif;
		font-size: 17px;
	}
	.tooltip2 p.datatext {
		margin: 4px 0 4px 0;
		font-weight: 600;
		font-family: 'Source Serif Pro', serif;
		font-size: 15px;
	}

	.tooltip2 span.rep-num {
		font-weight: 700;
		font-size: 15px;
	}
	.tooltip2 .repTextActive {
		color: red;
		font-weight: 700;
	}

	.tooltip2 p.summation {
		font-weight: 600;
		font-family: 'Droid Sans', sans-serif;
		font-size: 14px;
	}
	.tooltip2 p.summation2 {
		margin-top: 4px;
		font-weight: 600;
		font-family: 'Droid Sans', sans-serif;
		font-size: 14px;
	}
	.tooltip2 p.summation3 {
		margin-top: 4px;
		margin-bottom: 6px;
		padding-left: 5px;
		font-weight: 600;
		font-family: 'Droid Sans', sans-serif;
		font-size: 14px;
	}
	p.pDarken {
		background-color: #444;
		color: #eee;
	}
	.zoomLabel {
		margin: 4px 0 4px 0;
		padding: 2px;
		font-weight: 400;
		font-family: 'Droid Sans', sans-serif;
		font-size: 13px;
	}

/*===== END TOOLTIP STUFF ====================================================================*/

/*===== KEY STUFF ====================================================================*/
	.keyClassOld {
		position: absolute;
		min-width: 140px;
		/*max-width: 175px;*/
		padding-top: 7px;
		border: 1px solid #666;
		background: #f9f9f6; /* For browsers that do not support gradients    f9f0c0 #fefee3 */
		background: -webkit-linear-gradient(160deg, #f9f9f6, #f6f3e3); /* for Safari 5.1 to 6.0 */
		background: -o-linear-gradient(160deg, #f9f9f6, #f6f3e3); /* for Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(160deg, #f9f9f6, #f6f3e3); /* for Firefox 3.6 to 15 */
		background: linear-gradient(160deg, #f9f9f6, #f6f3e3); /* std syntax */
		opacity: 1;
		box-shadow: 2px 2px 6px #333;	/* h-offset; v-offset; spread; color */
	}
	.keyClass {
		position: absolute;
		min-width: 140px;
		/*max-width: 175px;*/
		padding: 3px 0;
		opacity: 1;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	.keyParent {
		position: relative;
	}
	.keyClass p.keyTitle1 {
		margin: 2px 10px 2px 8px;
		padding: 3px;
		font-weight: 700;
		font-family: 'Source Serif Pro', serif;
		font-size: 16px;
		color: #222;
	}
	.keyClass div.keyText {
		margin: 0px 2px 2px 8px;
		padding: 3px;
		font-weight: 600;
		font-family: 'Droid Sans', sans-serif;
		font-size: 12px;
		color: #222;
	}

	.button {
		cursor: pointer;
		border: 2px solid black;
		margin-top: 3px;
		float: left;
		width: 14px;
		height: 14px;
	}
	.button.highlighted {
		border: 2px solid red;
	}
	.buttonLabel {
		cursor: pointer;
		margin-top: 0px;
		margin-bottom: 6px;
		padding-left: 7px;
		padding-top: 3px;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		user-select: none;
		float: left;
	}
	.buttonLabel.highlighted {
		color: red;
	}

/*===== END KEY STUFF ====================================================================*/

.congressPartyRect {
	stroke: transparent;
	stroke-width: 1px;
}

.zoomOutline {
	/*opacity: 0;*/
	stroke-width: 3px;
	stroke: #fe0;
	fill: none;
	pointer-events: none;
}

.bgBacking {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

p.zoomtext {
	margin: 0 0 8px 0;
	font-weight: 600;
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	line-height: 18px;
}

.sourceText {
	font-weight: 600;
	font-family: 'Source Serif Pro', serif;
	font-size: 13px;
}

.floatingText {
	font-weight: 700;
	font-family: 'Droid Sans', sans-serif;
	font-size: 20px;
	fill: white;
	pointer-events: none;
}

.floatingText1 {
	font-weight: 700;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	fill: white;
	pointer-events: none;
}

.floatingText2 {
	font-weight: 600;
	/*font-family: 'Droid Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	fill: white;
	letter-spacing: 2px;
	pointer-events: none;
}

.floatingTextArr {
	font-weight: 700;
	/*font-family: 'Source Serif Pro', serif;*/
	font-family: 'Droid Sans', sans-serif;
	font-size: 38px;
	fill: white;
	pointer-events: none;
}

.floatingTextArea {
	pointer-events: none;
}

.diagonal-stripe-2a {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSd3aGl0ZScvPgogIDxwYXRoIGQ9J00tMSwxIGwyLC0yCiAgICAgICAgICAgTTAsMTAgbDEwLC0xMAogICAgICAgICAgIE05LDExIGwyLC0yJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzInLz4KPC9zdmc+");
	background-repeat: repeat;
}

.yrText {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
	fill: black;
}

.yrTextArr {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 16px;
	fill: black;
}

p.viewTitle {
	margin: 10px 0 7px 2px;
	font-weight: 700;
	font-family: 'Source Serif Pro', serif;
	font-size: 16px;
	color: #222;
}
.ptrInactive {
	pointer-events: none;
}