diff --git a/wrenchboard/email/JOB/job_message.mailfile b/wrenchboard/email/JOB/job_message.mailfile
index 767d6141..e503a84e 100644
--- a/wrenchboard/email/JOB/job_message.mailfile
+++ b/wrenchboard/email/JOB/job_message.mailfile
@@ -1,26 +1,27 @@
 Subject: {{subject}}
 
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta charset="utf-8">
 <title>{{subject}}</title>
 <style type="text/css">
-body {margin: 0; padding: 0; min-width: 100%!important;}
-img {height: auto;}
+body {margin: 0; padding: 0; min-width: 100%!important; font-family: sans-serif;}
 .content {width: 100%; max-width: 600px;}
 .header {padding: 10px 10px 10px 10px;}
 .innerpadding {padding: 10px 10px 10px 10px;}
+.signup_random{ font-size: 44px; padding:10px; margin:10px;}
+.line-band {height 20px;}
+.warning{color:lightred; font-weight: bolder; padding 10px;}
+.continue-web{background-color:aliceblue; padding:10px;}
+.cent-ver{text-align:center; }
 .borderbottom {border-bottom: 1px solid #f2eeed;}
 .subhead {font-size: 12px; color: #ffffff; font-family: sans-serif; letter-spacing: 3px;}
 .h1, .h2, .bodycopy {color: #153643; font-family: sans-serif;}
 .h1 {font-size: 33px; line-height: 38px; font-weight: bold;}
-.bodycopy {font-size: 14px; line-height: 20px;}
+.bodycopy {font-size: 16px; line-height: 20px; padding-bottom:10px;}
 .button {text-align: center; font-size: 16px; font-family: sans-serif; font-weight: bold; padding: 0 30px 0 30px;}
 .button a {color: #ffffff; text-decoration: none;}
 .footer {padding: 20px 30px 15px 30px; bgcolor:#007bff; background-color:#007bff;}
-.footercopy {font-family: sans-serif; font-size: 14px; color: #ffffff;}
+.footercopy {font-family: sans-serif; font-size: 16px; color: #ffffff;}
 .footercopy a {color: #ffffff; text-decoration: underline;}
 </style>
 </head>
@@ -38,16 +39,16 @@ img {height: auto;}
 <tr>
 
 
-<td bgcolor="#62a5ce" class="header">
+<td class="header">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
-
 <tr>
 <td style="padding: 1px 0 1px 0; text-align:center;">
 <a href="https://www.wrenchboard.com/"><img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" alt="WrenchBoard"></a> <!-- {{site_name}} -->
 </td>
 </tr>
 <tr>
-<td class="subhead" style="padding: 0 0 0 3px;  text-align:center;">
+<td class="subhead"
+style="font-size: 12px; color: #ffffff; font-family: sans-serif; letter-spacing: 3px; color:black; padding: 0 0 0 3px;  text-align:center;">
 {{site_trade_name}}
 </td>
 </tr>
@@ -67,7 +68,7 @@ img {height: auto;}
 </td>
 </tr>
 <tr>
-<td class="bodycopy">
+<td class="bodycopy" style="padding: 10px 0 10px 0;">
 You have received a job message from <a href="{{server_name}}/eoffer?offerID={{offer_code}}">{{site_name}}</a> details below.
 </td>
 </tr>
@@ -80,20 +81,8 @@ You have received a job message from <a href="{{server_name}}/eoffer?offerID={{o
 <table class="col380" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
 <tr>
 <td>
-<table width="100%" border="0" >
-<tr>
-<td>
-<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
-<img src="https://www.wrenchboard.com/assets/images/download/apple.jpg"  alt="Apple" border="0" />
-</a>
-</td>
-<td>
-<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
-<img src="https://www.wrenchboard.com/assets/images/download/andriod.jpg"  alt="Android" border="0" />
-</a>
-</td>
-</tr>
-</table>
+
+
 </td>
 </tr>
 <tr>
@@ -161,9 +150,26 @@ Contact us at  https://www.wrenchboard.com/contact if you have any question abou
 {{server_name}}
 </td>
 </tr>
-
+<tr class="innerpadding borderbottom" style="padding: 10px 10px 10px 10px;">
+        <td class="innerpadding borderbottom">
+		<table width="100%" border="0" >
+		<tr>
+		<td style="text-align:center;">
+		<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
+		<img width="200" height="auto"  src="{{server_name}}/assets/images/download/apple.jpg"  alt="Apple" border="0" />
+		</a>
+		</td>
+		<td style="text-align:center;">
+		<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
+		<img width="200" height="auto" src="{{server_name}}/assets/images/download/android.jpg"  alt="Android" border="0" />
+		</a>
+		</td>
+		</tr>
+		</table>
+        </td>
+</tr>
 <tr>
-<td class="footer">
+<td class="footer" style="color:#ffffff; padding: 20px 30px 15px 30px; bgcolor:#007bff; background-color:#007bff; border-radius: 10px 10px 10px 10px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td align="center" class="footercopy">
