That is because one of the jquery scripts puts a
<label for="radio-choice" class="error" style="display: inline; ">Please select your gender</label>
style="display: inline; " inside of the label when you click on validate while you have no radio button selected.
And I think that the style attribute takes precedence over the style sheet definition.
A way to solve this would be to add this code:
$(function () {
$('input:radio').click(function () {
$("label").attr("style", "");
});
});
after the pet validation function, so it would look like this:
$(document).ready(function () {
$("#pet").validate();
});
$(function () {
$('input:radio').click(function () {
$("label").attr("style", "");
});
});
I tested it; it works.