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

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

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

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

.poll .pollAnswerName {
	padding-left: 10px;
	font-size: 0.9em;
}

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

.poll .pollAnswerVotes 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 .ourVote div {
	border: 1px solid #777;
	top: -1px;
	left: -1px;
}

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

.poll label {
	cursor: pointer;
}