/* @override 
	http://civicscience-widgets.s3.amazonaws.com/herald-bugle/herald-bugle-test-160-x-600.css */

.civicscience.ballotbox, 
.civicscience.ballotbox div, 
.civicscience.ballotbox span, 
.civicscience.ballotbox form, 
.civicscience.ballotbox label, 
.civicscience.ballotbox .poll_title, 
.civicscience.ballotbox .poll_body, 
.civicscience.ballotbox .question_text,
.civicscience.ballotbox .answer, 
.civicscience.ballotbox .answer .control, 
.civicscience.ballotbox .answer .answer_text, 
.civicscience.ballotbox .result, 
.civicscience.ballotbox .result .percent, 
.civicscience.ballotbox .result .answer_text, 
.civicscience.ballotbox .buttons, 
.civicscience.ballotbox .detailed_results, 
.civicscience.ballotbox .wrap_up {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color: #333;
    text-decoration: auto;
}

.civicscience.ballotbox {
	box-sizing: border-box;
	width: 300px;
	height: 200px;
	background: #fff;
	border: 1px solid #ccc;
	overflow-y: scroll;
	padding: 10px;
	border-radius: 3px;
}

.civicscience.ballotbox * {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 15px;
	color: #222;
}

.civicscience.ballotbox .header::before {
	content: "What do you think?";
	color: #999;
	display: block;
	margin: 0 0 10px;
}

.civicscience.ballotbox .question_text {
	font-weight: bold;
	margin: 0 0 10px;
}

.civicscience.ballotbox .question_text::before {
	content: "Question: ";
	font-weight: bold;
	display: none;
}

.civicscience.ballotbox .answer_options {
	list-style: none;
	padding: 0;
}

.civicscience.ballotbox .answer_options li {
	clear: both;
	margin: 0 0 6px;
}

.civicscience.ballotbox .answer_options label {
	display: table;
}

.civicscience.ballotbox .answer_options input {
	float: left;
	margin-right: 6px;
	margin-top: 1px;
}

.civicscience.ballotbox .answer_results {
	margin: 20px 0;
}

.civicscience.ballotbox .answer_results .answer {
	clear: both;
	margin: 0 0 6px;
}

.civicscience.ballotbox .answer_results .answer_percentage {
	width: 40px;
	float: left;
}

.civicscience.ballotbox .answer_results .answer_text {
	display: table;
}

.civicscience.ballotbox input.submit {
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 11px;
	cursor: pointer;
	padding: 4px 10px;
	background: #eee;
}

.civicscience.ballotbox .controls {
	margin: 20px 0 10px;
	display: table;
	width: 100%;
}

.civicscience.ballotbox .controls .next::after {
	content: ">>";
	height: 20px;
	width: 20px;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 10px;
	float: right;
	cursor: pointer;
}

.civicscience.ballotbox .controls .previous::after {
	content: "<<";
	height: 20px;
	width: 20px;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 10px;
	float: left;
	cursor: pointer;
}




.civicscience.ballotbox .answer_results {
	margin: 10px 0;
}

.civicscience.ballotbox .answer {
	margin: 0 0 6px;
	width: 100%;
	clear: both;
}

.civicscience.ballotbox .answer_percentage {
	width: 60px;
	margin-right: 6px;
	margin-left: 30px;
	float: left;
}

.civicscience.ballotbox .answer_text {
	display: table;
}

.civicscience.ballotbox .my_answer .answer_text, .civicscience.ballotbox .my_answer .answer_percentage {
	color: #f62525;
}

.civicscience.ballotbox .my_answer.correct_answer .answer_text, .civicscience.ballotbox .my_answer.correct_answer .answer_percentage {
	color: #22ba22;
}

.civicscience.ballotbox .correct_answer .answer_percentage::before {
	content: "\2192";
	display: block;
	float: left;
	width: 25px;
	margin-left: -25px;
}

.civicscience.ballotbox .my_answer .answer_percentage::before {
	content: "\d7";
	display: block;
	float: left;
	width: 25px;
	margin-left: -25px;
}

.civicscience.ballotbox .correct_answer.my_answer .answer_percentage::before {
	content: "\2192";
	display: block;
	float: left;
	width: 25px;
	margin-left: -25px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}