<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 485px;
height: 216px;
z-index: 1;
background-color: #FFFFFF;
}
</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
</head>
<body class="textfieldFocusState">
<div id="apDiv1">
<form id="form1" name="form1" method="post" action="JobA2.php">
<table width="470" border="1">
<tr>
<td width="142" align="right">Gender:</td>
<td width="242"><span id="spryselect1">
<label for="Gender"></label>
<select name="Gender" id="Gender">
<option selected="selected">Please Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
<span class="selectRequiredMsg"><strong>Please select Gender.</strong></span></span></td>
</tr>
<tr>
<td align="right">First Name:</td>
<td nowrap="nowrap"><span id="sprytextfield1">
<label for="FistName"></label>
<input name="FistName" type="text" id="FistName" size="20" maxlength="25" />
<span class="textfieldRequiredMsg"><strong>First Name is required.</strong></span><em>First Name is required</em></span></td>
</tr>
<tr>
<td align="right">Last Name:</td>
<td><span id="sprytextfield2">
<label for="Lat Name"></label>
<input name="Lat Name" type="text" id="Lat Name" size="25" maxlength="25" />
<span class="textfieldRequiredMsg"><strong>Last Name is required</strong>.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" id="Submit" value="Continue" /></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {minChars:2, validateOn:["change"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {minChars:2});
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");
</script>
</body>
</html>