<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<!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 http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Sign Up</title>
        <style type="text/css">
            body {
                font-family: Arial;
                font-size: 9pt;
                margin: 5px auto;
                padding: 0;
            }

            img { float:left }

            h1 { color: #900; font-size: 22px; }
            h4 { font-weight: bold }
            a { text-decoration: none }
            td { vertical-align: top; }
            span { font-weight: normal}
            //table { table-layout: fixed; }
            #body { width: 100%}
            #total-container {
                background: #e9e9e9;
                -webkit-box-shadow: 0 2px 4px 3px #999;
                -moz-box-shadow: 0 2px 4px 3px #999;
                -ms-box-shadow: 0 2px 4px 3px #999;
                -o-box-shadow: 0 2px 4px 3px #999;
                box-shadow: 0 2px 4px 3px #999;
                padding: 0;
                margin: auto;
                overflow: hidden;
                width: 600px;
                height: 630px;
            }

            #top-banner {
                background: -moz-linear-gradient(top,  #ffffff 32%, #e9e9e9 60%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffffff), color-stop(60%,#e9e9e9));
                background: -webkit-linear-gradient(top,  #ffffff 32%,#e9e9e9 60%);
                background: -o-linear-gradient(top,  #ffffff 32%,#e9e9e9 60%);
                background: -ms-linear-gradient(top,  #ffffff 32%,#e9e9e9 60%);
                background: linear-gradient(to bottom,  #ffffff 32%,#e9e9e9 60%);
                height: 126px;
                width: 600px;
            }

            #top-banner p {
                color: #7f7d77;
                float: right;
                padding-right: 50px;
                font-weight: normal;
                font-family: Times New Roman, Times, serif;
                font-size:18px;
                font-style: italic;
                line-height:1.2;
                margin: 49px 0;
                text-align: center;
                width:380px;
            }
            #banner {
                background-position: 0 10px;
                /*float: left;*/
                height: 126px;
                margin-left: 20px;
                width: 286px;
            }

            #title-background {
                width: 100%;
            }

            #title-body-index {
                width: 100%;
            }

            #subtitle {
                color:#666;
                margin-top:-15px;
            }

            #center {
                max-height:1000px;
                width:1000px;
            }

            #footer tr {
                padding-left: 5px;
            }

            #line {
                background: rgba(233,233,233,1);
                background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(158,158,158,1) 8%, rgba(158,158,158,1) 88%, rgba(233,233,233,1) 99%);
                background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,233,233,1)), color-stop(8%, rgba(158,158,158,1)), color-stop(88%, rgba(158,158,158,1)), color-stop(99%, rgba(233,233,233,1)));
                background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(158,158,158,1) 8%, rgba(158,158,158,1) 88%, rgba(233,233,233,1) 99%);
                background: -o-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(158,158,158,1) 8%, rgba(158,158,158,1) 88%, rgba(233,233,233,1) 99%);
                background: -ms-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(158,158,158,1) 8%, rgba(158,158,158,1) 88%, rgba(233,233,233,1) 99%);
                background: linear-gradient(to right, rgba(233,233,233,1) 0%, rgba(158,158,158,1) 8%, rgba(158,158,158,1) 88%, rgba(233,233,233,1) 99%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
                height: 1px;
                width: 100%;
            }

            #field { font-weight: bold; }
            .rush { color: #900;}
        </style>
    </head>
  <body><div id="body" align="center">
    <table style="background: #e9e9e9; font-size: 9pt;" border="0" cellpadding="0" cellspacing="0" height="100%" width="750" id="total-container">
      <tr>
        <td valign="top" style="border:1px solid black">
            <!-- INICIO Titulo -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr id="top-banner">
                    <td colspan="4" id="banner" height="100px" valign="top">
                        <img src="http://www.onesteplien.com/admin/template/images/headerem.jpg" height="100" width="750">
                    </td>
                </tr>
            </table>
            <table width="100%" border="0" cellspacing="8" cellpadding="0">
                <tr>
                    <td colspan="4" id="title-body-index" valign="top" style="line-height: 20px; font-size: 10pt">
                        <b>Dear <?php echo $petition['contact_name']; ?>,</b><br>
                        Thank you for choosing One-Step Lien Search!!!<br>
                        A representative will be contacting you shortly for your user name and password. We look forward to working with your company and please do not hesitate to contact our office for any questions or concerns.
                    </td>
                </tr>
                <tr>
                    <td colspan="4">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="4" width="400" id="field"><b>Company Name:</b>&nbsp;&nbsp;<span><?php echo $petition['company_name']; ?></span></td>
                </tr>
                <tr>
                    <td colspan="4" width="400" id="field"><b>Company Address:</b>&nbsp;&nbsp;<span><?php echo $petition['address']; ?></span></td>
                </tr>
                <tr>
                    <td colspan="4" width="400" id="field"><b>Fax:</b>&nbsp;&nbsp;<span><?php echo $petition['fax']; ?></span></td>
                </tr>
                <tr>
                    <td colspan="2" width="400" id="field"><b>Contact Name:</b>&nbsp;&nbsp;<span><?php echo $petition['contact_name']; ?></span></td>
                    <td colspan="2" width="400" id="field"><b>Email:</b>&nbsp;&nbsp;<span><?php echo $petition['email']; ?></span></td>
                </tr>
                <tr>
                    <td colspan="4" width="400" id="field"><b>Primary Contact Phone No:</b>&nbsp;&nbsp;<span><?php echo str_replace(' ', ' Ext:', $petition['phone']); ?></span></td>
                </tr>
                <tr>
                    <td colspan="4" width="400" height="92" id="field"><b>How did you hear about us:</b>&nbsp;&nbsp;<span><?php echo nl2br($petition['comment']); ?></span></td>
                </tr>
                <tr>
                    <td colspan="4">&nbsp;</td>
                </tr>
                <!-- INICIO Mensaje de Agradecimiento -->
                    <tr>
                        <td colspan="4">Thank you very much,</td>
                    </tr>
                <!-- FIN Mensaje de Agradecimiento -->
                <tr>
                    <td colspan="4">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="4">
                        <h4>Sincerely</h4>
                        <div id="line"></div>
                        <p>One-Step Lien Search<br/>
                        13155 SW 42 St Suite 202<br/>
                        Miami, FL 33175<br/>
                        Ph: 305-822-9979 Fx: 305-822-9987</p>
                    </td>
                </tr>
            </table>
        </td>
      </tr>
    </table></div>
  </body>
</html>