<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #ebebeb; border: #ebebeb 1px solid;font: 80%/1.5 Arial,Helvetica,sans-serif; color: #626d75; }
/*p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }*/
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 5px 0; padding: 5px; border: #aee758 1px solid; }
div.form-container form legend { font-weight: bold; color: #626d75; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error,
div.form-container span.error { color: #C00; }
div.form-container label em {position: absolute;right: 1px;font-size: 120%;font-style: normal;color: #C00;top: 0px;}
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset label.controlset { display: block; float: left; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
/*EO FORM*/
</style>
</head>
<body>
<div class="form-container">
<form action="mailer.php" method="post">
<p class="legend"><strong>Note:</strong> Required (<em>*</em>)</p>
<fieldset>
<legend>User Details</legend>
<div><label for="fname">Name / Surname <em>*</em></label>
<input type="text" name="name" value="<? echo $name; ?>" size="30" /></div>
<div><label for="email">Email Address <em>*</em></label>
<p><input type="text" name="email" value="<? echo $email; ?>" size="30" />
</p>
<p align="center"><small>We will never sell or disclose your email address to anyone.</small></p></div>
</fieldset>
<fieldset>
<legend>Profile</legend>
<div><label for="subject">Subject </label>
<input type="text" name="subject" value="<? echo $subject; ?>" size="30" /></div>
<div><label for="desc">Message <em>*</em></label>
<textarea name="message" cols="25" rows="4"></textarea></div>
<p align="center"><small>Please enter the value below</small></p>
<div><label for="subject">Security <em>*</em></label><input type="text" name="number" value="<? echo $number; ?>" />
<img src="security.php" /></div>
</fieldset>
<div class="buttonrow">
<input type="submit" value="Send" name="submit" class="button" />
<input type="reset" value="Reset" class="button" />
</div>
</form>
</div><!-- /form-container -->
</body>
</html>