body {font-family: 'arial', sans-serif;}

a {text-decoration: underline;}
a:link {color: #94bdb2;}
a:visited {color: #94bdb2;}
a:hover {color: #559cb5;}
a img {border: 0;}

h1 {
	margin: 25px 0 25px 0;
	color: #559cb5;
}
h2 {
	font-size: 1.571em;
	color: #559cb5;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-bottom: 25px;
	border-bottom: 1px solid #559cb5;
}
	h2:nth-child(2) {margin-top: 0;}
	.sub h2 {margin-top: 0;}

h3 {color: #c0320c;}
h4 {
	color: #000;
	font-size: 1.125em;
}
h5 {
	color: #1255a4;
	font-weight: bold;
	font-size: 1.125em;
}

label {font-weight: normal;}

.header-left {}
.header-right {}
.alert-danger1{color: #a94442;}

a#quit {
	display: block;
	float: right;
	top: 10px;
	position: relative;
	text-decoration: none;
}
	a#quit span {text-decoration: underline;}

p {
	font-size: 1.143em;
	margin-bottom: 20px;
}
	p.last {margin-bottom: 0;}
	p span {color: #666; font-size: .91em;}

ul {padding-bottom: 1em;}
	li {
		list-style: none;
		padding: .5em;
		margin: .25em 0 .25em 0.45em;
		font-size: 1.143em;
	}
		li.voted {
			border: 1px solid #edebe3;
			background-color: #fbfad5;
		}

		ul {
			padding-bottom: 1em;
			margin-left: 0;
			padding-left: 0;
		}
			ul li {
				list-style: none;
			}
				ul li.voted {
					border: 1px solid #edebe3;
					background-color: #fbfad5;
				}
	ul.list {margin-left: 13px;}
	ul.list li {list-style: disc;}

.loginError.alert {
	margin-top: 20px;
	margin-bottom: 0;
}
.error.alert {
	margin-top: 0;
	margin-bottom: 20px;
}

.sub {margin-top: 10px;}

.clear {clear: both;}

table {border-collapse: collapse; text-align: left; border-bottom: 1px dotted #dde6f3;}
	tr.even td {background-color: #f5f9ff;}
	th, td {border-spacing: 0; padding: 5px; vertical-align: top;}
	th {font-weight: normal; border-bottom: 1px dotted #dde6f3;}

caption {text-align: left; margin: 0; background: #666; color: #fff; padding: 0.5em;}

/** Header **/
header {
	background: #fff;
	border-top: 4px solid #bb3592;
	margin-bottom: 0;
}
	header h1 {
		display: block;
		width: 318px;
		height: 68px;
		float: left;
		margin: 0 0 0 0;
	}
		header h1 img {
			width: 300px;
			height: auto;
		}
/** End Header **/

	/**** Login ****/
	#loginBox {
		max-width: 550px;
		margin: 25px 0 35px 0;
		background: #f0f0f0;
		border: 1px solid #dddddd;
	}
	.ballot-img {
		margin: 20px 0 25px 0;
		border: 1px solid #b1ac88;
	}
	.ballot-img-xs {
		margin: 25px auto 25px auto;
		border: 1px solid #b1ac88;
	}
	input[type="submit"] {
		background: none;
		border: 2px solid #b04590;
		color: #fff;
		font-size: 1em;
		border-radius: 3px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'Montserrat', sans-serif;
		padding: 4px 15px 4px 15px; cursor: pointer;
		color: #b04590;
	}
	input[type="submit"]:hover {
		background: #b04590;
		border: 2px solid #b04590;
		color: #fff;
	}
	input[type="submit"]:active {
		background: #b04590;
		border: 2px solid #b04590;
		color: #fff;
	}

	p.alert-info a {
		color: #23b2ff;
		text-decoration: underline;
		font-weight: bold;
	}

	/**** End Login ****/

	/** Candiates Listing **/
	#candidates-box {
		margin-bottom: 35px;
		text-align: center;
		border: 1px solid #dddddd;
		background: #f0f0f0;
		padding: 25px;
		border-radius: 6px;
	}
		#candidates-box .candidate {
			text-align:center;
			margin-bottom: 25px;
		}
			#candidates-box .candidate img {
				max-width: 187px;
				border: 1px solid #cac6da;
				padding: 2px;
				margin-bottom: 10px;
			}
			#candidates-box .candidate img.unselected {opacity: 0.5;}
			#candidates-box .candidate label {display: block;}
				#candidates-box .candidate label input {
					margin-top: -2px;
					margin-right: 8px;
				}

			#candidates-box .candidate .confirm-name {
				position: relative;
				height: 25px;
			}
				#candidates-box .candidate .confirm-name p {
					display: inline-block;
					margin-bottom: 0;
				}
				#candidates-box .candidate .confirm-name .checkmark {color: #6db33f;}
				#changeVoteForm {display:block;}

	.submit {margin: 0 auto 0 auto;}

	.checked {visibility: hidden;}
	.disabled {opacity: 0.50;}

	#confirm {
		display: block;
		margin-bottom: 5px;
	}
	input#changevote {
		border: none;
		background: none;
		cursor: pointer;
		text-decoration: underline;
		color: #94bdb2;
		padding: 0;
		margin-top: 5px;
	}
	input#changevote:hover {color: #559cb5;}

	/**** Bios ****/
	.bioBox {display: none;}
		.bioBox .img-col {
			width: 25%;
			float: left;
		}
			.bioBox .img-col img {
				display: block;
				width: 100%;
				height: auto;
				border: 1px solid #cac6da;
				padding: 2px;
			}
		.bioBox .text-col {
			float: right;
			padding-left: 25px;
			padding-right: 25px;
			width: 75%;
		}
		.bioBox .text-col h2 {margin-top: 0;}
			.bioBox .text-col h2 span {
				font-size: 0.762em;
				text-transform: initial;
				color: #444;
				font-weight: 500;
			}
		.bioBox .text-col h3 {
			margin-bottom: 20px;
			font-size: 1.286em;
			color: #d78139;
		}
		.bioBox .text-col ul li {
			list-style: disc;
			margin-bottom: 5px;
		}
		.bioBox hr {
			border-top: 1px solid #aaa;
			width: 100%;
			float: left;
			margin-top: 0;
		}
		.candidate .read {
			display: block;
			text-align: center;
		}

		.bioBox {display: none; padding: 15px 20px 15px 20px;}
			.bioBox img {width: 175px; height: 175px; border: 1px solid #b1ac88; padding: 2px; float: left;}
				.bioBox p a {color: #7a9bbf;}
					.bioBox p a:hover {color: #8eb5df;}
		.candidate-video {
			width: 100%;
			min-height: 349px;
			margin-bottom: 25px !important;
		}
	/**** End Bios ****/

	/** Errors **/
		.loginErrorVoting {margin-top: 25px;}
		#error p {
			font-size: 0.857em;
			margin-bottom: 0;
		}
	/** End Errors **/

	/** Charities **/
	#charities-survey-box {
		margin-bottom: 35px;
		border: 2px solid #dddddd;
		background: #f0f0f0;
		padding: 25px;
		border-radius: 6px;
	}
		#charities-survey-box #charity-survey-list {
			border-bottom: 1px dotted #0093d9;
			margin-bottom: 25px;
		}
		#email_id {
			max-width: 310px;
			margin-bottom: 15px;
		}
		.charity input[type=radio] {margin-right: 10px;}
		input[type=checkbox].optin {margin-right: 10px;}
		.optin-label {
			width: auto;
			font-weight: normal;
			font-style: italic;
			font-size: 0.857em;
		}
		#email_id {width: 300px;}
		.charities {margin-bottom: 25px;}
	/** End Charities **/

	/** Thank you pages **/
	#addresses {
		background: #eeeeee;
		border: 1px solid #dddddd;
		border-radius: 6px;
		margin-bottom: 35px;
	}
		#addresses p {
			font-size: 0.857em;
			color: #707070;
			text-align: center;
			margin-bottom: 0;
		}
		.castVote {
			display: block;
			width: 160px;
			margin: 20px auto 35px auto;
			padding: 5px;
			background: #b1ac88;
			border: 1px solid #8a866a;
			color: #fff !important;
			font-size: 16px;
			text-decoration: none;
			text-align: center;
		}
			.castVote:hover {
				color: #fff !important;
				text-decoration: none;
			}
	/** End Thank you pages **/


/** Dividers **/
.divider {
	margin: 0 0 20px 0;
	height: 1px;
	background: #559cb5;
}
/** End Dividers **/

.ballotnumber {font-size: .785em; font-weight: bold; width: 100px;}

.main-list {margin-left: 30px;}
.main-list li {list-style: disc;}

/**** Results ****/
.login {text-align: center;}
.login h1 {
	display: inline-block;
	float: none;
}
#loginBoxVoting {
	max-width: 400px;
	margin: 25px auto 45px auto;
	background: #f0f0f0;
	border: 1px solid #dddddd;
}
.loginErrorVoting {margin-top: 25px;}

#scanform {text-indent: -9999px;}

.voting-main {margin-bottom: 25px;}
	.voting-main h2 {
		display: block;
	}
	.voting-main h3 {
		color: #a83424;
		margin-bottom: 0;
	}
		.voting-main h3 span {
			font-size: 0.667em;
			color: #000;
		}
		.voting-main ul {margin-top: 24px;}
		.voting-main ul li {
			margin: 0 0 15px 0;
			padding: 0;

		}
		.voting-main label {font-weight: bold;}

#vote-candidates {
	padding: 0;
	margin: 20px 0 25px 5px;
}
	#vote-candidates li {
		list-style: none;
		margin-bottom: 18px;
	}
		#vote-candidates li input[type="checkbox"] {margin-right: 5px;}


#instructions {
	margin-bottom: 25px;
	background: #f0f0f0;
	border: 1px solid #dddddd;
}
#instructions div.instruction h3 {margin: 0 0 15px 0;}
#instructions div.instruction p {
		font-size: 1em;
		color: #666;
	}
#instructions div.instruction ol {
	margin: 0 0 0 18px;
	padding: 0 0 0 0;
}
#instructions div.instruction li {
		font-size: 1em;
		color: #666;
		margin-bottom: 15px;
		list-style: inherit;
	}

#chart {margin-top: 28px;}
.graph-container h3 {}
.graphcont {
	margin-bottom: 20px;
	margin-right: 0;
}
	.graphcont .col-md-7 {padding-right: 0;}
.graph {
	background-color: #cecece;
	width: 100%;
	padding: 0;
}
.graph .bar {
	display: block;
	position: relative;
	background: url("../i/bargraph.gif") repeat-x right center;
	border-right: #bdbb97 1px solid;
	text-align: center;
	color: #fff;
	height: 20px;
	font-size: 1em;

}
.graph .bar span {
	position: absolute;
	left: 1em;
}

.voting-alert {margin-top: 25px;}

.ballot-form .form-group {width: 100%;}
.ballot-form label {margin-bottom: 0px;}
.ballot-form input[type="text"] {margin: -6px 0 0 5px;}

ul#manualform {list-style: none;}
/**** End Results ****/

/**** Survey ****/
.questionBox {margin-bottom: 25px;}
.questionBox p {
	margin-bottom: 10px;
}
/**** End Survey ****/

/**** Manaul ****/
#multiplesubmit {
	width: 100%;
	margin-top: 35px;
}
	#multiplesubmit th:first-child {text-align: left;}
	#multiplesubmit td:first-child {text-align: left;}
	#multiplesubmit th {text-align: center;}
	#multiplesubmit td {text-align: center;}
.results {margin-bottom: 35px;}
.submitbutton input {margin-bottom: 25px;}
.manual-error {color: #a94442;}

.btn.btn-light {
	border-color: #000; 
	background-color: white;
}
.btn.btn-warning,
.btn.btn-warning:hover,
.btn.btn-warning:active {
	border-color: #000;
	background-color: #b24499;  
}
label.btn-light.disabled {
	opacity: 0.25;
}
label.btn-warning.disabled {
	opacity: 0.75;
}
/**** End Manaul ****/

/**** End Results ****/



@media only screen  and (max-width : 1199px) {
	#changeVoteForm {margin: -25px 0 0 445px;}
}

@media only screen  and (max-width : 991px) {
	#candidates-box .candidate {margin-bottom: 25px;}
	#changeVoteForm {margin: -25px 0 0 350px;}
}

@media only screen  and (max-width : 767px) {
	#loginBox {max-width: 100%;}
	.header-left {padding-left: 15px;}
	.bioBox .img-col {
		width: 100%;
		margin-bottom: 25px;
	}
		.bioBox .img-col img {
			width: 175px;
			margin: 0 auto 0 auto;
			float: none;
		}
	.bioBox .text-col {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.bioBox {width: auto;}
	#addresses p {margin-bottom: 25px;}

	.ballot-form input[type="text"] {
		margin: 10px 0 0 0;
	}
	#changeVoteForm {margin: -25px 0 0 44%;}
}

@media only screen  and (max-width : 530px) {
	#ribbon {display: none;}
	#quit {right: 15px;}
}

@media only screen  and (max-width : 460px) {
	.header-left img {
		width: 250px;
		height: auto;
	}
}