Accountheader styles, checkout page billing/account switched
authorlaury <laury@gaslightmedia.com>
Thu, 21 Dec 2017 19:39:09 +0000 (14:39 -0500)
committerlaury <laury@gaslightmedia.com>
Thu, 21 Dec 2017 19:39:09 +0000 (14:39 -0500)
Accountheader has been gutted and restyled, now only having 3
sections.
Checkout page has had the billing and account sections switched
and asterisks added for required fields.
Minor adjustment to the spacing of the icons on the registration
list.

css/front.css
setup/frontHooks.php
views/front/registrations/accountHeader.html
views/front/registrations/cart.html
views/front/registrations/checkout.html
views/front/registrations/loginWidget.html [new file with mode: 0644]
views/front/registrations/registration.html

index 42f8471..1665863 100644 (file)
@@ -62,7 +62,7 @@
     position: absolute;
     width: 24px;
     height: 24px;
-    left: -12px;
+    left: -5px;
 }
 .glm-reg-contact-container::before{
     content: "";
@@ -94,7 +94,7 @@
     position: absolute;
     width: 24px;
     height: 24px;
-    left: -12px;
+    left: -5px;
 }
 .glm-reg-time::before{
     content: "";
     position: absolute;
     width: 24px;
     height: 24px;
-    left: -12px;
+    left: -5px;
 }
 .glm-reg-event-profile-map-container{
     padding: 0;
     position: absolute;
     width: 24px;
     height: 24px;
-    left: -12px;
+    left: -5px;
     
 }
 .glm-reg-terms-conditions{
 }
 .glm-reg-list-details{
     padding: 0;
-    margin: 0 0 5px 10px;
+    margin: 0 0 5px 15px;
 }
 .glm-reg-list-data{
     padding: 0;
@@ -413,7 +413,6 @@ body .glm-reg-proceed-to-checkout{
     font-size: 16px !important;
 }
 .reg-class-detail {
-    display: none;
     padding: 5px 10px;
 }
 .toggle-class-open {
@@ -555,7 +554,7 @@ span.glm-error {
     margin-left: 10px;
 }
 
-#glm-reg-widget {
+/*#glm-reg-widget {
     display: inline-block;
 }
 #glm-header-reg-widget{
@@ -565,7 +564,7 @@ span.glm-error {
 }
 #glm-header-reg-widget a{
     text-decoration: none;
-}
+}*/
 /*{{{ Media Queries */
 
 @media (min-width: 64.063em) {
@@ -651,7 +650,89 @@ span.glm-error {
     padding: 10px;
     margin-left: 10px;
 }
-#accountHeader .glm-reg-header-btn{
+#accountHeader {
+    max-width: 1024px;
+}
+#accountHeader .glm-reg-header-btn {
+    border-radius: 4px;
+    margin-bottom: 0;
+    padding: 12px 24px;
+}
+#accountHeader .glm-reg-header-btn:hover {
+    text-decoration: none;
+    
+}
+#accountHeader #register {
+    clear: both;
+}
+#accountHeader-left {
+    float: left;
+    text-align: center;
+}
+#accountHeader-left > * {
+    float: left;
+}
+#accountHeader-right > * {
+    float: right;
+}
+@media (max-width: 1024px) {
+    #accountHeader-left .glm-reg-header-btn {
+        float: none;
+        margin: 10px auto;
+        width: 250px;
+    }    
+    #accountHeader-right .glm-reg-header-btn {
+        float: none;
+        margin: 10px auto;
+        width: 250px;
+    }
+    #accountHeader .glm-reg-header-btn {
+        
+    }
+}
+#accountHeader-right {
+    float: right;
+    position: relative;
+    text-align: center;
+}
+
+#glm-header-reg-widget {
+    background-color: white;
+    border: 1px solid lightgrey;
+    clear: both;
+    float: none;
+    margin: 0 auto;
+    width: 250px;
+}
+#glm-header-reg-widget > a:hover {
+    text-decoration: none;
+}
+#glm-header-reg-widget > a:hover #registrations-cart-link-data {
+    text-decoration: underline;
+}
+#registrations-cart-link-title {
+    background-color: #008CBA;
+    color: white;
+    text-align: center;
+}
+#registrations-cart-link-title:hover {
+    color: white;
+    text-decoration: none;
+}
+#appLogin {
+    display: block;
+    width: 100px;
+;}
+#appLogin-box {
+    position: absolute;
+    top: 20px;
+    right: 0;
+}
+#appLogin-box.hidden {
+    height: 0;
+    overflow: hidden;
+}
+/*#accountHeader .glm-reg-header-btn{
     font-size: 16px;
     height: 60px;
     padding: 20px 20px;
@@ -678,7 +759,7 @@ span.glm-error {
     padding: 0;
     float: left;
     text-align: left;
-/*    margin-top: 12px;*/
+    margin-top: 12px;
 }
 #accountHeader #accountHeader-left .glm-reg-header-btn {
     float: left;
@@ -699,7 +780,7 @@ span.glm-error {
     width: 33%;
     float: right;
     text-align: right;
-/*    margin-top: 12px;*/
+    margin-top: 12px;
 }
 #accountHeader #accountHeader-right .glm-reg-header-btn:first-child {
     border-top-right-radius: 4px;
@@ -725,9 +806,9 @@ span.glm-error {
     min-height: 60px;
     width: 100%;
 }
-.progress-row{
-    margin-bottom: 25px !important;
-}
+*/.progress-row{
+    margin-bottom: 10px !important;
+}/*
 @media(max-width: 1024px) {
     
     #accountHeader {
@@ -777,7 +858,7 @@ span.glm-error {
         border-bottom-left-radius: 4px;
         border-bottom-right-radius: 4px;
     }
-}
+}*/
 #registrations-cart-link-title {
     font-size: 16px;
     border-bottom: 1px solid lightgrey;
@@ -792,9 +873,9 @@ span.glm-error {
     border-bottom: 1px solid lightgrey;
 }
 @media(max-width: 1024px) {
-    #glm-header-reg-widget a{
+/*    #glm-header-reg-widget a{
         display: block;
-    }
+    }*/
 /*    #accountHeader #accountHeader-center {
         text-align: center;
         float: none;
@@ -813,11 +894,11 @@ span.glm-error {
         margin: 10px auto;
         clear: both;
     }*/
-    #accountHeader #glm-header-reg-widget {
+/*    #accountHeader #glm-header-reg-widget {
         margin-top: 0;
         min-height: 0;
         border-width: 1px;
-    }
+    }*/
     .reg-class-accounts{
         padding-left: 0;
     }
@@ -858,13 +939,13 @@ span.glm-error {
     .glm-reg-image-container {
         text-align: left;
     }
-
+/*    
     #accountHeader #glm-header-reg-widget {
         width: 100%;
     }
     #accountHeader #glm-header-reg-widget #registrations-cart-link-widget {
         width: 100% !important;
-    }
+    }*/
     #regApp #glm-reg-event-name {
         width: auto;
         white-space: normal;
@@ -973,6 +1054,10 @@ span.glm-error {
 }
 .button.glm-reg-button {
     font-size: 16px;
+    border-radius: 4px;
+}
+.button.glm-reg-button:hover {
+    text-decoration: none;
 }
 
 #glm-reg-cart-continue, .glm-reg-checkout,#regSubmitButton{
@@ -994,7 +1079,7 @@ span.glm-error {
     text-decoration: underline;
 }
 .glm-reg-cart-registrant {
-
+    padding-left: 25px;
 }
 
 /* Checkout styles */
index f241572..6bf8e0f 100644 (file)
@@ -73,4 +73,4 @@ add_filter(
 
 add_filter( 'glm_members_registrations_header', function($view ){
     echo do_shortcode( '[glm-members-registrations-cart-link-widget view="accountHeader"]' );
-},10,1);
\ No newline at end of file
+},10,1);
index 1aa339f..a360b6c 100644 (file)
@@ -1,18 +1,12 @@
-<div id="accountHeader" class="row">
+<div id="accountHeader" class="glm-row">
+    
+    <div id="accountHeader-left" class="accountHeader-section small-12 medium-12 medium-centered large-4 large-uncentered columns">
+        <a id="accountHeader-list-link"href="{$regUrl}" class="button glm-reg-header-btn">
+            <span>Event Registration List</span>
+        </a>
 
-    <div id="accountHeader-left" class="accountHeader-section small-12 medium-12 medium-centered large-5 large-uncentered columns">
-        {if $page != 'register'}
-            <a href="{$regUrl}" class="button tiny glm-reg-header-btn">
-                <span>Register for Another Event</span>
-            </a>
-        {/if}
-        {if $page != 'cart'}
-            <a href="{$regUrl}?page=cart" class="button tiny glm-reg-header-btn">
-                <span>Return to Cart</span>
-            </a>
-        {/if}
     </div>
-    <div id="accountHeader-center" class="accountHeader-section small-12 medium-12 medium-centered large-3 large-uncentered columns">
+    <div id="accountHeader-center" class="accountHeader-section small-12 medium-12 medium-centered large-4 large-uncentered columns">
         <div id="glm-header-reg-widget">
             {if $haveCart && $numb_registrants > 0 && $numb_events > 0}
                 <a href="{$cartUrl}">
     </div>
     <div id="accountHeader-right" class="accountHeader-section small-12 medium-12 medium-centered large-4 large-uncentered columns">
     {if $loggedIn}
-        <a class="button tiny glm-reg-header-btn" href="{$regUrl}?page=login&option=logout">
+        <a class="button glm-reg-header-btn" href="{$regUrl}?page=login&option=logout">
             <span>Logout</span>
         </a>
         <span class="button glm-reg-header-btn" style="cursor: default;"> Logged in as {$loggedIn.fname} {$loggedIn.lname} </span>
     {else}
-        <a id="appLogin" class="button tiny glm-reg-header-btn" href="{$regUrl}?page=login">
+        <a id="appLogin" class="button glm-reg-header-btn" href="{$regUrl}?page=login">
             <span>Login</span>
         </a>
-        <a id="register" class="button tiny glm-reg-header-btn" href="{$regUrl}?page=register">
-            <span>Create an Account</span>
+<!--        <div id="appLogin" class="button glm-reg-header-btn hidden" href="#">
+            <span>Login</span>
+        </div>
+        <div id="appLogin-box">
+            {include file='front/registrations/loginWidget.html'}
+        </div>-->
+        <a id="register" class="" href="{$regUrl}?page=register">
+            <span>Create an Account?</span>
         </a>
+        
     {/if}
     </div>
 
@@ -116,5 +117,8 @@ jQuery(document).ready(function($) {
             }
         });
     });
+    loginBox = $("appLogin-box").click(function () {
+       this.toggleClass("hidden");
+    });
 });
 </script>
index 96ea03c..65e1020 100644 (file)
@@ -52,7 +52,7 @@
     </div>
   {else}
     <div id="glm-cart-checkout-button" class="glm-right">
-        <div class="glm-reg-warning">You have not yet submitted your registration! <img src="{$assetUrl}/fingerRightRed.svg" style="height: 2em;"> <a href="{$regUrl}?page=checkout" class="glm-reg-checkout button tiny glm-reg-button">Proceed to Checkout</a></div>
+        <div class="glm-reg-warning">You have not yet submitted your registration! <img src="{$assetUrl}/fingerRightRed.svg" style="height: 2em;"> <a href="{$regUrl}?page=checkout" class="glm-reg-checkout button glm-reg-button">Proceed to Checkout</a></div>
     </div>
   {/if}
     
index 033a3dd..71a9b2f 100644 (file)
@@ -1,5 +1,5 @@
 {apply_filters('glm_members_registrations_header', 'accountHeader')}
-
+{debug}
 {if true} <!-- if checkout process steps are enabled -->
     <div class="row progress-row">
         <div class="progress-container columns">
 <!--        <a href="#cart-summary">See summary of registration request and charges below</a>-->
 
         <div id="glm-reg-checkout-form">
-
+<!--
             <div>
                 <div class="glm-right" style="white-space; nowrap; padding-top: 1em;">
                     <span class="glm-reg-warning">Your registration is not complete! Please complete the form and click "Submit" below.</span> <img src="{$assetUrl}/fingerDownRed.svg" style="height: 2em;">
                 </div>
                 <h3 class="glm-left" style="clear: none;">Checkout</h3>
-            </div>
-
+            </div>-->
             <div class="glm-row">
-                <div class="glm-large-6 glm-small-12 glm-columns">
+                <div class="glm-large-6 glm-small-12 glm-columns">                    
+                    {if true}
+                    <div class="glm-reg-billing-info">                    
+                        <div class="row">
+                            <div class="columns small-12 text-right glm-reg-required">
+                                * Required Fields
+                            </div>
+                        </div>
+                        <h4>Billing Information</h4>
+
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fname} glm-reg-required{/if}">First Name{if $regAccount.fieldRequired.bill_fname} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_lname} glm-reg-required{/if}">Last Name{if $regAccount.fieldRequired.bill_lname} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr1} glm-reg-required{/if}">Address{if $regAccount.fieldRequired.bill_addr1} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr2} glm-reg-required{/if}">&nbsp;{if $regAccount.fieldRequired.bill_addr2} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_city} glm-reg-required{/if}">City{if $regAccount.fieldRequired.bill_city} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_state} glm-reg-required{/if}">State{if $regAccount.fieldRequired.bill_state} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_zip} glm-reg-required{/if}">Zip/Postal Code{if $regAccount.fieldRequired.bill_zip} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_country} glm-reg-required{/if}">Country{if $regAccount.fieldRequired.bill_country} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_phone} glm-reg-required{/if}">Phone{if $regAccount.fieldRequired.bill_phone} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fax} glm-reg-required{/if}">FAX{if $regAccount.fieldRequired.bill_fax} *{/if}</div>
+                            <div class="glm-reg-checkout-field-data 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>
+                    
+                    {/if}
                     <div class="glm-reg-account-info">
                         <h4>Account Information</h4>
+                        <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><input id="glm-reg-account-same" checked type="checkbox" name="account_same" value="1"{if $regAccount.accountSame} checked{/if}>&nbsp;Same as Billing Information</div></div>
       {if $regAccountId == 0 || true}
-                        <div class="glm-reg-row glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label 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-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.email} glm-reg-required{/if}">E-Mail Address{if $regAccount.fieldRequired.email} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.password} glm-reg-required{/if}">Password:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.password} glm-reg-required{/if}">Password{if $regAccount.fieldRequired.password} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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>
       {else}
-                        <div class="glm-reg-row glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap">E-Mail Address:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap">E-Mail Address</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label 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-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.fname} glm-reg-required{/if}">First Name{if $regAccount.fieldRequired.fname} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label 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-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.lname} glm-reg-required{/if}">Last Name{if $regAccount.fieldRequired.lname} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.org} glm-reg-required{/if}">Organization:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.org} glm-reg-required{/if}">Organization{if $regAccount.fieldRequired.org} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.title} glm-reg-required{/if}">Title:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.title} glm-reg-required{/if}">Title{if $regAccount.fieldRequired.title} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr1} glm-reg-required{/if}">Address:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr1} glm-reg-required{/if}">Address{if $regAccount.fieldRequired.addr1} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr2} glm-reg-required{/if}">&nbsp;</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr2} glm-reg-required{/if}">&nbsp;{if $regAccount.fieldRequired.addr2} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.city} glm-reg-required{/if}">City:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.city} glm-reg-required{/if}">City{if $regAccount.fieldRequired.city} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label 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-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.state} glm-reg-required{/if}">State/Province{if $regAccount.fieldRequired.state} *{/if}</div>
                             <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.state} glm-reg-fail{/if}">
                                 <select name="state">
                                     <option value=""></option>
                                 </select>
                             </div>
                         </div>
-                        <div class="glm-reg-row glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label 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-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.zip} glm-reg-required{/if}">Zip/Postal Code{if $regAccount.fieldRequired.zip} *{/if}</div>
                             <div class="glm-reg-checkout-field-data 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 glm-reg-account-field">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.country} glm-reg-required{/if}">Country:</div>
+                        <div class="glm-reg-row glm-reg-account-field glm-hidden">
+                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.country} glm-reg-required{/if}">Country{if $regAccount.fieldRequired.country} *{/if}</div>
                             <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.country} glm-reg-fail{/if}">
                                 <select name="country">
                                     <option value=""></option>
                             </div>
                         </div>
                     </div>
-                    {if true}
-                    <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" checked type="checkbox" name="billing_same" value="1"{if $regAccount.billingSame} checked{/if}>&nbsp;Same as Account Information</div></div>
-                        <div class="glm-reg-row glm-reg-bill-field glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr2} glm-reg-required{/if}">&nbsp;</div>
-                            <div class="glm-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hiddendid you">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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 glm-hidden">
-                            <div class="glm-reg-checkout-field-label 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-reg-checkout-field-data 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>
-                    
-                    {/if}
                 </div>
                 <div class="glm-small-12 glm-large-6 glm-columns glm-reg-cart-summary">
                          <h4 id="cart-summary">Registration Summary</h4>
                         {include file='front/registrations/cartSummary.html'}
                 </div>
             </div>
+
   {if $cart.totalCharges > 0}
             <div class="glm-row">
                 <div class="glm-large-6 glm-small-12 glm-columns">
                             {if $pmName == "CompCode"} 
                                 <div id="payMethod_{$pmNumb}" class="payMethodSelection glm-hidden">
                                     <div class="glm-reg-row">
-                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.comp_code} glm-reg-required{/if}">Enter code:</div>
+                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.comp_code} glm-reg-required{/if}">Enter code{if $regAccount.fieldRequired.comp_code} *{/if}</div>
                                         <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.comp_code} glm-reg-fail{/if}">
                                             <input type="text" name="comp_code" value="{$regAccount.fieldData.comp_code}"{if $regAccount.fieldRequired.comp_code} required{/if} class="payMethodInput payMethodInput_{$pmNumb}">
                                         </div>
                                 
                                 <div id="payMethod_{$pmNumb}" class="payMethodSelection glm-hidden">
                                     <div class="glm-reg-row">
-                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_name} glm-reg-required{/if}">Name on Card:</div>
+                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_name} glm-reg-required{/if}">Name on Card{if $regAccount.fieldRequired.cc_name} *{/if}</div>
                                         <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.cc_name} glm-reg-fail{/if}">
                                             <input type="text" name="cc_name" value="{$regAccount.fieldData.cc_name}"{if $regAccount.fieldRequired.cc_name} required{/if} class="payMethodInput payMethodInput_{$pmNumb}">
                                         </div>
                                     </div>
                                     <div class="glm-reg-row">
-                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_type} glm-reg-required{/if}">Card Type:</div>
+                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_type} glm-reg-required{/if}">Card Type{if $regAccount.fieldRequired.cc_type} *{/if}</div>
                                         <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.cc_type} glm-reg-fail{/if}">
                                             <select name="cc_type" class="payMethodInput payMethodInput_{$pmNumb}">
                                                 <option value=""></option>
                                         </div>
                                     </div>
                                     <div class="glm-reg-row">
-                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_numb} glm-reg-required{/if}">Card Number:</div>
+                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_numb} glm-reg-required{/if}">Card Number{if $regAccount.fieldRequired.cc_numb} *{/if}</div>
                                         <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.cc_numb} glm-reg-fail{/if}">
                                             <input type="text" placeholder="Numbers Only" name="cc_numb" value="{$regAccount.fieldData.cc_numb}"{if $regAccount.fieldRequired.cc_numb} required{/if} class="payMethodInput payMethodInput_{$pmNumb} cc-input">
                                        </div>
                                     </div>
                                     <div class="glm-reg-row">
-                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_exp} glm-reg-required{/if}">Card Expiration:</div>
+                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_exp} glm-reg-required{/if}">Card Expiration{if $regAccount.fieldRequired.cc_exp} *{/if}</div>
                                         <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.cc_exp} glm-reg-fail{/if}">
                                             <input type="text" placeholder="MM/YY" name="cc_exp" value="{$regAccount.fieldData.cc_exp}"{if $regAccount.fieldRequired.cc_exp} required{/if} class="payMethodInput payMethodInput_{$pmNumb} expire-input">
                                         </div>
                                     </div>
                                     <div class="glm-reg-row">
-                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_cvv} glm-reg-required{/if}">CVV:</div>
+                                        <div class="glm-reg-checkout-field-label glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.cc_cvv} glm-reg-required{/if}">CVV{if $regAccount.fieldRequired.cc_cvv} *{/if}</div>
                                         <div class="glm-reg-checkout-field-data glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.cc_cvv} glm-reg-fail{/if}">
                                             <input type="text" placeholder="3 or 4 digit security code on back of card" name="cc_cvv" value="{$regAccount.fieldData.cc_cvv}"{if $regAccount.fieldRequired.cc_cvv} required{/if} class="payMethodInput payMethodInput_{$pmNumb} cvv-input">
                                         </div>
     {/if}
 
             <div class="glm-right" style="white-space; nowrap;">
-                <span class="glm-reg-warning">You have one more step to complete your registration!</span> <img src="{$assetUrl}/fingerRightRed.svg" style="height: 2em;"> <input id="regSubmitButton" type="submit" value="Submit Registration Request" class="button tiny">
+                <!--<span class="glm-reg-warning">You have one more step to complete your registration!</span> <img src="{$assetUrl}/fingerRightRed.svg" style="height: 2em;">--> 
+                <input id="regSubmitButton" type="submit" value="Submit Registration Request" class="button glm-reg-button">
             </div>
 
         </form>
 
         });
 
-        $('#glm-reg-bill-same').on('change', function() {
-            isBillSameChecked();
+        $('#glm-reg-account-same').on('change', function() {
+            isAccountSameChecked();
         });
-        function isBillSameChecked() {
-            if ($("#glm-reg-bill-same").is(':checked')) {
-                $('.glm-reg-bill-field').addClass('glm-hidden');
+        function isAccountSameChecked() {
+            if ($("#glm-reg-account-same").is(':checked')) {
+                $('.glm-reg-account-field').addClass('glm-hidden');
             } else {
-                $('.glm-reg-bill-field').removeClass('glm-hidden');
+                $('.glm-reg-account-field').removeClass('glm-hidden');
             }
         };
-        isBillSameChecked();
+        isAccountSameChecked();
 
         // Various input masks for credit card input
         $(".cc-input").mask("0000000000000###");
diff --git a/views/front/registrations/loginWidget.html b/views/front/registrations/loginWidget.html
new file mode 100644 (file)
index 0000000..e53d8fd
--- /dev/null
@@ -0,0 +1,45 @@
+<form action="{$regUrl}?page=login" method="post">
+    <input type="hidden" name="option" value="submit">
+    <input type="hidden" name="page" value="login">
+
+    <div class="glm-row">
+        <div class="glm-columns glm-small-12 glm-medium-8">
+            <div class="glm-reg-login">
+
+                <h4>Login</h4>
+                <div class="glm-row">
+                    <div class="glm-columns glm-large--12">
+                        {if $message}<span style="color: red;">{$message}</span>{/if}
+                    </div>
+                </div>
+                <div class="glm-row">
+                    <div class="glm-columns glm-small-12">
+                        <label style="color:red;">Email Address</label>
+                    </div>
+                    <div class="glm-columns glm-small-12">
+                        <input class="login" type="email" name="username" value="">
+                    </div>
+                </div>
+                <div class="glm-row">
+                    <div class="glm-columns glm-small-12">
+                        <label style="color:red;">Password</label>
+                    </div>
+                    <div class="glm-columns glm-small-12">
+                        <input class="password" type="password" name="password" value="">
+                    </div>
+                </div>
+                <div class="glm-row">
+                    <div class="glm-columns glm-large--12">
+                        <input type="submit" class="accountLogin" value="Login">
+                    </div>
+                </div>
+                <div class="glm-row">
+                    <div class="glm-columns glm-large--12">
+                        <a class="forgotLogin" href="{$regUrl}?page=forgot">Forgot Password</a>
+                    </div>
+                </div>
+
+        </8div>
+        </div>
+    </div>
+</form>
\ No newline at end of file
index 22e737e..edac800 100644 (file)
         <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" />
+                    <input class="button glm-reg-button" id="glm-reg-cart-continue" type="submit" value="Continue" />
                 </div>
             </div>
         </div>
                     <% } %>
                 </div>
             </div>
-            <div class="row reg-class-detail collapsed">
+            <div class="row reg-class-detail">
                 &nbsp;
                 <div class="reg-class-times"> </div>
 
     <% if ( app.timeSpecific ) { %>
         <b><%= start_datetime.datetime %></b>
     <% } %>
-    <button class="glm-add-new-account tiny">Add New {/literal}{$terms.reg_term_attendee_cap}{literal}</button>
+    <button class="glm-add-new-account">Add New {/literal}{$terms.reg_term_attendee_cap}{literal}</button>
     <div class="reg-class-accounts"></div>
 </script>
 {/literal}
             </div>
         </div>
     <div>
-        <input class="add-new-registrant button tiny" value="Save {/literal}{$terms.reg_term_attendee_cap}{literal}" type="submit">
-        <a class="add-new-registrant-cancel button tiny">Cancel</a>
+        <input class="add-new-registrant button" value="Save {/literal}{$terms.reg_term_attendee_cap}{literal}" type="submit">
+        <a class="add-new-registrant-cancel button glm-reg-button">Cancel</a>
     </div>
 </script>
 {/literal}
                 </div>
             {/if}{literal}
             <div class="update-registrant-button-container">
-                <input class="update-registrant button tiny" value="Update {/literal}{$terms.reg_term_attendee_cap}{literal}" type="submit">
+                <input class="update-registrant button" value="Update {/literal}{$terms.reg_term_attendee_cap}{literal}" type="submit">
                 <a class="update-registrant-cancel button tiny">Cancel</a>
             </div>
         </div>