<!--S:Main-->

	<div class="seriously"> 

		<div class="widget Gray">
			<div class="widget-head">
				<h3>Info</h3>
			</div>

			<div class="widget-form">
				<div class="noteSmall nInfo form-comment" id="XML_BODY_FIELD_animation">
						<span class="sign sign-info"></span>
						<h3><p align="center">The full functionality of this editor is not recommended on less than 1000px browser width.</p></h3>
				</div>
			</div>

		</div>
		
	</div>

	<div class="editor-main">
		{TABS}

		<div>
					{LAYOUT}
		</div>


		<div class="row editor-holder" data-url="{RETURN}" data-editor="{EDITOR-URL}">
			<div class="col-md-4 editor-widgets-holder">
				<div class="n_affix">
					{WIDGETS}
				</div>
			</div>
			<div class="col-md-8">

				<div class="layout-blocks">
					{COLUMNS}
				</div>
			</div>
		</div>
	</div>

<!--E:Main-->


<!--S:NoColumns-->
	<div class="widget-form">

		<div class="noteSmall nInfo form-comment" id="XML_BODY_FIELD_animation">
				<span class="sign sign-info"></span>
				<h3><p align="center">You must first create blocks for this layout. Access the details section of the layout or <a href="{LINK}">click here</a>.</p></h3>
		</div>
	</div>
<!--E:NoColumns-->

<!--S:Columns-->
	<div class="row editor-columns" data-layout="{ID}">
		{COLUMNS}
	</div>
<!--E:Columns-->

<!--S:Column-->
		<div class="col-md-{SIZE} editor-column" data-column="{ID}" data-widgets="{WIDGETS}">{DATA}</div>
<!--E:Column-->

<!--S:WidgetsMain-->
	<div class="widgets-filter-holder">
		<select class="select" name="filter" id="widgets-filter" style="width: 100%" placeholder="Content Source" data-placeholder="Content Source">
			<option value="*">Content Source</option>
			<option value=".widget-type-0">System Widgets</option>
			{OPTIONS}
		</select>

		<div class="keywords">
			<input type="textbox" placeholder="Keywords" name="q" id="widget-filter-name"/>
			<button class="with-tooltip" title="Search Widgets"><span class="icon sign-search"></span></button>
			<button class="reload with-tooltip" title="Reload Widgets"><span class="icon sign-widgets-reload"></span></button>
		</div>
	</div>

	<div class="editor-widgets-scroller">


		<ul class="editor-widgets isotope">
			{WIDGET_CONTENT}
			{DATA}
		</ul>
	</div>

	<div class="clear"></div>
<!--E:WidgetsMain-->

<!--S:WidgetContent-->
			<li class="editor-widget-holder widget-type-0 widget-system">
				<div data-id="-1" id="editor-widget-id--1" class="editor-widget">	
					<b>Base Module</b>
					<div class='editor-widget-drag'><span class='sign sign-drag'></span></div>
				</div>
			</li>
<!--E:WidgetContent-->

<!--S:WidgetsAjax-->
		<ul class="editor-widgets isotope">
			<li class="editor-widget-holder widget-type-0 widget-system">
				<div data-id="-1" id="editor-widget-id--1" class="editor-widget">	
					<b>Base Module</b>
					<div class='editor-widget-drag'><span class='sign sign-drag'></span></div>
				</div>
			</li>
			{DATA}
		</ul>
<!--E:WidgetsAjax-->

<!--S:WidgetsGroup-->
			{DATA}
<!--E:WidgetsGroup-->

<!--S:WidgetsElement-->
			<li class="editor-widget-holder widget-type-{WIDGET_MODULE}">
				<div data-id="{WIDGET_ID}" id="editor-widget-id-{WIDGET_ID}" class="editor-widget ">	
					<b>{SHORT_NAME}({WIDGET_NOTE})</b><br><i>{MODULE_NAME} - {WIDGET_TYPE_NAME}</i>
					<div class='editor-widget-drag'><span class='sign sign-drag'></span></div>
				</div>
			</li>
<!--E:WidgetsElement-->

<!--S:WidgetsEmpty-->

<!--E:WidgetsEmpty-->


<!--S:ColumnWidgets-->
	<div class="editor-column-widgets"></div>
<!--E:ColumnWidgets-->


<!--S:Info-->
	<style>
		.editor-info{
			padding-bottom: 0px;
			padding-top: 5px;
		}

		.editor-info.last{
			padding-bottom: 10px;
		}
	</style>
	<div>


		<p class="editor-info">
			<div class="editor-widget editor-widget-big " style="margin: 15px 10px 15px 15px; width: 250px;">	
				<b>Widget Title (Admin Note)</b><br>
				<i>Content Source - Widget Type</i>
				<div class='editor-widget-drag'><span class='sign sign-drag'></span></div>
			</div>

		</p>

		
		</p>
	</div>
<!--E:Info-->