.font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #627881;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #627881;
}
.font2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #627881;
}
.font3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #8B9EA7;
}
<script src="http://www.jotform.com/js/form.js?v2.0.756" type="text/javascript"></script>
<style type="text/css">
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: grey !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
<script src="http://www.jotform.com/js/form.js?v2.0.772" type="text/javascript"></script>
<style type="text/css">
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
</style> 
<table width="100%" cellpadding="2" cellspacing="0" class="tbmain">
<tr><td class="topleft" width="10" height="10">&nbsp;</td>
<td class="topmid">&nbsp;</td>
<td class="topright" width="10" height="10">&nbsp;</td>
  </tr>
<tr>
<td class="midleft" width="10">&nbsp;&nbsp;&nbsp;</td>
<td class="midmid" valign="top">
<form  action="http://www.jotform.com/submit.php"  method="post" name="q_form_83174714591">
<input type="hidden" name="formID" value="83174714591" />
<div id="main"> 
<table width="520" cellpadding="5" cellspacing="0">
 <tr >
  <td colspan="2" class="left" >
   Drag and drop questions from the right side to create your form.
  </td>
 </tr>
 <tr >
  <td colspan="2" class="head" >
   Book Now :
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >First Name</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q9_FirstName" class="text" value="" id="q9"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Last Name</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q10_LastName" class="text" value="" id="q10"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Email</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q11_Email" class="text" value="" id="q11"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Phone</label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q12_Phone" class="text" value="" id="q12"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" valign="top" >
   <label>Workshop Booking</label>
  </td>
  <td class="right">
   <input type="radio"  class="other" name="q13_WorkshopBooking" id="q13_0" value="Alloy Service    50"   /> 
    <label class="left">Alloy Service - $50</label> <br /> 
   <input type="radio"  class="other" name="q13_WorkshopBooking" id="q13_1" value="Carbon Service    100"   /> 
    <label class="left">Carbon Service - $100</label> <br /> 
   <input type="radio"  class="other" name="q13_WorkshopBooking" id="q13_2" value="Titanium Service    140"   /> 
    <label class="left">Titanium Service - $140</label> <br /> 
   <input type="radio"  class="other" name="q13_WorkshopBooking" id="q13_3" value="Free Service Check"   /> 
    <label class="left">Free Service Check</label> <br /> 
   <input type="radio"  class="other" name="q13_WorkshopBooking" id="q13_4" value="Other Service"   /> 
    <label class="left">Other Service</label> <br /> 
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label>Preferred Service Date</label>
  </td>
  <td class="right">
   <script type="text/javascript" src="http://www.jotform.com/js/datetimepicker.js?v2.0.772"></script>
  <input type="text" class="text" size="10" name="q14_PreferredServiceDate" id="q14"  /> 
   <a href="javascript:NewCal('q14','mmddyyyy',false,12)">
    <img src="http://www.jotform.com/images/cal.gif"border="0" alt="Pick a date" /></a>
  </td>
 </tr>
 <tr >
  <td width="150" class="left" valign="top" >
   <label>Demo Bikes</label>
  </td>
  <td class="right">
   <input type="radio"  class="other" name="q16_DemoBikes" id="q16_0" value="I m interested in a demo bike"   /> 
    <label class="left">I'm interested in a demo bike</label> <br /> 
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >&nbsp;
 
  </td>
  <td class="right">
  <input type="submit" class="btn" value="Submit" />
 </td>
 </tr>
</table>
</div>
</form>
</td>
<td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
 <td class="bottomleft" width="10" height="10">&nbsp;</td>
 <td class="bottommid">&nbsp;</td>
 <td class="bottomright" width="10" height="10">&nbsp;</td>
</tr>
</table>
<script type="text/javascript">
validate("q_form_83174714591");
</script>