<h1 id="main-header"><?php echo("$name"); ?></h1>
<div id="process-wrapper">
	<div id="process-header"><div id="process-header-body"><div id="process-header-content">
		<div id="habbologo"><a href="<?php echo("$sitepath"); ?>"></a></div>
		<div id="steps">
<img src="<?php echo("$imgpath"); ?>images/process/step1.gif" alt="1" width="30" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step_right.gif" alt="" width="20" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step2.gif" alt="2" width="30" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step_right.gif" alt="" width="20" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step3.gif" alt="3" width="30" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step_right.gif" alt="" width="20" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step4_on.gif" alt="4" width="30" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step_right_on.gif" alt="" width="20" height="26" /><img src="<?php echo("$imgpath"); ?>images/process/step5.gif" alt="5" width="30" height="26" />
</div>
	</div></div></div>
	<div id="outer"><div id="outer-content">
<div class="processbox">
	<div class="headline"><div class="headline-content"><div class="headline-wrapper">
		<h2>Registration <a href="<?php echo("$sitepath"); ?>" class="exit">Cancel</a></h2>
	</div></div></div>
	<div class="content-top">
		<div class="content">
			
	<div class="content-column1">

		<div class="bubble">
			<div class="bubble-body">
Please read the Terms and Conditions carefully. These ones are more intresting than real <?php echo("$name"); ?> ones. 
			<div class="clear"></div>
			</div>
		</div>
		<div class="bubble-bottom">
			<div class="bubble-bottom-body">
				<img src="<?php echo("$imgpath"); ?>images/register/bubble_tail_left.gif" alt="" width="22" height="31" />
			</div>
		</div>
		<div class="frank"><img src="<?php echo("$imgpath"); ?>images/register/register4.gif" alt="" width="245" height="180" /></div>

	</div>
	
	<div class="content-column2">
		
<div id="process-errors">
<div class="content-red">
	<div class="content-red-body" id="process-errors-content">
	<div class="clear"></div>
	</div>
</div>
<div class="content-red-bottom"><div class="content-red-bottom-body"></div></div>
</div>

<div class="content-white-outer">
	<div class="content-white">
		<div class="content-white-body">

<div class="content-white-content">
<form method="post" action="<?php echo("$sitepath"); ?>account/register/done" id="stepform" autocomplete="off">

<p>
You must agree to the following terms.
</p>

<div id="terms">
<span style="font-weight: bold;">&nbsp;</span>By Checking the checkbox bellow, i prove that i know, that <?php echo("$name"); ?> retros are illegal and have smaller security than real <?php echo("$name"); ?>. Also i don't work at sulake nor any related company.</span>
</div>

<p id="required-termsOfService">
<input type="checkbox" name="T-O-S" id="T-O-S" value="true" /> 
<label for="T-O-S">I accept the Terms and Conditions.</label>
</p>
<div id="register-buttons">

<div align="right">
<input type="submit" value="Continue" id="continuebtn" class="process-button" />
</div>

<div class="clear"></div>

</div>
</form>
</div>
		<div class="clear"></div>
		</div>
	</div>
	
	<div class="content-white-bottom">
		<div class="content-white-bottom-body"></div>
	</div>
</div>

	</div>
			
			<div class="clear"></div>
		</div>
	</div>
	<div class="content-bottom"><div class="content-bottom-content"></div></div>
</div>

<script type="text/javascript" language="JavaScript">
Event.observe($("stepform"), "submit", function(e) {
	if (backClicked) return;
	var ok = true;
	var termsValue = $F("T-O-S");
	if (!termsValue || termsValue == "undefined" || !captchaValue || captchaValue == "undefined") {
		validatorBeforeSubmit();
	}
	if (!termsValue || termsValue == "undefined") {
		validatorAddError(false, false, "Please accept the terms of service");
		$("required-termsOfService").className = "validation-failed";
		Event.stop(e);
		ok = false;
	}
	if (ok) { $("continuebtn").disabled = true; }
}, false);
</script>

<div id="footer">
	<div id="footer-top"><div id="footer-content"><?php echo("$footer"); ?></div></div>
	<div id="footer-bottom"><div id="footer-bottom-content"></div></div>
</div>

	
	</div></div>
	<div id="outer-bottom"><div id="outer-bottom-content"></div></div>
</div>
