<div id="content">
    <script type="text/javascript" src="{$relative_tpl}/js/jquery.signup-0.1.js"></script>
    <div class="left span-560">
        <div class="box">
            
            <div class="btitle"><h2>CREATE YOUR {$site_name} ACCOUNT</h2></div>
            <div id="signup">
                <form name="signup_form" id="signup_form" method="post" action="{$relative}/signup">
                    <div class="separator">
                        <label for="signup_username">Username:</label>
                        <input name="username" type="text" value="{$signup.username}" id="signup_username" />
                        &nbsp;<span class="font-11"><strong><a href="#check_username" id="check_username">Check if Available</a></strong></span>
                        <div id="username_check_response" style="display:none;"></div>
                        <div id="check_username_result" style="display: none;"></div>
                    </div>
                    <div class="separator">
                        <label for="signup_password">Password:</label>
                        <input name="password" type="password" value="" id="signup_password" />
                    </div>
                    <div class="separator">
                        <label for="signup_password_confirm">Re-Type Password:</label>
                        <input name="password_confirm" type="password" value="" id="signup_password_confirm" />
                    </div>
                    <div class="separator">
                        <label for="signup_email">Email:</label>
                        <input name="email" type="text" value="{$signup.email}" id="signup_email" class="large" /><br />
                    </div>
                    <div class="separator">
                        <label for="signup_gender_male">Gender:</label>
                        <input name="gender" type="radio" value="Male" class="radio" id="signup_gender_male"{if $signup.gender == 'Male'} checked="checked"{/if} />Male
                        <input name="gender" type="radio" checked="checked" value="Female" class="radio" id="signup_gender_female"{if $signup.gender == 'Female'} checked="checked"{/if} />Female
                    </div>
                    {if $captcha == '1'}
                    <br />
                    <div class="separator">
                        <label for="signup_verification">Human Verification:</label>
                        <input name="verification" type="text" value="" id="signup_verification" />
			<span class="font-9">Enter the code from the image!</span><br />
                        <img src="{$relative}/captcha" id="captcha_image" alt="Are you human?" />
                        <span class="reload"><a href="#reload_captcha" id="captcha_reload">Can't Read?</a></span>
                    </div>
                    {/if}
                    <br />
                    <div class="separator">
                        <label for="signup_age">&nbsp;</label>
                        <input name="age" type="checkbox" checked="checked" id="signup_age"{if $signup.age == 'on'} checked="checked"{/if} class="checkbox" />&nbsp;I certify that i'm 18 years old!
                    </div>
                    <div class="separator">
                        <label for="signup_certify">&nbsp;</label>
                        <input name="terms" type="checkbox" checked="checked" id="signup_certify"{if $signup.terms == 'on'} checked="checked"{/if} class="checkbox" />&nbsp;I agree to the <a href="{$relative}/static/terms">Terms of Use</a> and <a href="{$relative}/static/privacy">Privacy Policy</a>. 
                    </div>
                    <br />
                    <div class="separator">
                        <label for="submit_signup">&nbsp;</label>
                        <input name="submit_signup" type="submit" value="Sign Up" id="submit_signup" class="button" />
                    </div>
                </form>
            </div>
            <br />
        </div>
    </div>
    <div class="right span-390">
        <div class="box">
            
            <div class="btitle"><h2>MEMBER LOGIN</h2></div>
            <div id="login">
                <form name="login_form" id="login_form" method="post" action="{$relative}/login">
                    <div class="separator">
                        <label for="login_username">Username:</label>
                        <input name="username" type="text" value="{$username}" id="login_username" class="login"  />
                    </div>
                    <div class="separator">
                        <label for="login_password">Password:</label>
                        <input name="password" type="password" value="" id="login_password" class="login" />
                    </div>
                    <div class="separator">
                        <label for="login_remember">&nbsp;</label>
                        <input name="age" type="checkbox" id="login_remember" class="checkbox" />&nbsp;Remember me?
                    </div>
                    <br />
                    <div class="separator">
                        <label for="lost_password">&nbsp;</label>
                        <a href="{$relative}/lost" rel="nofollow" id="lost_password">Lost Username or Password?</a>
                    </div>
                    <div class="separator">
                        <label for="confirmation_email">&nbsp;</label>
                        <a href="{$relative}/confirm" rel="nofollow" id="confirmation_email">Did not receive confirmation email?</a>
                    </div>                    
                    <br />
                    <div class="separator">
                        <label for="login_submit">&nbsp;</label>
                        <input name="submit_login" type="submit" value="Log In" id="login_submit" class="button" />
                    </div>
                </form>
            </div>
        </div>
        <div class="box">
            
            <div class="btitle"><h2>WHAT IS {$site_name}</h2></div>
            {include file='static/whatis.tpl'}
        </div>
    </div>
    <div class="clear"></div>
</div>
