Rewrite of validation error messages to suit mockup

*Wow github really doesn't like any changes to a HTML file*
I wonder if that's an encoding problem?

## HTML and CSS structure updated
Due to limitations in the validation plugin, and in the interest of forward compatibility with updated plugin versions, this commit includes minor changes to error message structure which affects CSS:  Previously stacked classes sharing .message between .info and .error have been separated.

Note: It is not required to add the message div to the template, the js will create if not found.

### HTML format message change:
Old format:

```html
	<div class="message error"><span>etc</span><div>
```

New format:

```html
	<div class="message"><span class="error">etc</span></div>
```

Similarly with the .info tooltips:

Old:
```html
<div class="message info tooltip"><span> etcetc</span></div>
```