title: How to remove or add the border to the pdf content
body: <p>I'm displaying the html content into PDF format. On clicking on a button the is saved as a pdf. For that i'm using the 'jsPDF' jquery plugin. Everything works fine. But the problem is, the contents are having border in pdf, like table format. I want to remove that border. As I'm new to this, I'm not able to find out where to add or remove the border for pdf content. Please help me in this issue...</p>
  
  <p>Here is my html code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!Doctype html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/ITPortal.css"/&gt;
  &lt;script type="text/javascript" src="js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jspdf.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jspdf.debug.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/downloadify.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/ITPortal.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/html5shiv.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/html5shiv-printshiv.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="mainContentWide"&gt;
    &lt;h2&gt;WorkPlace Services&lt;/h2&gt;
      &lt;h3 class="curveBoxWide"&gt;Description&lt;/h3&gt;
      &lt;div class="curveBoxWide"&gt;
    &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
    &lt;table id="mytab1"&gt;
    &lt;thead&gt;
     &lt;tr class="thead item"&gt;
      &lt;th&gt;Desktop Software&lt;/th&gt;
      &lt;th&gt;Quantity&lt;/th&gt;
      &lt;th&gt;One time Price ($)&lt;/th&gt;
      &lt;th&gt;Annual Price ($)&lt;/th&gt;
      &lt;th&gt;One time Extended Cost ($)&lt;/th&gt;
      &lt;th&gt;Annual Extended Cost ($)&lt;/th&gt;
      &lt;th&gt;Sub-Total&lt;/th&gt;
     &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Symantec SEP&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;136&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Citrix&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;368&lt;/td&gt;
      &lt;td&gt;85&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Oracle Database&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;270&lt;/td&gt;
      &lt;td&gt;56&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;PTC&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;180&lt;/td&gt;
      &lt;td&gt;45&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
      &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Windchill Heavy&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;0&lt;/td&gt;
      &lt;td&gt;1600&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Windchill Light&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;0&lt;/td&gt;
      &lt;td&gt;700&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Qlikview&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;915&lt;/td&gt;
      &lt;td&gt;220&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Red-Hat Linux&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;0&lt;/td&gt;
      &lt;td&gt;550&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Cisco Smartnet&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;0&lt;/td&gt;
      &lt;td&gt;500&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item category"&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&lt;p&gt;Microsoft License&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Windows OS&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;125&lt;/td&gt;
      &lt;td&gt;36&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;MS Office&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;160&lt;/td&gt;
      &lt;td&gt;37&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Visio Standard&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;220&lt;/td&gt;
      &lt;td&gt;50&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Visio Pro&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;550&lt;/td&gt;
      &lt;td&gt;110&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Project Pro&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;1050&lt;/td&gt;
      &lt;td&gt;0&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Project Server&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;4210&lt;/td&gt;
      &lt;td&gt;850&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Project&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;125&lt;/td&gt;
      &lt;td&gt;210&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;SQL CAL&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;160&lt;/td&gt;
      &lt;td&gt;36&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;SQL Server Standard&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;685&lt;/td&gt;
      &lt;td&gt;154&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;SQL Server Enterprise&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;5210&lt;/td&gt;
      &lt;td&gt;1470&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Visual Studio Premium w/ MSDN&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;4740&lt;/td&gt;
      &lt;td&gt;940&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Visual Studio Pro w/ MSDN&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;800&lt;/td&gt;
      &lt;td&gt;380&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Sharepoint Server&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;3750&lt;/td&gt;
      &lt;td&gt;850&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;Sharepoint sites Ent.&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;32000&lt;/td&gt;
      &lt;td&gt;7100&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item category"&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&lt;p&gt;SAP Licenses&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item"&gt;
      &lt;td class="title"&gt;&lt;p&gt;SAP Bus Suite Pro User&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;2850&lt;/td&gt;
      &lt;td&gt;570&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;  
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;SAP Bus Suite Ltd Pro User&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;1125&lt;/td&gt;
      &lt;td&gt;225&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="item odd"&gt;
      &lt;td class="title"&gt;&lt;p&gt;SAP Bus Suite Expert&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/&gt;&lt;/td&gt;
      &lt;td class="price"&gt;3750&lt;/td&gt;
      &lt;td&gt;750&lt;/td&gt;
      &lt;td&gt;&lt;input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="annualExtendedCost" type="text" value="0" readonly/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input class="subtotal1" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;tfoot&gt;
     &lt;tr&gt;
      &lt;td class="title"&gt;&lt;p&gt;Total:&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td id="grandTotal"&gt;&lt;input id="total" type="text" value="0" readonly/&gt;&lt;/td&gt;
     &lt;/tr&gt;
    &lt;/tfoot&gt;
   &lt;/table&gt;
   &lt;!-- end #mainContent --&gt;&lt;/div&gt;
   &lt;button onclick="javascript:demoFromHTML()" type="button" id="buttonPDF"&gt;Save as PDF&lt;/button&gt;
   &lt;input type="button" value="Print" onclick="javascript:printDiv('mytab1')" /&gt;
   &lt;script language="javascript" type="text/javascript"&gt;
          function printDiv(divID) {
              //Get the HTML of div
              var divElements = document.getElementById(divID).innerHTML;
              //Get the HTML of whole page
              var oldPage = document.body.innerHTML;
  
              //Reset the page's HTML with div's HTML only
              document.body.innerHTML = 
                "&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;" + 
                divElements + "&lt;/body&gt;";
  
              //Print Page
              window.print();
  
              //Restore orignal HTML
              document.body.innerHTML = oldPage;
  
            
          }
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>this is my css file </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.btn {
   border: none;
   font-family: inherit;
   color: inherit;
   background: none;
   cursor: pointer;
   padding: 25px 15px;
   display: inline-block;
   margin: 15px 12px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   outline: none;
   position: relative;
   font-size: 14px;
   text-align: center;
   width: 200px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
  }
  
  .btn-3 {
   background: #B9BBC0;
   color: #231F20;
  }
  
  .btn-3:hover {
   background: #f29e0d;
  }
  
  .btn-3:active {
   background: #f58500;
   top: 2px;
  }
  
  .btn-3:before {
   position: absolute;
   height: 100%;
   left: 0;
   top: 0;
   line-height: 3;
   font-size: 140%;
   width: 60px;
   background: #647685;
  }
  
  .btn-3d {
   /*padding: 25px 60px 25px 120px;
   border-radius: 10px;*/
  }
  
  .btn-3d:before {
   background: #677A8A;
   z-index: 2;
  }
  
  .btn-3d:active:before {
   color: #f58500;
  }
  
  #mainContentHome h1.title {
  color: #C68332;
  margin-top: 15px;
  margin-bottom: 15px;
  }
  
  .clearBoth{
  clear:both;
  }
  
  #mainContentHolderHome{
  background-color:#002239;
  min-height: 300px;
  }
  
  #mainContentHome a{
  display:inline-block;
  text-decoration:none;
  }
  
  
  table#mytab1 {
  border-collapse: collapse;
  font-family: Helvetica, 'Helvetica Neue', Arial, san-serif;
  background-color:#fff;
  }
  
  table#mytab1 th {
  text-align: center;
  color: #fff;
  font-weight: normal;
  padding: 10px 8px;
  font-size: 14px;
  vertical-align: middle;
  }
  
  table#mytab1 td {
  /*border: 1px solid #7eaac2;*/
  border:0 none;
  text-align: center;
  padding: 6px 8px;
  font-size: 12px;
  vertical-align: middle;
  }
  
  table#mytab1 td.title {
  font-size: 13px;
  text-align:left;
  color:#000;
  width: 180px;
  }
  
  table#mytab1 tr.item {
  background-color:#eee;
  }
  
  table#mytab1 tr.odd {
  background-color:#DEDEDE;
  }
  
  table#mytab1 tr.thead {
  border-bottom: 2px solid #fff;
  background-color: #666;
  }
  
  table#mytab1 a.button{
  padding:5px;
  background-color:#eee;
  text-decoration:none;
  color:#000;
  }
  
  table#mytab1 tbody tr:hover{
  background-color: #777;
  }
  
  table#mytab1 tbody tr:hover td.title{
  color: #fff;
  }
  
  table#mytab1 tr.category {
  font-weight: bold;
  background-color: #ccc !important;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  }
  
  table#mytab1 tbody tr.category:hover{
  background-color: #fff;
  }
  
  table#mytab1 tfoot tr{
  background-color:#787878;
  color:#fff;
  }
  
  table#mytab1 td p {
  margin: 0;
  }
  
  table#mytab1 td input {
  width: 50px;
  text-align:right;
  }
  
  table#mytab1 td input.subtotal1 {
  width: 100px;
  }
  
  table#mytab1 td input#total {
  width: 100px;
  }
  
  table#mytab1 td.grandTotal{
  text-align:right;
  }
  
  table#mytab1 tfoot td.title {
  color:#fff;
  font-size:14px;
  text-align:center;
  }
  
  #sidebar1 ul.leftNav li a:hover {
  color: #fff !important;
  }
  
  #sidebar1 ul.leftNav li, #sidebar1 ul.leftNav li a{
  float:none;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the screen shot of my page: <a href="http://postimg.org/image/8zgnxtdd1/b4455e81/" rel="nofollow">http://postimg.org/image/8zgnxtdd1/b4455e81/</a></p>