body, html, p, td, th {
	font-family: 'Open Sans', 'Trebuchet MS', helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

body {
	padding: 0;
	margin: 0;
	background-color: #666;
}

#warning {
	position: relative;
	top: 0px;
	width: 100%;
	height: 140px;
	background-color: #fff;
	margin-top: 0px;
	padding: 4px;
	font-weight: bold;
	font-family: 'Open Sans', 'Trebuchet MS', helvetica, sans-serif;
	border-bottom: solid 4px #000066;
	color: #ff0000
}

.warning {
    color : #ff0000;
    background-color: #fff;
}

a:visited.warning {
    color : #ff0000;
    background-color: #fff;
}

#title {
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	font-size: 2em;
	font-weight: bold;
	font-family: 'Open Sans', 'Trebuchet MS', helvetica, sans-serif;
	/*width: 80%;*/
	width: 90%;
	color: #BEFC69;
	box-sizing: border-box;
}

#title img {
	width: 35px;
	float: left;
	padding-right: 10px;
}

#title p {
	margin: 10px 0 10px;
}

#title #timer {
	font-size: 14px;
	color: #fff;
	float: right;
	/*margin: 18px 0 0 0;*/
	margin: 5px 0 0 0;
}

#timer #show-time {
	color: yellow;
}

#content {
	overflow: auto;
	padding: 10px;
	padding-right: 0px;
	min-height: 600px;
	/*width: 80%;*/
	/*width: 90%;*/
	width: 95%;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.9);
	color: white;
	box-sizing: border-box;
}

#raceTitle {
	font-size: 20px;
	color: #333;
	background-color: #FFF;
	color: #7FB239;
	padding-left: 10px;
	text-align: left;
}

#raceTitleRight {
	font-size: 16px;
	color: #333;
	text-align: right;
	padding-right: 10px;
	margin-top: -30px;
}

#raceTitleLeft {
	/*text-align: center;*/
}

#raceTitle a {
	margin-bottom: 20px;
}

.county-results-button {
	font: bold 14px Arial;
	text-decoration: none;
	background-color: #FF8C00;
	color: #333333;
	/*padding: 6px 6px 20px 6px;*/
	border-radius: 5px;
	/*margin-bottom: 2px;*/
	/*height: 25px;*/
}

.county-completion-button {
	font: bold 14px Arial;
	text-decoration: none;
	background-color: #FF8C00;
	color: #333333;
	/*padding: 6px 6px 20px 6px;*/
	border-radius: 5px;
	/*height: 25px;*/
	/*margin-top: -7px;*/
}

#propositionLinks h3 {
	background-color: #FFF;
	color: #7FB239;
	padding-left: 10px;
	text-align: left;
}

#navbar {
	z-index: 100;
	width: 100%;
	height: 40px;
	background-color: black;
}

#menuHolder {
	width: 90%;
	padding: 0;
	margin: 0 auto;
}

#menuHolder ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: white;
	width: 100%;
}

#menuHolder ul li {
	font-weight: bold;
	padding: 8px 10px;
	display: block;
	float: left;
}

#menuHolder ul li a {
	color: #fff;
	text-decoration: none;
}

.mh {
	color: #FF8C00;
}

#menuHolder img {
	vertical-align: bottom;
	padding-right: 10px;
}

#menuHolder ul li:hover {
	color: #FF8C00;
	cursor: pointer;
	/*	background-color: gainsboro;*/
}

#menuHolder ul li.right {
	float: right;
}

.selected {
	color: #FF8C00;
	/*	background-color:gainsboro;*/
}

.home-link {
	color: #FF8C00;
	text-decoration: none;
}

#footer {
	text-align: center;
	color: white;
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: black;
	margin: 0;
	box-sizing: border-box;
}

.push, #footer {
	height: 50px;
	padding: 5px;
}

#footer a {
	padding: 5px 0;
	text-decoration: none;
	color: white;
}

#footer a:hover {
	color: #F90;
}

#map {
	width: 48%;
	float: left;
}

#map img {
	width: 100%;
}

#information {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 16px;
	background-color: #BBB;
	/*background-color: #f1f2f2;*/
	margin: 16px 0 0 0;
	/*width: 74%;*/
	width: 80%;
}

.information-county-count-container {
	/*background-color: #BBB !important;*/
}

/*----------Begin New CSS for Home Page of Election Results App------------*/
#home-information {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 5% 16px 30%;
	background: #000 url(../images/arches-background.png) no-repeat;
	margin: 16px 0 0 0;
	height: 541px;
	float: left;
	width: 74%
}

#home-information p {
	font-size: 18px;
	color: #FFF;
	line-height: 30px;
}

.home-information {
	font-size: 50px;
	text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.8);
	font-size: 50px;
	color: #FEBC6b;
	font-weight: bold;
}
/*----------End New CSS for Home Page of Election Results App------------*/
#information table {
	width: 90%;
	background: #BBB;
	/*background: #f1f2f2;*/
}

#information th {
	color: #000;
	border: 0;
	border-bottom: 1px solid #EAEAEA;
	padding: 6px 12px;
	text-align: left;
}

#information td {
	color: #333;
	border-bottom: 1px solid #EAEAEA;
	padding: 6px 12px;
}

#information h3 {
	font-size: 20px;
	color: #333;
	margin: 16px 285px 8px 0px;
	text-shadow: 1px 2px 0 rgba(255, 255, 255, 0.8);
}

#information table h3 {
	color: #333;
	text-shadow: none;
}

#disclaimerInfo {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 16px;
	/*background-color: #BBB;*/
	background-color: #f1f2f2;
	margin: 16px 0 0 0;
	/*width: 74%;*/
	width: 100%;
}

#disclaimerInfo p {
	margin: 20px 20px 0px 20px;
}

#disclaimerTitle {
	font-size: 20px;
	color: #333;
	background-color: #FFF;
	color: #7FB239;
	padding-left: 10px;
	text-align: left;
}

#selection {
	/*margin: 0 2% 0 0;*/
	margin: 0 25px 0 0;
	padding: 0;
	/*width: 23%;*/
	/*width: 15%;*/
	width: 180px;
	text-align: right;
	float: left;
}

#selection ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: pointer;
	cursor: hand;
}

#selection li {
	margin: 0;
	padding: 5px 0;
	cursor: pointer;
	cursor: hand;
	/*width: 270px;*/
}

#selection li label {
	margin: 0;
	padding: 0 5px 0 0;
}

#selection h3 {
	color: #FF8C00;
}

#information p {
	font-size: 14px;
	color: #333;
}

.information {
	font-size: 50px;
	/*text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.8);*/
	color: #000;
	font-weight: bold;
	text-align: left;
}

.information-county-count {
	font-size: 40px;
	/*text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.8);*/
	color: #000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 8px;
	width: 100%;
}

.information-heading {
	font-size: 18px;
	/*text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.8);*/
	color: #000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

.small-image {
	height: 25px;
	width: 25px;
}

.bar-container {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	background: none repeat scroll 0 0 #FFFFFF;
	display: inline-block;
	height: 13px;
	padding: 2px;
	width: 150px;
	margin: 0 0 0 4px;
}

.percentage-bar {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	background: #FF8C00;
	padding: 0;
	margin: 0;
	height: 9px;
	width: 50%
}

.pdfLink {
	color: lightgoldenrodyellow;
	font-size: 10px;
}

.test {
	height: 20px;
	padding-left: 10px;
	/*padding-right: 5px;*/
	display: inline-block;
	background-color: #7FB239;
}

.test:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #7FB239;
}

#footer {
	font-size: 12px;
}

#footer a {
	font-size: 12px;
}

/* Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
}

blockquote, .codeblock {
	border: 1px solid #08084d;
	background-color: #f2f2ff;
	margin: 20px;
	padding: 10px;
}

blockquote strong {
	color: #08084d;
}

.state-results-table table .graph-combo {
	white-space: nowrap;
}

.state-results-table table .graph, .state-results-table table .index {
	height: 14px;
}

.state-results-table table .graph {
	display: inline-block;
	vertical-align: -2px;
	position: relative;
	background: transparent url(../images/widget-poll-grid.gif) repeat-x
		-1px top;
	width: 100px;
	margin-left: 5px;
}

.state-results-table table .index {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1px;
	line-height: 1px;
	background: #707070 url(../images/widget-poll-highlight.png) repeat-x
		left center;
}

.state-results-table table .party-democrat .index {
	background-color: #004276;
}

.state-results-table table .party-republican .index {
	background-color: #b70000;
}

.state-results-table table .party-libertarian .index {
	background-color: #cccc00;
}

.state-results-table table .party-justice .index {
	background-color: #ffa500;
}

.state-results-table table .party-green .index {
	background-color: #5ca028;
}

.state-results-table table .party-constitutional .index {
	background-color: #800080;
}

.state-results-table table .party-other .index {
	/* background-color: #690696;*/
	background-color: #00AF64; /* Greean */
}

.state-results-table table .party-prop-1 .index {
	/*background-color: #03FC24; */
	background-color: #F7DD69;
}

.state-results-table table .party-prop-2 .index {
	/*background-color: #02B51A; */
	background-color: #FD9B40;
}

.state-results-table table .party-prop-3 .index {
	/*background-color: #018012; */
	background-color: #EE3E7B;
}

.state-results-table table .party-prop-4 .index {
	/*background-color: #01630E; */
	background-color: #3E94D1;
}

.state-results-table table .party-prop-5 .index {
	/*background-color: #003D08; */
	background-color: #34CFBE;
}

.ie6 .state-results-table table .index {
	background-image: none;
}

/* ----- Add / Remove / My Races Buttons ----- */
.myRacesActionButton {
	background: transparent url('../images/plus-icon.png') center center no-repeat;
	width: 36px;
	height: 24px;
	display: block;
	/*float: right;*/
	/*margin-left: 10px;*/
	/*margin-top: -3px;*/
}

.myRacesActionButton.remove {
	background-image: url('../images/x-icon.png');
}

.popuphelp {
	position: absolute;
	z-index: 1000;
	background: #fff;
	padding: 10px;
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
	top: 0;
	left: 0;
	border: 2px solid #000;
	max-width: 300px;
	box-sizing: border-box;
	font-weight: normal;
}

.popuphelp .arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 10px 0;
	border-color: transparent #000 transparent transparent;
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -10px;
	-moz-transform: scale(1.001);
}

.popuphelp .arrow.down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	left: auto;
	top: auto;
	right: 15px;
	bottom: -15px;
	margin-bottom: 0;
}

/*----------Begin New CSS for Search By Name Page of Election Results App------------*/
.searchByName {
	width: 470px;
	margin: 40px auto 0;
}

.boardOfEducation {
	/*    width: 65%;*/
	
}

.searchByName .button {
	margin-left: 8px;
	box-shadow: 3px 3px 5px #999;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 1em;
	color: #FFF;
	border: none;
	padding: 8px;
	background: #6b87bd; /* Old browsers */
	background: -moz-linear-gradient(top, #6b87bd 0%, #1e4a98 84%, #6b88bd 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b87bd),
		color-stop(84%, #1e4a98), color-stop(100%, #6b88bd));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b87bd 0%, #1e4a98 84%, #6b88bd 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b87bd 0%, #1e4a98 84%, #6b88bd 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b87bd 0%, #1e4a98 84%, #6b88bd 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #6b87bd 0%, #1e4a98 84%, #6b88bd 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b87bd',
		endColorstr='#6b88bd', GradientType=0); /* IE6-9 */
}

.selectRace {
	width: 60%;
	margin: 16px auto 0;
}

.select2-container {
	float: left;
}

.select2-container .select2-choice {
	font-size: 1em;
	color: #666;
	height: 34px;
	box-shadow: 3px 3px 5px #999;
	box-radius: 8px;
	padding: 0px 0px 0px 8px;
}

.medium {
	width: 350px;
}

.large {
	width: 500px;
}

.select2-results .select2-highlighted {
	background: none repeat scroll 0 0 #CCC;
	color: #000;
}
/*----------End New CSS for Home Page of Election Results App------------*/

/*
 * Image replacement
*/
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.county-count-header th {
	border-bottom: 1px solid #000 !important;
}

/*.county-count-header table tbody, table thead {
	display: block;
}
.county-count-header table tbody {
	overflow: auto;
	height: 100px;
}

.county-count-header th {
	width: 72px;
}*/

.county-count:nth-child(odd) {
	/*background: #76A9D0;*/
	background: #d1d3d4;
}

.county-count:hover {
	background: #BEFC69;
}

.county-count-table {
	width: 100% !important;
}

.county-column {
    /*background: blue;*/
    /*width: 60px;*/
}

.race-title-wrapper {
	background: #FFF;
	width: 100%;
	margin: 5px 5px 5px 5px;
	display: inline-block;
	padding-bottom: 5px;
}

.race-title {
	color: #000;
	font-size: 20px;
	float: left;
	padding: 2px 2px 5px 2px;
	width: 100%;
	text-align: left;
}

.race-buttons {
	float: right;
	width: 100%;
}

.race-county-results {
	float: left;
	padding: 2px 5px 2px 2px;
}

.race-favorite {
	float: right;
	padding: 2px 2px 2px 30px;
}

.county-completion {
	float: left;
	padding: 2px 2px 2px 2px;
}

@media screen and (max-width: 1320px) {
	#information {
		width: 100%;
	}

	#home-information {
		width: 100%;
	}

	#selection li {
		width: 185px;
	}
}

@media screen and (max-width: 1200px) {
	#home-information {
		box-sizing: border-box;
		padding: 15px 3% 16px 18%;
	}
}

@media screen and (max-width: 620px) {
	#information h3 {
		width: 500px;
		height: 110px;
	}

	#raceTitleRight {
		text-align: left;
	}
}

@media screen and (max-width: 500px) {
	#information h3 {
		width: 400px;
		height: 110px;
	}
	#raceTitle {
		height: 145px;
	}
}

@media screen and (max-width: 340px) {
	#information h3 {
		width: 240px;
		height: 110px;
	}
	#raceTitle {
		height: 200px;
	}
	.race-favorite {
		padding-left: 5px;
	}
}

@media screen and (max-width: 320px) {
	.county-completion {
		width: 224px;
	}
}