<div id="dialog1" dojoType="dijit.Dialog" class="lotusSimpleDialog">
	<div class="dijitDialogPaneContentArea lotusui30">

<div class="lotusLikeLightBox">
	<!-- header is an HTML5 element. Use div if you are using HTML4. -->
	<header class="lotusLikeHeader">
		<span class="lotusLikeHeaderText">People who like this...</span>
	</header>
	<ul class="lotusList">
		<li>
			<a href="javascript:;">
				<span class="lotusLikeAvatar">
					<!-- replace the blank.gif with the URL to the server for person pictures -->
					<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/>
				</span>
				<span class="lotusPerson">Matthew Pierpont</span>
			</a>
		</li>
		<li>
			<a href="javascript:;">
				<span class="lotusLikeAvatar">
					<!-- replace the blank.gif with the URL to the server for person pictures -->
					<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/>
				</span>
				<span class="lotusPerson">Allie Singh</span>
			</a>
		</li>
		<li>
			<a href="javascript:;">
				<span class="lotusLikeAvatar">
					<!-- replace the blank.gif with the URL to the server for person pictures -->
					<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/>
				</span>
				<span class="lotusPerson">Paul Clemmons</span>
			</a>
		</li>
		<li>
			<a href="javascript:;">
				<span class="lotusLikeAvatar">
					<!-- replace the blank.gif with the URL to the server for person pictures -->
					<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/>
				</span>
				<span class="lotusPerson">Gail Chao</span>
			</a>
		</li>
	</ul>
</div><!-- end lotusLike -->

</div></div><!-- end dialog -->

<script>
	dojo.require("dijit.Dialog");
	
	dojo.addOnLoad(function() {
		dijit.byId("dialog1").show();
	});	
</script>