<div class="lotusTitleBar2 lotusTitleBar2Tabs"><div class="lotusWrapper"><div class="lotusInner">
	<nav aria-label="[Application]" role="navigation">
		<ul class="lotusNavTabs" role="toolbar">
			<!--put class="lotusSelected" on the li element of the selected tab-->
			<li role="presentation"><div class="lotusTabWrapper">
				<a class="lotusTab" href="javascript:;" role="button"><span class="lotusTabInner">Tab1</span></a>
			</div></li>
			<li role="presentation"><div class="lotusTabWrapper">
				<a class="lotusTab" href="javascript:;" role="button"><span class="lotusTabInner"><img alt="" class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif">Tab2</span></a>
			</div></li>
			<li class="lotusTabClosable lotusSelected" role="presentation"><div class="lotusTabWrapper">
				<a class="lotusTab" href="javascript:;" role="button" aria-pressed="true"><span class="lotusTabInner">Tab3</span></a>
				<a class="lotusTabClose" href="javascript:;" title="Close" role="button"><img alt="Close" src="../../css/images/blank.gif"/><span class="lotusAltText">X</span></a>
			</div></li>
			<li class="lotusTabClosable" role="presentation"><div class="lotusTabWrapper">
				<a class="lotusTab" href="javascript:;" role="button"><span class="lotusTabInner"><img alt="" class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif">Tab4</span></a>
				<a class="lotusTabClose" href="javascript:;" title="Close" role="button"><img alt="Close" src="../../css/images/blank.gif"/><span class="lotusAltText">X</span></a>
			</div></li>
		</ul>
		<div class="lotusClear"></div>
	</nav>
</div></div></div><!--end titleBar-->