style gastenboek met jot

<form method="post" action="[+form.action:esc+]#jf[+jot.link.id+]" class="jot-form">
	<fieldset>
	<input name="JotForm" type="hidden" value="[+jot.id+]" />
	<input name="JotNow" type="hidden" value="[+jot.seed+]" />
	<input name="parent" type="hidden" value="[+form.field.parent+]" />
	
	[+form.moderation:is=`1`:then=`
		<div class="jot-row">
			<b>Aangemaakt op:</b> [+form.field.createdon:date=`%a %d/%m/%Y - %H:%M:%S`+]<br />
			<b>Aangemaakt door:</b> [+form.field.createdby:userinfo=`username`:ifempty=`[+jot.guestname+]`+]<br />
			<b>IP address:</b> [+form.field.secip+]<br />
			<b>Gepubliceerd:</b> [+form.field.published:select=`0=No&1=Yes`+]<br />
			[+form.field.publishedon:gt=`0`:then=`
				<b>Gepubliceerd op:</b> [+form.field.publishedon:date=`%a %d/%m/%Y - %H:%M:%S`+]<br />
				<b>Gepubliceerd door:</b> [+form.field.publishedby:userinfo=`username`:ifempty=` - `+]<br />
			`+]
			[+form.field.editedon:gt=`0`:then=`
				<b>Aangepast op:</b> [+form.field.editedon:date=`%a %d/%m/%Y - %H:%M:%S`+]<br />
				<b>Aangepast door:</b> [+form.field.editedby:userinfo=`username`:ifempty=` -`+]<br />
			`+]
		</div>
	`:strip+]
	
	[+form.guest:is=`1`:then=`
		<label for="name[+jot.id+]">Naam:<br />
		<input tabindex="[+jot.seed:math=`?+1`+]" name="name" type="text" size="40" value="[+form.field.custom.name:esc+]" id="name[+jot.id+]" />
		</label>
		<label for="email[+jot.id+]">E-mail:<br />
		<input tabindex="[+jot.seed:math=`?+2`+]" name="email" type="text" size="40" value="[+form.field.custom.email:esc+]" id="email[+jot.id+]"/>
		</label>
	`:strip+]
	
	<label for="title[+jot.id+]">Onderwerp:<br />
	<input tabindex="[+jot.seed:math=`?+3`+]" name="title" type="text" size="40" value="[+form.field.title:esc+]" id="title[+jot.id+]"/>
	</label>
	<label for="content[+jot.id+]">Bericht: *<br />
	<textarea tabindex="[+jot.seed:math=`?+4`+]" name="content" cols="50" rows="8" id="content[+jot.id+]">[+form.field.content:esc+]</textarea>
	</label><br />
	
  [+jot.captcha:is=`1`:then=`
		<div style="width:150px;margin-top: 5px;margin-bottom: 5px;"><a href="[+jot.link.current:esc+]"><img src="[(base_url)]manager/includes/veriword.php?rand=[+jot.seed+]" width="120" height="30" title="Als je problemen hebt met deze code te lezen, klik dan op deze code zelf om een nieuwe code te vormen." style="border: 1px solid #003399" /></a></div>
		<label for="vericode[+jot.id+]">Vul bovenstaande code in:<br /><input type="text" name="vericode" style="width:150px;" size="20" id="vericode[+jot.id+]" /></label> 
	`:strip+]
	
	<div style="float:right;width: 100px;"></div>
	<input tabindex="[+jot.seed:math=`?+5`+]" name="submit" type="submit" value="[+form.edit:is=`1`:then=`Opslaan`:else=`Plaats bericht`+]" />
	[+form.edit:is=`1`:then=`
		<input tabindex="[+jot.seed:math=`?+5`+]" name="submit" type="submit" value="Annuleer" onclick="history.go(-1);return false;" />
	`+] 
	</fieldset>
</form>