<div id="vCardGailChao3" class="vcard lotusVCard lotusInlineVCard"><div class="lotusContainer">
	
	<div id="vCardGailChao3Pivot" class="lotusPivotNav">
		<div class="lotusPivotNavToggle">
			<a href="javascript:;" title="Toggle vCard" onclick="toggleVCard('vCardGailChao3')" role="button" aria-expanded="false" aria-controls="vCardGailChao3Details">&nbsp;<span class="lotusAltText">&#x25ba;</span></a>
		</div><!--end lotusPivotNavToggle-->	
		<div class="lotusPhoto photo">
			<!-- Replace the blank.gif with the URL to fetch your person images -->
			<img id="photo" class="yourProductSprite yourProductSprite-NoPhotoPerson32" src="../../css/images/blank.gif" alt="" height="32" width="32" /></div>
		<div class="lotusPersonInfo">
		<!-- header is an HTML5 element. Use div if you are using HTML4. -->
		<header><h2 class="fn"><img class="yourProductSprite yourProductSprite-stAvailable9" src="../../css/images/blank.gif" alt="Available user"/><span class="lotusAltText">Available User</span> Gail Chao Smith</h2></header>		
		</div><!--end lotusInfo-->
		</div><!--end lotusPivotNav-->
		<div id="vCardGailChao3Details" class="lotusInlineVCardDetails" aria-hidden="true">
		<div class="lotusEmail"><a class="email" href="javascript:;">gail_chao@somecompany.com</a></div>
	
	<ul class="lotusAppLinks"><li class="lotusFirst"><a class="url" href="javascript:;">Profile</a></li><li><a class="url" href="javascript:;">Communities</a></li><li><a class="url" href="javascript:;">Blogs</a></li><li><a class="url" href="javascript:;">Bookmarks</a></li><li><a class="url" href="javascript:;">Activities</a></li></ul>
	<div class="lotusPersonActions">
	<ul class="lotusInlinelist"><li class="lotusFirst"><a href="javascript:;" onclick="displayMore('GailChaoMore3',this.parentNode.parentNode);event.cancelBubble=true" role="button" aria-expanded="false" aria-controls="GailChaoMore3">More actions <img class="lotusArrow lotusDropDownSprite" src="../../css/images/blank.gif" alt="" /><span class="lotusAltText">&#x25bc;</span></a></li></ul></div>
	<ul class="lotusActionMenu" id="GailChaoMore3" role="menu" aria-hidden="true" aria-label="More actions">
 		<li class="lotusIcon"><a href="javascript:;" role="menuitem"><!-- example of using an image --><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" />Send Mail</a></li>
 		<li><a href="javascript:;" role="menuitem">Chat</a></li>
 		<li><a href="javascript:;" role="menuitem">Call</a></li>
 		<li><a href="javascript:;" role="menuitem">Instant Meeting</a></li>
		<li class="lotusMenuSeparator"><a href="javascript:;" role="menuitem">Add as Colleague</a></li>
		<li class="lotusMenuSeparator"><a href="javascript:;" role="menuitem">Download vCard</a></li>
	</ul>
	
	</div><!--end lotusInlineVCardDetails-->
</div></div><!--end popupPersonCard-->