<div id="flyoutExample" class="lotusFlyout" aria-hidden="false" role="dialog" aria-labelledby="flyoutExampleHeader">
	<div class="lotusWrapper">
		<!-- header is an HTML5 element. Use div if you are using HTML4. -->
		<header class="lotusFlyoutHeader">
			<ul class="lotusInlinelist">
				<li id="flyoutExampleHeader" class="lotusFirst"><span class="lotusPerson">Alex Kay</span> shared a file</li>
				<li class="lotusMeta">Updated 10:31 AM</li>
			</ul>
			<span id="flyoutClose" class="lotusBtnImg lotusClose" title="Close"><input type="image" alt="Close" src="../../css/images/blank.gif" /><a href="javascript:;" class="lotusAltText">X</a></span>
		</header>
		<div class="lotusFlyoutContent lotusStyledScroll">
			<div class="lotusFlyoutContentArea">
				<div class="lotusFlyoutInner">
					<div class="lotusTabContainer lotusTabCondensed" role="tablist">
						<ul class="lotusTabs">
							<li><div><a id="tab1id" role="tab" href="javascript:;">Comments (3)</a></div></li>
							<li><div><a id="tab2id" role="tab" href="javascript:;">Sharing</a></div></li>
							<li class="lotusSelected"><div><a id="tab3id" role="tab" selected="true" href="javascript:;"><strong>History</strong></a></div></li>
					 	</ul>
					</div><!--end tab container-->
					<div role="tabpanel" aria-labelledby="tab2id" aria-hidden="false">
						
						<ul class="lotusCommentList lotusCommentsCondensed">
						<!-- article is an HTML5 element. Use div instead if you are using HTML4 -->
							<li class="lotusCommentItem">
								<article class="lotusPost" role="article">
							<div class="lotusPostAuthorInfo">
								<div class="lotusPostAvatar">
									<!-- replace the blank.gif with the URL to the server for person pictures -->
									<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/></div>
							</div><!--end author info-->
							<div class="lotusPostContent">
								<div class="lotusPostAction"><a class="lotusPerson" href="javascript:;">Dan Misawa</a> uploaded a new version</div>
								<div class="lotusMeta">2:35 PM</div>
							</div><!--end postContent-->
						</article><!--end post-->
							</li>
							<li class="lotusCommentItem">
								<article class="lotusPost" role="article">
							<div class="lotusPostAuthorInfo">
								<div class="lotusPostAvatar">
									<!-- replace the blank.gif with the URL to the server for person pictures -->
									<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/></div>
							</div><!--end author info-->
							<div class="lotusPostContent">
								<div class="lotusPostAction"><a class="lotusPerson" href="javascript:;">Samantha Daryn</a> commented on the file</div>
								<div class="lotusMeta">2:35 PM</div>
								<div class="lotusPostDetails"><p>Vivamus gravida, lorem sit amet vestibulum semper, felis tortor posuere mi, a sagittis tortor mi ac eros. Ut caecus quis enim in ea consequat antehabeo, probo, quidem, loquor, uxor, et ea.</p></div>
							</div><!--end postContent-->
						</article><!--end post-->
							</li>
							<li class="lotusCommentItem">
								<article class="lotusPost" role="article">
							<div class="lotusPostAuthorInfo">
								<div class="lotusPostAvatar">
									<!-- replace the blank.gif with the URL to the server for person pictures -->
									<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/></div>
							</div><!--end author info-->
							<div class="lotusPostContent">
								<div class="lotusPostAction"><a class="lotusPerson" href="javascript:;">Sam Curmin</a> liked the file</div>
								<div class="lotusMeta">2:35 PM</div>
							</div><!--end postContent-->
						</article><!--end post-->
							</li>
							<li class="lotusCommentItem">
								<article class="lotusPost" role="article">
							<div class="lotusPostAuthorInfo">
								<div class="lotusPostAvatar">
									<!-- replace the blank.gif with the URL to the server for person pictures -->
									<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/></div>
							</div><!--end author info-->
							<div class="lotusPostContent">
								<div class="lotusPostAction"><a class="lotusPerson" href="javascript:;">Gail Chao</a> reposted the file</div>
								<div class="lotusMeta">2:35 PM</div>
							</div><!--end postContent-->
						</article><!--end post-->
							</li>
							<li class="lotusCommentItem">
								<article class="lotusPost" role="article">
							<div class="lotusPostAuthorInfo">
								<div class="lotusPostAvatar">
									<!-- replace the blank.gif with the URL to the server for person pictures -->
									<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/></div>
							</div><!--end author info-->
							<div class="lotusPostContent">
								<div class="lotusPostAction"><a class="lotusPerson" href="javascript:;">Amadou Alain</a> uploaded the file</div>
								<div class="lotusMeta">November 12, 2011</div>
							</div><!--end postContent-->
						</article><!--end post-->
							</li>
						</ul>
						
					</div><!--end tab panel-->
				</div><!--end lotusFlyoutInner-->
			</div>
		</div>
	</div><!--end lotusWrapper-->
</div><!--end lotusFlyout-->
<div id="flyoutConnector" class="lotusFlyoutConnector" role="presentation"></div>