/**
 * CSS for AJAX Poll extension
 * @file
 * @ingroup Extensions
 * @author Dariusz Siedlecki
 * @author Thomas Gries
 */

.poll {
	width: 400px;
	border: 1px dashed #999;
	background: #FAFAFA;
	padding: 10px 20px 10px 10px
}

.poll .poll-question {
	font-weight: bold;
}

.poll .poll-ajax {
	background: #FFFFCF;
	padding: 1px 4px;
	width: 200px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	display: none;
}

.poll .poll-answer-name {
	margin-top: 5px;
	padding-left: 0px;
	font-size: 0.9em;
}

.poll .poll-answer-vote {
	border: 1px solid #CCC;
	width: 100%;
	margin-left: 0px;
	height: 12px;
	font-size: 10px;
	position: relative;
}

.poll .poll-answer-vote div {
	border-right: 1px solid #CCC;
	background: #E5E5E5;
	position: absolute;
	top: 0;
	left: 0;
	height: 12px;
	font-size: 1px;
	line-height: 12px;
	z-index: 2;
}

.poll .poll-our-vote div {
	border: 1px solid #008000;
	top: -1px;
	left: -1px;
}

.poll .poll-answer-vote span {
	position: absolute;
	top: -3px;
	left: 3px;
	z-index: 4;
}

.poll label {
	cursor: pointer;
}
.poll input {
	cursor: pointer;
	vertical-align: middle; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.poll #poll-info {
	margin-top: 20px;
	color: grey;
}

.poll .poll-misc {
	margin-bottom: 20px;
	color: grey;
}