Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Justin Fargas
Table title:
Personal bests
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Event </th><th colspan=1 rowspan=1 > Time (seconds) </th><th colspan=1 rowspan=1 > Venue </th><th colspan=1 rowspan=1 > Date </th></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 100 meters </td><td class="highlighted"  colspan=1 rowspan=1 > 10.37 +2.0 </td><td class="highlighted"  colspan=1 rowspan=1 > Norwalk, California </td><td class="highlighted"  colspan=1 rowspan=1 > May 23, 1998 </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 400 meters </td><td class="highlighted"  colspan=1 rowspan=1 > 50.13 </td><td class="highlighted"  colspan=1 rowspan=1 > Fullerton, California </td><td class="highlighted"  colspan=1 rowspan=1 > March 10, 2007 </td></tr>
</table>
Question:
What were Justin Fargas' personal bests in the 100m and 400 meters, and when were these scores acheived?
Answer:
Justin Fargas recorded a personal best of 10.37 seconds in the 100 meters in 1998 and 50.13 seconds in the 400 meters in 2007 at California.