If you'd like to use the Black Diamond template for your Jobs, please copy all of the code below and follow the instructions to upload a new template into your account.

<style type="text/css">
body
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.print_page_container
{
font-size: 13px;
width: 100%;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-align: left;
}
.section
{
width: 100%;
margin-bottom: 20px;
padding: 0 0;
border-collapse: collapse;
border-spacing: 0;
/*page-break-inside: avoid;*/
}
.leftbox, .rightbox
{
width: 48%;
background-color: #F3F3F3;
}
.middlebox
{
width: 4%;
}
.customer_section, .contact_section
{
width: 100%;
border: 0px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
}
.print_heading, .ticket_heading, .mycompany_heading
{
text-align: left;
font-weight: bold;
color: #000000;
background-color: #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
border-bottom: 0px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 3px 3px;
}
.customer_body
{
padding: 3px 3px;
}
.amountdue_section
{
text-align: right;
border: 2px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
}
.ticket_section, .item_section, .asset_section, .appointment_section
{
width: 100%;
text-align: left;
border: 0px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
}
.customer_label
{
display:none;
text-align: left;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
vertical-align: top;
white-space: nowrap;
}
.ticket_label, .ticket_label2, .wolabel, .amountdue_label, .asset_label
{
text-align: left;
vertical-align: top;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
white-space: nowrap;
border: 1px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
padding: 2px 2px;
}
.ticket_text, .ticket_text2, .wotext, .wotext_number, .amountdue_text, .asset_text
{
text-align: left;
vertical-align: top;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
padding: 2px 2px;
}
.ticket_label, .ticket_label2
{
width: 10%;
}
.ticket_text, .ticket_text2
{
width: 40%;
}
.customer_label
{
width: 10%;
margin-left: 10px;
}
.customer_text
{
width: 40%;
}
.asset_label
{
width: 20%;
}
.asset_text
{
width: 80%;
}
.wotext_number
{
text-align: right;
white-space: nowrap;
}
.wotext, .wotext_number
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}
.my_company_info
{
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}
.customer_section, .customer_label, .customer_text, .contact_section, .wolabel
{
text-align: left;
background-color: #F3F3F3;
}
.amountdue_label
{
text-align: right;
}
.ticket_info
{
font-family: "Arial Rounded MT Bold";
color: #DDDDDD;
text-align: center;
}
.largeHeader
{
}
.subtotal_label
{
font-family: Arial;
font-weight: bold;
text-align: right;
white-space: nowrap;
}
.subtotal_text
{
border-bottom: solid 1px #999999;
text-align: right;
}
.signature
{
width: 216px;
page-break-inside: avoid;
}
.my_company_logo img
{
height: auto;
width: auto;
}
#item td{
border: none;
background-color: #f1f1f2;
}
#item tr:first-child td{
background-color: #f1f1f2;
border:none;
border-bottom: 0px solid #000000;
}
.grey{
}
.item_approved {display: none;}
</style>
<div class="print_page_container">
<table class="section">
<tbody>
<tr>
<td style="width: 5%; text-align: left; vertical-align: middle;">
</td>
<td style="width: 42%; text-align: left; vertical-align: middle;">
<span style="font-size: 40px;">Work Order</span><br />
<span style="font-family: 'Brush Script MT',cursive; color: #1a8bb0;">for</span> <span style="color: #1a8bb0;">_CustomerInfo_</span>
</td>
<td style="width: 25%; text-align: right;"> </td>
<td style="width: 28%; text-align: right; vertical-align: top;" class="my_company_logo">
_MyCompanyLogo_ <br />
_MyCompanyAddress_<br />
_MyCompanyPhone_ <br />
<span style="font-size: 18px; color: #1a8bb0;">_MyCompanyWebsite_</span>
</td>
<td style="width: 5%; text-align: left; vertical-align: middle;">
</td>
</tr>
</tbody>
</table>
<div style="padding: 15px; background-color: #f1f1f2;">
<img alt="" src="http://i60.tinypic.com/2hhq5xg.png" style="width: 50px; height: auto; margin-top: -20px; margin-left: 100px; position: absolute;" />
<br />
<br />
<br />
<table class="section">
<tbody>
<tr>
<td style="width: 5%;"> </td>
<td id="item" style="width: 90%;"><strong><span style="font-size: 18px;">Work Order No.&nbsp;</span></strong>_Ticket.Number_ Issued on _Ticket.CreationDate_<br />
</td>
<td style="width: 5%;"> </td>
</tr>
<tr>
<td style="width: 5%;">&nbsp;</td>
<td style="width: 90%;">&nbsp;</td>
<td style="width: 5%;">&nbsp;</td>
</tr>
<tr>
<td style="width: 5%;"> </td>
<td id="item" style="width: 90%;">_Ticket.Section_<br />
_Ticket.CustomFields_<br />
</td>
<td style="width: 5%;"> </td>
</tr>
<tr>
<td style="width: 5%;"> </td>
<td style="width: 55%; border-bottom: 1px solid #000000;"> </td>
<td style="width: 17%; border-bottom: 1px solid #000000;"> </td>
<td style="width: 18%; border-bottom: 1px solid #000000;"> </td>
<td style="width: 5%;"> </td>
</tr>
</tbody>
</table>
</div>
<br />
<table class="section">
<tbody>
<tr>
<td style="width: 5%;"> </td>
<td style="width: 90%; border-bottom: 1px solid #000000; padding-bottom: 5px;"><br />
</td>
<td style="width: 5%;"> </td>
</tr>
<tr>
<td style="width: 5%;"> </td>
<td style="width: 90%; border-bottom: 1px solid #000000; padding-bottom: 5px; vertical-align: bottom;">
<span style="font-size: 42px;"> THANK YOU </span> <span style="font-family: 'Brush Script MT',cursive; color: #1a8bb0;">for</span> <span style="color: #1a8bb0;"><span style="font-size: 12px;">choosing </span><span style="font-size: 12px; font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;">_MyCompanyName_</span></span></td>
<td style="width: 5%;"> </td>
</tr>
</tbody>
</table>
<br />
<table class="section">
<tbody>
<tr>
<td style="width: 5%;"> </td>
<td style="width: 35%; vertical-align: top;">
<span style="color: #1a8bb0;"><strong>QUESTIONS? CONTACT US</strong></span>
<br />
<br />
_MyCompanyEmail_ <br />
_MyCompanyPhone_
<br />
</td>
<td style="width: 55%; vertical-align: top;">&nbsp;
_Ticket.Appointments_<br />
<br />
<br />
<br />
</td>
<td style="width: 5%;"> </td>
</tr>
</tbody>
</table>
</div>

Did this answer your question?