gistfile1.txt

<div style=" height:100%;border-left: 2px solid #b45127; border-right: 2px solid #b45127; border-bottom: 40px solid #b45127; background-color:#ffffff; width:796px; margin-top:-40px;"> 

<div id="padded_content_full">  
   <h1 align="center" style="margin-top:0px; padding-top:20px; padding-bottom:10px; border-bottom: 1px solid #b45127;"> To begin the application process, please search for a location below</h1>            
<div id="outermain"> 
<!--<div id="map-overlay"></div>   -->
<div id="searchwrap">
    <div id="searchbar"> 
    	<h3> Search Our Locations </h3>
          	<div class="input-append">
  	        	<form id="searchbarform">
      	      		<input id="searchField" type="text" placeholder="Enter Zip code or City & Select from the Dropdown" tabindex="1">
          	  			<button id="closebutton" class="btn btn-success" tabindex="2">
            					<span class="glyphicon glyphicon-remove-circle" ></span>
            				</button>
	</form>
           		<p>e.g. Columbus, OH or 43214</p>
            </div>
    </div> 
</div> 
</div>
<div id="map-canvas"></div>
<div id="locationwrap">
<div id="locationsbar">
<div id="changeslocal">
		<button class="btn btn-success" type="button" id="changes" > Change Location </button>
</div>   
    
<div id="locations" >
	
</div>
 <div class="clearfix"></div>   
</div>
<div id="jobopeningdiv">
<div class="opentitle">
<h3> Job Openings</h3>
<h4 id="locationTitle"></h4>
<!--<img src="<?php echo get_template_directory_uri(); ?>/images/jobopenings.png"  alt="Job Openings"/>--></div>
<div id="jobopeningbody"></div>
 <div class="clearfix"></div> 
</div>
</div>            
<!-- Job Information Modal -->
<div id="myModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
 	<div class="modal-content">
			<div class="modal-header">
  			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  			<h3 id="myModalLabel"></h3>
			</div>
			<div class="modal-body">
				<ul class="nav nav-tabs">
      			<li class="active"><a id="desclink" href="#desc" data-toggle="tab">Description</a></li>
 		     		<li><a href="#req" data-toggle="tab">Requirements</a></li>
     		 		<li><a href="#addinfo" data-toggle="tab">Additional Info</a></li>
  			</ul>
 		 		<div class="tab-content">
      			<div class="tab-pane active" id="desc"></div>
      			<div class="tab-pane" id="req"></div>
   		   		<div class="tab-pane" id="addinfo"></div>
  			</div>
			</div>
			<div class="modal-footer">
  			<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  			<a id="applyurl" href="#" target="_blank" class="btn btn-success" type="button"><i class="glyphicon glyphicon-pencil"></i>Apply</a>
			</div>
	</div>
</div>
</div>          
<!-- Map -->
<div class="container-fluid">
<div id="alert-box" class="row-fluid"></div>
  <div class="row-fluid"></div>
  <div></div>
</div>
<!-- END OUTTERMAIN CONTENT --> 
<script id="locations-container-template" type="text/html">
	<h3>{Title}</h3>
	{Locations}
</script>
<script id="location-template" type="text/html">
      <div class="location-container col-sm-4">
         <div class="location-info"><div>
      	<address class="address" data-id="{Id}" data-location="{UnitNumber}" data-link="{ApplyUrl}">
          	<strong>{Name}</strong><br>
          	{Address.StreetAddress1}<br>
              {Address.City}, {Address.State} {Address.ZipCode}<br>
          </address>
      	</div>   
      	<div class="action-bar">
      		<button class="btn btn-mini btn-link jobopeningbtn" id="JobOpening" data="{Id}" onClick="updateJobsLists(this, thelargelogo);">
      			<i class="glyphicon glyphicon-eye-open"></i> View Openings
      		</button>
      		<br />
          	<a href="{ApplyUrl}" target="_blank" class="btn btn-mini btn-link" type="button"><i class="glyphicon glyphicon-pencil"></i> Apply Here</a>
          	<!-- <a href="#" class="btn btn-mini btn-link" data-toggle="collapse" data-target="#dir-{Id}"><i class="icon-road"></i>Get Directions</a> -->
      	</div>
  		</div>
</div>
</script>
<script id="error-template" type="text/html">
	<div class="alert alert-info alert-block fade in">
  		<button type="button" class="close" data-dismiss="alert"> &times;</button>
  		<h4 class="alert-heading">We are sorry.</h4>
  		<p>We are experiencing technical difficulties.  Please try again in a few minutes.</p>
  		<p><a class="btn refresh-button" href="#">Refresh</a></p>
	</div>
</script>
<div class="clearfix"></div>
<!-- C -->
</div>
<!--end content -->



</div>