changing the IDX Broker css to be smaller on the page

I am using the Willingness theme and have signed up for the IDX Broker so I can use widgets and MLS links for my business. I am having problems getting the Quick Search widget to not span the entire width of the page.
Here is the CSS:

#IDX-quicksearch-39785 { border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #ccc; box-shadow: 1px 1px 5px #777; -webkit-box-shadow: 1px 1px 5px #777; }
#IDX-quicksearch-39785 label { margin: 0 5px;}
#IDX-qsIdxIDWrap-39785 { margin-top: 10px; }
select { width: 100% }
.IDX-qsTextInput { width: 120px }
.IDX-qsFieldWrap { padding: 5px 10px; text-align: right; }
#IDX-qsMinPriceLabel-39785 { float: left; }
#IDX-qsMaxPriceLabel-39785 { float: left; }
#IDX-qsMinBedLabel-39785 { float:left; }
#IDX-qsMinSqFtLabel-39785 { float: left; }
#IDX-qsMinBathLabel-39785 { float: left; }
#IDX-qsCityListLabel-39785 { float: left; }
#IDX-qsIdxIDLabel-39785 { display: none; }
#IDX-qsPtLabel-39785 { display: none; }
#IDX-qsCityListLabel-39785 { display: none; }

And here is their code I put in my child theme.
<script charset="UTF-8" type="text/javascript" id="idxwidgetsrc-39785" src="http://wilsonpuleo.idxbroker.com/idx/quicksearchjs.php?widgetid=39785"></script>

Anyone have any suggestions? I tried adding this and nothing happened.
#IDX-quicksearchForm-39785 { width: 260px; }

Thanks in advance!