/*body{

		font-size:0.8em;

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

		margin:0px;

		padding:0px;

		text-align:center;

		background-color:#E2EBED;

	}*/

	

	.poller{	/* The poller box */

	float:left;

	width:302px;

	height:240px;

	margin:0px auto;

	font-size:11px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

	/* Poller title above radio buttons */

	.pollerTitle, .result_pollerTitle{

		margin:0;

		padding:10px;

		margin-bottom:1px;

		font-weight:bold;

		font-size:12px;

		color:#fff;

		background-color:#009900;

		overflow:hidden;

		border:3px double #fff;

		display:block;

	}

	/* Label for each radio button */

	.pollerOption{

		margin:0px;

		height:25px;

		background-color:#ebebeb;

		margin-bottom:1px;

	}

	/* Label for each option above graph - i.e. results */

	.result_pollerOption{

		margin:0px;

		font-size:10px;

		float:left;

		width:150px;

		height:20px;

		padding-top:5px;

		padding-right:5px;

		font-weight:bold;

		text-align:right;

		

	}

	/* Title of poller - when ajax shows the results */

	/*.result_pollerTitle{

		margin-bottom:5px;

		font-weight:bold;

		font-size:0.9em;

	}*/

	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */

	.result_pollGraph img{

		float:left;

	}

	/* The <div> tag where the percentage result is shown */

	.result_pollGraph div{

		float:left;

		height:20px;

		background-repeat:repeat-x;

		color:#FFF;

		font-size:10px;

	}

	/* Graph div - parent of both the corner images and the div displaying percentage votes */

	.result_pollGraph{	

		height:20px;

		background-color:#e7e7e7;

		margin-bottom:1px;

		padding-top:5px;

	}

	

	/* Message when Ajax is working getting restults fromt the server */

	.poller_waitMessage{

		display:none;	

	}	

	

	.result_totalVotes{

		clear:both;

		font-size:11px;

		margin-top:10px;

		font-style:italic;

		text-align:right;

	}