New Delivery Form

HTML

<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<header>New Delivery - @SerialNumber</header>
</br>
<label>Invoice #</label>
<input type="text" id="invoiceNumber">
<div class="clearBoth"></div>
<label>Date</label>
<input type="date" id="date">
<div class="clearBoth"></div>
<label>Total Amt $</label>
<input type="number" step=0.05 min=0 id="totalAmt">
<div class="clearBoth"></div>
<label>Vendor ID</label>
<select id="Vendors">
    <option value="sampleVendor">Sample Vendor</option>
    <option value="testVendor">Test Vendor</option>
</select>
<div class="clearBoth"></div>
<label>Site #</label>
<select id="Sites">
    <option value="sampleSite">Sample Site</option>
    <option value="testSite">Test Site</option>
</select>
<div class="clearBoth"></div>
</br>
<label>Edit List</label>
<div class="clearBoth"></div>
<input type="radio" name="editList" value="always">Always
<input type="radio" name="editList" value="never">Never
<input type="radio" name="editList" value="costChange">Cost Change
<div class="clearBoth"></div>

CSS

body {
    background-color: lightyellow;
}
header {
    font-family:'Segoe UI', 'Segoe Light', 'Courier New', sans-serif;
    //font-weight: bold;
    padding-left: 15px;
    background-color: Blue;
    color: White;
}
label {
    font-family: Consolas, 'Segoe UI', sans-serif;
    margin-left: 10px;
    min-width: 120px;
}
input[type="text"], [type="date"], [type="number"] {
    float:right;
    margin-right: 10px;
}
select {
    float:right;
    min-width:156px;
    margin-right: 10px;
}
input[type="radio"] {
    margin-left:10px;
}

}
.currencyFloat {
    step=0.05;
}