Fan Club

/* RESET */ .elq-form *
{ margin: 0; padding: 0; }
.elq-form input, textarea
{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
.elq-form button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select
{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* GENERIC */.elq-form input
{ height: 16px; line-height: 16px; }
.elq-form .item-padding
{ padding:6px 5px 9px 9px; }
.elq-form .pp-group
{ padding:0px 5px 0px 9px; }
.elq-form .pp-field
{ padding:6px 0px 9px 0px; }
.elq-form .field-wrapper.individual
{ float: left; width: 100%; clear: both; }
.elq-form .field-p
{ position: relative; margin: 0; padding: 0; }
.elq-form .zIndex-fix
{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
.elq-form .field-design
{ position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; margin:0; padding:0; }
.elq-form .no-fields-prompt
{ float: left; width: 100%; height: 150px; padding-top: 50px; clear: both; }
/* SECTION BREAKS */.elq-form .section-break
{ float:left; width: 97%; margin-right:2%; margin-left:1%; padding-bottom:6px; }
.elq-form .section-break .heading
{ width:100%; font-weight: bold; margin:0; padding:0; }
/* LABEL */.elq-form .required
{ color: red !important; display: inline; float: none; font-weight: bold; margin: 0pt 0pt 0pt; padding: 0pt 0pt 0pt; }
/* FIELD GROUP */.elq-form .field-group
{ float: left; clear: both; }
.elq-form .field-group.large
{ width:100%; }
.elq-form .field-group.medium
{ width:51%; }
.elq-form .field-group.small
{ width:31%; }
.elq-form .field-group .label
{ float:left; width:97%; margin-right:2%; margin-left:1%; padding-bottom:6px; font-weight: bold; }
.elq-form .field-group .field-style
{ float: left; }
.elq-form .progressive-profile .pp-inner
{ float: left; clear: both; }
.elq-form .progressive-profile .pp-inner.large
{ width:100%; }
.elq-form .progressive-profile .pp-inner.medium
{ width:51%; }
.elq-form .progressive-profile .pp-inner.small
{ width:31%; }
/* RADIO */.elq-form .radio-option
{ display: inline-block; }
.elq-form .radio-option .label
{ display:block; float:left; padding-right:10px; padding-left:22px; text-indent:-22px; }
.elq-form .radio-option .input
{ vertical-align:middle; margin-right:7px; }
.elq-form .radio-option .inner
{ vertical-align:middle; }
/* CHECKBOX */.elq-form .checkbox-span
{ display:inline-block; }
.elq-form .checkbox-label
{ margin-left:4px; }
/* INPUT */.elq-form .accept-default
{ width:100%; }
/* SIZING */.elq-form .field-style
{ margin-right:2%; margin-left:2%; }
.elq-form .field-style._25
{ width:21%; }
.elq-form .field-style._50
{ width:46%; }
.elq-form .field-style._50_left
{ clear:left; width:46%; }
.elq-form .field-style._75
{ width:71%; }
.elq-form .field-style._100
{ width:96%; }
.elq-form .field-size-top-small
{ width:30%; }
.elq-form .field-size-top-medium
{ width:75%; }
.elq-form .field-size-top-large
{ width:100%; }
.elq-form .field-size-left-small
{ width:21%; }
.elq-form .field-size-left-medium
{ width:46%; }
.elq-form .field-size-left-large
{ width:60%; }
/* INSTRUCTIONS */.elq-form .instructions.default
{ color:#444444; display:block; font-size:10px; padding:6px 0pt 3px; }
.elq-form .instructions.group
{ float:left; width:97%; margin-right:2%; margin-left:2%; padding:6px 0pt 3px; color:#444444; display:block; font-size:10px; }
.elq-form .instructions.left-single
{ margin:0 0 0 33%; }
.elq-form .instructions-other
{ margin:0; }
/* POSITIONING */.elq-form .label-position.left
{ display:block; line-height:150%; padding:1px 0pt 3px; float:left; width:31%; margin:0pt 15px 0pt 0pt; word-wrap:break-word; }
.elq-form .label-position.top
{ display:block; line-height:150%; padding:1px 0pt 3px; white-space:nowrap; }
.elq-form .label-position.alignment-left
{ text-align: left; }
.elq-form .label-position.alignment-right
{ text-align: right; }
/* LIST ORDER */.elq-form .list-order
{ display:block; }
.elq-form .list-order.oneColumn
{ margin:0pt 7px 0pt 0pt; width:100%; clear:both; }
.elq-form .list-order.twoColumn
{ float:left; margin:0pt 7px 0pt 0pt; width:38%; }
.elq-form .list-order.threeColumn
{ float:left; margin:0pt 7px 0pt 0pt; width:30%; }
.elq-form .list-order.oneColumnLeft
{ float:left; margin:0pt 7px 0pt 0pt; width:100%; }
.elq-form .list-order.twoColumnLeft
{ float:left; margin:0pt 7px 0pt 0pt; width:38%; }
.elq-form .list-order.threeColumnLeft
{ float:left; margin:0pt 7px 0pt 0pt; width:30%; }
/* GRID STYLE */.elq-form .grid-style
{ display:inline; float:left; margin-left:2%; margin-right:2%; }
.elq-form .grid-style._25
{ width:21%; }
.elq-form .grid-style._50
{ width:46%; }
.elq-form .grid-style._75
{ width:71%; }
.elq-form .grid-style._100
{ width:96%; }

What type of information would you like to receive?




.LV_validation_message
{ font-weight:bold; margin: 0 0 0 5px; }
.LV_valid
{ color:#00CC00; display:none; }
.LV_invalid
{ color:#CC0000; font-size:10px; }
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active
{ outline: 1px solid #00CC00; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active
{ outline: 1px solid #CC0000; }

var dom0 = document.querySelector(‘#form29 #field0’);
var field0 = new LiveValidation(dom0,
{ validMessage: “”, onlyOnBlur: false, wait: 300}
);
field0.add(Validate.Presence,
{ failureMessage:”This field is required”}
);
var dom1 = document.querySelector(‘#form29 #field1’);
var field1 = new LiveValidation(dom1,
{ validMessage: “”, onlyOnBlur: false, wait: 300}
);
field1.add(Validate.Custom, {
against: function(value)
{ return !value.match(/(\S:\/\/\S|\S\.\S)/); }
, failureMessage: “Value must not contain any URL’s”}
);
field1.add(Validate.Presence,
{ failureMessage:”This field is required”}
);
var dom2 = document.querySelector(‘#form29 #field2’);
var field2 = new LiveValidation(dom2,
{ validMessage: “”, onlyOnBlur: false, wait: 300}
);
field2.add(Validate.Presence,
{ failureMessage:”This field is required”}
);
field2.add(Validate.Format, {
pattern: /^([^@\s])@((?:[-a-z0-9]\.)+[a-z]{2,})$/i, failureMessage: “A valid email address is required”}
);
var dom3 = document.querySelector(‘#form29 #field3’);
var field3 = new LiveValidation(dom3,
{ validMessage: “”, onlyOnBlur: false, wait: 300}
);
field3.add(Validate.Custom, {
against: function(value)
{ return !value.match(/(\S:\/\/\S|\S\.\S)/); }
, failureMessage: “Value must not contain any URL’s”}
);
field3.add(Validate.Custom, {
against: function(value)
{ return !value.match(/(\S:\/\/\S|\S\.\S)/); }
, failureMessage: “Value must not contain any URL’s”}
);
field3.add(Validate.Presence,
{ failureMessage:”This field is required”}
);
var dom4 = document.querySelector(‘#form29 #field4’);
var field4 = new LiveValidation(dom4,
{ validMessage: “”, onlyOnBlur: false, wait: 300}
);
field4.add(Validate.Presence,
{ failureMessage:”This field is required”}
);
field4.add(Validate.Format, {
pattern: /^(?:[0][0-9]|[1][0-2])\/(?:[0][1-9]|[1-2][0-9]|[3][0-1])\/(?:\d{4}|\d{2})$/, failureMessage: “Value must be a valid date (MM/DD/YY or MM/DD/YYYY)”}
);
function resetSubmitButton(e){
var submitButtons = e.target.form.getElementsByClassName(‘submit-button’);
for(var i=0;i<submitButtons.length;i++)
{ submitButtons[i].disabled = false; }
}
function addChangeHandler(elements){
for(var i=0; i<elements.length; i++)
{ elements[i].addEventListener('change', resetSubmitButton); }
}
var form = document.getElementById('form29');
addChangeHandler(form.getElementsByTagName('input'));
addChangeHandler(form.getElementsByTagName('select'));
addChangeHandler(form.getElementsByTagName('textarea'));
var nodes = document.querySelectorAll('#form29 input[data-subscription]');
if (nodes) {
for (i = 0, len = nodes.length; i < len; i++) {
var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription');
if(status ==='true')
{ nodes[i].checked = true; }
}
};