<span id="componentActionMenuTemplate" class="wpthemeMenu"
    data-positioning-handler="verticallyCenteredRightHand">
    <div class="wpthemeMenuBorder">
        <!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
        <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
            <li class="${css-class}" role="menuitem" tabindex="-1"><span
                class="wpthemeMenuText">${title}</span></li>
        </ul>
        <div class="verticalMenuPointer pointer"></div>
    </div> <!-- Template for loading -->
    <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
    <!-- Template for submenu -->
    <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
        <div class="wpthemeMenuBorder wpthemeMenuSubmenu">
            <ul id="${submenu-id}" class="wpthemeMenuDropDown"
                role="menu">
                <li role="menuitem" tabindex="-1"></li>
            </ul>
        </div>
    </div>
</span><span id="inlineEditMenuTemplate" class="wpthemeMenu"
    data-positioning-handler="topLeft">
    <div>
        <ul role="menu" class="wpthemeMenuInlineList wpthemeTemplateMenu">
            <li tabindex="-1" role="menuitem" aria-label="${description}" class="${css-class}"><span class="wpthemeMenuText">${title}</span></li>
        </ul>
    </div>
    <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
</span><span id="navigationMenuTemplate" class="wpthemeMenu" data-positioning-handler="horizontallyBelow">
    <div class="wpthemeMenuBorder">
        <!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
        <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
            <li class="${css-class}" role="menuitem" tabindex="-1"><span
                class="wpthemeMenuText">${title}</span></li>
        </ul>
        <div class="verticalMenuPointer pointer"></div>
    </div> <!-- Template for loading -->
    <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
    <!-- Template for submenu -->
    <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
        <div class="wpthemeMenuBorder wpthemeMenuSubmenu">
            <ul id="${submenu-id}" class="wpthemeMenuDropDown"
                role="menu">
                <li role="menuitem" tabindex="-1"></li>
            </ul>
        </div>
    </div>
</span><div class="wpGridLayoutEditor" style="display:none"> 
    <div id="ibm.grid.section.template" class="g-section g-section--content"></div>    
    <div id="ibm.grid.row.template" class="g-row g-row-content">
        <div class="g-col">
            <div class="g-container component-container ibmDndColumn"></div>
        </div>
    </div>
    <div id="ibm.grid.column.body.template" class="g-container component-container ibmDndColumn"></div>
    <div id="ibm.grid.nestedrow.2cols.template" class="g-container">
        <div class="g-row">
            <div class="g-col">
                <div class="g-container component-container ibmDndColumn"></div>
            </div>
            <div class="g-col">
                <div class="g-container component-container ibmDndColumn"></div>
            </div>
        </div>
    </div>
    <div id="ibm.grid.column.template" class="g-col">
        <div class="g-container component-container ibmDndColumn"></div>
    </div>
    <div id="ibm.grid.column.no.body.template" class="g-col g-not-visualized">
        <div class="g-container"></div>
    </div>
    <div id="ibm.grid.layout.template">
        <div class="hiddenWidgetsDiv">
            <div class="component-container hiddenWidgetsContainer ibmDndRow wpthemeCol12of12 wpthemeFull" name="ibmHiddenWidgets"></div>
            <div style="clear:both"></div>
        </div>
    </div>
</div><div class="wpGridLayoutEditor">
    <div id="ibm.grid.edit.col.template" class="wpEdit">
        <div class="wpDropZone left"></div>
        <div class="wpDropZone right"></div>
		<div class="wpEditBar">
			<div class="wpDragHandle">
				<a class="dragHandle" draggable="true" href="javascript:;" title="Drag the Container">
					<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
				</a>
			</div>
			<div class="wpElementTitle"><span></span></div>
			<div class="wpEditToolbar">
				<div class="wpEditAction appendColumn">
					<a href="javascript:;" title="Append Container">
						<img alt="+" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
				<div class="wpEditAction removeColumn">
					<a href="javascript:;" title="Remove Container">
						<img alt="-" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
				<div class="wpEditAction hideColumn">
					<a href="javascript:;" title="Hide Container">
						<img alt="x" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
				<div class="wpEditAction splitColumnV">
					<a href="javascript:;" title="Split Container Vertically">
						<img alt="=" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
				<div class="wpEditAction splitColumnH">
					<a href="javascript:;" style="font-size: 0.8rem;" title="Split Container Horizontally">
						<img alt="||" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
			</div>
		</div>
        <div class="wpHiddenColumns"></div>
    </div>
    <div id="ibm.grid.edit.col.hidden" class="wpHiddenColumn">
        <a href="javascript:;" title="Unhide Container"></a>
    </div>
    <div id="ibm.grid.edit.row.template" class="wpEdit">
		<div class="wpEditBar">
			<div class="wpDragHandle">
				<a class="dragHandle" draggable="true" href="javascript:;" title="Drag the row">
					<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
				</a>
			</div>
			<div class="wpElementTitle"><span></span></div>
			<div class="wpEditToolbar bottom">
				<div class="wpEditAction appendRow">
					<a href="javascript:;" title="Append row">
						<img alt="+" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
				<div class="wpEditAction removeRow">
					<a href="javascript:;" title="Remove row">
						<img alt="-" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
					</a>
				</div>
				<div class="wpEditAction arrangeOne">
					<a href="javascript:;" title="Auto-arrange: 1 per line">1</a>
				</div>
				<div class="wpEditAction arrangeTwo">
					<a href="javascript:;" title="Auto-arrange: 2 per line">2</a>
				</div>
				<div class="wpEditAction arrangeThree">
					<a href="javascript:;" title="Auto-arrange: 3 per line">3</a>
				</div>
				<div class="wpEditAction arrangeFour">
					<a href="javascript:;" title="Auto-arrange: 4 per line">4</a>
				</div>
			</div>
		</div>
    </div>
    <div id="ibm.grid.edit.section.template" class="wpEdit">
        <div class="wpEditToolbar">
            <div class="wpEditAction appendSection">
                <a href="javascript:;" title="Append section">+</a>
            </div>
            <div class="wpEditAction removeSection">
                <a href="javascript:;" title="Remove section">-</a>
            </div>
        </div>
    </div>    
    <div id="ibm.grid.lines.template" class="wpEdit wpGrid">
        <div class="wpHiddenColumns"></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
        <div class="wpGridCell"><div></div></div>
    </div>
</div>
<span id="skinContentMenuTemplate" class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
    <div class="wpthemeMenuBorder">
        <!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
        <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
            <li class="${css-class}" role="menuitem" tabindex="-1"><span
                class="wpthemeMenuText">${title}</span></li>
        </ul>
        <div class="verticalMenuPointer pointer"></div>
    </div> <!-- Template for loading -->
    <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
    <!-- Template for submenu -->
    <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
        <div class="wpthemeMenuBorder wpthemeMenuSubmenu">
            <ul id="${submenu-id}" class="wpthemeMenuDropDown"
                role="menu">
                <li role="menuitem" tabindex="-1"></li>
            </ul>
        </div>
    </div>
</span>
<form action="#" id="dnd-drop-form" method="post" enctype="multipart/form-data" style="display:none;"><input type="hidden" name="_csrf_token_" value="FRhjR4WH6j1wmCKVT:L54kaBgIzkm9h9-ZBQN1lYmhq7QHKgJ"><input type="hidden" name="errorURI" value="op-error:cookie"><input type="hidden" name="digest" value="new"></form>