<div class="lotusPalette">
	<!-- header is an HTML5 element. Use div if you are using HTML4. -->
	<header class="lotusPaletteHeader">
	<ul class="lotusTabs">
		<li class="lotusSelected"><a href="javascript:;"><strong>Add Content</strong></a></li>
		<li><a href="javascript:;">Change Styles</a></li>
		<li><a href="javascript:;">Change Layout</a></li>		
	</ul><span class="lotusBtnImg lotusClose" title="Close palette"><input type="image" alt="Close" src="../../css/images/blank.gif" /><a href="javascript:;" class="lotusAltText">X</a></span><span class="lotusRight"><a href="javascript:;">0 items</a> added</span></header>
	<div class="lotusPaletteBody">
		<div class="lotusPaletteNav">
			<div class="lotusChunk lotusSearch">
			<form action="javascript:;" method="post"><input class="lotusText" type="text" value="Search widgets" title="Search widgets" name="insertNameHere" role="search" /><span class="lotusBtnImg" title="Submit search"><input class="lotusSearchButton" type="image" src="../../css/images/blank.gif" alt="Submit search" name="putNameHere" /><a href="javascript:;" class="lotusAltText">Search</a></span></form>
			</div>
			<header class="lotusPaletteNavHeader"><span class="lotusBtnImg"><input type="image" src="../../css/images/blank.gif" alt="Back" /><a href="javascript:;" class="lotusAltText">Back</a></span><h3 class="lotusHeading2"> Browse Content</h3></header>
			<div class="lotusMenu">
			<ul>
			  <li class="lotusSelected"><a href="javascript:;">All Widgets</a></li>
			  <li><a href="javascript:;">Activities</a></li>
			  <li class="lotusMore"><a href="javascript:;">Blogs <span class="lotusAltText lotusRight">&#x25ba;</span></a></li>
			  <li><a href="javascript:;">Bookmarks</a></li>
			  <li class="lotusMore"><a href="javascript:;">Communities <span class="lotusAltText lotusRight">&#x25ba;</span></a></li>
			  <li><a href="javascript:;">Files</a></li>
			  <li><a href="javascript:;">Profiles</a></li>
			  <li><a href="javascript:;">Wikis</a></li>
			  <li><a href="javascript:;">Another</a></li>
			  <li><a href="javascript:;">And another</a></li>
			 </ul>
			</div><!--end menu-->
		</div><!--end lotusPaletteNav-->
		<div class="lotusPaletteContent">
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Profiles: description goes here"><a href="javascript:;">Profiles</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add profiles widget to the page"><img src="../../css/images/blank.gif" alt="Add profiles widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Communities: description goes here"><a href="javascript:;">Communities</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add communities widget to the page"><img src="../../css/images/blank.gif" alt="Add communities widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Blogs: description goes here"><a href="javascript:;">Blogs</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add blogs widget to the page"><img src="../../css/images/blank.gif" alt="Add blogs widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Activities: description goes here"><a href="javascript:;">Activities</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add activities widget to the page"><img src="../../css/images/blank.gif" alt="Add activities widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Flickr"><a href="javascript:;">Flickr</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add Flickr widget to the page"><img src="../../css/images/blank.gif" alt="Add Flickr widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Long Third Party Widget Name"><a href="javascript:;">Long Third Party Widget Name</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add Third Party Widget Name widget to the page"><img src="../../css/images/blank.gif" alt="Add Third Party Widget Name widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Digg"><a href="javascript:;">Digg</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add Digg widget to the page"><img src="../../css/images/blank.gif" alt="Add Digg widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Linked In"><a href="javascript:;">Linked In</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add Linked In widget to the page"><img src="../../css/images/blank.gif" alt="Add Linked In widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Mail: description goes here"><a href="javascript:;">Mail</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add mail widget to the page"><img src="../../css/images/blank.gif" alt="Add mail widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Chat: description goes here"><a href="javascript:;">Chat</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add chat widget to the page"><img src="../../css/images/blank.gif" alt="Add chat widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="Bookmarks: description goes here"><a href="javascript:;">Bookmarks</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add Bookmarks widget to the page"><img src="../../css/images/blank.gif" alt="Add Bookmarks widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaletteWidget" onmouseover="this.className+=' lotusPaletteWidgetHover'" onmouseout="this.className='lotusPaletteWidget'"><div class="lotusInner"><div class="lotusIcon"><span><img class="yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="" /></span></div><div class="lotusWidgetTitle"><h4 class="lotusTitle" title="RSS: description goes here"><a href="javascript:;">RSS</a></h4></div><a class="lotusIcon" href="javascript:;" title="Add RSS widget to the page"><img src="../../css/images/blank.gif" alt="Add RSS widget to the page" /><span class="lotusAltText">+</span></a></div></div>
			<div class="lotusPaging">
				<!-- ACCESSIBILITY NOTE: Always place a space on both sides of the dash between page numbers. JAWS will read the text "1-10" as "one dash one zero" while it reads "1 - 10" as "one dash ten" -->
				<div class="lotusLeft">1 - 12 of 36 widgets</div>		
				<ul class="lotusRight lotusInlinelist">
				<li class="lotusFirst">Previous</li>
				<li><a href="javascript:;">Next</a></li></ul>
			</div><!--end paging-->
		</div><!--end palette content-->
	</div><!--end palette body-->
</div><!--end palette-->