https://www.dawsonfuneralhome.com/memorial-wrapper<link rel="stylesheet" type="text/css" href="/book-of-memories/bom-themes/v4/bom-core.css" />
<link rel="stylesheet" type="text/css" href="/book-of-memories/bom-themes/v4/v4_forest/bom-theme.css" />
<meta name="robots" content="noindex">
<style>
 .printable-name {
   padding: 0;
   margin: 0;
 }
</style>
<div id ="bom-print-header">
  <div id="bom-in-memory-con">
        <div id="bom-in-memory-text">In Memory of</div>
        <div id="bom-in-memory-name">
            <span> 
                                  <p class='printable-name'>James</p>
                                        <p class='printable-name'>Allen</p>
                                        <p class='printable-name'></p>
                                        <p class='printable-name'>Sutton</p>
                                  
            </span>
        </div>
        <div id="bom-in-memory-date">
             
        </div>
  </div>
    
</div><div id="bom-content-wrapper" class="printable">
    <div class='bom-services-wrapper'>
	
		
	<div class="info-container bom-general-info">
	    <div class="info-container-top"></div>
	    <h2>General Information</h2>
	    <div class="infoList">
				    <div class="infoItem">
			<span class="infoTitle">
			    Full Name			</span>
			<span class="infoContent">
			    James Allen  Sutton			</span>
		    </div>
				
				    <div class="infoItem">
			<div class="infoTitle">
			    Date of Birth			</div>
			<div class="infoContent">
			    Monday, August 4th, 1958			</div>
		    </div>
			
				    <div class="infoItem">
			<div class="infoTitle">
			    Date of Death			</div>
			<div class="infoContent">
			    Monday, December 7th, 2015			</div>
		    </div>
				
				    <div class="infoItem">
			<div class="infoTitle">
			    Place of Death			</div>
			<div class="infoContent">
			    Warren, Ohio 44482			</div>
		    </div>
			    </div>
	</div>
	   
		    		    <div class="info-container bom-visitation-info">
    	<div class='info-container-top'></div>
               <h2>Visitation</h2>
        
        <div class="infoList">

                   <div class="infoItem">
                <span class="infoTitle">
                    When                </span>
                <span class="infoContent">
                    Saturday, December 12th, 2015 12:30pm - 1:30pm                </span>
            </div>
		
                                        <div class="infoItem location">
                    <div class="infoTitle">Location</div>
                    <div class="infoContent">Dawson Funeral Home <div></div></div>
                </div>

            
                <div class="infoItem address">
                    <div class="infoTitle">Address</div>
                    <div class="infoContent">

                        
                        215 West Fifth Street<div></div>                                                East Liverpool, OH 43920<div></div>                                            
                                                <button class="loc-map-controls loc-map-controls-sms" id="smsBtn-345382"
                                onclick="sendMeSMS(345382)">
                            Text Me Directions
                        </button>
                                                <div id="smsModal-345382" class="modal">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <span class="close">&times;</span>
                                    <div class="textTitle">Text Me Directions</div>
                                </div>
                                <div class="modal-body">
                                    <div id="tmd-form-345382">
                                      <div id="directionsText">Get directions to the event directly to your phone</div>
                                        <form method="post" action="service-details.php" onsubmit="return frmSubmit(this);">
                                            <div class="formSection">
                                              <label for="">Phone Number:</label>
                                              <input name="phnum" id="phone-number" value="" placeholder="10 digit number" type="text"></input>
                                              <span id="err-phnum-345382"></span>
                                            </div>
                                            <div class="formSection">
                                              <label for="">Select Carrier:</label>
                                              <select name="phcarrier" id="carrier-select">
                                                  <option value='7'>Alltel</option><option value='6'>AT&T</option><option value='1'>Bell Canada</option><option value='8'>Boost Mobile</option><option value='9'>Cellular One</option><option value='10'>Cellular South</option><option value='11'>Comcast</option><option value='12'>Edge Wireless</option><option value='2'>Fido</option><option value='18'>Freedom Mobile</option><option value='13'>Houston Cellular</option><option value='3'>Rogers Canada</option><option value='19'>SaskTel</option><option value='14'>Sprint</option><option value='15'>T-Mobile</option><option value='4'>Telus</option><option value='16'>Verizon</option><option value='17'>Virgin Mobile</option><option value='5'>Virgin Mobile Canada</option>                                              </select>
                                              <input type="hidden" name="mapid" value="345382"></input>
                                            </div>
                                            <button class="loc-map-controls" type="submit">Send</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                </div>

                <div class="infoItem actions">
                    <div></div>
                    <div class="infoContent">
                        <div class='rsvp-desired-div'>
                                                    </div>

                                                    <div class='loc-map-controls loc-map-controls-directions'>
                                <!--
                                <a class="loc-map-directions" href="view-map.php?getDirMap=1&LocationId=345382">Map & Directions</a>
                                -->
                                                                    <a class="loc-map-directions" target="_blank" href="https://www.google.com/maps/search/?api=1&query=40.620342,-80.5821771">Map & Directions</a>
                                                            </div>
                        
                                                    <div class='facebook-share'>
                                <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.dawsonfuneralhome.com%2Fmemorials%2Fjames-sutton%2F2310098%2Fview-event.php%3Fevent%3Dvisitation%26id%3D1">Share on Facebook</a>
                            </div>
                        
                                                    <div class='loc-map-controls loc-map-controls-send-flowers'>
                                <a class="send-flowers" href="https://dawson-funeral-home-inc.tributestore.com/?oId=11439955">
                                                                            Send Flowers                                                                    </a>
                            </div>
                                                        
                                            </div>
                </div>
                    
    
<style>
    /* The Modal (background) */
    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }
    
    /* Modal Content */
    .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #fff;
        width: 600px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
    }
    
    /* Add Animation */
    @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }
    
    @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }
    
    /* The Close Button */
    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    
    .modal-header {
        padding: 2px 16px;
        color: #fce6a9;
        text-align: center;
        background-color: #333;
    }
    
    .modal-body {padding: 2px 16px;}
    
    .modal-footer {
        padding: 2px 16px;
        background-color: #5cb85c;
        color: white;
    }
    
    .modal-content * {
        font-family: Times;
    }
    
    .modal-content .loc-map-controls {
        height: 30px;
        margin: 0 auto;
        margin-bottom: 20px;
        color: #fff;
        font-family: sans-serif;
        text-transform: uppercase;
        background: rgba(122,122,122,1);
        background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(54,54,54,1)));
        background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#363636', GradientType=0 );
        border: 1px solid #363636;
        border-radius: 3px;
        display: block;
    }
    
    .textTitle {
        padding-top: 60px;
        padding-bottom: 20px;
        font-family: Times;
        font-size: 22px;
    }
    
    div#directionsText {
        margin: 20px 0px;
        font-family: Times;
        font-size: 20px;
        text-align: center;
    }
    
    .formSection {
        width: 240px;
        margin: 0 20px;
        margin-bottom: 20px;
        display: inline-block;
    }
    
    .formSection input, .formSection select {
        width: 100% !important;
        margin: 0px;
        padding: 12px 6px;
        color: #333;
        font-size: 14px;
        background: #f8f8f8;
        border: 1px solid #c3c3c3;
        border-radius: 1px;
        box-shadow: none;
    }
    
    .formSection input {
        width: calc(100% - 12px) !important;
    }
    
    @media screen and (max-width: 665px){
      .modal-content {
        width: 240px;
      }
      .formSection {
        width: 206px;
        margin: 0px;
        margin-bottom: 20px;
        display: inline-block;
      }
      div#directionsText{
        font-size: 18px;
      }
    }
</style>

<script>
    // Get the modal
    var modal;
    var btn;
    var span = document.getElementsByClassName("close")[0];
    function sendMeSMS(locationId){
        console.log(locationId);
        modal = document.getElementById('smsModal-'+locationId);
        btn = document.getElementById("smsBtn-"+locationId);
        modal.style.display = "block";

    }
   /* btn.onclick = function() {
        modal.style.display = "block";
    };*/

    span.onclick = function() {
        modal.style.display = "none";
    };

    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>

                    </div>
	            </div>

	    		
		    		    <div class="info-container bom-service-info">
    	<div class='info-container-top'></div>
        <h2>Service Information</h2>
        <div class="infoList">

		            <div class="infoItem">
                <div class="infoTitle">
                    When                </div>
                <div class="infoContent">
                    Saturday, December 12th, 2015 1:30pm                </div>
            </div>
		            
            
                 
                                                <div class="infoItem location">
                    <div class="infoTitle">Location</div>
                    <div class="infoContent">Dawson Funeral Home <div></div></div>
                </div>

            
                <div class="infoItem address">
                    <div class="infoTitle">Address</div>
                    <div class="infoContent">

                        
                        215 West Fifth Street<div></div>                                                East Liverpool, OH 43920<div></div>                                            
                                                <button class="loc-map-controls loc-map-controls-sms" id="smsBtn-345382"
                                onclick="sendMeSMS(345382)">
                            Text Me Directions
                        </button>
                                                <div id="smsModal-345382" class="modal">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <span class="close">&times;</span>
                                    <div class="textTitle">Text Me Directions</div>
                                </div>
                                <div class="modal-body">
                                    <div id="tmd-form-345382">
                                      <div id="directionsText">Get directions to the event directly to your phone</div>
                                        <form method="post" action="service-details.php" onsubmit="return frmSubmit(this);">
                                            <div class="formSection">
                                              <label for="">Phone Number:</label>
                                              <input name="phnum" id="phone-number" value="" placeholder="10 digit number" type="text"></input>
                                              <span id="err-phnum-345382"></span>
                                            </div>
                                            <div class="formSection">
                                              <label for="">Select Carrier:</label>
                                              <select name="phcarrier" id="carrier-select">
                                                  <option value='7'>Alltel</option><option value='6'>AT&T</option><option value='1'>Bell Canada</option><option value='8'>Boost Mobile</option><option value='9'>Cellular One</option><option value='10'>Cellular South</option><option value='11'>Comcast</option><option value='12'>Edge Wireless</option><option value='2'>Fido</option><option value='18'>Freedom Mobile</option><option value='13'>Houston Cellular</option><option value='3'>Rogers Canada</option><option value='19'>SaskTel</option><option value='14'>Sprint</option><option value='15'>T-Mobile</option><option value='4'>Telus</option><option value='16'>Verizon</option><option value='17'>Virgin Mobile</option><option value='5'>Virgin Mobile Canada</option>                                              </select>
                                              <input type="hidden" name="mapid" value="345382"></input>
                                            </div>
                                            <button class="loc-map-controls" type="submit">Send</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                </div>

                <div class="infoItem actions">
                    <div></div>
                    <div class="infoContent">
                        <div class='rsvp-desired-div'>
                                                    </div>

                                                    <div class='loc-map-controls loc-map-controls-directions'>
                                <!--
                                <a class="loc-map-directions" href="view-map.php?getDirMap=1&LocationId=345382">Map & Directions</a>
                                -->
                                                                    <a class="loc-map-directions" target="_blank" href="https://www.google.com/maps/search/?api=1&query=40.620342,-80.5821771">Map & Directions</a>
                                                            </div>
                        
                                                    <div class='facebook-share'>
                                <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.dawsonfuneralhome.com%2Fmemorials%2Fjames-sutton%2F2310098%2Fview-event.php%3Fevent%3Dservice">Share on Facebook</a>
                            </div>
                        
                                                    <div class='loc-map-controls loc-map-controls-send-flowers'>
                                <a class="send-flowers" href="https://dawson-funeral-home-inc.tributestore.com/?oId=11439955">
                                                                            Send Flowers                                                                    </a>
                            </div>
                                                        
                                            </div>
                </div>
                    
    
<style>
    /* The Modal (background) */
    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }
    
    /* Modal Content */
    .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #fff;
        width: 600px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
    }
    
    /* Add Animation */
    @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }
    
    @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }
    
    /* The Close Button */
    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    
    .modal-header {
        padding: 2px 16px;
        color: #fce6a9;
        text-align: center;
        background-color: #333;
    }
    
    .modal-body {padding: 2px 16px;}
    
    .modal-footer {
        padding: 2px 16px;
        background-color: #5cb85c;
        color: white;
    }
    
    .modal-content * {
        font-family: Times;
    }
    
    .modal-content .loc-map-controls {
        height: 30px;
        margin: 0 auto;
        margin-bottom: 20px;
        color: #fff;
        font-family: sans-serif;
        text-transform: uppercase;
        background: rgba(122,122,122,1);
        background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(54,54,54,1)));
        background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#363636', GradientType=0 );
        border: 1px solid #363636;
        border-radius: 3px;
        display: block;
    }
    
    .textTitle {
        padding-top: 60px;
        padding-bottom: 20px;
        font-family: Times;
        font-size: 22px;
    }
    
    div#directionsText {
        margin: 20px 0px;
        font-family: Times;
        font-size: 20px;
        text-align: center;
    }
    
    .formSection {
        width: 240px;
        margin: 0 20px;
        margin-bottom: 20px;
        display: inline-block;
    }
    
    .formSection input, .formSection select {
        width: 100% !important;
        margin: 0px;
        padding: 12px 6px;
        color: #333;
        font-size: 14px;
        background: #f8f8f8;
        border: 1px solid #c3c3c3;
        border-radius: 1px;
        box-shadow: none;
    }
    
    .formSection input {
        width: calc(100% - 12px) !important;
    }
    
    @media screen and (max-width: 665px){
      .modal-content {
        width: 240px;
      }
      .formSection {
        width: 206px;
        margin: 0px;
        margin-bottom: 20px;
        display: inline-block;
      }
      div#directionsText{
        font-size: 18px;
      }
    }
</style>

<script>
    // Get the modal
    var modal;
    var btn;
    var span = document.getElementsByClassName("close")[0];
    function sendMeSMS(locationId){
        console.log(locationId);
        modal = document.getElementById('smsModal-'+locationId);
        btn = document.getElementById("smsBtn-"+locationId);
        modal.style.display = "block";

    }
   /* btn.onclick = function() {
        modal.style.display = "block";
    };*/

    span.onclick = function() {
        modal.style.display = "none";
    };

    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>
        
		   

        </div>
            </div>

	    			
			
		    <div class="info-container bom-interment-info">
		<div class="info-container-top"></div>
		<h2>Interment Information</h2>
		<div class="infoList">
		                                <div class="infoItem location">
                    <div class="infoTitle">Location</div>
                    <div class="infoContent">Columbiana County Memorial Park <div></div></div>
                </div>

            
                <div class="infoItem address">
                    <div class="infoTitle">Address</div>
                    <div class="infoContent">

                        
                        16078 Irish Ridge Road<div></div>                                                East Liverpool, OH 43920<div></div>                                            
                                                <button class="loc-map-controls loc-map-controls-sms" id="smsBtn-345383"
                                onclick="sendMeSMS(345383)">
                            Text Me Directions
                        </button>
                                                <div id="smsModal-345383" class="modal">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <span class="close">&times;</span>
                                    <div class="textTitle">Text Me Directions</div>
                                </div>
                                <div class="modal-body">
                                    <div id="tmd-form-345383">
                                      <div id="directionsText">Get directions to the event directly to your phone</div>
                                        <form method="post" action="service-details.php" onsubmit="return frmSubmit(this);">
                                            <div class="formSection">
                                              <label for="">Phone Number:</label>
                                              <input name="phnum" id="phone-number" value="" placeholder="10 digit number" type="text"></input>
                                              <span id="err-phnum-345383"></span>
                                            </div>
                                            <div class="formSection">
                                              <label for="">Select Carrier:</label>
                                              <select name="phcarrier" id="carrier-select">
                                                  <option value='7'>Alltel</option><option value='6'>AT&T</option><option value='1'>Bell Canada</option><option value='8'>Boost Mobile</option><option value='9'>Cellular One</option><option value='10'>Cellular South</option><option value='11'>Comcast</option><option value='12'>Edge Wireless</option><option value='2'>Fido</option><option value='18'>Freedom Mobile</option><option value='13'>Houston Cellular</option><option value='3'>Rogers Canada</option><option value='19'>SaskTel</option><option value='14'>Sprint</option><option value='15'>T-Mobile</option><option value='4'>Telus</option><option value='16'>Verizon</option><option value='17'>Virgin Mobile</option><option value='5'>Virgin Mobile Canada</option>                                              </select>
                                              <input type="hidden" name="mapid" value="345383"></input>
                                            </div>
                                            <button class="loc-map-controls" type="submit">Send</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                </div>

                <div class="infoItem actions">
                    <div></div>
                    <div class="infoContent">
                        <div class='rsvp-desired-div'>
                                                    </div>

                                                    <div class='loc-map-controls loc-map-controls-directions'>
                                <!--
                                <a class="loc-map-directions" href="view-map.php?getDirMap=1&LocationId=345383">Map & Directions</a>
                                -->
                                                                    <a class="loc-map-directions" target="_blank" href="https://www.google.com/maps/search/?api=1&query=40.6646259,-80.5952497">Map & Directions</a>
                                                            </div>
                        
                                                    <div class='facebook-share'>
                                <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.dawsonfuneralhome.com%2Fmemorials%2Fjames-sutton%2F2310098%2Fview-event.php%3Fevent%3Dinterment">Share on Facebook</a>
                            </div>
                        
                                                    <div class='loc-map-controls loc-map-controls-send-flowers'>
                                <a class="send-flowers" href="https://dawson-funeral-home-inc.tributestore.com/?oId=11439955">
                                                                            Send Flowers                                                                    </a>
                            </div>
                                                        
                                            </div>
                </div>
                    
    
<style>
    /* The Modal (background) */
    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }
    
    /* Modal Content */
    .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #fff;
        width: 600px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
    }
    
    /* Add Animation */
    @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }
    
    @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }
    
    /* The Close Button */
    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    
    .modal-header {
        padding: 2px 16px;
        color: #fce6a9;
        text-align: center;
        background-color: #333;
    }
    
    .modal-body {padding: 2px 16px;}
    
    .modal-footer {
        padding: 2px 16px;
        background-color: #5cb85c;
        color: white;
    }
    
    .modal-content * {
        font-family: Times;
    }
    
    .modal-content .loc-map-controls {
        height: 30px;
        margin: 0 auto;
        margin-bottom: 20px;
        color: #fff;
        font-family: sans-serif;
        text-transform: uppercase;
        background: rgba(122,122,122,1);
        background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(54,54,54,1)));
        background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#363636', GradientType=0 );
        border: 1px solid #363636;
        border-radius: 3px;
        display: block;
    }
    
    .textTitle {
        padding-top: 60px;
        padding-bottom: 20px;
        font-family: Times;
        font-size: 22px;
    }
    
    div#directionsText {
        margin: 20px 0px;
        font-family: Times;
        font-size: 20px;
        text-align: center;
    }
    
    .formSection {
        width: 240px;
        margin: 0 20px;
        margin-bottom: 20px;
        display: inline-block;
    }
    
    .formSection input, .formSection select {
        width: 100% !important;
        margin: 0px;
        padding: 12px 6px;
        color: #333;
        font-size: 14px;
        background: #f8f8f8;
        border: 1px solid #c3c3c3;
        border-radius: 1px;
        box-shadow: none;
    }
    
    .formSection input {
        width: calc(100% - 12px) !important;
    }
    
    @media screen and (max-width: 665px){
      .modal-content {
        width: 240px;
      }
      .formSection {
        width: 206px;
        margin: 0px;
        margin-bottom: 20px;
        display: inline-block;
      }
      div#directionsText{
        font-size: 18px;
      }
    }
</style>

<script>
    // Get the modal
    var modal;
    var btn;
    var span = document.getElementsByClassName("close")[0];
    function sendMeSMS(locationId){
        console.log(locationId);
        modal = document.getElementById('smsModal-'+locationId);
        btn = document.getElementById("smsBtn-"+locationId);
        modal.style.display = "block";

    }
   /* btn.onclick = function() {
        modal.style.display = "block";
    };*/

    span.onclick = function() {
        modal.style.display = "none";
    };

    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>
		    		</div>
	    </div>
		
	    </div>
</div>
<div style="clear: both;"></div>
<div id="bom-footer-con">
    <div class="bom-footer-copy">
        <p>This obituary is protected by copyright by Dawson Funeral Home, Inc.. Proudly Serving the Communities of East Liverpool and the entire Tri-State Area. Dawson Funeral Home, Inc. is located in the state of Ohio, United States. </p>
        <p>All rights reserved. 
	        </p>
    </div>
    <p class="bom-footer-fh-name">Dawson Funeral Home, Inc.</p> 
    <p class="bom-footer-print-button"><a href="javascript:window.print()">Print</a></p>
</div>