﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:include href="TourWizard.xslt"/>
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="TemplateURL" select="normalize-space(AjaxRequest/TemplateURL)"></xsl:variable>
		<xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>

		<xsl:call-template name="LifespaceTourWizard">
			<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
			<xsl:with-param name="SelectedLink">
				<xsl:text>get connected</xsl:text>
			</xsl:with-param>
		</xsl:call-template>
		<div style="padding-left:30px;padding-right:20px;padding-top:30px;padding-bottom:10px;">
			<table class="tableMaster" cellpadding="0" cellspacing="0">
				<tr>
					<td width="50%">
						<div>
							<span class="wizardMessageNarrow">
								Get <span style="color:#288597;">connected</span>.
							</span>
							<span class="wizardMessageBold">
								Get inspired.
							</span>
						</div>
						<div class="labelWizard">
							The LifeSpace Community
						</div>
						<div style="width:90%">
							<div class="templateMemoText paddingBottom20">
								LifeSpace has a full community where you can have discussions,
								read related articles and blog posts, check out status updates, watch
								videos, connect with lifespace friends and more – all based on your
								individual interests.
							</div>
							<div class="templateMemoText">
								You can check out the entire world of LifeSpace or filter by the
								communities you're interested in – Fitness, Finance, etc.
							</div>
						</div>
						<div style="padding-top:100px;width:88%">
							<div class="labelWizard">
								Get involved
							</div>
							<div class="templateMemoText">
								Share your victories and latest activities with instant status
								updates. You can chat, have discussions with other LifeSpacers
								that are working on the same goals as you. Or, maybe just see
								what others are up to and while you're there, give ‘em a shout.
							</div>
						</div>
					</td>
					<td width="50%">
						<img src="{$TemplateURL}Web/Images/Ver_2_0/communityPanel.png" alt=""></img>
					</td>
				</tr>
				<tr>
					<td width="50%" class="paddingTop20">
						<img src="{$TemplateURL}Web/Images/Ver_2_0/discussionPanel.png" alt=""></img>
						<table>
							<tr>
								<td colspan="2">
									<div class="labelWizard paddingTop20">
										Get a coach
									</div>
								</td>
							</tr>
							<tr>
								<td class="verticallyMiddle">
									<div class="templateMemoText">
										Get coaching from any one of our experts to
										give your that extra boost and motivation
										you need to complete your goals.
									</div>
								</td>
								<td class="verticallyMiddle">
									<img src="{$TemplateURL}Web/Images/Ver_2_0/whistle.png" alt=""></img>
								</td>
							</tr>
						</table>
						<img class="paddingTop20" src="{$TemplateURL}Web/Images/Ver_2_0/socialCloud.png" alt=""></img>
						<div class="labelWizard">
							See what LifeSpace is up to
						</div>
						<div class="templateMemoText">
							Stay in the know with live Twitter and Facebook feeds
						</div>
					</td>
					<td width="50%" class="paddingTop20" style="padding-left:30px;">
						<div class="labelWizard">
							Articles and resources
						</div>
						<table class="paddingBottom15">
							<tr>
								<td class="verticallyMiddle" width="65%">
									<div class="templateMemoText">
										Stay smart with all the latest articles, videos,
										and discussions from expert coaches and ad
										visors, related to your each of your goals.
									</div>
								</td>
								<td class="verticallyMiddle">
									<img src="{$TemplateURL}Web/Images/Ver_2_0/icon_resources.png" alt=""></img>
								</td>
							</tr>
						</table>
						<div class="labelWizard paddingTop5">
							Featured goal plans
						</div>
						<div class="templateMemoText" style="width:90%">
							Check out our top-rated pre-designed Goal Plans that are seeing
							proven results by thousands of other LifeSpacers achieving goals.
						</div>
						<img class="paddingTop20" src="{$TemplateURL}Web/Images/Ver_2_0/goalPlans.png" alt=""></img>
					</td>
				</tr>
			</table>
			<div align="center" class="margin20">
				<table style="padding-top:30px;">
					<tr>
						<td class="textCenter getStarted boxShadow verticallyMiddle" onclick="DisplaySignUpPopUp('signup','getstarted','');">
							<span>
								Get Started!
							</span>
						</td>
					</tr>
				</table>
			</div>
			<table class="tableMaster">
				<tr>
					<td class="paddingBottom10 marginRight20 textLeft">
						<a href="http://{$HostName}/YourSuperpage.aspx">
							<img border="0" class="onMouseOver verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_back.png" alt=""
								 onmouseover="this.src='{$TemplateURL}Web/Images/Ver_2_0/BT_back_hover.png';"
								 onmouseout="this.src='{$TemplateURL}Web/Images/Ver_2_0/BT_back.png';"></img>
						</a>
					</td>
					<td class="paddingBottom10 marginRight20 textRight">
						<a href="http://{$HostName}/GetYours.aspx">
							<img border="0" class="onMouseOver verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_next.png" alt=""
								 onmouseover="this.src='{$TemplateURL}Web/Images/Ver_2_0/BT_next_hover.png';"
								 onmouseout="this.src='{$TemplateURL}Web/Images/Ver_2_0/BT_next.png';"></img>
						</a>
					</td>
				</tr>
			</table>
		</div>
	</xsl:template>

</xsl:stylesheet>
