<?xml version="1.0" encoding="utf-8"?>
<taconite>
<empty select="#halsokollenDialogContent"></empty>
<append select="#halsokollenDialogContent">
<![CDATA[
<div id="pRegUser">
	
            <div id="formRegister">
                <h1>
                    Skapa nytt konto
                </h1>
                <fieldset class="form validate">
                    <div class="headline corners">
                        <h2>
                            1. Välj användarnamn och lösenord
                        </h2>
                    </div>
                    <div id="divUsername" class="row">
                        <label for="tbUsername">
							Användarnamn
							<span>
								(Använd A-Ö och/eller siffror, utan mellanslag. Minst 5 tecken)
							</span>
                        </label>
                        <input type="text" class="field text-large {label: 'Användarnamn', rule: 'halsokollen-register-username'}"
                            name="username" id="tbUsername" tabindex="1" />
                    </div>
                    <div id="divPassword" class="row check-password">
                        <label for="tbPassword">
                            Lösenord
                            <span>
                                (Måste innehålla minst 8 tecken)
                            </span>
                        </label>
                        <input type="password" class="field check-password-strength {label: 'Lösenord', rule: 'halsokollen-register-password'}"
                            name="password" id="tbPassword" tabindex="2" />
                        <div class="password-strength">
                            <a href="/privatpersoner/common/ajax/tooltip.aspx?type=passwordDescription"
                                rel="/privatpersoner/common/ajax/tooltip.aspx?type=passwordDescription"
                                class="ajax-tooltip">
                                Lösenordsstyrka
                            </a>
                            <div class="levels">
                                <span class="level short">För kort</span> <span class="level weak">Svagt</span>
                                <span class="level ok">Godkänt</span> <span class="level strong">Starkt</span>
                            </div>
                        </div>
                    </div>
                    <div id="divPassword2" class="row">
                        <label for="tbPassword2">
                            Bekräfta lösenord
                        </label>
                        <input type="password" class="field {label: 'Bekräfta lösenord', rule: 'halsokollen-register-password-confirm'}"
                            name="password2" id="tbPassword2" tabindex="3" />
                    </div>
                    <div class="row" id="divName">
                        <label for="tbName">
                            Tilltalsnamn
                            <span>
                                (Visas när du är inloggad)
                            </span>
                        </label>
                        <input type="text" maxlength="50" class="field {label: 'Tilltalsnamn', rule: 'halsokollen-register-name'}"
                            name="name" id="tbName" tabindex="4" />
                    </div>
                    <div class="headline corners">
                        <h2>
                            2. Frivilliga uppgifter
                        </h2>
                    </div>
                    <div id="divEmail" class="row">
                        <label for="tbEmail">
                            E-post
                            <span>
                                (Om du glömmer ditt lösenord)
                            </span>
                        </label>
                        <input type="text" class="field text-large {label: 'E-post', rule: 'validatorVR103'}"
                            name="email" id="tbEmail" tabindex="5" />
                    </div>
                    <div class="row" id="divMobile">
                        <label for="tbMobile">
                            Mobilnummer
                        </label>
                        <input type="text" class="field {label: 'Mobilnummer', rule: 'validatorVR102'}" name="mobile"
                            id="tbMobile" maxlength="20" tabindex="6" />
                        <span class="sms-reminder">
                            (För att få SMS-påminnelser)
                        </span>
                    </div>
                    <div id="divApprove" class="row divider">
                        <input type="checkbox" class="field checkbox {label: 'Jag godkänner att mina uppgifter sparas', rule: 'checked'}"
                            name="approve" id="chkApprove" tabindex="7" />
                        <label for="chkApprove">
							Jag godkänner att mina uppgifter sparas
                        </label>
                        <span class="terms">
							<a href="/privatpersoner/halsotjanster/documents/sa-anvands-dina-uppgifter.html"
                                rel="popup"
                                class="popup">
                                Villkor
                            </a>
                         </span>                 
                    </div>
                    <a href="ajax/ajaxsaveprofile.aspx" class="button rounded preloader-right" tabindex="8"><span>
                        Skapa konto
                    </span></a>
                </fieldset>
            </div>
            
				<div class="sidebar">
					<img src="/_ApoLayouts/img/halsokollen/register-sidebar-example.png" alt="register" />
					<ul>
						<li><strong>Sätta upp mål</strong>
							<p>
								Personliga och konkreta mål ger dig fokus.
							</p>
						</li>
						<li><strong>Utmana en vän</strong>
							<p>
								Få med dina kompisar på tåget! Se vem som är bäst på att nå sina mål.
							</p>
						</li>
						<li><strong>Verktyg</strong>
							<p>
								Koll på dina vanor bums! Ta reda på hur din vecka egentligen ser ut.
							</p>
						</li>
						<li><strong>Bli din egen coach</strong>
							<p>
								Lär dig maximera dina chanser att lyckas med din hälsosatsning.
							</p>
						</li>
					</ul>
				</div>
            
        
</div>
]]>
</append>
</taconite>

