Custom Styles Polldaddy

Hi,

Just trying to display my poll answers in three columns

Yes———No——–Maybe

Here’s the CSS:

/*  Plain black wide */

.pds-box{
	font-family: Helvetica, Arial, sans-serif;
	background: #222;
	border: 1px solid #313131;
	width: 630px;
	font-size: 13px;
	text-align: left;
	color: #eee;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.pds-box A{
	outline: none;
}

.pds-clear{
	display: block;
	clear: both;
}

.pds-box-outer{
	padding: 14px;
}

.pds-question-top{
	font-size:24px;
	line-height: 120%;
	color: #eee;
	font-weight: bold;
	padding: 5px 0px 20px 0px;
	position:relative;
}

.pds-answer{
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #3f3f3f;
	border-bottom: 1px solid #3f3f3f;
}

.pds-answer label{
	color: #eee;
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
	position: relative;
}

.pds-answer-group{
	display: block;
	padding: 8px 0px 8px 0px;
}

.pds-answer-group BR{
	display: none;
}

.pds-answer-input{
	display: block;
	float:left;
	width: 25px;
}

.pds-input-label{
	display: block;
	float:left;
	width: 570px;
	cursor: pointer;
}

.pds-answer-other{
	padding: 0px 0px 0px 10px;
}

.pds-textfield{
	background: #eee;
	border: 1px solid #111;
	font-size: 12px;
	padding: 2px;
	width: 250px;
	color: #333;
}

.pds-answer-other BR{
	display: none;
}

.pds-other-label{
	display: block;
	float:left;
	cursor: pointer;
}	

.pds-feedback-result {
	float:right;
}

.pds-answer-text {
	float:left
}

.pds-feedback-group
{
	display: block;
	padding: 8px 0px 8px 0px;
}

.pds-feedback-label{
	display: block;
	padding: 0px 0px 5px 0px;
}

.pds-feedback-per{
	font-weight: normal;
}

.pds-feedback-votes{
	font-weight: normal;
}

.pds-answer-feedback {
	background-color: #444;
	border: 1px solid #111;
	position: relative;
}

.pds-answer-feedback-bar {
	font-size: 2px;
	background: #3478e3;
	height: 18px;
}

.pds-vote {
	padding: 10px 0px;
}

.pds-votebutton-outer {
}

.pds-vote BR{
	display: none;
}

.pds-vote-button {
	color: #eee;
	padding: 3px 25px;
	white-space: nowrap;
	background:#3b3b3b url(http://i.polldaddy.com/polls/black-but-bg.png) repeat-x scroll left top;
	-webkit-border-radius: 11px;
	-moz-border-radius:11px;
	border-radius: 11px;
	border: 1px solid #3b3b3b;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Lucida Grande',Verdana,Arial;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
	float:left;
	white-space: nowrap;
}

.pds-vote-button:hover{
	border: 1px solid #666;
}

.pds-vote-button-load {
	color: #eee;
	padding: 3px 25px;
	white-space: nowrap;
	-webkit-border-radius: 11px;
	-moz-border-radius:11px;
	border-radius: 11px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Lucida Grande',Verdana,Arial;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
	float:left;
	white-space: nowrap;
	background:#3B3B3B url(http://i.polldaddy.com/polls/vote-loader-3b3b3b.gif) no-repeat scroll 50% 50%;
	border: 1px solid #666;
}

.pds-vote-button-load SPAN{
	visibility: hidden;
}

.pds-links A {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #eee;
	text-decoration: none;
	padding: 10px 0px 0px 15px;
	float:left;
	display: block;
	font-weight: bold;
}

.pds-links-back A {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #eee;
	text-decoration: none;
	padding: 10px 0px 0px 15px;
	float:left;
	display: block;
	font-weight: bold;
}

.pds-links A:hover {
	text-decoration: underline;
}

.pds-links-back A:hover {
	text-decoration: underline;
}

.pds-pd-link{
	float:right !important;
}

.pds-comments{
	padding: 10px 0px 0px 0px;
}

.pds-comments SPAN{
	font-weight: normal;
}

.pds-total-votes{
	padding: 10px 0px 0px 0px;
	position: relative;
}

.pds-total-votes SPAN{
	font-weight: bold;
}

And the script: `<script type=”text/javascript” charset=”utf-8″ src=”http://static.polldaddy.com/p/5493722.js”></script&gt;
<noscript><a href=”http://polldaddy.com/poll/5493722/”>Test</a></noscript&gt;`

Does anyone know how to adapt the CSS so it displays in 3 columns?