/*{{{ Temp replacement for glm-row without max-width and other checkout form tampering */
@media(max-width: 641px){
- #regApp{
+ #regApp {
padding: 0;
}
- .glm-reg-classes{
+ .glm-reg-classes {
padding: 0;
}
- .glm-reg-image-container{
+ .glm-reg-image-container {
padding: 0;
margin-bottom: 10px;
}
- #glm-reg-event-name{
+ #glm-reg-event-name {
padding: 0;
line-height: 1.2;
}
- .glm-reg-account-info,.glm-reg-billing-info{
+ .glm-reg-account-info,.glm-reg-billing-info {
padding: 0;
}
}
.glm-reg-event-terms{
padding: 0;
}
-.glm-reg-event-profile-details{
- padding-left: 0;
+.glm-reg-event-profile-details {
}
-.glm-reg-image-container{
- padding: 0;
+.glm-reg-image-container {
+ padding: 0 10px 0 0;
max-height: 350px;
overflow: hidden;
text-align: center;
}
-.glm-reg-map{
+.glm-reg-map {
width: 100%;
margin: 0;
height: 250px;
background-size: cover;
position: relative;
}
-#glm-reg-detail-map-button{
+#glm-reg-detail-map-button {
height: 35px;
padding: 5px 7px;
width: 171px;
float: left;
border-right: 1px solid white;
}
-#glm-reg-detail-directions-button{
+#glm-reg-detail-directions-button {
height: 35px;
padding: 5px 7px;
width: 170px;
}
.glm-reg-class-container{
- padding: 0;
+
}
.glm-reg-row {
clear: both;
margin-right: auto;
width: 100%;
min-height: 1.5rem;
- white-space: nowrap;
}
.glm-reg-indent-1 {
padding-left: .5rem;
clear: both;
border: solid 1px black;
background-color: white;
- margin-top: 1rem;
- margin-bottom: 1rem;
+ margin: 1rem auto;
+ max-width: 64rem;
font-size: 0.875rem;
}
border: 1px solid black;
/* padding: 10px; */
margin: 1rem 0;
+ float: left;
}
.glm-reg-event-item h2 {
font-size: 1.5rem;
.reg-class-count {
float: right;
}
-.glm-reg-event-profile{
+.glm-reg-event-profile {
margin-bottom: 25px;
- padding: 0;
}
.reg-class-accounts {
/*}}} End Event Registration Page */
/*{{{ New Attendee Form */
+.reg-class-times > div {
+ margin-bottom: 20px;
+}
+.new-reg {
+ margin-bottom: 20px;
+}
.new-reg, .reg-edit-form {
- padding: 0 5px;
+ padding: 10px;
border: solid 1px black;
background-color: white;
+ max-width: 500px;
+}
+.new-reg .button.add-new-registrant {
+ margin-bottom: 0;
+}
+.glm-add-new-account {
+ margin-bottom: 0;
}
.new-reg h4 {
font-size: 22px;
}
#glm-reg-list .glm-reg-event-item .glm-reg-list-image-container {
padding: 0;
-
}
/* Reg detail styles */
}
#regApp .reg-edit-form .update-registrant-button-container .update-registrant {
float: left;
+ margin-bottom: 0;
}
#regApp .reg-edit-form .update-registrant-button-container .update-registrant.cancel {
float: right;
+ padding: 10px;
}
#accountHeader {
background: -webkit-linear-gradient(top, #f2f2f2 45%, #FFFFFF 100%);
var newId = 0;
app.Views.Front.RegTime = Backbone.View.extend({
tagName: 'div',
-
+
className: 'glm-row',
template: _.template( jQuery('#regTime-template').html() ),
// show the edit form
editRegistrant: function(){
- if ( app.checkForEditLock() === true ) {
- return;
+ if ( !this.$('.reg-edit-form').is(":visible") ) {
+ if ( app.checkForEditLock() === true ) {
+ return;
+ }
+ this.$('.reg-edit-form').show();
+ app.regEventLock = true;
+ } else {
+ this.$('.reg-edit-form').hide();
+ app.regEventLock = false;
}
- this.$('.reg-edit-form').show();
- app.regEventLock = true;
},
// render the view
app.Views.Front.RegTime = Backbone.View.extend({
tagName: 'div',
- className: 'glm-row',
+ className: 'reg-class-time',
template: _.template( jQuery('#regTime-template').html() ),
className: function(){
if ( app.timeSpecific === true ) {
- return 'new-reg';
+ return 'new-reg new-reg-time';
} else {
- return 'new-reg-notime';
+ return 'new-reg new-reg-notime';
}
},
</div>
{/if}-->
{if $cartPageText}
-<div>
+<div id="cart-page-text" class="glm-row">
{$cartPageText}
</div>
{/if}
</div>
{/if}
- <div>
+ <div id="cart-page-title" class="glm-row">
<div class="glm-right" style="padding-top: 1.5em;" title="Please refer to this ID when requesting assistance.">Request ID: {$cartId}</div>
<h2 class="glm-left" style="clear: none;">Selected Registrations</h2>
</div>
{apply_filters('glm_members_registrations_header', 'accountHeader')}
{if $checkoutPageText}
- <div>
+ <div id="checkout-page-text" class="glm-row">
{$checkoutPageText}
</div>
{/if}
{if $haveMessages}
- <div class="glm-registrations-messages glm-reg-warning" style="clear: all;">
+ <div class="glm-registrations-messages glm-reg-warning" class="glm-row">
<i>Please Note:</i>
<ul>
{foreach $messages as $m}
{/if}
{if $haveCart}
- <form id="checkoutForm" href="{$regUrl}" method="post">
+ <form id="checkoutForm" href="{$regUrl}" method="post" class="glm-row">
<input type="hidden" name="page" value="checkoutProcess">
<input type="hidden" name="active" value="{$regAccount.fieldData.active.value}">
<input type="hidden" name="glm_reg_cart_id" value="{$cartId}">
</div>
<div class="glm-row">
- <div class="glm-large-6 glm-small-12 glm-columns glm-reg-account-info">
- <h4>Account Information</h4>
- {if $regAccountId == 0}
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.email} glm-reg-required{/if}">E-Mail Address:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.email} glm-reg-fail{/if}"><input type="email" name="email" value="{$regAccount.fieldData.email}"{if $regAccount.fieldRequired.email} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.password} glm-reg-required{/if}">Password:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.password} glm-reg-fail{/if}">
- <input type="text" name="password" value="{$regAccount.fieldData.password}"{if $regAccount.fieldRequired.password} required{/if} title="Must be at least 8 characters long and contain at least one number and one puncuation character such as one of these #.-_,$%&!">
- <p>A password is required to access your registrations and submissions in the future. A suggested password has been supplied.</p>
+ <div class="glm-large-6 glm-small-12 glm-columns">
+ <div class="glm-reg-account-info">
+ <h4>Account Information</h4>
+ {if $regAccountId == 0}
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.email} glm-reg-required{/if}">E-Mail Address:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.email} glm-reg-fail{/if}"><input type="email" name="email" value="{$regAccount.fieldData.email}"{if $regAccount.fieldRequired.email} required{/if}></div>
</div>
- </div>
- {else}
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap">E-Mail Address:</div>
- <div class="glm-small-12 glm-large-9 glm-columns">
- {$regAccount.fieldData.email}
- <input type="hidden" name="email" value="{$regAccount.fieldData.email}"> {* Required to keep E-Mail address from being cleared *}
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.password} glm-reg-required{/if}">Password:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.password} glm-reg-fail{/if}">
+ <input type="text" name="password" value="{$regAccount.fieldData.password}"{if $regAccount.fieldRequired.password} required{/if} title="Must be at least 8 characters long and contain at least one number and one puncuation character such as one of these #.-_,$%&!">
+ <p>A password is required to access your registrations and submissions in the future. A suggested password has been supplied.</p>
+ </div>
</div>
- </div>
- {/if}
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.fname} glm-reg-required{/if}">First Name:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.fname} glm-reg-fail{/if}"><input type="text" name="fname" value="{$regAccount.fieldData.fname}"{if $regAccount.fieldRequired.fname} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.lname} glm-reg-required{/if}">Last Name:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.lname} glm-reg-fail{/if}"><input type="text" name="lname" value="{$regAccount.fieldData.lname}"{if $regAccount.fieldRequired.lname} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.org} glm-reg-required{/if}">Organization:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.org} glm-reg-fail{/if}"><input type="text" name="org" value="{$regAccount.fieldData.org}"{if $regAccount.fieldRequired.org} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.title} glm-reg-required{/if}">Title:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.title} glm-reg-fail{/if}"><input type="text" name="title" value="{$regAccount.fieldData.title}"{if $regAccount.fieldRequired.title} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr1} glm-reg-required{/if}">Address:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr1} glm-reg-fail{/if}"><input type="text" name="addr1" value="{$regAccount.fieldData.addr1}"{if $regAccount.fieldRequired.addr1} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr2} glm-reg-required{/if}"> </div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr2} glm-reg-fail{/if}"><input type="text" name="addr2" value="{$regAccount.fieldData.addr2}"{if $regAccount.fieldRequired.addr2} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.city} glm-reg-required{/if}">City:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.city} glm-reg-fail{/if}"><input type="text" name="city" value="{$regAccount.fieldData.city}"{if $regAccount.fieldRequired.city} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.state} glm-reg-required{/if}">State/Province:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.state} glm-reg-fail{/if}">
- <select name="state">
- <option value=""></option>
- {foreach $regAccount.fieldData.state.list as $s}
- <option value="{$s.value}"{if $regAccount.fieldData.state.value == $s.value} selected="selected"{/if}>
- {$s.name}
- </option>
- {/foreach}
- </select>
+ {else}
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap">E-Mail Address:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns">
+ {$regAccount.fieldData.email}
+ <input type="hidden" name="email" value="{$regAccount.fieldData.email}"> {* Required to keep E-Mail address from being cleared *}
+ </div>
+ </div>
+ {/if}
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.fname} glm-reg-required{/if}">First Name:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.fname} glm-reg-fail{/if}"><input type="text" name="fname" value="{$regAccount.fieldData.fname}"{if $regAccount.fieldRequired.fname} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.lname} glm-reg-required{/if}">Last Name:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.lname} glm-reg-fail{/if}"><input type="text" name="lname" value="{$regAccount.fieldData.lname}"{if $regAccount.fieldRequired.lname} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.org} glm-reg-required{/if}">Organization:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.org} glm-reg-fail{/if}"><input type="text" name="org" value="{$regAccount.fieldData.org}"{if $regAccount.fieldRequired.org} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.title} glm-reg-required{/if}">Title:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.title} glm-reg-fail{/if}"><input type="text" name="title" value="{$regAccount.fieldData.title}"{if $regAccount.fieldRequired.title} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr1} glm-reg-required{/if}">Address:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr1} glm-reg-fail{/if}"><input type="text" name="addr1" value="{$regAccount.fieldData.addr1}"{if $regAccount.fieldRequired.addr1} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr2} glm-reg-required{/if}"> </div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr2} glm-reg-fail{/if}"><input type="text" name="addr2" value="{$regAccount.fieldData.addr2}"{if $regAccount.fieldRequired.addr2} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.city} glm-reg-required{/if}">City:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.city} glm-reg-fail{/if}"><input type="text" name="city" value="{$regAccount.fieldData.city}"{if $regAccount.fieldRequired.city} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.state} glm-reg-required{/if}">State/Province:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.state} glm-reg-fail{/if}">
+ <select name="state">
+ <option value=""></option>
+ {foreach $regAccount.fieldData.state.list as $s}
+ <option value="{$s.value}"{if $regAccount.fieldData.state.value == $s.value} selected="selected"{/if}>
+ {$s.name}
+ </option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.zip} glm-reg-required{/if}">Zip/Postal Code:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.zip} glm-reg-fail{/if}"><input type="text" name="zip" value="{$regAccount.fieldData.zip}"{if $regAccount.fieldRequired.zip} required{/if}></div>
+ </div>
+ <div class="glm-reg-row">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.country} glm-reg-required{/if}">Country:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.country} glm-reg-fail{/if}">
+ <select name="country">
+ <option value=""></option>
+ {foreach $regAccount.fieldData.country.list as $c}
+ <option value="{$c.value}"{if $regAccount.fieldData.country.value == $c.value} selected="selected"{/if}>
+ {$c.name}
+ </option>
+ {/foreach}
+ </select>
+ </div>
</div>
</div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.zip} glm-reg-required{/if}">Zip/Postal Code:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.zip} glm-reg-fail{/if}"><input type="text" name="zip" value="{$regAccount.fieldData.zip}"{if $regAccount.fieldRequired.zip} required{/if}></div>
- </div>
- <div class="glm-reg-row">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.country} glm-reg-required{/if}">Country:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.country} glm-reg-fail{/if}">
- <select name="country">
- <option value=""></option>
- {foreach $regAccount.fieldData.country.list as $c}
- <option value="{$c.value}"{if $regAccount.fieldData.country.value == $c.value} selected="selected"{/if}>
- {$c.name}
- </option>
- {/foreach}
- </select>
+ <div class="glm-reg-billing-info">
+ <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><h4>Billing Information</h4></div></div>
+ <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><input id="glm-reg-bill-same" type="checkbox" name="billing_same" value="1"{if $regAccount.billingSame} checked{/if}> Same as Account Information</div></div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fname} glm-reg-required{/if}">First Name:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fname} glm-reg-fail{/if}"><input type="text" name="bill_fname" value="{$regAccount.fieldData.bill_fname}"{if $regAccount.fieldRequired.bill_fname} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_lname} glm-reg-required{/if}">Last Name:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_lname} glm-reg-fail{/if}"><input type="text" name="bill_lname" value="{$regAccount.fieldData.bill_lname}"{if $regAccount.fieldRequired.bill_lname} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr1} glm-reg-required{/if}">Address:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr1} glm-reg-fail{/if}"><input type="text" name="bill_addr1" value="{$regAccount.fieldData.bill_addr1}"{if $regAccount.fieldRequired.bill_addr1} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr2} glm-reg-required{/if}"> </div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr2} glm-reg-fail{/if}"><input type="text" name="bill_addr2" value="{$regAccount.fieldData.bill_addr2}"{if $regAccount.fieldRequired.bill_addr2} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_city} glm-reg-required{/if}">City:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_city} glm-reg-fail{/if}"><input type="text" name="bill_city" value="{$regAccount.fieldData.bill_city}"{if $regAccount.fieldRequired.bill_city} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_state} glm-reg-required{/if}">State:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_state} glm-reg-fail{/if}">
+ <select name="bill_state">
+ <option value=""></option>
+ {foreach $regAccount.fieldData.bill_state.list as $s}
+ <option value="{$s.value}"{if $regAccount.fieldData.bill_state.value == $s.value} selected="selected"{/if}>
+ {$s.name}
+ </option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_zip} glm-reg-required{/if}">Zip/Postal Code:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_zip} glm-reg-fail{/if}"><input type="text" name="bill_zip" value="{$regAccount.fieldData.bill_zip}"{if $regAccount.fieldRequired.bill_zip} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_country} glm-reg-required{/if}">Country:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_country} glm-reg-fail{/if}">
+ <select name="bill_country">
+ <option value=""></option>
+ {foreach $regAccount.fieldData.bill_country.list as $c}
+ <option value="{$c.value}"{if $regAccount.fieldData.bill_country.value == $c.value} selected="selected"{/if}>
+ {$c.name}
+ </option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_phone} glm-reg-required{/if}">Phone:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_phone} glm-reg-fail{/if}"><input type="text" name="bill_phone" value="{$regAccount.fieldData.bill_phone}"{if $regAccount.fieldRequired.bill_phone} required{/if}></div>
+ </div>
+ <div class="glm-reg-row glm-reg-bill-field">
+ <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fax} glm-reg-required{/if}">FAX:</div>
+ <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fax} glm-reg-fail{/if}"><input type="text" name="bill_fax" value="{$regAccount.fieldData.bill_fax}"{if $regAccount.fieldRequired.fax} required{/if}></div>
</div>
</div>
</div>
- <div class="glm-small-12 glm-large-6 glm-columns">
+
+ <div class="glm-small-12 glm-large-6 glm-columns glm-reg-cart-summary">
<h4 id="cart-summary">Registration Summary</h4>
{assign var="summaryType" value="checkout"}
{include file='front/registrations/cartSummary.html'}
</div>
- <div class="glm-large-6 glm-small-12 glm-columns glm-reg-billing-info" style="clear: both;">
- <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><h4>Billing Information</h4></div></div>
- <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><input id="glm-reg-bill-same" type="checkbox" name="billing_same" value="1"{if $regAccount.billingSame} checked{/if}> Same as Account Information</div></div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fname} glm-reg-required{/if}">First Name:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fname} glm-reg-fail{/if}"><input type="text" name="bill_fname" value="{$regAccount.fieldData.bill_fname}"{if $regAccount.fieldRequired.bill_fname} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_lname} glm-reg-required{/if}">Last Name:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_lname} glm-reg-fail{/if}"><input type="text" name="bill_lname" value="{$regAccount.fieldData.bill_lname}"{if $regAccount.fieldRequired.bill_lname} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr1} glm-reg-required{/if}">Address:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr1} glm-reg-fail{/if}"><input type="text" name="bill_addr1" value="{$regAccount.fieldData.bill_addr1}"{if $regAccount.fieldRequired.bill_addr1} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr2} glm-reg-required{/if}"> </div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr2} glm-reg-fail{/if}"><input type="text" name="bill_addr2" value="{$regAccount.fieldData.bill_addr2}"{if $regAccount.fieldRequired.bill_addr2} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_city} glm-reg-required{/if}">City:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_city} glm-reg-fail{/if}"><input type="text" name="bill_city" value="{$regAccount.fieldData.bill_city}"{if $regAccount.fieldRequired.bill_city} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_state} glm-reg-required{/if}">State:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_state} glm-reg-fail{/if}">
- <select name="bill_state">
- <option value=""></option>
- {foreach $regAccount.fieldData.bill_state.list as $s}
- <option value="{$s.value}"{if $regAccount.fieldData.bill_state.value == $s.value} selected="selected"{/if}>
- {$s.name}
- </option>
- {/foreach}
- </select>
- </div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_zip} glm-reg-required{/if}">Zip/Postal Code:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_zip} glm-reg-fail{/if}"><input type="text" name="bill_zip" value="{$regAccount.fieldData.bill_zip}"{if $regAccount.fieldRequired.bill_zip} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_country} glm-reg-required{/if}">Country:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_country} glm-reg-fail{/if}">
- <select name="bill_country">
- <option value=""></option>
- {foreach $regAccount.fieldData.bill_country.list as $c}
- <option value="{$c.value}"{if $regAccount.fieldData.bill_country.value == $c.value} selected="selected"{/if}>
- {$c.name}
- </option>
- {/foreach}
- </select>
- </div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_phone} glm-reg-required{/if}">Phone:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_phone} glm-reg-fail{/if}"><input type="text" name="bill_phone" value="{$regAccount.fieldData.bill_phone}"{if $regAccount.fieldRequired.bill_phone} required{/if}></div>
- </div>
- <div class="glm-reg-row glm-reg-bill-field">
- <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fax} glm-reg-required{/if}">FAX:</div>
- <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fax} glm-reg-fail{/if}"><input type="text" name="bill_fax" value="{$regAccount.fieldData.bill_fax}"{if $regAccount.fieldRequired.fax} required{/if}></div>
- </div>
- </div>
</div>
{if $cart.totalCharges > 0}
<div class="glm-row">
{/literal}
{* Template for the regEvent *}{literal}
<script type="text/template" id="regEvent-template">
- <div class="glm-row">
- <div class="glm-columns glm-small-12 glm-reg-event-profile">
+ <div class="row">
+ <div class="columns small-12 glm-reg-event-profile">
<h2 id="glm-reg-event-name"><%= event_name %></h2>
- <div class="glm-row">
+ <div class="row">
{/literal}
{if $regEvent.image}
- <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-image-container">
+ <div class="small-12 medium-4 columns glm-reg-image-container">
<img src="{$imgBaseUrl}/medium/{$regEvent.image}"/>
</div>
{/if}
- <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-event-profile-details-container">
+ <div class="small-12 medium-4 columns glm-reg-event-profile-details-container">
- <div class="glm-row">
- <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-date"> {$regEvent.last_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
+ <div class="row">
+ <div class="small-12 columns glm-reg-event-profile-details glm-reg-date"> {$regEvent.last_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
{if $regEvent.first_datetime.timestamp != $regEvent.last_datetime.timestamp}
- <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"} - {$regEvent.last_datetime.timestamp|date_format:"%l:%M %p"}</div>
+ <div class="small-12 columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"} - {$regEvent.last_datetime.timestamp|date_format:"%l:%M %p"}</div>
{else}
- <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
+ <div class="small-12 columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
{/if}
- <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-location"> {$regEvent.locations.name}</div>
+ <div class="small-12 columns glm-reg-event-profile-details glm-reg-location"> {$regEvent.locations.name}</div>
</div>
</div>
-
- <div class="glm-row">
- {if $regEvent.locations.lat && $regEvent.locations.lon}
-
- <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-event-profile-map-container">
- <div id="glm-reg-map-container">
- <div id="glm-reg-map" class="glm-reg-map">(map loads here)</div>
+ <div class="small-12 columns">
+ <div class="row">
+ {if $regEvent.locations.lat && $regEvent.locations.lon}
+
+ <div class="small-12 medium-4 columns glm-reg-event-profile-map-container">
+ <div id="glm-reg-map-container">
+ <div id="glm-reg-map" class="glm-reg-map">(map loads here)</div>
+ </div>
</div>
- </div>
- <div class="glm-small-12 glm-columns glm-reg-event-profile-details">
- <div id="glm-reg-detail-map-button" class="button map-button">View Map</div>
- <form id="MemberDrivingDirectionsForm" name="MemberDrivingDirectionsForm" method="post" action="">
- <input type="hidden" id="MemberLocation" name="MemberLocation" value="{$member.member_name|escape}">
- <input type="hidden" id="MemberLat" name="MemberLat" value="{$regEvent.locations.lat}">
- <input type="hidden" id="MemberLon" name="MemberLon" value="{$regEvent.locations.lon}">
- <input type="submit" class="button map-button text-center glm-reg-detail-directions-button map-button" id="glm-reg-detail-directions-button" name="MemberDrivingDirectionSubmit" value="Directions">
- </form>
- </div>
- {/if}
- {literal}
- <% if ( descr ) { %><div class="glm-small-12 glm-columns glm-reg-event-profile-details"><%= descr %></div><% } %>
- <% if ( terms ) { %><div class="glm-small-12 glm-columns glm-reg-event-profile-details"><%= terms %></div><% } %>
-
- <div class="glm-small-12 glm-columns glm-reg-event-profile-details">
- <% if ( this.getClassCount() == 0 ) { %>
- <p> Registrations not available at this time. </p>
- <% } else { %>
- <% if ( !time_specific ) { %>
- <p>Attend any time during event</p>
- <% _.each(reg_time, function(rTime){ %>
- <% if ( rTime.attendee_max > 0 ) { %>
- <p> Maximum Registrants: <%= rTime.attendee_max %><br>
- Currently Available: <%= rTime.attendees_available %> </p>
- <% } %>
- <% }); %>
+ <div class="small-12 columns glm-reg-event-profile-details">
+ <div id="glm-reg-detail-map-button" class="button map-button">View Map</div>
+ <form id="MemberDrivingDirectionsForm" name="MemberDrivingDirectionsForm" method="post" action="">
+ <input type="hidden" id="MemberLocation" name="MemberLocation" value="{$member.member_name|escape}">
+ <input type="hidden" id="MemberLat" name="MemberLat" value="{$regEvent.locations.lat}">
+ <input type="hidden" id="MemberLon" name="MemberLon" value="{$regEvent.locations.lon}">
+ <input type="submit" class="button map-button text-center glm-reg-detail-directions-button map-button" id="glm-reg-detail-directions-button" name="MemberDrivingDirectionSubmit" value="Directions">
+ </form>
+ </div>
+ {/if}
+ {literal}
+ <% if ( descr ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= descr %></div><% } %>
+ <% if ( terms ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= terms %></div><% } %>
+
+ <div class="small-12 columns glm-reg-event-profile-details">
+ <% if ( this.getClassCount() == 0 ) { %>
+ <p> Registrations not available at this time. </p>
<% } else { %>
+ <% if ( !time_specific ) { %>
+ <p>Attend any time during event</p>
+ <% _.each(reg_time, function(rTime){ %>
+ <% if ( rTime.attendee_max > 0 ) { %>
+ <p> Maximum Registrants: <%= rTime.attendee_max %><br>
+ Currently Available: <%= rTime.attendees_available %> </p>
+ <% } %>
+ <% }); %>
+ <% } else { %>
+ <% } %>
<% } %>
- <% } %>
+ </div>
</div>
</div>
</div>
</div>
- <div class="glm-columns glm-small-12 glm-reg-classes"></div>
- <div class="glm-columns glm-small-12">
+ <div class="columns small-12 glm-reg-classes"></div>
+ <div class="columns small-12">
<div class="glm-reg-submit">
<div class="glm-reg-warning">You have not yet submitted your registration! <img src="{/literal}{$assetUrl}{literal}/fingerRightRed.svg" style="height: 2em;">
<input class="button" id="glm-reg-cart-continue" type="submit" value="Continue" />
{/literal}
{* Template for regClass *}{literal}
<script type="text/template" id="regClass-template">
- <div class="glm-row">
- <div class="glm-columns glm-small-12 glm-reg-class-container">
- <div class="glm-row glm-reg-event-details">
- <span class="glm-columns glm-small-12 glm-large-3 glm-reg-level-title glm-reg-level-info"><%= name %></span>
+ <div class="row">
+ <div class="columns small-12 glm-reg-class-container">
+ <div class="row glm-reg-event-details">
+ <span class="columns small-12 large-3 glm-reg-level-title glm-reg-level-info"><%= name %></span>
- <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> <%= reg_rate_name %> </div>
+ <div class="columns small-12 large-2 glm-reg-level-info"> <%= reg_rate_name %> </div>
<% if( reg_rate_base_price ){ %>
- <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> Base Rate: $<%= reg_rate_base_price %> </div>
+ <div class="columns small-12 large-2 glm-reg-level-info"> Base Rate: $<%= reg_rate_base_price %> </div>
<% } %>
<% if( reg_rate_per_reg ){ %>
- <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> Per Registrant: $<%= reg_rate_per_reg %> </div>
+ <div class="columns small-12 large-2 glm-reg-level-info"> Per Registrant: $<%= reg_rate_per_reg %> </div>
<% } %>
<% if( registrant_credits ){ %>
- <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> Per Registrant: $<%= registrant_credits %> </div>
+ <div class="columns small-12 large-2 glm-reg-level-info"> Per Registrant: $<%= registrant_credits %> </div>
<% } %>
- <div class="glm-columns glm-small-12 glm-reg-level-info">
+ <div class="columns small-12 glm-reg-level-info">
<%- descr %>
</div>
- <div class="glm-columns glm-small-12 glm-hidden">
+ <div class="columns small-12 glm-hidden">
<% if ( app.timeSpecific ) { %>
<input class="timeSelection" type="hidden" name="timeOption">
<% } else { %>
<% } %>
</div>
</div>
- <div class="reg-class-detail">
+ <div class="row reg-class-detail">
<div class="reg-class-times"> </div>
<% if ( app.timeSpecific ) { %>
- <div class="glm-reg-warning glm-medium-up">
+ <div class="glm-reg-warning show-for-medium-up">
Please select a Date / Time!
<img src="{/literal}{$assetUrl}{literal}/fingerRightRed.svg" style="height: 2em;">
</div>
- <div class="glm-reg-warning glm-small-only">
+ <div class="glm-reg-warning show-for-small-only">
Please select a Date / Time!
<img src="{/literal}{$assetUrl}{literal}/fingerDownRed.svg" style="height: 2em;">
</div>
<% } %>
</div>
</div>
-<!-- <div class="glm-columns glm-small-12 glm-large-6">
+<!-- <div class="columns small-12 large-6">
<div id="eventCalendar-<%= id %>" style="width: 95%;"></div>
</div>-->
</div>
<script type="text/template" id="eventReg-registrant-add">
{/literal}{if $regEvent.time_specific.value}
{/if}{literal}
- <div class="glm-row">
- <div class="glm-columns glm-small-12 glm-large-12">
+ <div>
+ <div>
<h4>{/literal}{$terms.reg_term_attendee_cap} Info{literal}</h4>
- <div class="glm-row">
- <div class="glm-columns glm-large-4 glm-small-12">First Name</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_fname" value="<%- fname %>"></div>
+ <div class="row">
+ <div class="columns large-4 small-12">First Name</div>
+ <div class="columns large-8 small-12"><input class="add_reg_fname" value="<%- fname %>"></div>
</div>
- <div class="glm-row">
- <div class="glm-columns glm-large-4 glm-small-12">Last Name</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_lname" value="<%- lname %>"></div>
+ <div class="row">
+ <div class="columns large-4 small-12">Last Name</div>
+ <div class="columns large-8 small-12"><input class="add_reg_lname" value="<%- lname %>"></div>
</div>
- <div class="glm-row">
- <div class="glm-columns glm-large-4 glm-small-12">Email Address</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_email" value="<%- email %>"></div>
+ <div class="row">
+ <div class="columns large-4 small-12">Email Address</div>
+ <div class="columns large-8 small-12"><input class="add_reg_email" value="<%- email %>"></div>
</div>
- <div class="glm-row">
+ <div>
<a class="show-hide-address">Address (show/hide)</a>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Address 1</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_addr1" value="<%- addr1 %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Address 1</div>
+ <div class="columns large-8 small-12"><input class="add_reg_addr1" value="<%- addr1 %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Address 2</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_addr2" value="<%- addr2 %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Address 2</div>
+ <div class="columns large-8 small-12"><input class="add_reg_addr2" value="<%- addr2 %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">City</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_city" value="<%- city %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">City</div>
+ <div class="columns large-8 small-12"><input class="add_reg_city" value="<%- city %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">State</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_state" value="<%- state %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">State</div>
+ <div class="columns large-8 small-12"><input class="add_reg_state" value="<%- state %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Zip/Postal Code</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_zip" value="<%- zip %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Zip/Postal Code</div>
+ <div class="columns large-8 small-12"><input class="add_reg_zip" value="<%- zip %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Country</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_country" value="<%- country %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Country</div>
+ <div class="columns large-8 small-12"><input class="add_reg_country" value="<%- country %>"></div>
</div>
{/literal}{if $regEvent.time_specific.value}
<!-- Selected Time: <span id="add_reg-select-time-display"></span> -->
{/if}{literal}
</div>
</div>
- <div class="glm-row">
+ <div>
<input class="add-new-registrant button tiny" value="Add {/literal}{$terms.reg_term_attendee_cap}{literal}" type="submit">
<a class="add-new-registrant-cancel">Cancel</a>
</div>
<div class="glm-registrant-edit" title="Edit"><%= fname %> <%= lname %> <%= email %><span class="dashicons dashicons-edit"></span></div>
<div class="reg-edit-form">
{/literal}{literal}
- <div class="glm-columns glm-small-12 glm-large-12">
+ <div class="columns small-12 large-12">
<h4>{/literal}{$terms.reg_term_attendee_cap} Info{literal}</h4>
- <div class="glm-row">
- <div class="glm-columns glm-large-4 glm-small-12">First Name</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_fname" value="<%- fname %>"></div>
+ <div class="row">
+ <div class="columns large-4 small-12">First Name</div>
+ <div class="columns large-8 small-12"><input class="reg_fname" value="<%- fname %>"></div>
</div>
- <div class="glm-row">
- <div class="glm-columns glm-large-4 glm-small-12">Last Name</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_lname" value="<%- lname %>"></div>
+ <div class="row">
+ <div class="columns large-4 small-12">Last Name</div>
+ <div class="columns large-8 small-12"><input class="reg_lname" value="<%- lname %>"></div>
</div>
- <div class="glm-row">
- <div class="glm-columns glm-large-4 glm-small-12">Email Address</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_email" value="<%- email %>"></div>
+ <div class="row">
+ <div class="columns large-4 small-12">Email Address</div>
+ <div class="columns large-8 small-12"><input class="reg_email" value="<%- email %>"></div>
</div>
- <div class="glm-row">
+ <div>
<a class="show-hide-address">Address (show/hide)</a>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Address 1</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_addr1" value="<%- addr1 %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Address 1</div>
+ <div class="columns large-8 small-12"><input class="reg_addr1" value="<%- addr1 %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Address 2</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_addr2" value="<%- addr2 %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Address 2</div>
+ <div class="columns large-8 small-12"><input class="reg_addr2" value="<%- addr2 %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">City</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_city" value="<%- city %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">City</div>
+ <div class="columns large-8 small-12"><input class="reg_city" value="<%- city %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">State</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_state" value="<%- state %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">State</div>
+ <div class="columns large-8 small-12"><input class="reg_state" value="<%- state %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Zip/Postal Code</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_zip" value="<%- zip %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Zip/Postal Code</div>
+ <div class="columns large-8 small-12"><input class="reg_zip" value="<%- zip %>"></div>
</div>
- <div class="glm-row ereg-addr">
- <div class="glm-columns glm-large-4 glm-small-12">Country</div>
- <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_country" value="<%- country %>"></div>
+ <div class="row ereg-addr">
+ <div class="columns large-4 small-12">Country</div>
+ <div class="columns large-8 small-12"><input class="reg_country" value="<%- country %>"></div>
</div>
</div>
{/literal}{if $regEvent.time_specific.value}
</div>
{/if}
- <div class="glm-reg-row">
- <div id="regApp" class="glm-columns glm-small-12">
+ <div class="row">
+ <div id="regApp" class="columns small-12">
</div>
</div>
</div>
<div id="checkoutSuccess">
- <div>
+ <div id="checkout-success-title">
<h3>Summary of Submitted Registration Request</h3>
</div>
- <div>
+ <div id="checkout-success-summary">
{$misc.summary_page_text}
</div>