/* The poller box */  
.poller { font: normal 8pt Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; margin-left: -1px; margin-right:0px; border-bottom: 0px solid black; text-align:left; padding-left:0px; padding-right:0px; padding-bottom:3px; position:relative; }


.poller_topbar { background: #9F9F9F url(/games/topbar.png); height:15px; font: bold 8pt Arial, Helvetica, sans-serif; color: white; text-align: left; margin-left:1px; position:relative; }

/* Poller title above radio buttons */
.pollerTitle{ margin-bottom:4px; font-weight:bold; font-size:8pt; margin-left:5px; }

.poll_button { padding-top:2px; }

/* Label for each radio button */
.pollerOption{ margin:0px; font-size:0.8em; padding:0; }
input.pollerOption{ padding:0; margin:0; vertical-align: middle; margin-bottom:4px; margin-left:4px; }

/* Label for each option above graph - i.e. results */
.result_pollerOption{ margin:0px; font-size:0.8em; margin-left:5px; padding-top:3px; height:10px; }

/* Title of poller - when ajax shows the results */
.result_pollerTitle{ margin-bottom:0px; font-weight:bold; font-size:8pt; margin-left:5px; }

/* 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:16px; background-repeat:repeat-x; color:white; font-size:7.25pt; line-height:16px; padding-top:1px; margin-left:-2px; }

/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{ height:16px; margin-left:3px; }
	
/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{ display:none; text-align:center; }	
	
.result_totalVotes{ clear:both; font-size:0.9em; margin-top:4px; font-style:italic; text-align:center; font-weight:bold; }