Boots - Health and Beauty, Pharmacy and Prescriptions, UK Chemist

Pharmacy & Health
Browse by category
Health shop
Health services
- Boots Hearingcare
- Boots Opticians
- Macmillan cancer support
- Midnight pharmacy
- NHS New Medicine Service
- Travel Vaccination Service
- Health information
- Latest health news
- Medicines A to Z
- WebMD Symptom Checker
- More health information
Beauty
Browse by category
Cosmetics Quick Finds
- Mascara
- Eye Shadow
- Lipstick
- Foundation
- Nail Polish
- False Eyelashes
- False Nails
- Skincare Quick Finds
- Healthy Skin
- Dry Skin
- Anti-ageing
- Spots & Blemishes
- Bronzing and Fake Tan
- Hair Removal
- New No7 Lift & Luminate
- New No7 Lift & Luminate Day & Night Serum
- Shop the full No7 Lift & Luminate regime
Beauty tips and inspiration
Fragrance
Browse by category
Featured brands
- Boss
- Calvin Klein
- CHANEL
- DIOR
- Diesel
- Estée Lauder
- ARMANI
- Gucci
- Issey Miyake
- Jean Paul Gaultier
- Marc Jacobs
- Jimmy Choo
- Thierry Mugler
- TOM FORD
- Viktor & Rolf
Fragrance features
Mother & Baby
Browse by category
Featured brands
- Aptamil - baby milk
- Cow and Gate - baby milk
- Pampers - nappies & wipes
- SMA - baby milk & receipes
- Tommee Tippee - breast pumps, sterilisers
- Top rated pushchairs
- BabyStyle TS2 Travel System
- Baby Jogger City Mini pushchair
- Out n About Nipper Double pushchair
- Top rated car seats
- Maxi-Cosi CabrioFix car seat
- Maxi-Cosi Axiss car seat
- Britax King plus car seat
- View our offers
Nursery & Baby safety
Toiletries
Browse by category
Hair
- Shampoos & Conditioners
- Hair Colourants & Dyes
- Hair Styling, Spray & Wax
- Hair Accessories
- Hairdryers & Straighteners
- Featured Hair Brands
- Aussie
- Charles Worthington
- John Frieda
- L'Oreal
- Lee Stafford
- Mark Hill
- Toni&Guy
- Umberto Giannini
Dental
- Electric Toothbrushes
- Manual Toothbrushes
- Toothpaste
- Teeth Whitening
- Mouthwash
- Featured Dental Brands
- Aquafresh
- Colgate
- Corsodyl
- Listerine
- Oral B
- Phillips
- Rapid White
- Sensodyne
Bathroom Essentials
- Deodorants
- Bath & Shower Gels
- Soap & Handwash
- Tampons, Towels & Liners
- Cotton Wool, Wipes & Tissues
- Featured Brands
- Always
- Dove
- Fenjal
- Lil-Lets
- Nivea
- Original Source
- Radox
- Sure
- View Toiletries Offers
Men
Browse by category
Shaving
- Razors
- Razor Blades
- Shaving Foam & Gels
- Shaving Creams
- Shaving Oils
- Post Shave Balms
- Electric Shavers
- Featured Shaving Brands
- Braun
- Gillette
- King of Shaves
- Phillips
- Remington
- Wilkinson Sword
Men's Facial Skincare
- Face Wash
- Face Scrubs & Exfoliators
- Men's Moisturisers
- Anti Ageing
- Men's Eye Care & Creams
- Men's Lip Care & Balms
- Men's Gift Sets
- Featured Skincare Brands
- Clinique
- Kyoku
- L'Oreal Men Expert
- Lab Series
- Nivea for Men
- No7 for Men
Grooming & Essentials
- Deodorants & Body Sprays
- Bath & Shower Gels
- Toothbrushes & Toothpaste
- Men's Hair Dye
- Hair Gel & Wax
- Hair Loss
- Condoms
- Featured Brands
- Adidas
- FCUK
- Just for Men
- Lynx
- Regaine
- Sure Men
- View Men's Offers
Electrical
Browse by category
Brand shops
- BaByliss
- Boots Smooth Skin
- Braun
- Enrapture
- HoMedics
- InStyler
- John Frieda
- No7
- Oral B
- Philips
- Remington
- Featured brands
- Mark Hill
- Wahl
- Yogi
Top selling products
Photo
Browse by category
Featured brands
- Duracell
- Fuji
- Energizer
- Kodak
- Lowepro
- Nikon
- Samsung
- SanDisk
- Olympus
- The Photo Album Company
- Varta
Tips & guidance
- Wedding photography tips
- Holiday prints to be proud of
- Wow factor landscapes
- Online photo processing tips
- Instore photo processing tips
- Bootsphoto.com
- Latest offers
- Photobooks
- Canvases
- Calendars
- Prints
- Etched glass
Opticians
Browse by category
BootsWebMD.com information
Featured offers
Toys
Browse by category
Featured brands
Age
- 0-6 months
- 6-12 months
- 1-2 years
- 2-3 years
- 3-4 years
- 4-6 years
- 6-8 years
- 8-10 years
- 10 years +
Tips & inspiration
Gift
Browse by category
Featured brands
Hello Kitty
New
Browse by category
- New products
- Latest finds
New product areas
Latest Finds
New beauty tips
- Boots beauty blog
- This month's best beauty buys
- Beauty how to videos
- New baby information
- Boots baby blog
- A new baby... a new you
- Baby trends for 2012
Offers
Browse by category
Offer by type
- Buy 1 get 1 free
- 3 for 2
- Save
- Free gift
- Buy 1 get 2nd half price
- Advantage Card points
- Only £1
- Advantage Card offers
- Advantage Card kiosk
- Treat Street
- Parenting Club
- Boots Recycle
- Sign up for Advantage Card
Featured offers
Summer
Browse by category
Offers
Summer Tips & Information

<div id="slGroupLanding" class="slGroupLanding slV2">
	{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
		<div class="slColumn1">
			${header}
			<div class="slPrivateGroupSummary">
				This private group has:
				<ul class="slGroupStatsList">
					<li class="slGroupStats">${group.CommunityGroupStats.MemberCount} Members</li>
					<li class="slGroupStats">${group.CommunityGroupStats.ForumDiscussionCount} Forum Discussions</li>
					<li class="slGroupStats">${group.CommunityGroupStats.BlogPostCount} Blog Posts</li>
					<li class="slGroupStats">${group.CommunityGroupStats.PhotoCount} Photos</li>
					<li class="slGroupStats">${group.CommunityGroupStats.VideoCount} Videos</li>
					<li class="slGroupStats">${group.CommunityGroupStats.UpcomingEventCount} Upcoming Events</li>
				</ul>
			</div>
		</div>

<div class="slColumn2">
			${status}
		</div>
	{else}
	<div class="wrapper majorWrapper">
		<div class="gp_25-75a column">
			<div class="innerColumn">
				${status}
				${miniMemberList}
				${managerList}				
				${upcomingEvents}
				${groupLinks}				
				
			</div>
		</div>
		<div class="gp_25-75b column">
			<div class="innerColumn">
				${header}
				${searchBar}
				${recentConversations}				
				${recentActivities}
				
			</div>
		</div>
	</div>
	{/if}

</div>
${messageBox}

<div class="slGroupActivity slContainer">
	<h2 class="slSectionTitle">Recent Group Activity</h2>
	<ul class="slContent">
		{var group = currentGroup}
		{var groupKey = group.CommunityGroupKey.Key}
		{for activity in groupActivities}
			{var user = activity.LiteUserResponse}
			{var userName = user.DisplayName}
			
			{var userLink = user.PersonaUrl}
			{var thumbnail = false}
			{var verb = false}
			{var itemTitle = truncateString(activity.Title, 20)}
			{var itemLink = false}
			{var parentAttribution = false}
			{var parentTitle = false}
			{var parentLink = false}
			{var unknownActivity = false}
			{var avatarImageUrl = activity.LiteUserResponse.ImageUrl}
			
			{var readmore}
			{var readMoreText = "Read more»"}
			{var date = toLocalTimeString(activity.ActivityDate)}
			{var body = truncateString(activity.Abstract, options.maxBodyLength)}
			
			{if activity.ActivityType == 'ForumDiscussion'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a discussion"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the discussion"}
					{else}
						{var verb = "started the discussion"}
					{/if}
					
					{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'ForumPost'}
				{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
			
				{var discussion = discussions[WIDGETINSTANCE.makeForumDiscussionKey(activity.TargetKey)]}
				{if discussion}
					{var parentTitle = discussion.DiscussionTitle}
					{var parentLink = itemLink}
				{/if}
				
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a forum post"}
					{if parentTitle}
						{var parentAttribution = "from the discussion"}
						{var itemLink = false}
					{elseif}
						{var parentAttribution = ""}
						{var parentTitle = ""}
						{var itemLink = false}
					{/if}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the forum post"}
						{var parentAttribution = "in the discussion"}
					{else}
						{var verb = "posted to the discussion"}
						{var itemTitle = parentTitle ? parentTitle : itemTitle}
						{var parentAttribution = false}
					{/if}
					
					{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'BlogPost'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a blog post"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the blog post"}
					{else}
						{var verb = "added the blog post"}
					{/if}
					
					{var itemLink = urls.groups.showBlogPost(groupKey, group.BlogKey.Key, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'Photo'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a photo"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the photo"}
					{else}
						{var verb = "added the photo"}
					{/if}
					
					{var itemLink = urls.groups.showPhoto(groupKey, group.PhotoGalleryKey.Key, activity.TargetKey)}
					{var readmore = urls.groups.showGallery(groupKey, group.PhotoGalleryKey.Key, "photo")}
					{var url = urls.groups.showPhoto(groupKey, group.PhotoGalleryKey.Key, activity.TargetKey)}
					{var readMoreText = "Go to gallery"}
					{var thumbnail = activity.Image.Small}
				{/if}
				
			{elseif activity.ActivityType == 'Video'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a video"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the video"}
					{else}
						{var verb = "added the video"}
					{/if}
					
					{var itemLink = urls.groups.showVideo(groupKey, group.VideoGalleryKey.Key, activity.TargetKey)}
					{var readmore = urls.groups.showGallery(groupKey, group.VideoGalleryKey.Key, "video")}
					{var url = urls.groups.showVideo(groupKey, group.VideoGalleryKey.Key, activity.TargetKey)}
					{var readMoreText = "Go to gallery"}
					{var thumbnail = activity.Image.Small}
				{/if}
				
			{elseif activity.ActivityType == 'Comment'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a comment"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited a comment on"}
					{else}
						{var verb = "commented on"}
					{/if}
					
					{var comment = comments[activity.TargetKey]}
					{if comment}
						{var itemLink = WIDGETINSTANCE.makeCommentLink(comment)}
						{var readmore = itemLink}
					{/if}
				{/if}
				
			{elseif activity.ActivityType == 'Event'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted an event"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "updated the event"}
					{else}
						{var verb = "created a new event: "}
					{/if}
					
					{var event = events[activity.TargetKey]}
					{if event}
						{var body = '<div class="slEventDateTime">This event is on ' + toLocalTimeString(event.StartDate) + ' at ' + event.Location + '</div>' + body}
						{var itemLink = urls.groups.showEvent(groupKey, activity.TargetKey)}
						{var readmore = itemLink}
					{/if}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupMembership'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				
				{var itemLink = activity.LiteUserResponse.PersonaUrl}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Deleted'}
					{var verb = 'removed a member'}
				{else}
					{if activity.ActivityAction === 'Updated'}
						{var verb = 'changed <a href="' + itemLink + '">' + activity.Title + '</a> to a ' + activity.Abstract}
					{else}
						{var verb = 'became a member'}
						{if activity.TargetKey !== activity.LiteUserResponse.UserKey.Key}
							{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
							{var verb = 'made ' + newUserLink + ' a member'}
							{var readMoreText = "View " + activity.Title + "'s profile"}
						{/if}
					{/if}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupInvitation'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				
				{var itemLink = activity.LiteUserResponse.PersonaUrl}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Added'}
					{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
					{var verb = 'sent ' + newUserLink + ' an invitation'}
					{var readMoreText = "View " + activity.Title + "'s profile"}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupUserBan'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				
				{var itemLink = activity.LiteUserResponse.PersonaUrl}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Added'}
					{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
					{var verb = 'has banned ' + newUserLink}
					{var readMoreText = "View " + activity.Title + "'s profile"}
				{/if}
			{else}
				{var unknownActivity = true}
			{/if}
			
			{if !unknownActivity}
				<li class="slItem slFLC {if WIDGETINSTANCE.isBozo(user)} slBozoContent{/if}">
					{if thumbnail}
						<div class="slPhotoItems">
							<a href="${url}">
								<img alt="" src="${thumbnail}" />
							</a>
						</div>
					{/if}
					<a href="${userLink}"><img class="slAvatarTiny" src="${avatarImageUrl}"/></a>
					<div class="slInfo">
						<div class="slHeadline">
							<a href="${userLink}">${userName}</a>
							${verb}
							{if itemLink}
								<a href="${itemLink}">${itemTitle}</a>
							{else}
								${itemTitle}
							{/if}
							{if parentAttribution}
								${parentAttribution} <a href="${parentLink}">${parentTitle}</a>
							{/if}
						</div>
						<div class="slBody">
							${body}
							<div class="slContent">{if readmore}<a href="${readmore}" class="slReadMore">${readMoreText}</a>{/if}</div>
							
						</div>
						<div class="slTimestamp">
							${date}
						</div>
					</div>
				</li>
			{else}
				
			{/if}
		{forelse}
			{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
				<p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> and be the first to contribute to it!</p>
			{else}
				<p class="slDefaultText">Be the first to contribute to this group by <a href="${urls.groups.showGallery(currentGroup.CommunityGroupKey.Key, currentGroup.PhotoGalleryKey.Key, "photo", true)}">uploading photos</a> or <a href="${urls.groups.showGallery(currentGroup.CommunityGroupKey.Key, currentGroup.VideoGalleryKey.Key, "video", true)}">videos</a>, <a href="${urls.groups.showForumDiscussion(currentGroup.CommunityGroupKey.Key, currentGroup.ForumKey.Key, true)}">starting a discussion</a>, <a href="${urls.groups.updateEvent(currentGroup.CommunityGroupKey.Key)}">scheduling an event</a>, or <a href="${urls.groups.showBlog(currentGroup.CommunityGroupKey.Key, currentGroup.BlogKey.Key, true)}">writing a blog post</a>.</p>
			{/if}
		{/for}
	</ul>
</div>

<div class="slFounders slContainer2">
	<div class="slHeader">
		<div class="slHeader_Right"><h3 class="slSectionTitle">The Managers</h3></div>
	</div>
	<div class="slContent">
		<ul class="slItems">
			{for admin in admins}
			<li>
			  
				<a href="${admin.User.PersonaUrl}"><img class="slAvatarMedium" alt="" src="${admin.User.AvatarPhotoUrl}"/></a>
				<p class="slInfo">
					<span class="slCallout">Admin</span>
					<a href="${admin.User.PersonaUrl}" class="slUserName">${admin.User.DisplayName}</a>
					<span class="slLocation">${admin.User.Location}</span>
					<a href="${admin.User.PersonaUrl}" class="slFriendCount">${admin.User.NumberOfFriends} friend{if admin.User.NumberOfFriends > 1}s{/if}</a>
				</p>
			</li>
			{/for}
			{for manager in managers}
			<li>
				<a href="${manager.User.PersonaUrl}"><img class="slAvatarMedium" alt="" src="${manager.User.AvatarPhotoUrl}"/></a>
				<p class="slInfo">
					<span class="slCallout">Manager</span>
					<a href="${manager.User.PersonaUrl}" class="slUserName">${manager.User.DisplayName}</a>
					<span class="slLocation">${manager.User.Location}</span>
					<a href="${admin.User.PersonaUrl}" class="slFriendCount">${manager.User.NumberOfFriends} friend{if manager.User.NumberOfFriends > 1}s{/if}</a>
					
				</p>
			</li>
			{/for}
		</ul>
		<div class="slClear"></div>
	</div>
	<div class="slFooter"><div class="slFooter_Right"></div></div>
</div>

{var BLOGS_TAB = 'Blogs'}
{var DISCUSSIONS_TAB = 'Discussions'}
<div class="slRecentConversations slContainer">
	<ul class="slTabs" id="changeViewTabs">
		<li id="slDiscussions" class="{if options.currentTab == DISCUSSIONS_TAB}slSelected{/if}"><a id="slDiscussions" href="#" onclick="WIDGETINSTANCE.showDiscussionsTab();changeGroupsBanner();return false;">Discussions</a></li>
		<li id="slBlog" class="{if options.currentTab == BLOGS_TAB}slSelected{/if}"><a id="slBlog" href="#" onclick="WIDGETINSTANCE.showBlogsTab();changeGroupsBanner();return false;">Blog Posts</a></li>		
	</ul>	
	{if options.currentTab === BLOGS_TAB}
	<a class="slButton1" href="${urls.groups.showBlog(options.groupKey, blogKey)}"><span class="slButton1_Right">Add a post</span></a>
	{elseif options.currentTab === DISCUSSIONS_TAB}
	<a class="slButton1" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}"><span class="slButton1_Right">New discussion</span></a>
	{/if}
	
	{if options.currentTab == BLOGS_TAB}
	<h2 class="slSectionTitle">Recent Blog Posts</h2>
		{if blogPosts.length > 0}
			<div class="slButtonWrapper"><a class="slButton2" href="${urls.groups.showBlog(options.groupKey, blogKey)}"><span class="slButton2_Right">View all</span></a></div>
		{elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
			<a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">Create a new post »</a>
		{/if}
	{elseif options.currentTab == DISCUSSIONS_TAB}
	<h2 class="slSectionTitle">Recent Conversations</h2>
		{if discussionPosts.length > 0}
			<div class="slButtonWrapper"><a class="slButton2" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}"><span class="slButton2_Right">View all</span></a></div>
		{elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
			<a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start a discussion »</a>
		{/if}
	{/if}
	<ul class="slContent">
		{if options.currentTab == BLOGS_TAB}
			{for blog in blogPosts}
				{var blogPostLink = urls.groups.showBlogPost(options.groupKey, blogKey, blog.BlogPostKey.Key)}
				<li class="{if WIDGETINSTANCE.isBozo(blog.PostAuthor)} slBozoContent{/if}">
				<a href="${blogPostLink}" class="slHeadline">${truncateString(blog.PostTitle, options.maxBlogTitleLength)}</a>
				  
					<div class="slInfo">
						by <a href="${urls.personas.home(blog.PostAuthor.UserKey.Key)}" class="slUserName">${blog.PostAuthor.DisplayName}</a> <span class="slDetails">${toLocalTimeString(blog.PostDate)}</span> <a href="${blogPostLink}" class="slInfoDetails">${blog.NumberOfComments} Comments</a>
					</div>
					<p>${truncateString(blog.PostBody, 300)}<div class="slContent"><a href="${blogPostLink}" class="slReadMore">Read more »</a></p></div>
				</li>
			{forelse}
				{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
					<p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to be the first to write a blog post.<p>
				{else}
					<p class="slDefaultText">There aren't any blog posts yet. Be the first to <a href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">write a post</a>.</p>
				{/if}
			{/for}
		{elseif options.currentTab == DISCUSSIONS_TAB}
			{for discussion in discussionPosts}
				{var discussionLink = urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}
				<li class="{if WIDGETINSTANCE.isBozo(discussion.LiteUser)} slBozoContent{/if}">
				<a href="${discussionLink}" class="slHeadline">${truncateString(discussion.DiscussionTitle, options.maxDiscussionTitleLength)}</a>
				  
					<div class="slInfo">
						by <a href="${urls.personas.home(discussion.UserKey.Key)}" class="slUserName">${discussion.LiteUser.DisplayName}</a> <span class="slDate">${toLocalTimeString(discussion.LastUpdated)}</span>
					</div>
					<p>${truncateString(discussion.DiscussionBody, 300)}<div class="slContent"><a href="${discussionLink}" class="slReadMore">Read more »</a></p></div>
				</li>
			{forelse}
				{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
					<p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to start the first discussion.<p>
				{else}
					<p class="slDefaultText"><a href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start the first discussion</a> in the group forum.</p>
				{/if}
			{/for}
		{/if}
	</ul>
</div>

{macro showReportAbuseForGroup()}
		${showReportAbuse('CommunityGroupKey', group.CommunityGroupKey.Key, group.CurrentUserHasReportedAbuse == 'True')}
	{/macro}
	{macro rssLink()}
	<a href="${urls.groups.rss(group.CommunityGroupKey.Key)}" class="slIcon_Rss" target="_blank">Subscribe</a>
	{/macro}
	{macro inviteAFriendLink()}
	<a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a>
	{/macro}	
	{if group.HasPendingMembership == 'True'}
		<div class="slContent">
			Your group membership request is pending.
			<div class="slClear"></div>
			<p>${showReportAbuseForGroup()}</p>
		</div>
	{elseif group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'NonMember'}
		{if invitation}
			<a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.overview(group.CommunityGroupKey.Key))}{else}javascript:void(0){/if}" {if !getCurrentUser().isAnonymous} onclick="WIDGETINSTANCE.joinThisGroup()" {/if} class="slButton2"><span class="slButton2_Right">ACCEPT INVITATION</span></a>
			<div class="slClear"></div>
			<p>${showReportAbuseForGroup()}</p>
		{else}
			<a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.overview(group.CommunityGroupKey.Key))}{else}javascript:void(0){/if}" {if !getCurrentUser().isAnonymous} onclick="WIDGETINSTANCE.requestToJoinThisGroup()" {/if} class="slButton2"><span class="slButton2_Right">REQUEST TO JOIN</span></a>
			<div class="slClear"></div>
			<p>${showReportAbuseForGroup()}</p>
		{/if}
	{elseif group.RequestingUsersMembershipTier == 'NonMember'}
		<div class="slJoinGroup">
			<a href="#" onclick="WIDGETINSTANCE.joinThisGroup()" class="slButton1"><span class="slButton1_Right">Join this group</span></a>
		</div>
		<div class="slGroupAdminTools slContainer">	
		    {if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), PLUCKSL_GLOBAL_OPTIONS.communityGroupCreationUserTier) && !getCurrentUser().isAnonymous && getCurrentUser().IsBlocked === 'False'}<a href="${urls.groups.updateGroup()}" class="slButton1"><span class="slButton1_Right">Start Your Own Group</span></a>{/if}
		    <ul class="slContent slFLC">
		    	<li>${showReportAbuseForGroup()}</li>
		    </ul>
		</div>
	{elseif group.RequestingUsersMembershipTier == 'Manager' || group.RequestingUsersMembershipTier == 'GroupAdmin'}
	<div class="slGroupAdminTools slContainer">
		<h3 class="slSectionTitle">Admin Controls</h3>
		<ul class="slContent slFLC">
			{if group.RequestingUsersMembershipTier == 'GroupAdmin'}
			<li><a href="${urls.groups.updateGroup(group.CommunityGroupKey.Key)}" class="slIcon_Edit">Edit Group</a></li>
			{/if}
			<li><a href="${urls.groups.manageMembers(group.CommunityGroupKey.Key)}" class="slIcon_Members">Manage Members</a></li>
			<li><a href="${urls.groups.updateLink(group.CommunityGroupKey.Key)}" class="slIcon_Link">Edit Group Links</a></li>
			<li>${inviteAFriendLink()}</li>
			<li>${showReportAbuseForGroup()}</li>
			{if group.RequestingUsersMembershipTier === 'GroupAdmin'}
				<li class="slDeleteGroup"><a href="${urls.groups.requestGroupDeletion(group.CommunityGroupKey.Key)}" class="slIcon_Delete">Request Group Deletion</a></li>
			{/if}
		</ul>
		<div class="slFLC slButtonStrip">
		{if group.RequestingUsersMembershipTier === 'Manager'}
			<a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slButtonLeave slButton1"><span class="slButton1_Right">Leave this group</span></a>
		{/if}
		{if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), PLUCKSL_GLOBAL_OPTIONS.communityGroupCreationUserTier) && getCurrentUser().IsBlocked === 'False'}
			<a href="${urls.groups.updateGroup()}" class="slButtonStart slButton1"><span class="slButton1_Right">Start your own Group</span></a>
		{/if}
		</div>
	</div>
	{elseif group.RequestingUsersMembershipTier == 'Member'}
	<div class="slGroupMember slContainer">
		<div class="slFLC slButtonStrip">
			<a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slButtonLeave slButton1"><span class="slButton1_Right">Leave this group</span></a>
			{if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), PLUCKSL_GLOBAL_OPTIONS.communityGroupCreationUserTier) && getCurrentUser().IsBlocked === 'False'}
				<a href="${urls.groups.updateGroup()}" class="slButtonStart slButton1"><span class="slButton1_Right">Start your own Group</span></a>
			{/if}
		</div>
		<ul class="slContent slFLC">
			<li>${inviteAFriendLink()}</li>
			<li>${showReportAbuseForGroup()}</li>
		</ul>
	</div>
	{/if}
	<div id="${submitMessageId}" style="display:none;">
		<h2>Your request to join this group has been submitted</h2>
	</div>
	<div id="${leaveMessageId}" style="display:none;">
	    <h2>Do you wish to leave the %0?</h2>
	</div>
	
	${statusReportAbuseDialog}
	${messageBox}
	${confirmMessageBox}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its blog.
{else}
<div id="slGroupBlogs" class="slGroupBlogs slV2">
	${header}
	${joinThisGroup}
	<div class="slClear"></div>
	<div class="slGroupBlogPosts">
		<div class="slItem">
			<div class="slPostWrapper">
				<div class="slUserInfo">
					<a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}"><img src="${post.PostAuthor.AvatarPhotoUrl}" class="slAvatarMedium"/></a>
					<a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}" class="slUserName">${post.PostAuthor.DisplayName}</a>
					{var timestamp=toLocalTime(post.PostDate)}
					<div class="slDate">${slwidgets.dateFormat(timestamp, "dashShortDate")}</div>
					<div class="slTime">${slwidgets.dateFormat(timestamp, "shortTime")}</div>
					<div class="slTimeZone">${slwidgets.dateFormat(timestamp, "timeZone")}</div>
				</div>
				<div class="slPost">
					<div class="slHeadline">${post.PostTitle}</div>
					<p>${post.PostBody}</p>
					<div class="slTags">
						<ul class="slFLC">
							<li class="slCallout">Tagged:</li>
							{for tag in WIDGETINSTANCE.getPostTags(post)}
							<li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
							{/for}
						</ul>
					</div>
					<div class="slUtils">
						<a href="#commentTop" class="slIcon_Comment">
							{if post.NumberOfComments == 1} ${post.NumberOfComments} Comment
							{else}${post.NumberOfComments} Comments
							{/if}
						</a>
						{if currentUserIsOwner(post.PostAuthor.UserKey)}
						<a class="slIcon_Edit" href="#" onclick="javascript:WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}');" class="slDelete">Edit</a>
						{/if}
						{if WIDGETINSTANCE.currentUserIsGroupManager(group) || currentUserIsOwner(post.PostAuthor.UserKey)}
						<a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}');" class="slDelete">Delete</a>
						{/if}
						${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
						{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
							${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "true", post.NumberOfRecommendations)}
						{/if}
						<div class="slClear"></div>
					</div>
				</div>
				<div class="slClear"></div>
			</div>
		</div>
	</div>
</div>
${comments}
<div class="slPluckLogoBlogShowPostsPage">${pluckLogo}</div>
{/if}
<div id="${deleteMessageId}" style="display:none;"><h2>Delete post?</h2></div>
${editPostWidget}
${deleteMessageBox}
${reportAbuseDialog}

{if options.mediaType == "photo"}
    <input type="hidden" id="deleteMessage" value="Are you sure you want to delete this photo?" />
{else}
    <input type="hidden" id="Hidden1" value="Are you sure you want to delete this video?" />
{/if}

<div class="slGroupMediaDetails slV2">
	${headerWidget}
	<div class="slClear"></div>
	<div class="slContainer2">
		<div class="slHeader"><div class="slHeader_Right">${media.Title}</div></div> 
		<div class="slContent">
			<div class="slMediaDetails">
				${slideShowWidget}
				<p>${media.Description}</p>
				
				<a href="${media.Author.PersonaUrl}"><img class="slAvatarTiny" src="${media.Author.AvatarPhotoUrl}" class="slAvatarMedium" /></a>
				<div class="slUploadedBy">
						<div class="slCallout">Uploaded by</div>
						<a href="${media.Author.PersonaUrl}" class="slHeadline">${media.Author.DisplayName}</a>
				</div>
				<div class="slClear"></div>
				<div class="slMediaUtils">
					{if options.mediaType == "photo"}					
						{var editUrl = urls.groups.updatePhoto(group.CommunityGroupKey.Key, media.GalleryKey.Key, media.PhotoKey.Key, true);}
						{var objectKey = media.PhotoKey}
						{var keyType = "PhotoKey"}
					{elseif options.mediaType == "video"}
						{var editUrl = urls.groups.updateVideo(group.CommunityGroupKey.Key, media.GalleryKey.Key, media.VideoKey.Key, true);}
						{var objectKey = media.VideoKey}
						{var keyType = "VideoKey"}
					{/if}
					
			        {if WIDGETINSTANCE.currentUserIsOwner(media.Author.UserKey)}
						<a class="slIcon_Edit" href="${editUrl}" onclick="" class="slEdit">Edit</a>
			        {/if}
			        
    			    {if WIDGETINSTANCE.currentUserCanDelete(media.Author.UserKey, group)}
						<a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deleteMedia('${objectKey.Key}');" class="slDelete">Delete</a>
			        {/if}
						${showReportAbuse(keyType, objectKey.Key, currentUserHasReportedAbuse)}
						${showRecommend(keyType, objectKey.Key, currentUserHasRecommended, media.NumberOfRecommendations)}
					${reportAbuseDialogWidget}
				</div>
			</div>
			<div class="slMedia">
				{if options.mediaType == "photo"}
					<img src="${media.Image.Large}"/>
				{elseif options.mediaType == "video"}
					<div id="${videoContainerId}"></div>
				{/if}
			</div>
			<div class="slClear"></div>
			${commentWidget}
		</div>
		<div class="slFooter"><div class="slFooter_Right"></div></div>
	</div>
</div>
{/if}
${confirmationBox}

{macro getTitle(item)}
  {if item.BlogPostKey}
    <a href="${urls.groups.showBlogPost(options.groupKey, item.BlogPostKey.Key.substring(0,item.BlogPostKey.Key.indexOf('Post')), item.BlogPostKey.Key)}">${item.PostTitle}</a> (Blog Post)
  {elseif item.ForumPostKey}
    <a href="${urls.groups.showForumPost(options.groupKey, item.ForumPostKey.Key)}">${item.PostTitle}</a> (Forum Post)
  {elseif item.PhotoKey}
    <a href="${urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}">${item.Title}</a> (Photo)
  {elseif item.VideoKey}
    <a href="${urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}">${item.Title}</a> (Video)
  {elseif item.EventKey}
    <a href="${urls.groups.showEvent(options.groupKey, item.EventKey.Key)}">${item.Title}</a> ({if item.isPast}Past Event{else}Event{/if})
  {elseif item.CommentKey}
    Comment on ${getTitle(commentedOnItems[item.CommentedOnKey])}
  {elseif item.GalleryKey}
	<a href="${urls.groups.showGallery(item.AssociatedCommunityGroupKey.Key, item.GalleryKey.Key, item.MediaType.Name)}">${item.Title}</a> (${item.MediaType.Name} Gallery)
  {elseif item.UserKey}
  
	<a href="${item.PersonaUrl}">${truncateString(item.DisplayName, 500)}</a> (User)
  {else}
    
  {/if}
{/macro}

{macro truncateBody(body)}
	{if options.maxBodyLength > 0}
		${truncateString(body, options.maxBodyLength)}
	{else}
		{body}
	{/if}
{/macro}

${header}
<div class="slClear"></div>
${searchBar}
<div class="slClear"></div>

<div class="slSearchResults slContainer">
 <h2 class="slTitle">${resultsPage.NumberOfSearchResults} Search Result{if resultsPage.NumberOfSearchResults != 1}s{/if} for "${options.searchString}" in ${group.Title}</h2>
 <div class="slPagination">
  <ul>
	  {if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
	  {if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
	  {if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
	  {if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
  </ul>
  </div>
  <div class="slClear"></div>
 <ul class="slContent">
    {for item in results}

		{var title = getTitle(item)}
		{var userUrl = ''}
		{var userText = false}
		{var body = false}
		{var thumbnailUrl = false}
		{var thumbnailLinkUrl = false}
		{var readMoreLink = false}
		{var readMoreText = "Read More »"}
		{var userIsBozo = false}
        {if item.BlogPostKey}
			{var userKey = item.PostAuthor.UserKey.Key}
			{var userText = item.PostAuthor.DisplayName}
			{var body = item.PostBody}
			{var readMoreLink = urls.groups.showBlogPost(options.groupKey, item.BlogPostKey.Key.substring(0,item.BlogPostKey.Key.indexOf('Post')), item.BlogPostKey.Key)}
			{var userIsBozo = isBozo(item.PostAuthor)}
        {elseif item.CommentKey}
			{var userKey = item.Author.UserKey.Key}
			{var userText = item.Author.DisplayName}
			
			{var userUrl = item.Author.PersonaUrl}
			{var body = item.CommentBody}
			{var userIsBozo = isBozo(item.Author)}
        {elseif item.ForumPostKey}
			{var userKey = item.LiteUser.UserKey.Key}
			{var userText = item.LiteUser.DisplayName}
			{var userUrl = item.LiteUser.PersonaUrl}
			{var body = item.PostBody}
			{var readMoreLink = urls.groups.showForumPost(options.groupKey, item.ForumPostKey.Key)}
			{var userIsBozo = isBozo(item.LiteUser)}
        {elseif item.PhotoKey}
			{var userKey = item.Author.UserKey.Key}
			{var userText = item.Author.DisplayName}
			{var body = item.Description}
			{var thumbnailLinkUrl = urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}
			{var thumbnailUrl = item.Image.Small}
			{var readMoreText = "View »"}
			{var readMoreLink = urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}
			{var userIsBozo = isBozo(item.Author)}
        {elseif item.VideoKey}
			{var userKey = item.Author.UserKey.Key}
			{var userText = item.Author.DisplayName}
			{var body = item.Description}
			{var thumbnailLinkUrl = urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}
			{var thumbnailUrl = item.VideoThumbnail}
			{var readMoreText = "View »"}
			{var readMoreLink = urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}
			{var userIsBozo = isBozo(item.Author)}
        {elseif item.EventKey}
			{var body = '<p class="slEventDateTime">' + toLocalTimeString(item.StartDate) + ' - ' + toLocalTimeString(item.EndDate) + '</p>' + item.Description}
			{var readMoreText = "View »"}
			{var readMoreLink = urls.groups.showEvent(options.groupKey, item.EventKey.Key)}
			{var userIsBozo = isBozo(item.Author)}
		{elseif item.GalleryKey}
			{var body = item.Description}
			{var readMoreText = "View »"}
			{var readMoreLink = urls.groups.showGallery(item.AssociatedCommunityGroupKey.Key, item.GalleryKey.Key, item.MediaType.Name)}
		{elseif item.UserKey}
			
			{var body = item.AboutMe}
			
			{var thumbnailLinkUrl = item.PersonaUrl}
			{var thumbnailUrl = item.AvatarPhotoUrl}
			{var userIsBozo = isBozo(item)}
		{else}
			
		{/if}
      <li class="slSearchResult {if userIsBozo} slBozoContent{/if}">
			<div class="slSearchResultTitle">${title}</div>
			{if thumbnailUrl}<div class="slThumbnail"><a href="${thumbnailLinkUrl}"><img src="${thumbnailUrl}"></a></div>{/if}
			
			{if userText}<div class="slByUser">by <a href="${userUrl}">${userText}</a></div>{/if}
			{if body}<div class="slBody"><p>${truncateBody(body)}</p></div>{/if}
			{if readMoreLink}<div class="slReadMore"><a href="${readMoreLink}">${readMoreText}</a></div>{/if}
			</li>
	{forelse}
		<p class="slDefaultText">We didn't find any results for your search in this group. You may want to <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key, true)}">start a discussion</a> in the forum if you have a question.</p>
    {/for}
  </ul>

<div class="slPagination">
  <ul>
	  {if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
	  {if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
	  {if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
	  {if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
  </ul>
 </div>
  <div class="slClear"></div>
 </div>
</div>

<div class="slComments">
	<h2 class="slIcon_Comment slSectionTitle">Comments (${commentPage.NumberOfComments})</h2>
	<ul>

{for comment in comments}
		<li class="slPostWrapper {if WIDGETINSTANCE.isBozo(comment.Author)} slBozoContent{/if}">
			<div class="slUserInfo">
			  
				<a href="${comment.Author.PersonaUrl}"><img src="${comment.Author.AvatarPhotoUrl}" class="slAvatarMedium"/></a>
				<a href="${comment.Author.PersonaUrl}" class="slUserName">${comment.Author.DisplayName}</a>
				{var timestamp=toLocalTime(comment.PostedAtTime)}
				<div class="slDate">${slwidgets.dateFormat(timestamp, "m-d-yy")}</div>
				<div class="slTime">${slwidgets.dateFormat(timestamp, "h:MM TT")}</div>
				<div class="slTimeZone">${slwidgets.dateFormat(timestamp, "Z")}</div>
				
			</div>
			<div class="slPost"> 
				<p>${comment.CommentBody}</p>
      
				<div class="slUtils">
					{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
						<a href="#" onclick="WIDGETINSTANCE.deleteComment('${comment.CommentKey.Key}'); return false;" class="slIcon_Delete">Delete</a>
					{/if}
					{if comment.ContentBlockingState != "BlockedByAdmin"}
						${showReportAbuse("CommentKey", comment.CommentKey.Key, comment.CurrentUserHasReportedAbuse.toLowerCase() == "true")} 
						${showRecommend("CommentKey", comment.CommentKey.Key, comment.CurrentUserHasRecommended.toLowerCase() == "true", comment.NumberOfRecommendations)}
					{/if}
				</div>
				<div class="slClear"></div>
			</div>
		</li>
	{/for}
	</ul>
	<div class="slPagination">
		<ul>
			{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
			{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
			{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
			{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
		</ul>
	</div>	
	<div class="slClear"></div>	
	<div class="slCommentAdd slRoundedContainer1"><div class="slBgTR"><div class="slBgTL"><div class="slBgBR"><div class="slBgBL">
		<div class="slContent">
			<img src="${WIDGETINSTANCE.getCurrentUser().AvatarPhotoUrl}" class="slAvatarTiny" /><span class="slCallout">${WIDGETINSTANCE.getCurrentUser().DisplayName}'s Reply:</span>
			{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
				<span id="${rapidPostingErrorId}" class="slErrorText">We restrict rapid posting of multiple comments. You have already posted a comment within the last several seconds. Please try again later.</span>
				<textarea class="slFormInput slFormInputText" id="comment_body"></textarea>
				<div class="slErrorText" id="comment_BodyError">Please enter a comment.</div>
				<div class="slFLC">
					<a href="javascript:void(0);" onclick="WIDGETINSTANCE.createComment(true); return false;" class="slButton1"><span class="slButton1_Right">Submit comment</span></a>
				</div>
			{else}
				<p>You must be a member of this group to post a comment.</p>
			{/if}
		</div>
	</div></div></div></div></div>
</div>

${deleteCommentMessageBox}
${reportAbuseDialog}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its blog.
{else}
<textarea id="deleteMessage" style="display:none">Are you sure you want to delete this post?</textarea>
<div id="slGroupBlogs" class="slGroupBlogs slV2">
	${header}
	${joinThisGroup}
	<div class="slClear"></div>
	
	<div class="slClear"></div>
	<div class="slGroupBlogPosts">
		{if options.showPostNotFoundError}
		<div class="slErrorText" style="display: block;">Sorry, the blog post you requested was not found.</div>
		{/if}
		<div class="slItem">
			{for post in blogPosts}
			<div class="slPostWrapper {if WIDGETINSTANCE.isBozo(post.PostAuthor)} slBozoContent{/if}">
				<div class="slUserInfo">
					<a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}"><img src="${post.PostAuthor.AvatarPhotoUrl}" class="slAvatarMedium"/></a>
					<a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}" class="slUserName">${post.PostAuthor.DisplayName}</a>
					{var timestamp=toLocalTime(post.PostDate)}
					<div class="slDate">${slwidgets.dateFormat(timestamp, "dashShortDate")}</div>
					<div class="slTime">${slwidgets.dateFormat(timestamp, "shortTime")}</div>
					<div class="slTimeZone">${slwidgets.dateFormat(timestamp, "timeZone")}</div>
				</div>
				<div class="slPost">
					<a class="slHeadline" href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}">${post.PostTitle}</a>
					<p>${post.PostBody}</p>
					<div class="slTags">
						<ul class="slFLC">
							<li class="slCallout">Tagged:</li>
							{for tag in WIDGETINSTANCE.getPostTags(post)}
							<li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
							{/for}
						</ul>
					</div>
					<div class="slUtils">
						<a class="slIcon_Comment" href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}#commentTop">
							{if post.NumberOfComments == 1} ${post.NumberOfComments} Comment
							{else} ${post.NumberOfComments} Comments
							{/if}
						</a>
						{if currentUserIsOwner(post.PostAuthor.UserKey)}
						<a class="slIcon_Edit" href="#" onclick="javascript:WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}'); return false;" class="slDelete">Edit</a>
						{/if}  {if WIDGETINSTANCE.currentUserCanDelete(post.PostAuthor.UserKey, group)}
						<a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}'); return false;" class="slDelete">Delete</a>
						{/if}
						${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
						{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
							${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "true", post.NumberOfRecommendations)}
						{/if}
						<div class="slClear"></div>
					</div>
				</div>
				<div class="slClear"></div>
			</div>
			{forelse}
			<div class="slNoContent">This group does not have any blog posts yet.</div>
			{/for}
		</div>
	</div>
</div>
<div class="slGroupBlogsInfo">
		{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
		<a href="#" onclick="WIDGETINSTANCE.showCreatePostDialog(); return false;" class="slButton1"><span class="slButton1_Right">Add a post</span></a>
		{/if}	
		<div class="slContent slFLC">
			<div class="slItem slRecentTags">
				<span>Recent Tags</span>
				<ul>
					{for tag in blog.BlogTags}
					<li>
						{if options.tagFilter !== tag}<a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">{/if}
						${tag}
						{if options.tagFilter !== tag}</a>{/if}
					</li>
					{forelse} None
					 {/for}
				</ul>
			</div>
			<div class="slItem slArchives">
				<span>Archives</span>
				<ul>
					{var zeroMonthCount = null;}
					{for monthCount in monthCounts}
						{if monthCount.MonthId == 0} {var zeroMonthCount = monthCount;}
						{else}
						<li>
							{if !options.archive || options.archiveMonth != monthCount.MonthId}<a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(${monthCount.MonthId})">{/if}
							${slwidgets.dateFormat(new Date(2008, monthCount.MonthId-1, 1), "mmmm")}(${monthCount.BlogPostCount})
							{if !options.archive || options.archiveMonth != monthCount.MonthId}</a>{/if}
						</li>
						{/if}
					{forelse} No archives
					{/for}
				</ul>
				{if zeroMonthCount}<a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(0)" class="slAll">Older (${zeroMonthCount.BlogPostCount})</a>{/if}
			</div>
		</div>
	</div>
<div class="slPagination">
	<ul>
		{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
		{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
		{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
		{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
	</ul>						
	<div class="slClear"></div>
</div>
{/if}
${editPostWidget}
${confirmationBox}
${reportAbuseDialog}						
<div>${pluckLogo}</div>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its forums.
	{else}
	<div id="slGroupDiscussions" class="slGroupDiscussions slV2">
		${headerWidget}
		{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
		<a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;" class="slButton1"><span class="slButton1_Right">Start a discussion</span></a>
		{/if}
		${joinThisGroup}
		<div class="slClear"></div>
		<div class="slGroupDiscussionList slTabular">
			<div class="slTR"><div class="slBL"><div class="slBR">
				<div class="slContent">
					<table>
						<tr>
							<th>Type</th>
							<th>Discussions</th>
							<th>Started By</th>
							<th>Posts</th>
							<th>Latest Post</th>
						</tr>
						{for discussion in discussions}
							{var isAlt = (discussion_index % 2 == 1);}
							{var hasNewPosts = ((new Date(discussion.LastUpdated)) > (new Date(discussion.LastRead)))}
							<tr class="{if isAlt} slTabularAlt{/if} {if isBozo(discussion.LiteUser)}slBozoContent{/if} {if hasNewPosts} slDiscussionWithNewPosts{/if}">
								{if discussion.IsClosed == "True" && discussion.IsSticky == "True"}
									{var iconClass = "slIcon_DiscussionClosedSticky"}
								{elseif discussion.IsSticky == "True" && discussion.IsQuestion == "True"}
									{var iconClass = "slIcon_DiscussionStickyQuestion"}
								{elseif discussion.IsSticky == "True"}
									{var iconClass = "slIcon_DiscussionSticky"}
								{elseif discussion.IsPoll == "True"}
									{var iconClass = "slIcon_DiscussionPoll"}
								{elseif discussion.IsClosed == "True" && discussion.IsQuestion == "True"}
									{var iconClass = "slIcon_DiscussionClosedQuestion"}
								{elseif discussion.IsClosed == "True"}
									{var iconClass = "slIcon_DiscussionClosed"}
								{elseif discussion.IsPoll == "True"}
									{var iconClass = "slIcon_DiscussionPoll"}
								{elseif discussion.IsQuestion == "True" }
									{var iconClass = "slIcon_DiscussionQuestion"}
								{else}
									{var iconClass = ""}{/if}{var titleText = ""}
								{eval}
									var titleAttributes = new Array();
									if (discussion.IsClosed == "True")
										{titleAttributes.push("Closed");}
									if (discussion.IsSticky == "True")
										{titleAttributes.push("Sticky");}
									if (discussion.IsPoll == "True")
										{titleAttributes.push("Poll");}
									else if (discussion.IsQuestion == "True")
										{titleAttributes.push("Question");}
									titleText = titleAttributes.join(", ");
								{/eval}
								<td class="slDiscussionType ${iconClass}" title="${titleText}"> </td>
								<td class="slDiscussionTitle">
									<a href="${urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}">${discussion.DiscussionTitle}</a>
								</td>
								<td class="slDiscussionBy">
									<a href="${discussion.LiteUser.PersonaUrl}">${discussion.LiteUser.DisplayName}</a>
								</td>
								<td class="slDiscussionPosts">
									{if hasNewPosts}
									<a href="#" onclick="WIDGETINSTANCE.goToFirstUnread('${discussion.ForumDiscussionKey.Key}')" class="slGoToFirstUnread" title="Go to First Unread Post in this Discussion">${discussion.PostCount}</a>
								{else}
									${discussion.PostCount}
								{/if}
								</td>
								<td class="slDiscussionReply">
									<a href="#" onclick="WIDGETINSTANCE.goToLatest('${discussion.ForumDiscussionKey.Key}')">${toLocalTimeString(discussion.LastUpdated)}</a>
									<br/>by <a href="${discussion.LastPostBy.PersonaUrl}">
									${discussion.LastPostBy.DisplayName}
								</td>
							</tr>
						{forelse}
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td class="slNoContent">There are no discussions at this time.</td>
								<td></td>
							</tr>
						{/for}
						</table>
					</div>
				</div></div></div>
			</div>
			{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
			<a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;" class="slButton1"><span class="slButton1_Right">Start a discussion</span></a>
			{/if}
			<div class="slPagination">
				<ul>
					{if paginationVars.firstPageNum}
					<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>
					{/if}{if paginationVars.prevPageNum}
					<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">‹ Previous</a></li>
					{/if}
					{if paginationVars.nextPageNum}
					<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next ›</a></li>
					{/if}
					{if paginationVars.lastPageNum}
					<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>
					{/if}
				</ul>
			<div class="slClear"></div>
		</div>
	</div>
	{/if}
	${newPostWidget}
	<div class="slPluckLogoDiscussionsPage">${pluckLogo}</div>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its forums.
{else}
<div id="slGroupDiscussionThread" class="slGroupDiscussionThread slV2">
	<div class="slColumnSpan">
		${headerWidget}
		<div class="slClear"></div>
	</div>
	{if posts.length === 0}
		<h3 class="slNoContent">This discussion was not found.</h3>
		<p class="slNoContent">Please <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key)}">return to the forums</a>.</p>
	{else}
	<div class="slGroupDiscussionPosts">
		<div class="slAdminUtils">
			{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
				{var stickyTitle = 'Set Sticky'}
				{var closedTitle = 'Set Closed'}
				{if isSticky}
					{var stickyTitle = 'Remove Sticky'}
				{/if}
				{if isClosed}
					{var closedTitle = 'Remove Closed'}
				{/if}
				<a href="#" onclick="WIDGETINSTANCE.setSticky(${isSticky}); return false;" class="slIcon_DiscussionSticky" title="${stickyTitle}">${stickyTitle}</a>
				<a href="#" onclick="WIDGETINSTANCE.setClosed(${isClosed}); return false;" class="slIcon_DiscussionClosed" title="${closedTitle}">${closedTitle}</a>	
			{/if}
			{if !getCurrentUser().isAnonymous}
				<a href="#" onclick="WIDGETINSTANCE.MarkAllRead(); return false;" class="slIcon_DiscussionMarkAllRead" title="Mark All Posts Read">Mark All Posts Read</a>
			{/if}
		</div>
		<div class="slSectionTitle slIcon_Conversation">${posts[0].PostTitle}</div>
		<ul>
		{for post in posts}
		{var isAlt = (post_index % 2 == 1);}
		{var isNew = (new Date(post.LastUpdated)) > (new Date(discussion.LastRead))}
		{var isPollPost = isPoll && post_index == 0 && onPage == 1 }
		<li class="slItem {if WIDGETINSTANCE.isBozo(post.LiteUser)} slBozoContent{/if}">
			<div class="slPostWrapper {if isAlt} slPostWrapperAlt{/if} {if isNew} slPostWrapperNew{/if}">
			{if post.IsEnemyPost == "False"}
				<div class="slUserInfo">
				  
					<a href="${post.LiteUser.PersonaUrl}"><img src="${post.LiteUser.ImageUrl}" class="slAvatarMedium"/></a>
					<ul class="slUserDetails">
						<li><a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a></li>
						<li><span class="slCallout">First Post:</span> ${slwidgets.dateFormat(post.UserFirstPostDate.split(' ')[0], 'dd/mm/yyyy')}</li>
						<li><span class="slCallout">Last Post:</span> ${slwidgets.dateFormat(post.UserLastPostDate.split(' ')[0], 'dd/mm/yyyy')}</li>
						<li><span class="slCallout">Total Posts:</span> ${post.UserTotalPosts}</li>
					</ul>
				</div>
				{var title = post.PostTitle}
				{if !isPollPost && post.IsQuestion === 'True'}
					{var title = 'Question: ' + post.PostTitle}
				{/if}
				<div class="slPost" id="post_${post.ForumPostKey.Key}">
					{eval}
						/* For marking posts read as we scroll.  If you change the above ID in the template, make sure the mapping is changed as well. */
						WIDGETINSTANCE.addPostToDomMapping(post, "post_" + post.ForumPostKey.Key);
					{/eval}
					{if isNew}
						<div class="slNewPostIndicator"></div>
					{/if}
					<div id="${postTitleId}${post_index}" class="slHeadline {if post.IsQuestion == "True"} slIcon_DiscussionQuestion {/if}" title="${title}">${post.PostTitle}</div>
					<div class="slPostTime">
						posted at ${toLocalTimeString(post.LastUpdated)}
					</div>
					<p>
						${post.PostBody}
						{if isPollPost}
						${displayPoll}
						{/if}
					</p>
					
					<div class="slUtils">
					{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
						{if !isClosed}
							<a href="#" onclick="WIDGETINSTANCE.showReply('${post_index}', 'reply'); return false;" class="slIcon_Reply">Reply to this post</a>
						{/if}
						{if getCurrentUser().UserKey.Key !== post.LiteUser.UserKey.Key}<a href="javascript:void(0);" onclick="WIDGETINSTANCE.hidePosts('${post.LiteUser.UserKey.Key}');" class="slIcon_Block">Hide posts from this user</a>{/if}
						{var currentUserHasReportedAbuse = (post.CurrentUserHasRecommended == "True")}
						{if getCurrentUser().UserKey.Key === post.LiteUser.UserKey.Key}
							<a class="slIcon_Edit" href="#" class="slIcon_Edit" onclick="WIDGETINSTANCE.showPostDialog('${post.ForumPostKey.Key}', null, 'edit'); return false;">Edit Post</a>
						{/if}
						{if currentUserCanDelete(post.UserKey, group)}
						<a class="slIcon_Delete" href="#" onclick="WIDGETINSTANCE.deletePost('${post.ForumPostKey.Key}'); return false;">Delete post</a>
						<textarea id="${postDeleteWarningId}_${post.ForumPostKey.Key}" style="display:none;"><h2>Are you sure you want to delete the post "${post.PostTitle}"?</h2></textarea>
						{/if}
					{/if}
						${showReportAbuse("ForumPostKey", post.ForumPostKey.Key, currentUserHasReportedAbuse)}	
						${reportAbuseDialogWidget}
						<div class="slClear"></div>
					</div>
					
					<div id="${postReplyContainerId}${post_index}"></div>
					<div class="slClear"></div>
				</div>
			{else}
				<div class="slUserInfo slUserBlocked">
          
					<a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a>
				</div>
				<div class="slPost">
					You are currently blocking posts from this user.  <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showPosts('${post.LiteUser.UserKey.Key}');">Show Posts from this user</a>
				</div>
			{/if}
			</div>
		</li>
		{/for}
		</ul>
	</div>
	<div class="slPagination">
		<ul>
			{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
			{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
			{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
			{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
		</ul>
		<div class="slClear"></div>
	</div>
	<div class="slButtons">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
	<a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new');" class="slButton1"><span class="slButton1_Right">New post</span></a>
	{/if}
	</div>
	<div id="${postReplyContainerId}-1" class="slClear"></div>
	<div id="${postReplyId}" style="display: none;">
		<div class="slReply">
			<div class="slHeadline">Reply to this Discussion</div>
			<span class="slNote">(Required Fields)</span>
			<div class="slForm">
				<div class="slFormField">
					<label for="${replyTitleId}">Headline<span>*</span></label>
					<input id="${replyTitleId}" type="text" class="slFormInput slFormInputText"/>
					<div id="${replyTitleErrorId}" class="slErrorText">Please enter a title for this discussion</div>
				</div>
				<div class="slFormField" style="width: 510px">
					<label for="${replyBodyId}">Your Reply<span>*</span></label>
					<textarea id="${replyBodyId}" class="slFormInput slFormInputText"></textarea>
					<div id="${replyBodyErrorId}" class="slErrorText">Please enter a reply for this discussion</div>
				</div>
				<div class="slFormField slQuestion">
					<input type="checkbox" id="${replyQuestionId}" class="slFormInputChecked"/> <label for="${replyQuestionId}">Mark this post as a question</label>
				</div>
				<div class="slButtons slFLC">
					<a href="#" onclick="WIDGETINSTANCE.addReply(); return false;" class="slButton1"><span class="slButton1_Right">Add your reply</span></a>
					<a href="#" onclick="WIDGETINSTANCE.cancelReply(); return false;" class="slButton2 slCancel"><span class="slButton2_Right">Cancel</span></a>
				</div>
			</div>
		</div>
	</div>
	{/if}
</div>
{/if}
${newPostWidget}
${confirmationBox}
<div class="slPluckLogoDiscussionPostsPage">
	${pluckLogo}
</div>

{macro memberLayout(membershipTier, member)}
		{if (group.RequestingUsersMembershipTier == 'GroupAdmin') && (user.UserKey.Key != member.User.UserKey.Key)}<span class="slCallout">Admin Tools:</span>
		{if membershipTier == 'Manager'}
			{if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), "editor")}<a href="#" onclick="WIDGETINSTANCE.promoteToAdmin('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Make Group Admin</a>{/if}
			<a href="#" onclick="WIDGETINSTANCE.demoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Demote Member</a>
		{/if}
		{if membershipTier == 'Member'}<a href="#" onclick="WIDGETINSTANCE.promoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Promote to Manager</a>{/if}
		{if membershipTier == 'Member' || membershipTier == 'Manager'}<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Ban Member</a>{/if}
		{if displayBannedMembers == true}<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Revoke Banned Status</a>{/if}
		{elseif (group.RequestingUsersMembershipTier == 'Manager')}
			{if membershipTier == 'Member'}<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Ban Member</a>{/if}
			{if displayBannedMembers == true}<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Revoke Banned Status</a>{/if}
		{/if}
	{/macro}
	{macro displayMember(member)}
	<a href="${member.User.PersonaUrl}" class="slAvatar"><img class="slAvatarMedium" src="${member.User.ImageUrl}"/></a>
       <div class="slInfo">
           <h3 class="slHeadline"><a {if  member.MembershipTier == 'GroupAdmin'}  class="slIcon_AdminBadge" {/if}  href="${member.User.PersonaUrl}">${member.User.DisplayName} </a></h3>
           <p>${truncateString(member.User.AboutMe, options.maxAboutMeLength)}</p>
           <span class="slLocation slCallout">${member.User.Location}</span>
           <span class="slMemberStatus slCallout">{if member.MembershipTier == 'GroupAdmin'}Group Admin{elseif member.MembershipTier == 'Manager'}Group Manager{else}${member.MembershipTier}{/if}</span>
           <span class="slAgeGender slCallout">${member.User.Age} ${member.User.Sex}</span>
           ${member.User.NumberOfFriends} Friends{if pendingMemberSelected == 'false'}
           <div class="slUserAdmin">
               {if !generateSearchResults}${memberLayout(member.MembershipTier, member)}{else}${memberLayout(member.membership.MembershipTier, member)}{/if}
           </div>{/if}{if pendingMemberSelected == 'true'}
           <div class="slUserAdmin">
               <span class="slCallout">Admin Tools:</span>
               <a href="#" onclick="WIDGETINSTANCE.approveMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slApprove">Approve Member</a>
               <a href="#" onclick="WIDGETINSTANCE.denyMember('${member.User.UserKey.Key}', '${groupKeyString}', '${member.User.DisplayName}');" class="slDeny">Deny Member</a>
           </div>{/if}
       </div>
	{/macro}
	{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its membership list.
	{else}
       <div class="Wrapper">
           <div id="slMembersDirectory" class="slMembersDirectory slV2">
               ${header}
				${joinThisGroup}
				{if !displayPendingMembers && !displayBannedMembers && !displayGroupManagers}
               <div class="slSearch">
                   ${searchBar}
                   <div class="slClear"></div>
               </div>
				{/if}				
               <div class="slMembers">
                   <div class="slPagination">
                       <ul>
                        {if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
						{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
						{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
						{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
                       </ul>
                       <div class="slClear"></div>
                   </div>
				{if !generateSearchResults}
                   <div class="slSort">
                       <ul>
                           <li class="slCallout">sort by:</li>
                           <li {if  sortName}  class="slSelected" {/if}>
                               <a href="#" onclick="WIDGETINSTANCE.resortName();" {if  sortName == 'AlphabeticalDescending'}  class="slIcon_DownArrow" {elseif  sortName == 'AlphabeticalAscending'}  class="slIcon_UpArrow"{/if}>Name</a>
                           </li>
                           <li {if  sortDate}  class="slSelected slLast" {/if}  class="slLast">
                               <a href="#" onclick="WIDGETINSTANCE.resortDate();" {if  sortDate == 'TimeStampDescending'}  class="slIcon_DownArrow" {elseif  sortDate == 'TimeStampAscending'}  class="slIcon_UpArrow"{/if}>Date Joined</a>
                           </li>
                       </ul>
                       <div class="slClear"></div>
                   </div>
                   <div class="slFilter">
                       <ul>
                           <li class="slCallout">filter by:</li>
                           <li 
							{if  group.RequestingUsersMembershipTier !== 'GroupAdmin' &&  group.RequestingUsersMembershipTier !== 'Manager'}
								{if  displayPendingMembers == false &&  displayBannedMembers == false &&  displayGroupManagers == false}  class="slLast slSelected"
								{else}  class="slLast"
								{/if}
							{elseif  displayPendingMembers == false &&  displayBannedMembers == false &&  displayGroupManagers == false}  class="slSelected"
							{/if}>
                               <a href="#" onclick="WIDGETINSTANCE.showCurrentMembers();">Current Members (${group.CommunityGroupStats.MemberCount})</a>
                           </li>
						{if group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
                           <li {if  displayPendingMembers == true}  class="slSelected" {/if}>
                               <a href="#" id="${pendingMemberId}" onclick="WIDGETINSTANCE.showPendingMembers();">Pending Members (${group.CommunityGroupStats.PendingMemberCount})</a>
                           </li>
						{/if}
						{if group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
                           <li {if  group.RequestingUsersMembershipTier === 'Manager'}  class="slLast" {/if} {if  displayBannedMembers == true}  class="slSelected" {/if}>
                               <a href="#" onclick="WIDGETINSTANCE.showBannedMembers();">Banned Members</a>
                           </li>
						{/if}
						{if group.RequestingUsersMembershipTier == 'GroupAdmin'}
                           <li {if  displayGroupManagers == true}  class="slSelected slLast" {/if}  class="slLast">
                               <a href="#" onclick="WIDGETINSTANCE.showGroupManagers();">Group Managers</a>
                           </li>
						{/if}
                       </ul>
                       <div class="slClear"></div>
                   </div>
				{/if}
				{if admins.length > 0}
                   <div class="slMemberList slGroupAdminList">
                       <ul class="slFLC">
                           {for admin in admins}
						<li>${displayMember(admin)}</li>
						{/for}
                       </ul>
                   </div>
				{/if}
                   <div class="slMemberList">
                       <ul class="slFLC">
                           {for member in members}
                           <li>${displayMember(member)}</li>
						{/for}
                       </ul>
                   </div>
				{if emptySearchResults}<p>Your search returned no results.</p>{/if}
				{if noBannedMembers}<p>There are no banned users.</p>{/if}
				{if noPendingMembers}<p>There are no pending members.</p>{/if}
               </div>
				${pluckLogo}
               <div class="slPagination">
                   <ul>
                       {if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
					{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
					{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
					{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
                   </ul>
                   <div class="slClear"></div>
               </div>
           </div>
       </div>
	{/if}
	${messageBox}
    <div id="${promoteMessageId}" style="display:none;">Do you wish to promote %0 to a Group Manager?</div>
    <div id="${groupOwnerMessageId}" style="display:none;">Do you wish to set %0 as the group owner?</div>
    <div id="${groupOwnerDemoteMessageId}" style="display:none;">
        Promoting %0 to be the Group Admin, you will demote the current admin, %1, to a regular member.
        <br>Do you wish to continue?
	</div>
    <div id="${demoteMessageId}",  style="display:none;">Do you wish to demote %0?</div>
    <div id="${allowMessageId}",  style="display:none;">Do you wish to allow %0 to join this group?</div>
    <div id="${denyMessageId}",  style="display:none;">Do you wish to deny %0 access to this group?</div>
    <div id="${banMessageId}",  style="display:none;">Do you wish to Ban Member %0?</div>
    <div id="${unbanMessageId}",  style="display:none;">Do you wish to Revoke Banned Status for %0?</div>

<div id="editPostDialogContent" style="display: none;">
	<div id="${waitId}" class="slSubmitWait">
		<div id="${waitId}_modal" class="slSubmitWaitModal"></div>
		<div class="slSubmitWaitContainer">
			<div class="slWaitTimePassage"></div>
			<div class="slWaitMsg">{if isEdit}Editing the Post{else}Creating the new Post{/if}</div>
		</div>
	</div>
	<div class="slSectionTitle">{if isEdit}Edit Post{else}Add a Post{/if}</div>
	<span class="slNote">* Required Fields</span>
	<div class="slForm">
		<div class="slFormField">
			<label>Post Title <span>*</span></label>
			<div class="slErrorText" id="${createErrorMessageId('postTitleEmpty')}">Please enter a title.</div>
			<input type="text" class="slFormInput slFormInputText" id="editPost_title"/>
		</div>
		<div class="slFormField">
			<label>Tags</label>
			<span class="slDetails">Separate each tag with a comma ("barbecue, food"). Please use a dash for multi-word tags ("barbecue-recipes, party-food").</span>
			<input type="text" class="slFormInput slFormInputText" id="editPost_tags"/>
		</div>
		<div class="slFormField">
			<label>Post <span>*</span></label>
			<div class="slErrorText" id="${createErrorMessageId('postBodyEmpty')}">Please enter a post body.</div>
			<textarea class="slFormInput slFormInputText" id="${editorId}"></textarea>
		</div>
		<div class="slErrorText" id="${createErrorMessageId('dirtyWordFiltered')}">Please remove the following offensive words: <span id="editPost_dirtyWordsList"> </span></div>
		<div class="slButtons slFLC">
			<a href="#" onclick="WIDGETINSTANCE.createPost(true); return false;" class="slButton1"><span class="slButton1_Right">Publish your Post</span></a>
			<a href="#" onclick="WIDGETINSTANCE.cancelCreatePost(); return false;"class="slButton2"><span class="slButton2_Right">Cancel</span></a>
		</div>
		<input type="hidden" id="contentChangedWarning" value="All changes will be lost if you navigate away from this page."/>
	</div>
</div>

<div class="slInviteFriends">
	${header}
	<div class="slClear"></div>
	<div class="slInviteFriendForm">
		<textarea id="invitation_subject" style="display:none;">${getCurrentUser().DisplayName} would like you to join the group ${group.Title}</textarea>
		<textarea id="invitation_suffix" style="display:none;">Click here to accept an invitation to the "${group.Title}" group:
			{if group.RequestingUsersMembershipTier === 'Member'} ${urls.groups.overview(group.CommunityGroupKey.Key, true)} 
			{else} ${urls.groups.overview(group.CommunityGroupKey.Key, true, true)} 
			{/if}
		</textarea>
		<div class="slFormField">
			<label>Message:<span>*</span><span class="slErrorText" id="${blankMessageErrorId}">Please enter a message.</span></label>
<textarea class="slFormInput slFormInputText" id="invitation_body">
Greetings,

I am inviting you to join the "${group.Title}" group.
Please accept by clicking the link at the end of this email.

Best regards,
${getCurrentUser().DisplayName}
</textarea>
		</div>
	</div>
	<div class="slColumn1">
		<div class="slFormField">
			<label>Select friends from the box at the right and/or enter up to ${WIDGETINSTANCE.child['emailList'].context.options.maxEntries} email addresses:</label>
			${emailList}
		</div>
		<div class="slButtons slFLC">
			<a href="#" onclick="WIDGETINSTANCE.sendInvitation();" class="slButton1"><span class="slButton1_Right">Send invitation</span></a>
			<a href="#" onclick="WIDGETINSTANCE.cancel('${group.key}');" class="slButton2"><span class="slButton2_Right">Cancel</span></a>
		</div>
		<div class="slErrorText" id="invitation_targetsError">Please enter at least one email address or select at least one friend.</div>
		<div class="slClear"></div>
		${inviteSentDialog}
		<div id="inviteSuccessDialog" style="display: none;">Invitations sent!
			<div class="slButtons slFLC">
				<a href="#" onclick="WIDGETINSTANCE.allDone();" class="slButton1"><span class="slButton1_Right">OK</span></a>
			</div>
		</div>
		<div id="inviteFailedDialog" style="display: none;">An error occurred!
			<div class="slButtons slFLC">
				<div id="inviteFailedDialog_reason" class="slErrorText" style="display: block;"></div>
				<a href="#" onclick="WIDGETINSTANCE.hideDialog();" class="slButton1"><span class="slButton1_Right">Cancel</span></a>
			</div>
		</div>
	</div>
	<div class="slColumn2">${friendSelector}</div>
</div>

<div class="slReportAbuseDialog" id="${dialogId}" style="display:none;">
	<form action="#" method="get" class="slForm" accept-charset="utf-8" id="${formId}">
		<input type="hidden" name="keyType" value="${options.keyType}" id="${formId}keyType" />
		<input type="hidden" name="keyId" value="${options.keyId}" id="${formId}keyId" />
		<div class="slFormField">
			<label for="reason">Reason</label>
			<select name="reason" id="${formId}reason">
				<option value="Obscenity or vulgarity">Obscenity or vulgarity</option>
				<option value="Hate speech">Hate speech</option>
				<option value="Personal attack">Personal attack</option>
				<option value="Advertising or Spam">Advertising or Spam</option>
				<option value="Copyright or Plagiarism">Copyright or Plagiarism</option>
				<option value="Other">Other</option>
			</select>
		</div>
		<div class="slFormField">
			<label for="description">Description</label>
			<textarea name="description" id="${formId}description" rows="8" cols="40"></textarea>
		</div>
		<div class="slButtons">
			<a class="slButton1" href="#" onclick="WIDGETINSTANCE.reportAbuse(); return false;"><span class="slButton1_Right">Report abuse</span></a>
			<a class="slCancel" href="javascript:void(0)" onclick="WIDGETINSTANCE.cancel()">Cancel</a>
		</div>
	</form>
</div>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its events.
{else}	
<textarea id="deleteMessage" style="display:none">Are you sure you want to delete this event?</textarea> 
<div id="slGroupEvents" class="slGroupEvents slV2"> 
	${header}
	<div class="slNewEvent">${joinThisGroup}</div> 
	{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
	<div class="slNewEvent"> 
		<a class="slButton2" href="${urls.groups.updateEvent(group.CommunityGroupKey.Key)}"><span class="slButton2_Right">ADD A NEW EVENT</span></a> 
	</div> 
	{/if}
	<div class="slGroupEventList"> 
		<div class="slTitle">Upcoming Events</div> 
		<div class="slPagination"> 
			<ul> 
				{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
				{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
				{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
				{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
			</ul> 
			<div class="slClear"></div> 
		</div> 
		<ul class="slItems"> {for event in events}
			<li class="{if WIDGETINSTANCE.isBozo(event.Author)} slBozoContent{/if}"> 
				<div class="slEventDateTime"> 
					<span class="slEventDay">${event.EventDay}</span> 
					<span class="slEventDate">${event.StartDate}</span> 
				</div> 
				<div class="slEventInfo"> 
					<a name="${event.EventKey.Key}"><span class="slEventName">${event.Title}</span></a> 
				    {if event.StartDate == event.EndDate}
					    <span class="slEventTime">${event.StartTime} - ${event.EndTime} ${event.TimeZone}</span> 
					{else}
                        <span class="slEventTime">${event.StartTime} ${event.TimeZone} - ${event.EndTime} ${event.EndDate} ${event.EndTimeZone}</span> 
                    {/if}
 
					<span class="slEventLocation">${event.Location}</span> 
					<a href="${event.BookmarkUrl}" class="slEventLink" target="_blank">${event.BookmarkName}</a> 
					<p class="slEventDescription">${event.Description}</p> 
					<img class="slAvatarTiny" class="slUserAvatar" src="${event.Author.ImageUrl}"/> 
					<p class="slUserInfo">Hosted by <a class="slDisplayName" href="${event.Author.PersonaUrl}">(${event.Author.DisplayName})</a> <span class="slFullName"></span></p> 
					<div class="slClear"></div> 
					<div class="slAdminTools"> 
						{if user.UserKey.Key == event.Author.UserKey.Key}
							<div class="slEditEvent"> 
								<a class="slIcon_Edit" href="${urls.groups.updateEvent(group.CommunityGroupKey.Key, event.EventKey.Key)}" class="slEventLink">Edit Event</a> 
							</div> 
						{/if}
						{if user.UserKey.Key == event.Author.UserKey.Key || WIDGETINSTANCE.currentUserIsGroupAdmin(group) || WIDGETINSTANCE.currentUserIsGroupManager(group)}
							<div class="slDeleteEvent"> 
								<a class="slIcon_Delete" href="#" onclick="WIDGETINSTANCE.deleteEvent('${event.EventKey.Key}', '${event.EscapedTitle}');">Delete Event</a> 
							</div> 
						{/if}
					
						<div class="slAbuseReportEvent">${showReportAbuse("EventKey", event.EventKey.Key, event.CurrentUserHasReportedAbuse == 'True')}</div> 
						<div><p>${reportAbuseDialogWidget}</p></div> 
					</div> 
				</div> 
				<div class="slClear"></div> 
			</li> 
		{forelse}
			<div  class="slNoContent">There are no upcoming events for this group.  <a href="${urls.groups.updateEvent(group.CommunityGroupKey.Key)}">Create a New Event</a></div> 
		{/for}</ul> 
		${pluckLogo}
		<div class="slPagination"> 
			<ul> 
				{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
				{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
				{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
				{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
			</ul> 
			<div class="slClear"></div> 
		</div> 
	</div> 
</div> 
{/if}
 
${confirmationBox}
</div>
</textarea>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its events.
{else}	
<textarea id="deleteMessage" style="display:none">Are you sure you want to delete this event?</textarea> 
<div id="slGroupEvents" class="slGroupEvents slV2"> 
	${header}
	<div class="slNewEvent">${joinThisGroup}</div> 
	{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
	<div class="slNewEvent"> 
		<a class="slButton2" href="${urls.groups.updateEvent(group.CommunityGroupKey.Key)}"><span class="slButton2_Right">ADD A NEW EVENT</span></a> 
	</div> 
	{/if}
	<div class="slGroupEventList"> 
		<div class="slTitle">Upcoming Events</div> 
		<div class="slPagination"> 
			<ul> 
				{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
				{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
				{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
				{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
			</ul> 
			<div class="slClear"></div> 
		</div> 
		<ul class="slItems"> {for event in events}
			<li class="{if WIDGETINSTANCE.isBozo(event.Author)} slBozoContent{/if}"> 
				<div class="slEventDateTime"> 
					<span class="slEventDay">${event.EventDay}</span> 
					<span class="slEventDate">${event.StartDate}</span> 
				</div> 
				<div class="slEventInfo"> 
					<a name="${event.EventKey.Key}"><span class="slEventName">${event.Title}</span></a> 
				    {if event.StartDate == event.EndDate}
					    <span class="slEventTime">${event.StartTime} - ${event.EndTime} ${event.TimeZone}</span> 
					{else}
                        <span class="slEventTime">${event.StartTime} ${event.TimeZone} - ${event.EndTime} ${event.EndDate} ${event.EndTimeZone}</span> 
                    {/if}
 
					<span class="slEventLocation">${event.Location}</span> 
					<a href="${event.BookmarkUrl}" class="slEventLink" target="_blank">${event.BookmarkName}</a> 
					<p class="slEventDescription">${event.Description}</p> 
					<img class="slAvatarTiny" class="slUserAvatar" src="${event.Author.ImageUrl}"/> 
					<p class="slUserInfo">Hosted by <a class="slDisplayName" href="${event.Author.PersonaUrl}">(${event.Author.DisplayName})</a> <span class="slFullName"></span></p> 
					<div class="slClear"></div> 
					<div class="slAdminTools"> 
						{if user.UserKey.Key == event.Author.UserKey.Key}
							<div class="slEditEvent"> 
								<a class="slIcon_Edit" href="${urls.groups.updateEvent(group.CommunityGroupKey.Key, event.EventKey.Key)}" class="slEventLink">Edit Event</a> 
							</div> 
						{/if}
						{if user.UserKey.Key == event.Author.UserKey.Key || WIDGETINSTANCE.currentUserIsGroupAdmin(group) || WIDGETINSTANCE.currentUserIsGroupManager(group)}
							<div class="slDeleteEvent"> 
								<a class="slIcon_Delete" href="#" onclick="WIDGETINSTANCE.deleteEvent('${event.EventKey.Key}', '${event.EscapedTitle}');">Delete Event</a> 
							</div> 
						{/if}
					
						<div class="slAbuseReportEvent">${showReportAbuse("EventKey", event.EventKey.Key, event.CurrentUserHasReportedAbuse == 'True')}</div> 
						<div><p>${reportAbuseDialogWidget}</p></div> 
					</div> 
				</div> 
				<div class="slClear"></div> 
			</li> 
		{forelse}
			<div  class="slNoContent">There are no upcoming events for this group.  <a href="${urls.groups.updateEvent(group.CommunityGroupKey.Key)}">Create a New Event</a></div> 
		{/for}</ul> 
		${pluckLogo}
		<div class="slPagination"> 
			<ul> 
				{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
				{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
				{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
				{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
			</ul> 
			<div class="slClear"></div> 
		</div> 
	</div> 
</div> 
{/if}
 
${confirmationBox}

<div class="slUpcomingEvents slContainer"> 
	<div class="slTitleContainer">
		{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
		<a href="${urls.groups.updateEvent(options.groupKey)}" class="slAddNew"></a> 
		{/if}
		{if events.length > 0}
			<a href="${urls.groups.eventList(options.groupKey)}" class="slViewAll">View all »</a> 
		{/if}
		<h3 class="slSectionTitle">Upcoming Events</h3> 
	</div> 
	{if events.length != 0}
	<table> 
		{for event in events}
		<tr class="{if WIDGETINSTANCE.isBozo(event.Author)} slBozoContent{/if}"> 
			<td class="slDay">${event.StartDateDay}</td> 
			<td class="slDate">${event.StartDateMonthDay}</td> 
			<td class="slItemTitle"><a href="${urls.groups.showEvent(options.groupKey, event.EventKey.Key)}">${event.Title}</a></td> 
		</tr> 
		{/for}
		{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
		<tr> 
			<td colspan="3"><a href="${urls.groups.updateEvent(options.groupKey)}">Add an event »</a></td> 
		</tr> 
		{/if}
	</table> 
	{else}
		{if group.RequestingUsersMembershipTier === 'NonMember'}
			<p class="slDefaultText">This group has no events.</p>
		{else}
			{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
				<p class="slDefaultText"><a href="${urls.groups.updateEvent(options.groupKey)}">Share an event</a> with this group.</p> 
			{else}
				<p class="slDefaultText">This group has no events.</p>
			{/if}			
		{/if}
		 
	{/if}
</div> 
</div>

<div class="slGroupLinks"> 
	${breadcrumbs}
	<div class="slGroupInfo">
	
		<img src="http://www.boots.com/wcsstore/cmsassets/Boots/Library/Icon/parenting club banner/C9092_PC_CommunityHeader.jpg" alt="${group.Title}"/>
		
			
	</div> 
	<div class="slPageTitle">Add a Link to ${group.Title}</div> 
	<div id="${formId}" class="slForm"> 
		<div class="slNote">* Required Fields</div> 
		<div class="slForm"> 
			<ul class="slItems"> 
			{for bookmark in bookmarks}
				<li class="slFormSection"> 
					<div class="slFormField"> 
						<div class="slErrorText slErrorUrl" id="${blankUrlErrorIds[bookmark_index]}">You must enter a URL.</div> 
						<div class="slErrorText slErrorTitle" id="${blankTitleErrorIds[bookmark_index]}">You must enter a title.</div> 
						<div class="slErrorText slErrorJSUrl" id="${jsUrlErrorIds[bookmark_index]}">The URL may not be a JavaScript URL.</div> 
						<div class="slBookmarkEntry"> 
							<label>Link Url <span>*</span></label> 
							<input type="text" class="slFormInput slFormInputText" id="${formId}url${bookmark_index}" value="${bookmark.url}" /> 
							<div class="slFormInfo">This is the page you are linking to</div> 
						</div> 
						<div class="slBookmarkEntry"> 
							<label>Link Title <span>*</span></label> 
							<input type="text" class="slFormInput slFormInputText" id="${formId}title${bookmark_index}" value="${bookmark.title}"/> 
							<div class="slFormInfo">This will appear as the name of the link</div> 
						</div> 
						<div class="slBookmarkEditControls"> 
							{if bookmark_index < (bookmarks.length - 1)}
								<a href="#" onclick="WIDGETINSTANCE.removeBookmark(${bookmark_index}); return false;" class="slMinusButton"></a> 
							{/if}
							{if (bookmark_index == bookmarks.length - 1) && (bookmarkEntries < 10)}
								<a href="#" onclick="WIDGETINSTANCE.addBookmark(); return false;" class="slPlusButton"></a> 
							{/if}
						</div> 
					</div> 
				</li> 
  			{/for}
			</ul> 
	  		<div class="slFormSection slFormControls"> 
				<a href="#" onclick="WIDGETINSTANCE.updateGroupLinks(); return false;" class="slButton1 slSubmit"><span class="slButton1_Right">Save</span></a> 
				<a href="#" onclick="WIDGETINSTANCE.cancel()" class="slCancel slButton2"><span class="slButton2_Right">Cancel</span></a>
			</div> 
		</div> 
	</div> 
	</div> 
</div>

<div class="slInviteFriends">
	${header}
	<div class="slClear"></div>
	<div class="slInviteFriendForm">
				
	</div>
	<div class="slColumn1">
		<div class="slFormField">
			<label>Select friends from the box at the right and/or enter up to ${WIDGETINSTANCE.child['emailList'].context.options.maxEntries} email addresses:</label>
			${emailList}
		</div>
		<div class="slButtons slFLC">
			<a href="#" onclick="sendEmail('${urls.groups.overview(group.CommunityGroupKey.Key, true, false)}', '${getCurrentUser().DisplayName}', '${group.Title}', '${group.CommunityGroupKey.Key}')" id="sendInviteButton" class="slButton1"><span class="slButton1_Right">Send invitation</span></a>
			<a href="#" onclick="WIDGETINSTANCE.cancel('${group.key}');" class="slButton2"><span class="slButton2_Right">Cancel</span></a>
		</div>
		<div class="slErrorText" id="invitation_targetsError">Please enter at least one email address or select at least one friend.</div>
		<div class="slClear"></div>
		${inviteSentDialog}
		<div id="inviteSuccessDialog" style="display: none;">Invitations sent!
			<div class="slButtons slFLC">
				<a href="#" onclick="WIDGETINSTANCE.allDone();" class="slButton1"><span class="slButton1_Right">OK</span></a>
			</div>
		</div>
		<div id="inviteFailedDialog" style="display: none;">An error occurred!
			<div class="slButtons slFLC">
				<div id="inviteFailedDialog_reason" class="slErrorText" style="display: block;"></div>
				<a href="#" onclick="WIDGETINSTANCE.hideDialog();" class="slButton1"><span class="slButton1_Right">Cancel</span></a>
			</div>
		</div>
	</div>
	<div class="slColumn2">${friendSelector}</div>
</div>

${breadcrumbs}

{if options.showTearOff}
    {var tearOffGroupUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/groups/widget.js";}
<div id="${tearOffId}" style="display: none"> 
	<div class="slSectionTitle"> 
	    Take This ${options.tearOffType} With You
	</div> 
	<div class="slForm"> 
    	<div class="slFormField"> 
	    	<label>Copy and paste the text below into any website or blog</label> 
		    <textarea class="slFormInput slFormInputText" style="height:300px;"> 
 
<div style="width: 1000px;"> 
<script type="text/javascript"> 
	PLUCKSL_WIDGET_URL = ${windowScript}
	PLUCKSL_WIDGET_URL();
</script> 
<div class="slV2"> 
	<script type="text/javascript" src="${tearOffGroupUrl}"></script> 
</div> 
<script type="text/javascript"> 
	FCKeditor_IsCompatibleBrowser = function() { return false; }
</script> 
<div><br style="clear:both;"/></div> 
</div> 
</textarea> 
	    </div> 
		<div class="slButtons slFLC"> 
			<a href="javascript:void(0);" onclick="WIDGETINSTANCE.hideTearOff(); return false;" class="slCancel">Close</a> 
		</div> 
	</div> 
</div> 
${tearOffModal}
{/if}

${breadcrumbs}

Customer services

Our services

About us

Shopping with Boots

Change country

Find international Stores

Copyright © The Boots Company PLC. All rights reserved. Boots.com is a trading name of Boots UK Limited. Registered office: Nottingham NG2 3AA. Registered in England: company no. 928555. Registered VAT no. 116300129. Registered pharmacy no. 1092488

Boots.com

Browse by category

Health shop

Health services

Health information

Browse by category

Cosmetics Quick Finds

Skincare Quick Finds

New No7 Lift & Luminate

Beauty tips and inspiration

Browse by category

Featured brands

Fragrance features

Browse by category

Featured brands

Top rated pushchairs

Top rated car seats

Nursery & Baby safety

Information & support

Browse by category

Hair

Featured Hair Brands

Dental

Featured Dental Brands

Bathroom Essentials

Featured Brands

Browse by category

Shaving

Featured Shaving Brands

Men's Facial Skincare

Featured Skincare Brands

Grooming & Essentials

Featured Brands

Browse by category

Brand shops

Featured brands

Top selling products

Boots Kitchen Appliances

Browse by category

Featured brands

Tips & guidance

Bootsphoto.com

Browse by category

BootsWebMD.com information

Featured offers

Browse by category

Featured brands

Age

Tips & inspiration

Browse by category

Featured brands

Hello Kitty

Bootsphoto.com

Browse by category

New product areas

Latest Finds

New beauty tips

New baby information

Browse by category

Offer by type

Advantage Card offers

Featured offers

Browse by category

Offers

Summer Tips & Information

Customer services

Our services

About us

Shopping with Boots

Change country