<div>
	<!-- Top pane -->
	<div class="header">
		<div class="controlHeader">
			<a class="logoLink" href="${dgridUrl}"><img class="logo" src="${resourcesBaseUrl}/img/dgridLogo.png" alt="dgrid logo"></a>
			${i18n.laboratory}
		</div>
		<a href="#" class="menuLink" data-dojo-attach-event="click:_showAbout">${i18n.about}</a>
		<a href="${docBaseUrl}" target="_blank" class="menuLink">${i18n.docs}</a>
		<a href="http://sitepen.com/" class="splogo"><img src="${resourcesBaseUrl}/img/sitepenLogo.png" alt="SitePen logo"></a>
	</div>

	<div class="control">
		<div class="tabs">
			<div class="tab active" data-target="columns" data-dojo-attach-event="click:selectTab">
				${i18n.columns}
			</div>
			<div class="tab" data-target="gridFeatures" data-dojo-attach-event="click:selectTab">
				${i18n.gridFeatures}
			</div>
			<div class="tab" data-target="columnFeatures" data-dojo-attach-event="click:selectTab">
				${i18n.columnFeatures}
			</div>
		</div>

		<div data-dojo-attach-point="columnEditorNode" data-tab="columns" class="tabContent active"></div>
		<div data-dojo-attach-point="featureEditorNode" data-tab="features" class="tabContent"></div>
	</div>

	<div data-dojo-attach-point="previewTabs" data-selected-page="grid" class="render">
		<div class="tabControl">
			<span data-dojo-attach-event="click:_selectGrid" class="gridBtn">
				<i class="icon-grid"></i>${i18n.preview}
			</span><span data-dojo-attach-event="click:_selectCode" class="codeBtn">
				<i class="icon-code"></i>${i18n.code}
			</span>
		</div>
		<div class="demoGridPane" data-dojo-attach-point="demoGridPane">
			${i18n.demoInstructions}
		</div>

		<div class="demoCodePane" data-dojo-attach-point="demoCodePane">
			<textarea data-dojo-attach-point="gridCodeTextArea" class="demoCode" readonly></textarea>
		</div>
	</div>
</div>
