<!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>HOA Order Confirmation</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: 980px;
            }

            #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 {
                margin-top:-16px;
                width: 1000px;
            }

            #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="5" 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 id="title-background">
                            <td width="10">&nbsp;</td>
                            <td colspan="4" id="title-body-index" valign="top">
                                <h1 style="color: #900" id="field">HOA Order</h1>
                                <div id="subtitle"><?php echo $order['createdBy']; ?></div>
                            </td>
                        </tr>
                        <tr>
                            <td width="10">&nbsp;</td>
                            <td colspan="4" id="title-body-index" valign="top" style="line-height: 20px; font-size: 10pt">
                                <br><b>Dear <?php echo strtoupper($companyName); ?>,</b><br>
                                Below you will find a copy of your HOA Only request. You have the option to print this page or email it as confirmation of your HOA order. Please do not hesitate to contact our office for any questions or changes on your order.
                            </td>
                        </tr>
                        <tr>
                            <td colspan="5">&nbsp;</td>
                        </tr>
                    <!-- FIN Titulo -->
                    <!-- INICIO 1er grupo de datos -->
                        <tr>
                            <td width="10">&nbsp;</td>
                            <td colspan="2" width="350" id="field"><b>Company Name:</b>&nbsp;&nbsp;<span><?php echo strtoupper($companyName); ?></span></td>
                            <td colspan="2" width="100" id="field"><b>Phone Number:</b>&nbsp;&nbsp;<span><?php echo $companyPhone; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="2" width="350" id="field"><b>Requested By:</b>&nbsp;&nbsp;<span><?php echo $order['customer_contact']; ?></span></td>
                            <td colspan="2" width="100" id="field"><b>File Number:</b>&nbsp;&nbsp;<span><?php echo $order['file_number']; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="2" width="350" id="field"><b>Order Date:</b>&nbsp;&nbsp;<span><?php echo $orderRequest; ?></span></td>
                            <td colspan="2" width="100" id="field"><b>Closing Date:</b>&nbsp;&nbsp;<span><?php echo $orderClosing; ?></span></td>
                        </tr>
                        <tr>
                            <td><img border="0" width="12" height="11" id="ecx_x0000_i1026" src="http://www.onesteplien.com/Portals/0/images/Animated-Arrow-left.gif" alt=" "></td>
                            <td colspan="4" width="350" id="field" class="rush"><span style="color: #900; font-weight: bold">Rush Order:</span>&nbsp;&nbsp;<span style="color:<?php echo ($order['is_rush']==1)?'#900;':'#000;'; ?>"><?php echo ($order['is_rush']==1)?'YES':'NO'; ?></span></td>
                        </tr>
                        <tr>
                            <td colspan="5">&nbsp;</td>
                        </tr>
                    <!-- FIN 1er grupo de datos -->
                    <!-- INICIO 2o grupo de datos -->
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="4" id="field" valign="top" width="350"><b>Property Address:</b>&nbsp;&nbsp;<span><?php echo $property['address']; ?>, <?php echo $property['city']; ?>, <?php echo $property['state']; ?> <?php echo $property['zipcode']; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="4" id="field" height="23"><b>County:</b>&nbsp;&nbsp;<span><?php echo $property['county']; ?></span></td>
                        </tr>
                       <tr>
                            <td>&nbsp;</td>
                            <td colspan="4" id="field" height="22"><b>Folio Number:</b>&nbsp;&nbsp;<span><?php echo $property['folio_number']; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="4" id="field" height="20"><b>Legal Description:</b>&nbsp;&nbsp;<span><?php echo $property['legal_description']; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="2" id="field" height="20"><b>Buyer:</b>&nbsp;&nbsp;<span><?php echo $order['buyer_name']; ?></span></td>
                            <td colspan="2" width="100" id="field"><b>Seller:</b>&nbsp;&nbsp;<span><?php echo $order['seller_name']; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="4" id="field" height="18"><b>Specific Instructions:</b>&nbsp;&nbsp;<span><?php echo $order['special_instruction']; ?></span></td>
                        </tr>
                        <tr>
                            <td colspan="5">&nbsp;</td>
                        </tr>
                    <!-- FIN 2o grupo de datos -->
                    <!-- INICIO 3er grupo de datos -->
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="2" id="field" height="20"><b>HOA Name:</b>&nbsp;&nbsp;<span><?php echo $order['hoa_name']; ?></span></td>
                            <td colspan="2" width="100" id="field"><b>HOA Phone:</b>&nbsp;&nbsp;<span><?php echo $order['hoa_tel']; ?></span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="2" id="field" height="20"><b>Listing Agent Name:</b>&nbsp;&nbsp;<span><?php echo $order['listing_agent_name']; ?></span></td>
                            <td colspan="2" width="100" id="field"><b>Agent Phone:</b>&nbsp;&nbsp;<span><?php echo $order['agent_tel']; ?></span></td>
                        </tr>
                    <!-- FIN 3er grupo de datos -->
                    <!-- INICIO 4o grupo de datos -->
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="2" id="field" width="350"><b>Response Delivery:</b>&nbsp;&nbsp;<span><?php echo $order['ResponseTypeShortName']; ?></span></td>
                            <?php if($order['response_type_id']==1): ?>
                            <td colspan="2" width="220"><span id="field"><b>Email:</b>&nbsp;&nbsp;</span> <a href="mailto:<?php echo $order['response_contact']; ?>"><?php echo strtoupper($order['response_contact']); ?></a></td>
                            <?php else: ?>
                            <td colspan="2" width="220"><span id="field"><b>Fax:</b>&nbsp;&nbsp;</span> <?php echo $order['customer_phone']; ?></td>
                            <?php endif; ?>
                        </tr>
                        <tr>
                            <td colspan="5">&nbsp;</td>
                        </tr>
                    <!-- FIN 4o grupo de datos -->
                    <!-- INICIO Mensaje de Agradecimiento -->
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="4">Please know we value your business.</td>
                        </tr>
                        <tr>
                            <td colspan="5">&nbsp;</td>
                        </tr>
                    <!-- FIN Mensaje de Agradecimiento -->
                        <tr>
                            <td>&nbsp;</td>
                            <td colspan="4">
                                <h4>Thank you very much,</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>