demo-html.txt

<script type="text/javascript" src="https://cdn.datatables.net/t/dt/jq-2.2.0,dt-1.10.11/datatables.min.js"></script>
<script type="text/javascript" src="/content/dam/bc1/schools/law/js/employers-widget/fusionEmployers.js"></script>

<style>
	.btn.btn-default {margin:2px; border-bottom:2px solid #fff;}
	.btn.btn-default:hover {border-bottom:2px solid #fff;}
	#top-menu .btn.btn-default {border-bottom:8px solid #fff;}
	#top-menu .btn.btn-default:hover {border-bottom:2px solid #fff;}
	#top-menu .btn.selected {margin-bottom:6px;}
	.btn.selected, #top-menu .btn.btn-default.selected {background: #777;border-bottom: 4px solid #8a100b;}
	.btn.selected:hover {border-bottom: 4px solid #8a100b;}
	#employerTable {float:left;}
	#left-menu {float:left; display:none; width:250px;}
	#left-list {list-style:none; padding:0px;}
	@media screen and (min-width: 700px){#left-menu{display:block;)}};
</style>

<div id="top-menu">
<span class="btn btn-default btn-maroon all selected">All</span>
<span class="btn btn-default btn-maroon regionSearch">New England</span>
<span class="btn btn-default btn-maroon regionSearch">Mid-Atlantic</span>
<span class="btn btn-default btn-maroon regionSearch">Midwest</span>
<span class="btn btn-default btn-maroon regionSearch">South</span>
<span class="btn btn-default btn-maroon regionSearch">West</span>
<span class="btn btn-default btn-maroon regionSearch">International</span>
</div>

<div id="left-menu">
<ul id="left-list"></ul>
</div>
<div id="employerTable">
	<table id="employerData" class="display" width="100%"></table>

</div>