			<div id="columnsetup" class="panel-outer">
				<a href="#" id="columnsetup-close" class="close-button pull-left"></a>
				<div class="slider-right">
					<div class="panel">
						<div id="columnsetup-info">
							<h3 id="columnsetup-title" class="text-center">Setup Domain Table Columns</h3>
							<p class="small text-justify">Check the fields you want to see as columns in the domain table. You can re-order the list by dragging 
							and dropping the columns at the grip icon (left side of each item). You can also modify a column's label and width by clicking on the column
							name and then editing the corresponding values at right.</p>
							<br>
						</div>
						<div id="columnsetup-control">
							<div class="row">		
								<div class="col-sm-7">
									<div id="displaylist">
										<ul id="tablecolumns"></ul>
									</div>
								</div>
								<div class="col-sm-5">
									<hr class="visible-xs">
									<p><a id="ui_display_column_update" class="btn btn-block btn-danger">Update Column List</a></p>
									<p><a id="ui_display_column_reset" class="btn btn-block btn-primary">Reset Column List</a></p>

									<h4 id="selectedcolumn">-</h4>
									<hr class="panelruler">
									<p><label for "column_label">Column Label</label>
									<input type="text" id="column_label" class="input-sm form-control" name="column_label" value=""></p>
									
									<p><label for "column_width">Column Width (Pixels)</label>
									<input type="text" id="column_width" class="input-sm form-control" name="column_width" value=""></p>	
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

