﻿<?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>start a goal</xsl:text>
			</xsl:with-param>
		</xsl:call-template>

		<div style="padding-left:40px;padding-right:30px;padding-top:30px;padding-bottom:10px;">
			<div class="padding10">
				<span class="wizardMessageNarrow">
					It all starts with the
					<span style="color:#288597;"> first step. </span>
				</span>
				<span class="wizardMessageBold">So take it!</span>
			</div>
			<div class="labelWizard padding10">
				Easy goal setup
			</div>
			<div class="padding10 templateMemoText" style="width:515px;">
				In just a few steps, easily set up all your goals and projects the way you like. Create your
				own custom goals and action steps, or use our pre-made goal plans to get everything
				you need to make it happen.
			</div>
			<table class="tableMaster" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<img src="{$TemplateURL}Web/Images/Ver_2_0/lifespaces.png" alt=""></img>
					</td>
					<td width="33%">
						<div class="labelWizard" style="vertical-align:top;">
							Choose a lifespace
						</div>
						<div class="templateMemoText">
							Start by choosing from the main areas of your
							life...we call ‘em “lifespaces”. Whether you want to
							buy a house, run a marathon, find a new job, or
							climb Mount Kilimanjaro – you can zero in on
							one or all of the areas of your life and set goals
							based on what's important to you.
						</div>
					</td>
				</tr>
				<tr>
					<td class="paddingTop10">
						<table class="tableMaster" cellpadding="0" cellspacing="0">
							<tr>
								<td width="50%">
									<div class="labelWizard">
										Create your own
									</div>
									<span class="templateMemoText">
										Master of your own domain? Awesome. You can set
										up any goal you like, add action steps, important
										numbers to hit, set weekly reminders, invite friends
										to join and so much more.
									</span>
								</td>
								<td class="textCenter">
									<img  align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/choosePlan.png" alt=""></img>
								</td>
							</tr>
						</table>
					</td>
					<td width="33%">
						<div class="labelWizard">
							Choose a goal plan
						</div>
						<div class="templateMemoText">
							Need some direction? You can choose from any one
							of our pre-designed Goal Plans. These step-by-step
							guides provide you with everything you need to do.
							You'll get detailed action items, weekly reminders,
							expert reference articles, tips, videos and a full
							community to help you get it done.
						</div>
					</td>
				</tr>
			</table>
			<table class="tableMaster marginBottom20" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<img align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/step2_Popup.png" alt=""></img>
						<div style="padding-left:30px;width:80%;">
							<div class="labelWizard">
								Set reminders
							</div>
							<span class="templateMemoText">
								Staying on top of your to-dos is the difference between
								trying and doing. Stay up-to-date with email notifications
								and alerts.
							</span>
						</div>
					</td>
					<td class="verticallyMiddle textCenter" width="10%">
						<img style="padding-top:90px;" align="absmiddle" class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/arrow_center.png" alt=""></img>
					</td>
					<td width="30%">
						<div style="margin-top:40px;margin-left:30px;width:85%;">
							<div class="labelWizard">
								Share it
							</div>
							<div class="templateMemoText">
								Staying on top of your to-dos is the difference between
								trying and doing. Stay up-to-date with email notifications
								and alerts.
							</div>
						</div>
						<img class="verticallyMiddle" align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/step3_Popup.png" alt=""></img>
					</td>
				</tr>

			</table>
			<div align="center" class="margin20">
				<table>
					<tr>
						<td class="textCenter getStarted boxShadow verticallyMiddle" onclick="DisplaySignUpPopUp('signup','getstarted','');">
							<span>
								Get Started!
							</span>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div align="right" class="paddingBottom10 marginRight20">
			<a href="http://{$HostName}/YourSuperpage.aspx">
				<img border="0" class="onMouseOver verticallyMiddle paddingBottom10" 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>
		</div>
	</xsl:template>
</xsl:stylesheet>
