@import url(https://fonts.googleapis.com/css?family=Oswald);

	body { text-align: left; margin: 0px; padding: 0px }
	
	.poller   {
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight:300;
		margin-bottom: 10px;
	width: 100%;
	min-height: 210px;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:45%;
}
.poller input { font-size: 16px; background-color: silver; border: 0px }
/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
	}
	/* Label for each radio button */
	.pollerOption {
	color: #d3bc86;
	margin: 0px;
}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption { font-size: 0.8em; margin: 13px 0px 0px }
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle { font-weight: bold; font-size: 0.9em; margin-bottom: 10px }
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img { float: left; margin-bottom: 7px }
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
		float:left;
		height:16px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:0.9em;
		line-height:16px;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph { height: 16px }
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.8em;
		margin-top:10px;
		font-style:italic;
	}