A therapist who creates virtual reality experiences for people with dangerous disorders, a grandmother who uses a headset to escape her surroundings and Ernest Cline on virtual reality in fact and fiction. Listen, decode, and decide: Can alternate realities save us? Stay updated on all things Codebreaker. /* 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%; } Email Address * .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('#form1491 #field0'); var field0 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300} ); field0.add(Validate.Presence, { failureMessage:"This field is required"} ); field0.add(Validate.Format, { pattern: /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i, failureMessage: "A valid email address is required"} ); function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i