PageSourceSearch

https://www.cpastl.ca/login/

html cpastl.ca collected 2026-10-04 20:10:25 UTC 173,899 bytes, 3,704 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3	<head>
4		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
5		<meta name = "viewport" content = "width=device-width,initial-scale=1" />
6		<link rel="shortcut icon" href="/sites/images/favicon.ico" />
7		<title>CPA Saint-Laurent</title>
8		<meta name="description" content="Welcome to CPA Saint-Laurent!" />
9		<meta name="keywords" content="" />
10				<!--[if lte IE 8]>
11<link rel="stylesheet" type="text/css" href="/css/ie.css" />
12<![endif]-->
13	<link type="text/css" href="/js/chosen/chosen.min.css?1790775045" rel="stylesheet">
14	<link type="text/css" href="/css/overcast/jquery-ui-1.10.3.custom.min.css?1790775045" rel="stylesheet">
15	<link type="text/css" href="/css/tooltipster.bundle.min.css?1790775045" rel="stylesheet">
16	<link type="text/css" href="/css/themes/tooltipster-sideTip-shadow.min.css?1790775045" rel="stylesheet">
17	<link type="text/css" href="/css/introjs.min.css?1790775045" rel="stylesheet">
18	<link type="text/css" href="/css/ui.css?1790775045" rel="stylesheet">
19	<link type="text/css" href="/css/multi.min.css?1790775045" rel="stylesheet">
20	<link type="text/css" href="/js/fancybox/jquery.fancybox-1.3.4.css?1790775045" rel="stylesheet">
21	<link type="text/css" href="/js/selectize/css/selectize.css?1790775045" rel="stylesheet">
22	<link type="text/css" href="/css/selectize-disable.css?1790775045" rel="stylesheet">
23	<link type="text/css" href="/css/bootstrap.min.css?1790775045" rel="stylesheet">
24	<link type="text/css" href="/css/login.css?1790775045" rel="stylesheet">
25	<link type="text/css" href="/themes/fullWidth/css/theme.css?1790775045" rel="stylesheet">
26	<link type="text/css" href="/sites/css/site.css?1779507329" rel="stylesheet">
27	<link type="text/css" href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald&display=swap" rel="stylesheet">
28
29
30	
30<script type="text/javascript" src="/globals.php?msg_lang=eng&1790775045"></script>
vendor: 1 bytes, line 30
30
31<script>
32	window.dataLayer = window.dataLayer || [];
33	function gtag(){dataLayer.push(arguments);}
34</script>
vendor: 68 bytes, lines 34-39
34
35
36
37
38
39<script async src="https://www.googletagmanager.com/gtag/js?id=
39G-KN2DJFQGL1
vendor: 12 bytes, line 39
39"></script>
40<script>
41	gtag('js', new Date());
42	gtag('config', 'G-KN2DJFQGL1');
43</script>
43
44
45
46<script type="text/javascript">
47	server_timezone = -240;
48	registration_timer_display_time = 900;
49	lang = 'eng';
50						_CURRENT_COOKIE_POLICY_VERSIONS = [];
51				_ACCOUNTING_SETTING = {"currency":{"symbol":"$","format":{"pos":"%s%v","zero":"%s%v","neg":"- %s%v"},"decimal":".","thousand":",","precision":2},"number":{"precision":2,"thousand":",","decimal":"."},"symbolWithSign":"- $"};
52					_DATE_FORMATS = {"7":"h:mm A","8":"h:mm:ss A","6":"MMMM D, Y [at] h:mm A","5":"MMMM D, Y","4":"MMM D, Y, h:mm A","3":"MMM D, Y","2":"Y-MM-DD h:mm A","1":"Y-MM-DD","9":"Y-MM-DD h:mm:ss A","10":"MMM","11":"DD\/MM\/YY","12":"DD\/MM\/YY h:mm A","13":"DD\/MM\/YY h:mm:ss A"};
53				MOMENT_LOCALE = "en-ca";
54	
55			SHORT_DATE = 1;
56				SHORT_DATE_TIME = 2;
57				MEDIUM_DATE = 3;
58				MEDIUM_DATE_TIME = 4;
59				LONG_DATE = 5;
60				LONG_DATE_TIME = 6;
61				TIME_ONLY = 7;
62				TIME_WITH_SEC = 8;
63				SHORT_DATE_TIME_WITH_SEC = 9;
64				LARGE_FILE_UPLOAD = true;
65	
66			lang = "eng";
67				_SITE_LANGUAGES = ["eng","fre"];
68	
69	languages = ["eng","fre"];
70
71	langOptions = {"eng":"English","fre":"fran\u00e7ais"};
72
73				participantSample = {"account_id":null,"birthdate":null,"category_level_id":null,"deleted":0,"first_name":null,"gender_id":null,"guid":null,"last_name":null,"league_participant_id":null,"participant_id":null,"participant_since":null,"update_time":null,"user_id":null,"id":null,"name":"","corporate_name":"","dropdownLabel":"","context_id":0,"site_field_values":{"1":[],"2":[],"3":[],"4":[],"5":[],"6":[],"7":[],"8":[],"9":[],"31":[],"12":[],"14":[],"15":[],"16":[],"17":[],"18":[],"19":[],"28":[],"37":[],"38":[],"40":[],"41":[],"42":[],"51":[],"53":[],"61":[]},"site_participant_field_values":{"_skate_canada_number":{"value":"","icon":"","skateCanadaContactId":false,"field_name":""}},"constraints":{"first_name":{"presence":{"allowEmpty":false,"message":"First Name is required."}},"last_name":{"presence":{"allowEmpty":false,"message":"Last Name is required."}},"gender_id":{"inclusion":{"within":["2","1"],"message":"Gender is required."}},"birthdate":{"datetime":{"dateOnly":true,"message":"Birthdate is required."}}},"instructor":null,"participant_since_formatted":"2026-10-04","birthdate_formatted":null,"instructors":[],"deletable":null,"can_edit":false,"can_view":false,"can_register":false,"can_unlink":false,"roles":[],"site_groups":[],"policies":[],"age":null,"displayAge":null,"instructor_ids":[]};
74	            preventDuplicates = false;
75    	var adminScope = false;
76	
77	allGenders = {"2":{"deleted":0,"description_string_id":3145,"gender_code":"F","gender_id":2,"guid":null,"league_gender_id":null,"sc_gender_code":"F","sort_order":0,"local_string":{"eng":{"summary":"Female","content":null},"fre":{"summary":"Femme","content":null}}},"1":{"deleted":0,"description_string_id":3144,"gender_code":"M","gender_id":1,"guid":null,"league_gender_id":null,"sc_gender_code":"M","sort_order":1,"local_string":{"eng":{"summary":"Male","content":null},"fre":{"summary":"Homme","content":null}}}};
78
79	
80			isSiteLive = true;
81	
82    		policyMandatoryScroll = true;
83        	birthdateRequired = 1;
84    
85	var __RESPONSIVE_SLIDERS_URL = '/js/ui-widgets/responsiveslides.min.js';
86	var __INCLUDE_CSS = '/js/chosen/chosen.min.css?1790775045,/css/overcast/jquery-ui-1.10.3.custom.min.css?1790775045,/css/tooltipster.bundle.min.css?1790775045,/css/themes/tooltipster-sideTip-shadow.min.css?1790775045,/css/introjs.min.css?1790775045,/css/ui.css?1790775045,/css/multi.min.css?1790775045,/js/fancybox/jquery.fancybox-1.3.4.css?1790775045,/js/selectize/css/selectize.css?1790775045,/css/selectize-disable.css?1790775045,/css/bootstrap.min.css?1790775045,/css/login.css?1790775045,/themes/fullWidth/css/theme.css?1790775045,/sites/css/site.css?1779507329,https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald&display=swap';
87        require_address = true;
88    			POLICY_KEY_VALUE_TAGS = {"member_name":"Contact (Parent\/Guardian) Name","member_first_name":"Contact (Parent\/Guardian) First Name","member_last_name":"Contact (Parent\/Guardian) Last Name","member_address1":"Address Line 1","member_address2":"Address Line 2","member_city":"City","member_prov_state":"Province \/ State","member_postal_zip":"Postal \/ Zip Code","member_country":"Country","member_tel":"Telephone","member_tel_alt":"Mobile","member_email":"Email","participant_first_name":"Skater First Name","participant_last_name":"Skater Last Name","participant_name":"Skater Name","participant_birthdate":"Skater Birthdate","participant_age":"Skater Age","participant_gender":"Skater Gender","signature":"Signature","initials":"Initials","checkbox":"Checkbox","custom_field":"Custom Field","expiry|short_date":"Expiry (Short Date)","expiry|medium_date":"Expiry (Medium Date)","expiry|long_date":"Expiry (Long Date)","current_date|short_date":"Current Date (Short)","current_date|medium_date":"Current Date (Medium)","current_date|long_date":"Current Date (Long)","current_date|time":"Current Date (Time)","current_date":"Date","qrcode":"QR Code"};
89	    	POLICY_FONT_OPTIONS = [{"k":"inherit","v":"-- Signature Font --"},{"k":"'Italianno', cursive","v":"Italianno"},{"k":"'Dancing Script', cursive","v":"Dancing Script"},{"k":"'Birthstone', cursive","v":"Birthstone"},{"k":"'Euphoria Script', cursive","v":"Euphoria Script"},{"k":"'Pinyon Script', cursive","v":"Pinyon Script"}];
90        		POLICY_DATE_TAGS = ["current_date|short_date","current_date|medium_date","current_date|long_date","current_date|time"];
91    	
92	var price_inclusive_of_taxes = false;
93    	price_inclusive_of_taxes = false;
94            var autoRenewWizardOptions = {"recurrence_types":[{"k":"month","v":"Monthly"},{"k":"year","v":"Yearly"},{"k":"week","v":"Weekly"},{"k":"day","v":"Daily"}],"recurrence_labels_by_type":{"day":"day(s)","week":"week(s)","month":"month(s)","year":"year(s)"}};
95	var UPLIFTER_STRTOTIME_SETTINGS = {"regex":"\/previous\\s*((((2[0-8]|1[0-9]|[1-9])|(last))\\s*day)?\\s*by\\s*(month[s]?)|((monday)|(tuesday)|(wednesday)|(thursday)|(friday)|(saturday)|(sunday))?\\s*by\\s*(week[s]?)|\\s*by\\s*(year[s]?))\/","day_number":4,"last":5,"month":6,"week_days_gap":7,"monday":8,"tuesday":9,"wednesday":10,"thursday":11,"friday":12,"saturday":13,"sunday":14,"week":15};
96	UPLIFTER_STRTOTIME_SETTINGS.regex = /previous\s*((((2[0-8]|1[0-9]|[1-9])|(last))\s*day)?\s*by\s*(month[s]?)|((monday)|(tuesday)|(wednesday)|(thursday)|(friday)|(saturday)|(sunday))?\s*by\s*(week[s]?)|\s*by\s*(year[s]?))/;
97</script>
97<!--[if lte IE 8]>
98<script type="text/javascript" src="/js/ie.js"></script>
vendor: 1 bytes, line 98
98
99<script type="text/javascript" src="/js/es5-shim.min.js"></script>
vendor: 1 bytes, line 99
99
100<script type="text/javascript" src="/js/es5-sham.min.js"></script>
100
101<![endif]-->
102<script type="text/javascript" src="/js/es6-shim.min.js"></script>
vendor: 1 bytes, line 102
102
103<script type="text/javascript" src="/js/es6-sham.min.js"></script>
103
104	
104<script type="text/javascript" src="/js/jquery-1.8.3.min.js?1790775045"></script>
104
105	
105<script type="text/javascript" src="/js/jquery-migrate-1.1.1.min.js?1790775045"></script>
105
106	
106<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js?1790775045"></script>
106
107	
107<script type="text/javascript" src="/js/chosen/chosen.jquery.min.js?1790775045"></script>
107
108	
108<script type="text/javascript" src="/js/multi.js?1790775045"></script>
108
109	
109<script type="text/javascript" src="/js/modernizr.custom.js?1790775045"></script>
109
110	
110<script type="text/javascript" src="/js/jquery.flexnav.min.js?1790775045"></script>
110
111	
111<script type="text/javascript" src="/js/tooltipster.bundle.min.js?1790775045"></script>
111
112	
112<script type="text/javascript" src="/js/strtotime.js?1790775045"></script>
112
113	
113<script type="text/javascript" src="/js/ui.js?1790775045"></script>
113
114	
114<script type="text/javascript" src="/js/localizedFields.js?1790775045"></script>
114
115	
115<script type="text/javascript" src="/js/disableAutoFill.js?1790775045"></script>
115
116	
116<script type="text/javascript" src="/js/jquery.serializejson.min.js?1790775045"></script>
116
117	
117<script type="text/javascript" src="/js/jquery.ui.touch-punch.min.js?1790775045"></script>
117
118	
118<script type="text/javascript" src="/js/jquery-ui-timepicker-addon.js?1790775045"></script>
118
119	
119<script type="text/javascript" src="/js/introjs.min.js?1790775045"></script>
119
120	
120<script type="text/javascript" src="/js/validate.min.js?1790775045"></script>
120
121	
121<script type="text/javascript" src="/js/fancybox/jquery.fancybox-modified-1.3.4.js?1790775045"></script>
121
122	
122<script type="text/javascript" src="/js/knockout-min-3.4.0.js?1790775045"></script>
122
123	
123<script type="text/javascript" src="/js/knockout.mapping-min-2.6.0.js?1790775045"></script>
123
124	
124<script type="text/javascript" src="/js/knockout.validation-min-2.0.3.js?1790775045"></script>
124
125	
125<script type="text/javascript" src="/js/utils/utils.js?1790775045"></script>
125
126	
126<script type="text/javascript" src="/js/moment.min.js?1790775045"></script>
126
127	
127<script type="text/javascript" src="/js/moment-timezone.js?1790775045"></script>
127
128	
128<script type="text/javascript" src="/js/selectize/js/standalone/selectize.min.js?1790775045"></script>
128
129	
129<script type="text/javascript" src="/js/selectize-disabled.js?1790775045"></script>
129
130	
130<script type="text/javascript" src="/js/ko_selectize.js?1790775045"></script>
130
131	
131<script type="text/javascript" src="/js/accounting.min.js?1790775045"></script>
131
132	
132<script type="text/javascript" src="/js/knockout-custom-bindings.js?1790775045"></script>
132
133	
133<script type="text/javascript" src="/js/underscore/underscore-min.js?1790775045"></script>
133
134	
134<script type="text/javascript" src="/js/bootstrap.min.js?1790775045"></script>
134
135	
135<script type="text/javascript" src="/js/jquery.selectlist.min.js?1790775045"></script>
135
136	
136<script type="text/javascript" src="/js/login.js?1790775045"></script>
136
137	
137<script type="text/javascript" src="/js/recaptcha.js?key=6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq&amp;1790775045"></script>
vendor: 1 bytes, line 137
137
138<script type="text/javascript">
139	var moment_timezone = 'America/Toronto';
140    
141	if (accounting && _ACCOUNTING_SETTING) {
142		accounting.settings = _ACCOUNTING_SETTING
143	}
144
145	let setTimezone = function () {
146		if (typeof moment === 'function' && typeof moment.tz === 'function') {
147			moment.tz.setDefault(moment_timezone);
148		}
149		moment.locale(MOMENT_LOCALE || 'en');
150	};
151
152	if(typeof moment === 'function') {
153		setTimezone();
154	} else if(typeof jQuery === 'function') {
155		$(document).ready(setTimezone)
156    } else {
157    	window.addEventListener('load', setTimezone);
158	}
159    
160</script>
160
161
162	</head>
163	<body id="topPage">
164		
164<script>
vendor: 332 bytes, lines 164-171
164
165
166(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
167	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
168	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
169})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
170
171ga('create', '
171UA-53549833-1
vendor: 42 bytes, lines 171-173
171', {
172	'cookieDomain': 'www.cpastl.ca'
173});
174ga('set','anonymizeIp', true);
175ga('send', 'pageview');
176
177</script>
177
178	<input type="hidden" class="recaptcha" data-action="pageView" data-sitekey="6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq" />
179	<div id="footerAgreement" class="animated fadeInUp">
180				<div class="m-row">
181			<div class="m-cell-lock fourFifth">
182				<div class="m-cellpad-h"> <b>Browser Cookies</b> </div>
183			</div>
184			<div class="m-cell-lock oneFifth textRight">
185				<div class="m-cellpad-h">
186					<span class="icon-x" id="footerClose"></span>
187				</div>
188			</div>
189		</div>
190		<div class="m-row">
191			<div class="m-cell-lock fiveSixth small-fourFifth xsmall-fullWidth">
192				<div class="m-cellpad"> This site uses cookies necessary to properly function. By closing this popup, clicking a link or continuing to browse otherwise, you agree to the use of cookies. <a href="/ajax/cookies.php" class="fancybox">View our policies.</a> </div>
193			</div>
194			<div class="m-cell-lock oneSixth small-oneFifth xsmall-fullWidth textRight buttonBar">
195				<div class="m-cellpad">
196					<button class="btnAction" id="footerAgree">Accept</button>
197				</div>
198			</div>
199		</div>
200	</div>		<noscript>
201			
202				<style type="text/css">
203					.js_only{
204						display:none;
205					}
206				</style>
207			
208		</noscript>
209
210		<div id="header">
211			<div id="topNav">
212	<div class="fixedContainer">
213		<span class="greeting">
214	<span class="contentPlaceholder" data-content-placeholder="greeting"></span>
215</span>		<nav class="dropdown">
216			<ul id="topNavMenu">
217										
218										
219										
220										
221										
222										
223										
224													
225	<li class="Login" data-content-placeholder="userNavLis">
226		        		 <a title="Login" class="userLogin userMenuItem" href="/login/"  > 										<span class="menuText">Login</span>
227														</a>
228										</li>
229							</ul>
230		</nav>
231		<div class="clear"></div>
232	</div>
233</div>			<div id="clubLogo" class="fixedContainer">
234				 <a href="/" > <img id="headerImage" data-src-large="/sites/images/top_header.png?1791144625" data-src-small="/sites/images/logo-mobile.png?1791144625" title="CPA Saint-Laurent" alt="CPA Saint-Laurent"/> </a> </div>
235			
235<script>setHeaderImage();</script>
235
236			<nav id="mainNav" class="dropdown">
237	<span class="menuTarget" title="Menu"></span>
238		<ul class="menuItems" id="mainNavMenu">
239						
240					
241	<li class="Club" >
242		        		 <a title="Club" class="" href="/pages/faq/"  > 										<span class="menuText">Club</span>
243														</a>
244							
245				
246																																																																																																																																	
247								<ul>
248																		
249	<li class="OurStory" >
250		        		 <a title="Our Story" class="" href="/pages/faq/history/"  > 										<span class="menuText">Our Story</span>
251														</a>
252							
253				
254																												
255				
256						</li>
257																								
258	<li class="Boardofdirectors" >
259		        		 <a title="Board of directors" class="" href="/pages/faq/board-director/"  > 										<span class="menuText">Board of directors</span>
260														</a>
261							
262				
263																												
264				
265						</li>
266																								
267	<li class="Coaches" >
268		        		 <a title="Coaches" class="" href="/pages/faq/coaches/"  > 										<span class="menuText">Coaches</span>
269														</a>
270							
271				
272																												
273				
274						</li>
275																								
276	<li class="ProgramAssistants" >
277		        		 <a title="Program Assistants" class="" href="/pages/faq/program-assistants/"  > 										<span class="menuText">Program Assistants</span>
278														</a>
279							
280				
281																												
282				
283						</li>
284																								
285	<li class="Policies" >
286		        		 <a title="Policies" class="" href="/pages/faq/policies/"  > 										<span class="menuText">Policies</span>
287														</a>
288										</li>
289																									
290																									
291																								
292	<li class="FourContinentsVideoJasonHolly" >
293		        		 <a title="Four Continents Video Jason &amp; Holly" class="" href="/pages/faq/testvideo/"  > 										<span class="menuText">Four Continents Video Jason &amp; Holly</span>
294														</a>
295										</li>
296																								
297	<li class="Lindt" >
298		        		 <a title="Lindt" class="" href="/pages/faq/lindt/"  > 										<span class="menuText">Lindt</span>
299														</a>
300										</li>
301																				</ul>
302				
303						</li>
304					
305	<li class="Programs" >
306		        		 <a title="Programs" class="" href="/pages/programs/"  > 										<span class="menuText">Programs</span>
307														</a>
308							
309				
310																																																																																					
311								<ul>
312																		
313	<li class="CanSkate" >
314		        		 <a title="CanSkate" class="" href="/pages/programs/canskate/"  > 										<span class="menuText">CanSkate</span>
315														</a>
316										</li>
317																								
318	<li class="STARGrouplessons" >
319		        		 <a title="STAR Group lessons" class="" href="/pages/programs/prejunior/"  > 										<span class="menuText">STAR Group lessons</span>
320														</a>
321										</li>
322																								
323	<li class="AdultSkate" >
324		        		 <a title="AdultSkate" class="" href="/pages/programs/adultskate/"  > 										<span class="menuText">AdultSkate</span>
325														</a>
326										</li>
327																								
328	<li class="Private" >
329		        		 <a title="Private" class="" href="/pages/programs/starskate/"  > 										<span class="menuText">Private</span>
330														</a>
331							
332				
333																																																																																																
334								<ul>
335																		
336	<li class="STAR15" >
337		        		 <a title="STAR 1-5" class="" href="/pages/programs/starskate/star-1-5/"  > 										<span class="menuText">STAR 1-5</span>
338														</a>
339					</li>
340																								
341	<li class="Becominganofficial" >
342		        		 <a title="Becoming an official" class="" href="/pages/programs/starskate/becoming-an-official/"  > 										<span class="menuText">Becoming an official</span>
343														</a>
344					</li>
345																								
346	<li class="HowJudgingWorks" >
347		        		 <a title="How Judging Works" class="" href="/pages/programs/starskate/how-judging-works/"  > 										<span class="menuText">How Judging Works</span>
348														</a>
349					</li>
350																								
351	<li class="TheAthlete" >
352		        		 <a title="The Athlete" class="" href="/pages/programs/starskate/the-athlete/"  > 										<span class="menuText">The Athlete</span>
353														</a>
354					</li>
355																								
356	<li class="UsefulDocuments" >
357		        		 <a title="Useful Documents" class="" href="/pages/programs/starskate/useful-documents/"  > 										<span class="menuText">Useful Documents</span>
358														</a>
359					</li>
360																									
361																				</ul>
362				
363						</li>
364																									
365																				</ul>
366				
367						</li>
368					
369	<li class="Events" >
370		        		 <a title="Events" class="" href="/pages/events/"  > 										<span class="menuText">Events</span>
371														</a>
372							
373				
374																																																																																																																																	
375								<ul>
376																			
377																									
378																								
379	<li class="IceShow" >
380		        		 <a title="Ice Show" class="" href="/pages/events/ice-show/"  > 										<span class="menuText">Ice Show</span>
381														</a>
382							
383				
384																																																																																																																																																																																																			
385								<ul>
386																		
387	<li class="CanSkateIceShowRegistration" >
388		        		 <a title="CanSkate Ice Show Registration" class="" href="/pages/events/ice-show/participation-forms/"  > 										<span class="menuText">CanSkate Ice Show Registration</span>
389														</a>
390					</li>
391																									
392																								
393	<li class="Schedules" >
394		        		 <a title="Schedules" class="" href="/pages/events/ice-show/schedules/"  > 										<span class="menuText">Schedules</span>
395														</a>
396					</li>
397																								
398	<li class="IceShowProgram" >
399		        		 <a title="Ice Show Program" class="" href="/pages/events/ice-show/ice-show-programs/"  > 										<span class="menuText">Ice Show Program</span>
400														</a>
401					</li>
402																								
403	<li class="TicketSales" >
404		        		 <a title="Ticket Sales" class="" href="/pages/events/ice-show/ticket-sales/"  > 										<span class="menuText">Ticket Sales</span>
405														</a>
406					</li>
407																								
408	<li class="DressRehearsal" >
409		        		 <a title="Dress Rehearsal" class="" href="/pages/events/ice-show/dress-rehearsal/"  > 										<span class="menuText">Dress Rehearsal</span>
410														</a>
411					</li>
412																									
413																									
414																									
415																									
416																									
417																									
418																									
419																									
420																								
421	<li class="ParticipationAgreement" >
422		        		 <a title="Participation Agreement" class="" href="/pages/events/ice-show/participation-agreement/"  > 										<span class="menuText">Participation Agreement</span>
423														</a>
424					</li>
425																				</ul>
426				
427						</li>
428																									
429																								
430	<li class="Tests" >
431		        		 <a title="Tests" class="" href="/pages/events/test/"  > 										<span class="menuText">Tests</span>
432														</a>
433							
434				
435																																																				
436								<ul>
437																		
438	<li class="ClubTests" >
439		        		 <a title="Club Tests" class="" href="/pages/events/test/club-tests/"  > 										<span class="menuText">Club Tests</span>
440														</a>
441					</li>
442																								
443	<li class="CentralizedTests" >
444		        		 <a title="Centralized Tests" class="" href="/pages/events/test/centralized-tests/"  > 										<span class="menuText">Centralized Tests</span>
445														</a>
446					</li>
447																				</ul>
448				
449						</li>
450																								
451	<li class="Competitions" >
452		        		 <a title="Competitions" class="" href="/pages/events/competitions/"  > 										<span class="menuText">Competitions</span>
453														</a>
454							
455				
456																																																																																					
457								<ul>
458																		
459	<li class="CompetitionRegistration" >
460		        		 <a title="Competition Registration" class="" href="/pages/events/competitions/competition-registration/"  > 										<span class="menuText">Competition Registration</span>
461														</a>
462					</li>
463																								
464	<li class="Dorval" >
465		        		 <a title="Dorval" class="" href="/pages/events/competitions/dorval-invitation/"  > 										<span class="menuText">Dorval</span>
466														</a>
467					</li>
468																								
469	<li class="Regional" >
470		        		 <a title="Regional" class="" href="/pages/events/competitions/regional-schedule-michel-proulx-jeux-de-qc/"  > 										<span class="menuText">Regional</span>
471														</a>
472					</li>
473																								
474	<li class="JBEvaFindlay" >
475		        		 <a title="JB - Eva Findlay" class="" href="/pages/events/competitions/jeannot-bouchard-eva-findlay/"  > 										<span class="menuText">JB - Eva Findlay</span>
476														</a>
477					</li>
478																								
479	<li class="SummerProvincials" >
480		        		 <a title="Summer Provincials" class="" href="/pages/events/competitions/summer-provincials/"  > 										<span class="menuText">Summer Provincials</span>
481														</a>
482					</li>
483																				</ul>
484				
485						</li>
486																									
487																									
488																								
489	<li class="Photos" >
490		        		 <a title="Photos" class="" href="/pages/events/photo/"  > 										<span class="menuText">Photos</span>
491														</a>
492										</li>
493																				</ul>
494				
495						</li>
496					
497	<li class="Calendar" >
498		        		 <a title="Calendar" class="" href="/pages/calender/"  > 										<span class="menuText">Calendar</span>
499														</a>
500							
501				
502																																																																																																																																												
503								<ul>
504																		
505	<li class="AnnualFallWinterCalendar20262027" >
506		        		 <a title="Annual Fall-Winter Calendar 2026-2027" class="" href="/pages/calender/annual/"  > 										<span class="menuText">Annual Fall-Winter Calendar 2026-2027</span>
507														</a>
508							
509				
510																																																																																																
511								<ul>
512																			
513																									
514																								
515	<li class="20252026Group" >
516		        		 <a title="2025-2026 Group" class="" href="/pages/calender/annual/f-w-2023-2024-groupe/"  > 										<span class="menuText">2025-2026 Group</span>
517														</a>
518					</li>
519																								
520	<li class="20252026Junior" >
521		        		 <a title="2025-2026 Junior" class="" href="/pages/calender/annual/2023-2024-junior/"  > 										<span class="menuText">2025-2026 Junior</span>
522														</a>
523					</li>
524																								
525	<li class="20252026Inter" >
526		        		 <a title="2025-2026 Inter" class="" href="/pages/calender/annual/2023-2024-inter/"  > 										<span class="menuText">2025-2026 Inter</span>
527														</a>
528					</li>
529																								
530	<li class="20252026Senior" >
531		        		 <a title="2025-2026 Senior" class="" href="/pages/calender/annual/2023-2024-senior/"  > 										<span class="menuText">2025-2026 Senior</span>
532														</a>
533					</li>
534																				</ul>
535				
536						</li>
537																									
538																									
539																									
540																									
541																								
542	<li class="Spring" >
543		        		 <a title="Spring" class="" href="/pages/calender/spring/"  > 										<span class="menuText">Spring</span>
544														</a>
545							
546				
547																																																				
548								<ul>
549																			
550																								
551	<li class="SpringGroup" >
552		        		 <a title="Spring Group" class="" href="/pages/calender/spring/spring-group/"  > 										<span class="menuText">Spring Group</span>
553														</a>
554					</li>
555																				</ul>
556				
557						</li>
558																									
559																									
560																									
561																								
562	<li class="CalendarSummer2026" >
563		        		 <a title="Calendar Summer 2026" class="" href="/pages/calender/summer-2023-code-session-reference/"  > 										<span class="menuText">Calendar Summer 2026</span>
564														</a>
565										</li>
566																				</ul>
567				
568						</li>
569					
570	<li class="OurStars" >
571		        		 <a title="Our Stars" class="" href="/pages/our-stars/"  > 										<span class="menuText">Our Stars</span>
572														</a>
573							
574				
575																																																																																																																																												
576								<ul>
577																		
578	<li class="National" >
579		        		 <a title="National" class="" href="/pages/our-stars/national-team/"  > 										<span class="menuText">National</span>
580														</a>
581							
582				
583																																																				
584								<ul>
585																		
586	<li class="Media" >
587		        		 <a title="Media" class="" href="/pages/our-stars/national-team/media-articles/"  > 										<span class="menuText">Media</span>
588														</a>
589					</li>
590																								
591	<li class="20162017" >
592		        		 <a title="2016-2017" class="" href="/pages/our-stars/national-team/2016-2017/"  > 										<span class="menuText">2016-2017</span>
593														</a>
594					</li>
595																				</ul>
596				
597						</li>
598																								
599	<li class="QuebecTeam" >
600		        		 <a title="Quebec Team" class="" href="/pages/our-stars/quebec-team/"  > 										<span class="menuText">Quebec Team</span>
601														</a>
602							
603				
604																																																																										
605								<ul>
606																		
607	<li class="20162017" >
608		        		 <a title="2016-2017" class="" href="/pages/our-stars/quebec-team/2016-2017/"  > 										<span class="menuText">2016-2017</span>
609														</a>
610					</li>
611																								
612	<li class="20172018" >
613		        		 <a title="2017-2018" class="" href="/pages/our-stars/quebec-team/2017-2018/"  > 										<span class="menuText">2017-2018</span>
614														</a>
615					</li>
616																								
617	<li class="20222023" >
618		        		 <a title="2022-2023" class="" href="/pages/our-stars/quebec-team/2022-2023/"  > 										<span class="menuText">2022-2023</span>
619														</a>
620					</li>
621																								
622	<li class="20232024" >
623		        		 <a title="2023-2024" class="" href="/pages/our-stars/quebec-team/2023-2024/"  > 										<span class="menuText">2023-2024</span>
624														</a>
625					</li>
626																				</ul>
627				
628						</li>
629																								
630	<li class="RegionalTeam" >
631		        		 <a title="Regional Team" class="" href="/pages/our-stars/regional-team/"  > 										<span class="menuText">Regional Team</span>
632														</a>
633										</li>
634																								
635	<li class="QuebecSectionChampions" >
636		        		 <a title="Quebec Section Champions" class="" href="/pages/our-stars/provincial-champions/"  > 										<span class="menuText">Quebec Section Champions</span>
637														</a>
638										</li>
639																								
640	<li class="JeuxduQubecdelaparticipation" >
641		        		 <a title="Jeux du Québec/de la participation" class="" href="/pages/our-stars/jeux-du-qu-bec-de-la-participation/"  > 										<span class="menuText">Jeux du Québec/de la participation</span>
642														</a>
643										</li>
644																								
645	<li class="ChampionnatSectionB" >
646		        		 <a title="Championnat Section B" class="" href="/pages/our-stars/section-b/"  > 										<span class="menuText">Championnat Section B</span>
647														</a>
648										</li>
649																								
650	<li class="STARSkateGoldTest" >
651		        		 <a title="STARSkate - Gold Test" class="" href="/pages/our-stars/starskate-gold-test/"  > 										<span class="menuText">STARSkate - Gold Test</span>
652														</a>
653										</li>
654																								
655	<li class="JeuxdeMontral" >
656		        		 <a title="Jeux de Montréal" class="" href="/pages/our-stars/jeux-de-montr-al/"  > 										<span class="menuText">Jeux de Montréal</span>
657														</a>
658										</li>
659																									
660																								
661	<li class="International" >
662		        		 <a title="International" class="" href="/pages/our-stars/international/"  > 										<span class="menuText">International</span>
663														</a>
664										</li>
665																				</ul>
666				
667						</li>
668					
669	<li class="FAQ" >
670		        		 <a title="FAQ" class="" href="/pages/questions/"  > 										<span class="menuText">FAQ</span>
671														</a>
672							
673				
674																																																																																																																																												
675								<ul>
676																		
677	<li class="FW20262027Registration" >
678		        		 <a title="F/W 2026-2027 Registration" class="" href="/pages/questions/registration-f-w-2024-2025/"  > 										<span class="menuText">F/W 2026-2027 Registration</span>
679														</a>
680							
681				
682																																									
683								<ul>
684																		
685	<li class="RegistrationFees20262027" >
686		        		 <a title="Registration Fees 2026-2027" class="" href="/pages/questions/registration-f-w-2024-2025/registration-fees-2024-2025/"  > 										<span class="menuText">Registration Fees 2026-2027</span>
687														</a>
688					</li>
689																				</ul>
690				
691						</li>
692																								
693	<li class="Summer2026" >
694		        		 <a title="Summer 2026" class="" href="/pages/questions/summer-2024/"  > 										<span class="menuText">Summer 2026</span>
695														</a>
696										</li>
697																								
698	<li class="RegistrationSpring2026" >
699		        		 <a title="Registration Spring 2026" class="" href="/pages/questions/registration-procedures/"  > 										<span class="menuText">Registration Spring 2026</span>
700														</a>
701							
702				
703																																																																																																																																	
704								<ul>
705																		
706	<li class="SpringGroup" >
707		        		 <a title="Spring Group" class="" href="/pages/questions/registration-procedures/spring/"  > 										<span class="menuText">Spring Group</span>
708														</a>
709					</li>
710																								
711	<li class="SpringPrivate" >
712		        		 <a title="Spring Private" class="" href="/pages/questions/registration-procedures/spring-private/"  > 										<span class="menuText">Spring Private</span>
713														</a>
714					</li>
715																									
716																									
717																								
718	<li class="OnlineSecurity" >
719		        		 <a title="Online Security" class="" href="/pages/questions/registration-procedures/online-security/"  > 										<span class="menuText">Online Security</span>
720														</a>
721					</li>
722																									
723																									
724																									
725																									
726																				</ul>
727				
728						</li>
729																									
730																									
731																								
732	<li class="Equipment" >
733		        		 <a title="Equipment" class="" href="/pages/questions/equipment/"  > 										<span class="menuText">Equipment</span>
734														</a>
735							
736				
737																																																															
738								<ul>
739																		
740	<li class="Helmet" >
741		        		 <a title="Helmet" class="" href="/pages/questions/equipment/helmet/"  > 										<span class="menuText">Helmet</span>
742														</a>
743					</li>
744																								
745	<li class="Skates" >
746		        		 <a title="Skates" class="" href="/pages/questions/equipment/skates/"  > 										<span class="menuText">Skates</span>
747														</a>
748					</li>
749																								
750	<li class="Uniform" >
751		        		 <a title="Uniform" class="" href="/pages/questions/equipment/uniform/"  > 										<span class="menuText">Uniform</span>
752														</a>
753					</li>
754																				</ul>
755				
756						</li>
757																									
758																								
759	<li class="SafetyFirst" >
760		        		 <a title="Safety First" class="" href="/pages/questions/security-procedures/"  > 										<span class="menuText">Safety First</span>
761														</a>
762							
763				
764																																																				
765								<ul>
766																		
767	<li class="Concussion" >
768		        		 <a title="Concussion" class="" href="/pages/questions/security-procedures/test/"  > 										<span class="menuText">Concussion</span>
769														</a>
770					</li>
771																								
772	<li class="PreventionandmanagementofConcussions" >
773		        		 <a title="Prevention and management of Concussions" class="" href="/pages/questions/security-procedures/concussion/"  > 										<span class="menuText">Prevention and management of Concussions</span>
774														</a>
775					</li>
776																				</ul>
777				
778						</li>
779																									
780																									
781																				</ul>
782				
783						</li>
784					
785	<li class="STAREVAL" >
786		        		 <a title="STAR EVAL" class="" href="/pages/star-tests/"  > 										<span class="menuText">STAR EVAL</span>
787														</a>
788										</li>
789					
790	<li class="Registration" >
791		        		 <a title="Registration" class="" href="/registration/"  > 										<span class="menuText">Registration</span>
792														</a>
793							
794				
795																																																													
796				
797						</li>
798					
799	<li class="News" >
800		        		 <a title="News" class="" href="/news/"  > 										<span class="menuText">News</span>
801														</a>
802										</li>
803					
804	<li class="ContactUs" >
805		        		 <a title="Contact Us" class="" href="/contact-us/"  > 										<span class="menuText">Contact Us</span>
806														</a>
807										</li>
808			</ul>
809	<div class="clear"></div>
810</nav>		</div>
811				<div id="content">
812			<div class="fixedContainer clearfix">
813									<div id="topNotices">
814										</div>
815								<div class="contentSection">
816					<div class="mainBody fixedContainer">
817<aside id="subNav" class="leftSubNav loginContent noPadding">
818	<div class="fixedPadding">
819	<h2>Have an Account?</h2>
820	<p>If you've registered with us previously, please login below to proceed.</p>
821	<form method="post" class="twoColumns">
822		<div class="field"> <label>Email Address:</label> <input type="email" name="email" value=""/>
823		</div>
824		<div class="field"> <label>Password:</label> <input type="password" name="password" autocomplete="off" />
825		</div>
826		<div class="field">
827			<input type="submit" name="login" class="btnAction" value="Login"/>
828		</div>
829
830		<div class="warningMsg">
831		<h3>Forgot your password?</h3><p><a href="/reset-password.php">Click here to reset your password.</a></p>
832		</div>
833	</form>
834    </div>
835</aside>
836<article id="pageBody" class="bodyWithNav">
837	<div class="fixedPadding">
838	<h2>First Time Registering?</h2>
839	<p>If you have never registered for a program on this website, you will need to setup an account to get started.</p>
840	<p><span class="req">Required Fields are marked with an asterisk *</span></p>
841	<form method="post" action="/signup/" enctype="multipart/form-data">
842
843		<fieldset class="threeColumns">
844			<legend>Account Login Information</legend>
845			<p>Please provide an email and password ( minimum 12 characters, minimum 1 letter, and 1 number required ) for the primary contact (parent/guardian) of your account. Keep this information to register your skaters for additional programs in the future and to gain access to contact (parent/guardian) features, such as invoice history, skater profiles and family calendars.</p>
846			<div class="field isRequired"> <label for="email">Email Address</label> <input id="email" class="" name="email" type="email" value=""/>
847			</div>
848			<div class="field isRequired"> <label for="password">Password</label> <input type="password" id="password" class="" required minlength="12" name="password" value="" autocomplete="off"/>
849			</div>
850			<div class="field isRequired"> <label for="password_conf">Confirm Your Password</label> <input type="password" id="password_conf" class="" required minlength="12" name="password_conf" value="" autocomplete="off"/>
851			</div>
852			<br class="clear" />
853		</fieldset>
854		<fieldset>
855															<div class="threeColumns">
856				<div class="field">
857					<header class="isRequired"> <label for="first_name">First Name</label> </header>
858					<input id="first_name" class="" name="first_name" type="text" value=""/>
859				</div>
860				<div class="field">
861					<header class="isRequired"> <label for="last_name">Last Name</label> </header>
862					<input id="last_name" class="" name="last_name" type="text" value=""/>
863				</div>
864								<div class="field">
865					<header class="isRequired"> <label for="lang">Language</label> </header>
866					<select id="lang" class="" name="lang">
867						                            <option value="eng" selected="selected">English</option>
868<option value="fre">français</option>
869
870											</select>
871				</div>
872							</div>
873			<div class="twoColumns">
874				<div class="field">
875					<header class="isRequired"> <label for="gender">Gender</label> </header>
876					<select id="gender" name="gender_id" class="">
877						<option value="">--</option>
878						<option value="2">Female</option>
879<option value="1">Male</option>
880
881					</select>
882				</div>
883				<div class="field">
884                    											<header class="isRequired"> <label for="dd">Birthdate <span class="small"> ( DD / MM / YYYY )</span>
885							</label>
886						</header>
887										<div>
888                                                							<input class="dd" type="text" name="dd" value="" id="dd"/>
889                            <span class="sideDivider">/</span>                        							<input class="mm" type="text" name="mm" value="" id="mm"/>
890                            <span class="sideDivider">/</span>                        							<input class="yyyy" type="text" name="yyyy" value="" id="yyyy"/>
891                                                    					</div>
892				</div>
893								<br class="clear" />
894			</div>
895		</fieldset>
896			<section id="club-policies">
897				<!-- ko foreach: groupedPolicies -->
898				<fieldset>
899					<legend data-bind="text: type"></legend>
900					<ul class="unstyled" data-bind="foreach: policies">
901						<li class="m-row">
902							<div data-bind="template: 'clubPolicyModal'"></div>
903						</li>
904					</ul>
905				</fieldset>
906				<!-- /ko -->
907			</section>
908
909						<fieldset class="">
910				<legend>Address</legend>
911				<p>Please provide the main contact address for this contact (parent/guardian) account.</p>
912				<div class="twoColumns">
913					<div class="oneColumn">
914												<div class="field isRequired"> <label for="address1">Address</label> <input id="address1" class="" name="address1" value="" />
915						</div>
916						<div class="field"> <label for="address2">Address Line 2</label> <input id="address2" class="" name="address2" value="" />
917						</div>
918					</div>
919				</div>
920				<div class="threeColumns">
921					<div class="field isRequired"> <label for="city">City</label> <input id="city" class="" name="city" value="" />
922					</div>
923					<div class="field isRequired"> <label for="prov">Province / State</label> <select name="prov" id="prov" class="cascadingProvince " data-country-selector="#country">
924							<option value=""> -- </option>
925						</select>
926					</div>
927					<div class="field isRequired"> <label for="country">Country</label> <select name="country" id="country" class="">
928															<option value="CAN" selected="selected">Canada</option>
929
930													</select>
931					</div>
932					<div class="field isRequired"> <label for="postal">Postal / Zip Code</label> <input id="postal" class="" name="postal" value="" />
933					</div>
934					<div class="field isRequired"> <label for="phone">Phone</label> <input id="phone" class="" type="tel" name="phone" value="" />
935					</div>
936					<div class="field"> <label for="cell">Mobile</label> <input id="cell" class="" type="tel" name="cell" value="" />
937					</div>
938				</div>
939				<br class="clear" />
940			</fieldset>
941						<fieldset>
942				<legend>Communication Preferences</legend>
943								<div class="field col oneFifthCol"> <label for="mail_list_1" class="inlineLabel"> <label><input type="radio" name="mail_list[1]" id="mail_list_yes_1" value="1" checked="checked" disabled="disabled"/>Yes</label> <label><input type="radio" name="mail_list[1]" id="mail_list_no_1" class="list-warning-popup" value="0" disabled="disabled"  />No</label> </label> </div>
944				<div class="field col threeFourthCol">
945					<label class="itemTitle">Transaction &amp; Service Notifications</label>
946					<span class="itemDesc">These messages include copies of your invoices, waitlist notifications and any factual messages directly related to the specific delivery of any products or services that members have purchased, such as class re-scheduling or cancellation notices.</span>
947				</div>
948				<br class="clear" />
949								<div class="field col oneFifthCol"> <label for="mail_list_2" class="inlineLabel"> <label><input type="radio" name="mail_list[2]" id="mail_list_yes_2" value="1" checked="checked"/>Yes</label> <label><input type="radio" name="mail_list[2]" id="mail_list_no_2" class="list-warning-popup" value="
9490"  />No</label> </label> </div>
950				<div class="field col threeFourthCol isRequired">
951					<label class="itemTitle">Contact (Parent/Guardian) Information Messages</label>
952					<span class="itemDesc">These messages provide factual information and details regarding your ongoing subscriptions or membership account updates, such as an upcoming membership subscription expiry or a club AGM notice.</span>
953				</div>
954				<br class="clear" />
955								<div class="field col oneFifthCol"> <label for="mail_list_3" class="inlineLabel"> <label><input type="radio" name="mail_list[3]" id="mail_list_yes_3" value="1"/>Yes</label> <label><input type="radio" name="mail_list[3]" id="mail_list_no_3" class="list-warning-popup" value="0"  />No</label> </label> </div>
956				<div class="field col threeFourthCol isRequired">
957					<label class="itemTitle">News, Upcoming Program &amp; Registration Information</label>
958					<span class="itemDesc">These messages provide up-to-date news about the organization, upcoming programs and registration information, such as an upcoming competition or show, program registration opening dates and other club news. You may opt out of these messages at any time.</span>
959				</div>
960				<br class="clear" />
961								<div class="smsLists" style="display: none;">
962                    						<div class="field col oneFifthCol"> <label for="sms_list_1" class="inlineLabel"> <label><input type="radio" name="sms_list[1]" id="sms_list_yes_1" value="1" checked="checked"/>Yes</label> <label><input type="radio" name="sms_list[1]" id="sms_list_no_1" class="list-warning-popup" value="0"/>No</label> </label> </div>
963						<div class="field col threeFourthCol isRequired">
964							<label class="itemTitle">SMS Notifications</label>
965							<span class="itemDesc">These messages provide up to date information at the club’s discretion delivered to the user’s mobile device via text message.</span>
966						</div>
967						<br class="clear" />
968                    				</div>
969			</fieldset>
970						<input type="hidden" name="signup" value="1" />
971							<input type="hidden" name="g-recaptcha-response-v3" id="reCaptchaCode">
972				<button
973						class="g-recaptcha btnAction"
974						data-sitekey="6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq"
975						data-callback='signup_onSubmit'
976						data-action='signup'>Create Account</button>
977				
977<script type="text/javascript">
978					function signup_onSubmit(token) {
979						$('#reCaptchaCode').val(token).closest('form')[0].submit();
980					}
981				</script>
981
982					</form>
983		</div>
984	</article> 
985</div>
986<script>
987	var instructors = {"50":{"deleted":0,"first_name":"z-Igor","instructor_id":50,"last_name":" Tchiniaev (2nd club)","update_time":1772494248,"user_id":null,"weekdays_avail":null,"name":"z-Igor  Tchiniaev (2nd club)","context_id":50,"encoded_id":"{\"instructor_id\":50}"},"18":{"deleted":0,"first_name":"z- Entra\u00eeneur 2e club","instructor_id":18,"last_name":"\/ 2nd club coach","update_time":1687954754,"user_id":null,"weekdays_avail":null,"name":"z- Entra\u00eeneur 2e club \/ 2nd club coach","context_id":18,"encoded_id":"{\"instructor_id\":18}"},"1":{"deleted":0,"first_name":"Aucun","instructor_id":1,"last_name":"\/ None","update_time":1602003466,"user_id":null,"weekdays_avail":null,"name":"Aucun \/ None","context_id":1,"encoded_id":"{\"instructor_id\":1}"},"44":{"deleted":0,"first_name":"z-Sandrina","instructor_id":44,"last_name":"Alkayssi (2e club)","update_time":1744774557,"user_id":null,"weekdays_avail":null,"name":"z-Sandrina Alkayssi (2e club)","context_id":44,"encoded_id":"{\"instructor_id\":44}"},"39":{"deleted":0,"first_name":"Thea","instructor_id":39,"last_name":"Bakleh","update_time":1724870783,"user_id":null,"weekdays_avail":null,"name":"Thea Bakleh","context_id":39,"encoded_id":"{\"instructor_id\":39}"},"2":{"deleted":0,"first_name":"z-Daniel","instructor_id":2,"last_name":"Beland (2nd club)","update_time":1687954718,"user_id":null,"weekdays_avail":null,"name":"z-Daniel Beland (2nd club)","context_id":2,"encoded_id":"{\"instructor_id\":2}"},"56":{"deleted":0,"first_name":"Osswa","instructor_id":56,"last_name":"Bensalah","update_time":1787680005,"user_id":null,"weekdays_avail":null,"name":"Osswa Bensalah","context_id":56,"encoded_id":"{\"instructor_id\":56}"},"37":{"deleted":0,"first_name":"z- Catherine","instructor_id":37,"last_name":"B\u00e9rub\u00e9 (2e club)","update_time":1713212897,"user_id":null,"weekdays_avail":null,"name":"z- Catherine B\u00e9rub\u00e9 (2e club)","context_id":37,"encoded_id":"{\"instructor_id\":37}"},"29":{"deleted":0,"first_name":"Manya","instructor_id":29,"last_name":"Boyajian","update_time":1686939695,"user_id":null,"weekdays_avail":null,"name":"Manya Boyajian","context_id":29,"encoded_id":"{\"instructor_id\":29}"},"43":{"deleted":0,"first_name":"z-Jessica","instructor_id":43,"last_name":"Cadorette (2e club)","update_time":1744743154,"user_id":null,"weekdays_avail":null,"name":"z-Jessica Cadorette (2e club)","context_id":43,"encoded_id":"{\"instructor_id\":43}"},"23":{"deleted":0,"first_name":"Edrian Paul","instructor_id":23,"last_name":"Celestino","update_time":1602003466,"user_id":null,"weekdays_avail":null,"name":"Edrian Paul Celestino","context_id":23,"encoded_id":"{\"instructor_id\":23}"},"32":{"deleted":0,"first_name":"z-Meagan","instructor_id":32,"last_name":"Continelli  (2nd club)","update_time":1687954738,"user_id":null,"weekdays_avail":null,"name":"z-Meagan Continelli  (2nd club)","context_id":32,"encoded_id":"{\"instructor_id\":32}"},"38":{"deleted":0,"first_name":"z-Emma","instructor_id":38,"last_name":"Darbinian (2e club)","update_time":1715966169,"user_id":null,"weekdays_avail":null,"name":"z-Emma Darbinian (2e club)","context_id":38,"encoded_id":"{\"instructor_id\":38}"},"33":{"deleted":0,"first_name":"z- Simon","instructor_id":33,"last_name":"Daz\u00e9 (2nd club)","update_time":1687954700,"user_id":null,"weekdays_avail":null,"name":"z- Simon Daz\u00e9 (2nd club)","context_id":33,"encoded_id":"{\"instructor_id\":33}"},"40":{"deleted":0,"first_name":"Kenya","instructor_id":40,"last_name":"Delloye","update_time":1724986874,"user_id":null,"weekdays_avail":null,"name":"Kenya Delloye","context_id":40,"encoded_id":"{\"instructor_id\":40}"},"55":{"deleted":0,"first_name":"zz-Yvan","instructor_id":55,"last_name":"Desjardins (2e club)","update_time":1778696307,"user_id":null,"weekdays_avail":null,"name":"zz-Yvan Desjardins (2e club)","context_id":55,"encoded_id":"{\"instructor_id\":55}"},"35":{"deleted":0,"first_name":"James","instructor_id":35,"last_name":"Draier","update_time":1708694212,"user_id":null,"weekdays_avail":null,"name":"James Draier","context_id":35,"encoded_id":"{\"instructor_id\":35}"},"25":{"deleted":0,"first_name":"Barbara","instructor_id":25,"last_name":"Eimer","update_time":1681948811,"user_id":null,"weekdays_avail":null,"name":"Barbara 
987Eimer","context_id":25,"encoded_id":"{\"instructor_id\":25}"},"6":{"deleted":0,"first_name":"Louise","instructor_id":6,"last_name":"Gagn\u00e9","update_time":1602003466,"user_id":340,"weekdays_avail":null,"name":"Louise Gagn\u00e9","context_id":6,"encoded_id":"{\"instructor_id\":6}"},"28":{"deleted":0,"first_name":"z-Marianne","instructor_id":28,"last_name":"Gagnon-Rosato","update_time":1687954776,"user_id":null,"weekdays_avail":null,"name":"z-Marianne Gagnon-Rosato","context_id":28,"encoded_id":"{\"instructor_id\":28}"},"7":{"deleted":0,"first_name":"Stephanie","instructor_id":7,"last_name":"Gentile","update_time":1602003466,"user_id":27,"weekdays_avail":null,"name":"Stephanie Gentile","context_id":7,"encoded_id":"{\"instructor_id\":7}"},"46":{"deleted":0,"first_name":"Tanisha","instructor_id":46,"last_name":"Gokhale","update_time":1746894813,"user_id":null,"weekdays_avail":null,"name":"Tanisha Gokhale","context_id":46,"encoded_id":"{\"instructor_id\":46}"},"8":{"deleted":0,"first_name":"M\u00e9lanye","instructor_id":8,"last_name":"Goldyn","update_time":1602003466,"user_id":233,"weekdays_avail":null,"name":"M\u00e9lanye Goldyn","context_id":8,"encoded_id":"{\"instructor_id\":8}"},"52":{"deleted":0,"first_name":"z-Marwa","instructor_id":52,"last_name":"Guarraz (2e club)","update_time":1777437493,"user_id":null,"weekdays_avail":null,"name":"z-Marwa Guarraz (2e club)","context_id":52,"encoded_id":"{\"instructor_id\":52}"},"26":{"deleted":0,"first_name":"z- \u00c9lo\u00efse","instructor_id":26,"last_name":"Gu\u00e9rin (2e club)","update_time":1687954809,"user_id":null,"weekdays_avail":null,"name":"z- \u00c9lo\u00efse Gu\u00e9rin (2e club)","context_id":26,"encoded_id":"{\"instructor_id\":26}"},"53":{"deleted":0,"first_name":"z-Pia","instructor_id":53,"last_name":"Hasrouni (2e club)","update_time":1777475604,"user_id":null,"weekdays_avail":null,"name":"z-Pia Hasrouni (2e club)","context_id":53,"encoded_id":"{\"instructor_id\":53}"},"54":{"deleted":0,"first_name":"z-Lea","instructor_id":54,"last_name":"Kibrit\u00e9 (2e club)","update_time":1777578395,"user_id":null,"weekdays_avail":null,"name":"z-Lea Kibrit\u00e9 (2e club)","context_id":54,"encoded_id":"{\"instructor_id\":54}"},"42":{"deleted":0,"first_name":"z-Eve","instructor_id":42,"last_name":"Laliberte (2e club)","update_time":1744689414,"user_id":null,"weekdays_avail":null,"name":"z-Eve Laliberte (2e club)","context_id":42,"encoded_id":"{\"instructor_id\":42}"},"30":{"deleted":0,"first_name":"z-Alexandre","instructor_id":30,"last_name":"Laliberte (2nd club)","update_time":1687954831,"user_id":null,"weekdays_avail":null,"name":"z-Alexandre Laliberte (2nd club)","context_id":30,"encoded_id":"{\"instructor_id\":30}"},"51":{"deleted":0,"first_name":"z-Zoe","instructor_id":51,"last_name":"Lodge (2e club)","update_time":1776040571,"user_id":null,"weekdays_avail":null,"name":"z-Zoe Lodge (2e club)","context_id":51,"encoded_id":"{\"instructor_id\":51}"},"41":{"deleted":0,"first_name":"z-Thea","instructor_id":41,"last_name":"Luksitch (2e club )","update_time":1744686098,"user_id":null,"weekdays_avail":null,"name":"z-Thea Luksitch (2e club )","context_id":41,"encoded_id":"{\"instructor_id\":41}"},"10":{"deleted":0,"first_name":"Mari-Beth","instructor_id":10,"last_name":"MacFadyen","update_time":1602003466,"user_id":null,"weekdays_avail":null,"name":"Mari-Beth MacFadyen","context_id":10,"encoded_id":"{\"instructor_id\":10}"},"11":{"deleted":0,"first_name":"Michelle-Lyn","instructor_id":11,"last_name":"MacFadyen","update_time":1602003466,"user_id":602,"weekdays_avail":null,"name":"Michelle-Lyn MacFadyen","context_id":11,"encoded_id":"{\"instructor_id\":11}"},"36":{"deleted":0,"first_name":"z-Sarah","instructor_id":36,"last_name":"Martin Holland (2nd club)","update_time":1712716356,"user_id":null,"weekdays_avail":null,"name":"z-Sarah Martin Holland (2nd club)","context_id":36,"encoded_id":"{\"instructor_id\":36}"},"12":{"deleted":0,"first_name":"Peggy","instructor_id":12,"last_name":"Meus","update_time":1602003466,"user_id":284,"weekdays_avail":null,"name":"Peggy Meus","context_id":12,"encoded_id":"{\"instructor_id\":12}"},"13":{"deleted":0,"first_name":"Monika","instructor_id":13,"last_name":"Papert","update_time":1602003466,"user_id":61,"weekdays_avail":null,"name":"Monika Papert","context_id":13,"encoded_id":"{\"instructor_id\":13}"},"45":{"deleted":0,"first_name":"z-Jeanne","instructor_id":45,"last_name":"Parent-Lamoureux (2e club)","update_time":1777597433,"user_id":null,"weekdays_avail":null,"name":"z-Jeanne Parent-Lamoureux (2e club)","context_id":45,"encoded_id":"{\"instructor_id\":45}"},"27":{"deleted":0,"first_name":"z- Audrey","instructor_id":27,"last_name":"Popescu (2e club)","update_time":1687954852,"user_id":null,"weekdays_avail":null,"name":"z- Audrey Popescu (2e club)","context_id":27,"encoded_id":"{\"instructor_id\":27}"},"31":{"deleted":0,"first_name":"z- Claudia","instructor_id":31,"last_name":"Rajaonah (2nd club)","update_time":1687954874,"user_id":null,"weekdays_avail":null,"name":"z- Claudia Rajaonah (2nd club)","context_id":31,"encoded_id":"{\"instructor_id\":31}"},"47":{"deleted":0,"first_name":"Georgy","instructor_id":47,"last_name":"Sader","update_time":1746894791,"user_id":null,"weekdays_avail":null,"name":"Georgy Sader","context_id":47,"encoded_id":"{\"instructor_id\":47}"},"57":{"deleted":0,"first_name":"Monica","instructor_id":57,"last_name":"Tanase","update_time":1787753548,"user_id":null,"weekdays_avail":null,"name":"Monica Tanase","context_id":57,"encoded_id":"{\"instructor_id\":57}"},"34":{"deleted":0,"first_name":"z- Saskia","instructor_id":34,"last_name":"Van der Sluys (2nd club)","update_time":1687954919,"user_id":null,"weekdays_avail":null,"name":"z- Saskia Van der Sluys (2nd club)","context_id":34,"encoded_id":"{\"instructor_id\":34}"},"17":{"deleted":0,"first_name":"Jeffrey","instructor_id":17,"last_name":"Wong","update_time":1602003466,"user_id":222,"weekdays_avail":null,"name":"Jeffrey Wong","context_id":17,"encoded_id":"{\"instructor_id\":17}"}};
988	var pageData = [];
989	var displayBirthdate = true;
990
991	var policyPost = {};
992		$().ready(function() {
993		$('#cell').change(function(){
994			toggleSmsOptInPreferencesVisibility();
995		});
996		const toggleSmsOptInPreferencesVisibility = function() {
997			if ($('#cell').val()) {
998				$('.smsLists input').attr('disabled', false);
999				$('.smsLists').show();
1000			} else {
1001				$('.smsLists').hide();
1002				$('.smsLists input').attr('disabled', true);
1003			}
1004		}
1005		toggleSmsOptInPreferencesVisibility();
1006	});
1007</script>
1007					<div class="clear"></div>
1008				</div> 
1009
1010				<div class="clear"></div>
1011			</div>
1012		</div>
1013					<div class="sponsorBar">
1014				<div><span style="font-family: helvetica, arial, sans-serif; font-size: 12pt;"><strong><span class="subHeaderTitle">Our club is a non-profit organization run by volunteers who ensure the club is managed in accordance with the regulations and policies of Skate Canada</span></strong></span></div>
1015<p><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt;"><span class="subHeaderTitle">REGISTRATION</span></span></p>
1016<div style="text-align: justify;">
1017<table style="border-collapse: collapse; width: 100%;" border="1">
1018<tbody>
1019<tr>
1020<td style="width: 100%; background-color: #fcf99c; border-style: solid; border-color: #fcf99c;">
1021<div style="text-align: justify;"><span style="color: rgb(255, 0, 0); font-family: verdana, geneva, sans-serif; font-size: 12pt; background-color: rgb(255, 255, 153);">You are responsible to provide copies of all updated information via email ([email protected]) 48 houres BEFORE registration:</span></div>
1022<div style="text-align: left;">
1023<ul>
1024<li><span style="color: rgb(255, 0, 0); font-family: verdana, geneva, sans-serif; font-size: 12pt; background-color: rgb(255, 255, 153);">Borough issued documents for Low-income families wishing to benefit from a discount. (Fall-Winter session only)</span></li>
1025</ul>
1026<span style="color: rgb(255, 0, 0); font-family: verdana, geneva, sans-serif; font-size: 12pt; background-color: rgb(255, 255, 153);">The Saint Laurent issued Carte Loisirs is mandatory for the creation and update of any skater account. The Saint Laurent borough carte loisir system is not linked to the club registration system. Parents must submit a copy of any update to the club a minimum of 48 hours prior to the registration. Registrations which have been completed without providing the mandatory documents and a confirmation of the account update will not receive the associated discounts. In accordance with the borough policies, no adjustments will be issued once the registration has been finalized by the account holder.&nbsp;</span></div>
1027</td>
1028</tr>
1029</tbody>
1030</table>
1031</div>
1032<h1><span style="color: rgb(0, 0, 0);"><strong><span style="font-size: 14pt; font-family: helvetica, arial, sans-serif;"><span class="subHeaderTitle">&nbsp; USEFUL LINKS&nbsp;</span></span></strong></span></h1>
1033<div class="fixedContainer">
1034<div class="fixedContainer"><span style="font-family: arial, helvetica, sans-serif;"><a href="https://skatecanada.ca/" target="_blank" rel="noopener">&nbsp; &nbsp; &nbsp;<img src="/sites/files/SC-BI_RGB.340-1.png" border="0" width="244" height="65"></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="https://patinage.qc.ca/" target="_blank" rel="noopener"><img src="/sites/files/Patinage_Quebec-Logo-FINAL-Couleur-1-scaled.jpg" border="0" width="195" height="79"></a> &nbsp; &nbsp; &nbsp;<a href="http://lacstlouisskating.com/en/index.html" target="_blank" rel="noopener"><img src="/sites/files/logo_patinage-artistique-lac-saint-louis_120x140_colored_AA.png" border="0" width="87" height="102"></a></span></div>
1035</div>				
1036			</div>
1037				
1038		<div id="footer">
1039		<footer>
1040			<div class="fixedContainer  clearfix">
1041							<span>
1042				<b>CPA Saint-Laurent</b><br />
1043				2345 Thimens  Saint Laurent, Québec  H4R 1T4 			
1044												</span>
1045							<ul id="bottomNav">
1046			<li><a href="/sitemap/">Sitemap</a></li>
1047														<li>
1048				<a href="/pages/terms-and-conditions-of-use/"> Terms and Conditions of Use</a>
1049			</li>
1050															<li>
1051				<a href="http://www.cpastl.ca/login/?lang=fre"> français</a>
1052			</li>
1053			</ul>							</div>
1054							<div class="fixedContainer copyright textCenter"> &copy; 2026 powered by <a href="https://www.uplifterinc.com/skate-club-management-software" target="_blank">Uplifter Inc.</a> </div>
1055					</footer>
1056		</div>
1057
1058					
1058<script type="text/html" id="siteFieldEdit">
1059	<!-- ko if: isReadOnly -->
1060	<div data-bind="template: 'siteFieldView'"></div>
1061	<!-- /ko -->
1062	<!-- ko ifnot: isReadOnly -->
1063	<section class="site-field-wrap" data-bind="css: { isRequired: site_field.required(), allowMultiples: site_field.allowMultiples() }, attr: {'data-name': getInputName}">
1064		<header>
1065			<label>
1066				<!-- ko text: site_field.name --><!-- /ko -->
1067				<!-- ko if: getError() -->
1068				<span class="icon-alert-circled staticIcon tooltip" data-bind="attr: {title: getError}"></span>
1069				<!-- /ko -->
1070				<!-- ko if: site_field.isLeagueParticipantField && site_field.isLeagueParticipantField() && $parents[1] && ko.unwrap($parents[1].hasLeagueSeasonSubscription) && $root && ko.unwrap($root.leagueIcon) -->
1071				<span data-bind="attr: {class: $root.leagueIcon}"></span>
1072				<!-- /ko -->
1073                				<!-- ko if: site_field.help_text -->
1074				<span class="icon-help tooltip" data-bind="attr: { title: site_field.help_text}"></span>
1075				<!-- /ko -->
1076			</label>
1077		</header>
1078		<!-- ko if: mode() == 'simple' -->
1079		<div class="site-field-values">
1080			<!-- ko if: allowMultiples() || values().length > 1 -->
1081			<div class="m-table site-field-value-wrap">
1082				<!-- ko foreach: values -->
1083				<div class="m-row site-field-value">
1084					<div class="m-cell-lock sevenEighth">
1085						<input type="text" data-bind="value: value, css: $parent.getIn
1085putClass, attr: { name: $parent.getInputName }"/>
1086					</div>
1087					<div class="m-cell-lock oneEighth" >
1088						<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
1089					</div>
1090				</div>
1091				<!-- /ko -->
1092			</div>
1093			<!-- /ko -->
1094
1095			<!-- ko if: !allowMultiples() && values().length == 1 -->
1096			<div>
1097				<!-- ko if: allowUpdate -->
1098				<div class="m-row site-field-value">
1099					<div class="m-cell-lock sevenEighth">
1100						<input type="text" data-bind="value: firstValue(), css: getInputClass, attr: { name: getInputName }"/>
1101					</div>
1102					<div class="m-cell-lock oneEighth">
1103						<span class="icon-delete" data-bind="click: removeValue"></span>
1104					</div>
1105				</div>
1106				<!-- /ko -->
1107
1108				<!-- ko ifnot: allowUpdate -->
1109				<span data-bind="text: formatValue()"></span>
1110				<!-- /ko -->
1111			</div>
1112			<!-- /ko -->
1113
1114		</div>
1115		<!-- ko if: allowMultiples -->
1116		<footer> <span class="icon-add iconBtn" data-bind="click: addValue">Add Row</span>
1117		</footer>
1118		<!-- /ko -->
1119		<!-- /ko -->
1120		<!-- ko if: mode() == 'select' -->
1121		<div class="site-field-values">
1122			<select data-bind="selectize: selectOptions,
1123					selectedOptions: selectedOptions,
1124					selectizeDropdownParent: 'body',
1125					css: getInputClass,
1126					attr: { name: getInputName },
1127					optionsValue: 'name',
1128					optionsText: 'text',
1129					optionsMaxItems: optionsMaxItems(),
1130					optionsCreate: optionsCreate(),
1131					onItemAdd: onItemAdd(),
1132					selectizePlaceholder: selectizePlaceholder()" multiple="multiple"></select>
1133		</div>
1134		<!-- /ko -->
1135		<!-- ko if: mode() == 'image' || mode() == 'file' -->
1136		<div class="site-field-values">
1137			<!-- ko foreach: values -->
1138			<div class="m-row site-field-value" data-bind="if: (value() && value() !== 'deleted')">
1139				<div class="m-cell-lock sevenEighth">
1140					<a target="_blank" data-bind="css: { 'icon-file': $parent.mode() == 'file' }, attr: { href: $parent.getFileSrc(value()), download: $parent.getFileName(value()) }">
1141						<!-- ko if: $parent.mode() == 'image' -->
1142						<img style="min-width: 50px; max-height: 300px;" data-bind="attr: { src: $parent.getThumbnailSrc(value()) }"/>
1143						<!-- /ko -->
1144						<p data-bind="text: $parent.getFileName(value())"></p>
1145					</a>
1146				</div>
1147				<div class="m-cell-lock oneEighth">
1148					<span class="icon-delete tooltip" title="Delete" data-bind="click: $parent.removeValue"></span>
1149				</div>
1150			</div>
1151			<!-- /ko -->
1152			<!-- ko if: !values().length || !values()[0].value() || values()[0].value() === 'deleted' -->
1153            				<input type="file" data-bind="event: { change: selectFile($element)}, attr: {accept: acceptedTypes()}">
1154            			<!-- /ko -->
1155		</div>
1156		<!-- /ko -->
1157		<!-- ko if: mode() === 'instructor' -->
1158		<div class="site-field-values">
1159			<!-- ko if: allowInstructorCreation -->
1160			<!-- ko if: allowMultiples -->
1161			<!-- ko if : values().length -->
1162			<ul class="selectlist-list" data-bind="foreach: values">
1163				<li class="m-row selectlist-item">
1164								<span class="m-cell-lock sevenEighth" data-bind="text: $parent.getInstructorName(value())">
1165								</span>
1166					<div class="m-cell-lock oneEighth textRight">
1167						<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
1168					</div>
1169				</li>
1170			</ul>
1171			<!-- /ko -->
1172
1173			<!-- ko ifnot: instructor -->
1174			<span class="m-cell-lock sevenEighth">
1175				<input type="text" data-bind="instructorFieldAutoComplete: $data, css: $parent.getIn
1175putClass, attr: { name: getInputName }" placeholder="Instructor(ONLY STARSkate) Email ..."/>
1176			</span>
1177			<span class="m-cell-lock oneEighth textRight">
1178				<!-- ko if: error -->
1179					<span class="icon-alert-circled tooltip icon" data-bind="attr: { title: error }"></span>
1180				<!-- /ko -->
1181			</span>
1182			<!-- /ko -->
1183			<!-- /ko -->
1184
1185			<!-- ko ifnot: allowMultiples -->
1186			<!-- ko if: !values().length && !instructor() -->
1187			<span class="m-cell-lock sevenEighth">
1188				<input type="text" data-bind="instructorFieldAutoComplete: $data, css: $parent.getInputClass, attr: { name: getInputName }" placeholder="Instructor(ONLY STARSkate) Email ..."/>
1189			</span>
1190			<span class="m-cell-lock oneEighth textRight">
1191				<!-- ko if: error -->
1192					<span class="icon-alert-circled tooltip icon" data-bind="attr: { title: error }"></span>
1193				<!-- /ko -->
1194			</span>
1195			<!-- /ko -->
1196			<!-- ko if: values().length -->
1197			<span class="m-cell-lock sevenEighth" data-bind="text: getInstructorName(firstValue())"></span>
1198			<div class="m-cell-lock oneEighth textRight">
1199				<span class="icon-delete" data-bind="click: removeValue"></span>
1200			</div>
1201			<!-- /ko -->
1202			<!-- /ko -->
1203			<!-- /ko -->
1204			<!-- ko ifnot: allowInstructorCreation -->
1205			<!-- ko if: SiteField.instructors()() !== false -->
1206			<!-- ko if: allowMultiples -->
1207			<select data-bind="selectize: selectOptions,
1208						selectedOptions: selectedOptions,
1209						selectizeDropdownParent: 'body',
1210						css: getInputClass,
1211						attr: { name: getInputName },
1212						optionsValue: 'encoded_id',
1213						optionsMaxItems: maxSelections() || null,
1214						onItemAdd: function () {
1215							updateFB();
1216							$('*:focus').blur();
1217						},
1218						selectizePlaceholder: ' -- '" multiple="multiple"></select>
1219			<!-- /ko -->
1220			<!-- ko ifnot: allowMultiples -->
1221			<select data-bind="selectize: selectOptions,
1222						selectedOptions: selectedOptions,
1223						selectizeDropdownParent: 'body',
1224						css: getInputClass,
1225						attr: { name: getInputName },
1226						optionsValue: 'encoded_id',
1227						selectizePlaceholder: ' -- '"></select>
1228			<!-- /ko -->
1229			<!-- /ko -->
1230			<!-- /ko -->
1231
1232			<!-- ko if: instructor -->
1233			<form data-bind="with: instructor">
1234				<input type="text" data-bind="textInput: email" placeholder="E-mail" disabled="disabled">
1235				<input type="text" data-bind="textInput: first_name, css: {error: firstNameError}" placeholder="First Name">
1236				<input type="text" data-bind="textInput: last_name, css: {error: lastNameError}" placeholder="Last Name">
1237
1238				<div class="textRight">
1239					<button class="btnAction cancelButton" data-bind="click: $parent.clearInstructor">Cancel</button>
1240					<button class="btnAction saveButton" data-bind="click: $parent.createInstructor">Add</button>
1241				</div>
1242			</form>
1243			<!-- /ko -->
1244		</div>
1245		<!-- /ko -->
1246
1247		<!-- ko if: mode() === 'figure-skating' -->
1248		<small data-bind="text: firstValue()"></small>
1249		<table>
1250			<tbody>
1251			<tr>
1252				<td class="noPadding">
1253					<select data-bind="options: site_field.elementTypes,
1254						optionsValue: 'k',
1255						optionsText: 'v',
1256						value: elementType,
1257						optionsCaption: '--',
1258						optionsAfterRender: function(){updateFB();}"></select>
1259				</td>
1260			</tr>
1261			<!-- ko foreach: elementSelectors -->
1262			<tr>
1263				<td class="noPadding">
1264					<select data-bind="options: options,
1265						optionsValue: 'k',
1266						optionsText: 'v',
1267						value: value,
1268						optionsCaption: '--',
1269						optionsAfterRender: function(){updateFB();}, css: {error: valueError}"></select>
1270				</td>
1271				<!-- ko if: revOptions() !== false -->
1272				<td class="noPadding">
1273					<select data-bind="options: revOptions,
1274						value: revolutions,
1275						optionsCaption: '--', css: {error: revolutionsError}"></select>
1276				</td>
1277				<!-- /ko -->
1278			</tr>
1279			<!-- /ko -->
1280			</tbody>
1281		</table>
1282		<input type="hidden" data-bind="value: firstValue(), attr: {name: getInputName}">
1283		<!-- /ko -->
1284		<!-- ko if: mode() === 'product-recurrence' -->
1285		<div class="site-field-values">
1286			<select data-bind="selectize: selectOptions,
1287			selectedOptions: selectedOptions,
1288			selectizeDropdownParent: 'body',
1289			css: getInputClass,
1290			attr: { name: getInputName },
1291			selectizePlaceholder: ' -- '"></select>
1292		</div>
1293		<!-- /ko -->
1294	</section>
1295	<!-- /ko -->
1296</script>
1296
1297	
1297<script type="text/html" id="siteFieldView">
1298		<section class="site-field-wrap">
1299			<header>
1300				<label>
1301					<span data-bind="text: site_field.name"></span>
1302					<!-- ko if: getError() -->
1303					<span class="icon-alert-circled staticIcon tooltip" data-bind="attr: {title: getError}"></span>
1304					<!-- /ko -->
1305					<!-- ko if: site_field.isLeagueParticipantField && site_field.isLeagueParticipantField() && $parents[1] && ko.unwrap($parents[1].hasLeagueSeasonSubscription) && $root && ko.unwrap($root.leagueIcon) -->
1306					<span data-bind="attr: {class: $root.leagueIcon}"></span>
1307					<!-- /ko -->
1308                    				</label>
1309				<!-- ko if: site_field.context() === 'user' || site_field.context() === 'participant' -->
1310				<small>(<span data-bind="text: context().name"></span>)</small>
1311				<!-- /ko -->
1312			</header>
1313			<!-- ko if: mode() == 'simple' || mode() === 'product-recurrence' -->
1314			<div class="site-field-values m-table">
1315				<!-- ko if: allowMultiples -->
1316				<div class="siteFieldMultiValue">
1317					<!-- ko if: values().length -->
1318					<!-- ko foreach: values -->
1319					<div class="siteFieldData">
1320						<span data-bind="text: value"></span>
1321						<!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length && $parent.firstValue() -->
1322						<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
1323						<!-- /ko -->
1324					</div>
1325					<!-- /ko -->
1326					<!-- /ko -->
1327					<!-- ko ifnot: values().length > 1 || firstValue() -->
1328					<div class="siteFieldData">
1329						<span><i>--</i></span>
1330					</div>
1331					<!-- /ko -->
1332				</div>
1333				<!-- /ko -->
1334
1335				<!-- ko ifnot: allowMultiples -->
1336				<div class="siteFieldData">
1337					<!-- ko if: firstValue() -->
1338					<span data-bind="text: firstValue()"></span>
1339					<!-- ko if: site_field.league_number_icon && ko.unwrap(context().league_participant_id) -->
1340					<span class="icon-help" data-bind="attr: { class: site_field.league_number_icon }"></span>
1341					<!-- /ko -->
1342					<!-- /ko -->
1343					<!-- ko ifnot: firstValue() -->
1344					<span><i>--</i></span>
1345					<!-- /ko -->
1346				</div>
1347				<!-- /ko -->
1348			</div>
1349			<!-- /ko -->
1350
1351			<!-- ko if: mode() == 'select' -->
1352			<div class="site-field-values">
1353				<!-- ko if: allowMultiples -->
1354				<!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue() -->
1355				<!-- ko foreach: values -->
1356				<div class="siteFieldData">
1357					<span data-bind="text: value"></span>
1358					<!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue() -->
1359					<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
1360					<!-- /ko -->
1361				</div>
1362				<!-- /ko -->
1363				<!-- /ko -->
1364
1365					<!-- ko if: !(typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue()) -->
1366					<div class="siteFieldData">
1367						<span data-bind="text: getOptionValues(selectedOptions())"></span>
1368					</div>
1369					<!-- /ko -->
1370				<!-- /ko -->
1371
1372				<!-- ko ifnot: allowMultiples -->
1373				<div class="siteFieldData">
1374					<span data-bind="text: getOptionValue(firstValue())"></span>
1375				</div>
1376				<!-- /ko -->
1377			</div>
1378			<!-- /ko -->
1379
1380			<!-- ko if: mode() == 'image' || mode() == 'file' -->
1381			<div class="site-field-values">
1382				<!-- ko foreach: values -->
1383				<!-- ko if: value() -->
1384				<a target="_blank" data-bind="css: { 'icon-file': $parent.mode() == 'file' }, attr: { href: $parent.getFileSrc(value()), download: $parent.getFileName(value()) }">
1385					<!-- ko if: $parent.mode() == 'image' -->
1386					<img style="min-width: 100px; max-height: 300px;" data-bind="attr: { src: $parent.getThumbnailSrc(value()) }"/>
1387					<!-- /ko -->
1388					<span data-bind="text: $parent.getFileName(value())"></span>
1389				</a>
1390				<!-- /ko -->
1391				<!-- /ko -->
1392			</div>
1393			<!-- /ko -->
1394
1395			<!-- ko if: mode() == 'instructor' -->
1396			<div class="site-field-values">
1397				<!-- ko if: values().length -->
1398				<!-- ko foreach: values -->
1399				<div class="siteFieldData">
1400					<span data-bind="text: $parent.getInstructorName(value())"></span>
1401				</div>
1402				<!-- /ko -->
1403				<!-- /ko -->
1404				<!-- ko ifnot: values().length > 1 || firstValue() -->
1405				<div class="siteFieldData">
1406					<span><i>--</i></span>
1407				</div>
1408				<!-- /ko -->
1409			</div>
1410			<!-- /ko -->
1411
1412			<!-- ko if: mode() == 'figure-skating' -->
1413			<div class="site-field-values m-table">
1414
1415				<!-- ko ifnot: allowMultiples -->
1416				<div class="siteFieldData">
1417					<!-- ko if: firstValue() -->
1418					<span data-bind="text: firstValue()"></span>
1419					<!-- /ko -->
1420					<!-- ko ifnot: firstValue() -->
1421					<span><i>--</i></span>
1422					<!-- /ko -->
1423				</div>
1424				<!-- /ko -->
1425			</div>
1426			<!-- /ko -->
1427		</section>
1428	</script>
1428
1429	
1429<script type="text/html" id="editOrderItemTemp">
1430	<div id="editOrderItemModal" class="popContent">
1431		<header class="headerDivider">
1432			<!-- ko if: order_item -->
1433			<!-- ko with: order_item -->
1434			<div class="m-row">
1435				<div class="m-cell-lock threeFourth">
1436					<h2 data-bind="text: local_string[lang].summary"></h2>
1437					<!-- ko if: product().program -->
1438					<span class="m-cellpad-v">
1439						<div class="nowhitespace metaData inlineBlock">
1440							
1441							<span class="icon-calendar-blank staticIcon" title="Start &amp; End Date" data-bind="text: (function(){
1442								return (product().program.start_date() != product().program.end_date() ? moment(product().program.start_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]) + ' - ' + moment(product().program.end_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]) : moment(product().program.start_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]))
1443								})()"></span>
1444							
1445						</div>
1446						<div class="nowhitespace metaData inlineBlock">
1447							<span class="icon-clock staticIcon" title="Time" data-bind="text: product().program.day_time"></span>
1448						</div>
1449						<div class="nowhitespace metaData inlineBlock">
1450							<!-- ko if: product().program.location.show_address -->
1451								<span class="icon-location staticIcon" title="Location"></span><span data-bind="text: product().program.facility.address.address1"></span><!-- ko if: product().program.facility.address.address2 -->, <span data-bind="text: product().program.facility.address.address2"></span><!-- /ko -->, <span data-bind="text: product().program.facility.address.city"></span> <span data-bind="text: product().program.facility.address.prov"></span>
1452							<!-- /ko -->
1453						</div>
1454					</span>
1455					<!-- /ko -->
1456					<!-- ko if: next_invoice_date --> <span class="nowhitespace metaData inlineBlock"><b>Next Invoice Date: </b><span data-bind="text: next_invoice_date.date(LONG_DATE)"></span></span>
1457					<!-- /ko -->
1458				</div>
1459				<div class="m-cell-lock oneFourth textRight">
1460					<div class="m-cellpad">
1461						<!-- ko if: !canToggleDropIn() || canToggleFullProgram() -->
1462						<div class="originalPrice" data-bind="visible: original_item_price() > discount_price(), text: original_extended_price_display.currency()"></div>
1463						<div class="subtotal" data-bind="text: total_display.currency()"></div>
1464						<!-- /ko -->
1465					</div>
1466				</div>
1467			</div>
1468			<!-- ko if: canToggleDropIn -->
1469			<ul class="radioTabs inlineMobile textRight" style="font-size:1.4em; bottom:-11px;">
1470				<!-- ko if: canToggleFullProgram -->
1471					<!-- ko if: isFullProgram -->
1472						<li class="tab active">
1473							<div class="title">Full Program</div>
1474						</li>
1475						<li class="tab">
1476							<div class="title" data-bind="click: toggleDropIn">Drop In</div>
1477						</li>
1478					<!-- /ko -->
1479					<!-- ko ifnot: isFullProgram -->
1480						<li class="tab" data-bind="click: toggleFullProgram">
1481							<div class="title">Full Program</div>
1482						</li>
1483						<li class="tab active">
1484							<div class="title">Drop In</div>
1485						</li>
1486					<!-- /ko -->
1487				<!-- /ko -->
1488				<!-- ko ifnot: canToggleFullProgram -->
1489				<li class="tab active">
1490					<div class="title">Drop In</div>
1491				</li>
1492				<!-- /ko -->
1493			</ul>
1494			<!-- /ko -->
1495			<!-- /ko -->
1496
1497			<!-- /ko -->
1498
1499			<!-- ko ifnot: order_item -->
1500				<!-- ko if: $root.itemAdded() -->
1501				<h1 class="textCenter">
1502					<!-- ko if: $root.itemsAddedCount() == 1 --> Item Added <!-- /ko -->
1503					<!-- ko if: $root.itemsAddedCount() > 1 --> Added <span data-bind="text: $root.itemsAddedCount"></span> items <!-- /ko -->
1504				</h1>
1505				<!-- /ko -->
1506			<!-- /ko -->
1507
1508			<!-- ko ifnot: $root.itemAdded() -->
1509				<!-- ko if: $root.itemsCount() > 1 -->
1510					<div class="itemCountContainer">
1511						<div class="inlineBlock itemCount"> Item <span data-bind="text: $root.itemNumber"></span> of <span data-bind="text: $root.itemsCount"></span>
1512						</div>
1513					</div>
1514				<!-- /ko -->
1515			<!-- /ko -->
1516		</header>
1517		<div class="popBody">
1518			<div class="m-cellpad">
1519			<!-- ko if: order_item -->
1520			<div data-bind="with: order_item">
1521				<div data-bind="with: $root">
1522						<div class="noticeMessage" >
1523			<!-- ko if: errors().length -->
1524		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
1525				<li class="errorMsg" data-bind="html: $data"></li>
1526			</ul>
1527		</div>
1528		<!-- /ko -->
1529		<!-- ko if: warnings().length -->
1530		<div class="warnings">
1531			<ul data-bind="foreach: warnings">
1532				<li class="warningMsg" data-bind="html: $data"></li>
1533			</ul>
1534		</div>
1535		<!-- /ko -->
1536		<!-- ko if: typeof success === 'function' && success() && success().length -->
1537		<ul class="success" data-bind="foreach: success">
1538			<li class="successMsg" data-bind="text: $data"></li>
1539		</ul>
1540		<!-- /ko -->
1541		
1542</div>
1542				</div>
1543				<!-- ko if: registration() -->
1544					<h3 data-bind="text: $root.title"></h3>
1545					<table data-bind="foreach: $root.dropdowns">
1546						<tr>
1547							<th data-bind="text: $index() + 1 + '.'" width="10%"></th>
1548							
1549							<td data-bind="attr: (function(){return $root.fromWaitList() ? {width: '90%'} : {width: '80%'}})()">
1550								
1551								<!-- ko if: !$parent.product().site_group_type_id() -->
1552								<select class="fullWidth" data-bind="selectize: options,
1553									optionsText: 'name',
1554									optionsValue: 'participant_id',
1555									value: participant_id,
1556									selectizePlaceholder: '--',
1557									selectizeDropdownParent: 'body',
1558									selectizeOnType: adjustDropdown,
1559									selectizeOnDropdownOpen: adjustDropdown,
1560									selectizeDisable: $root.fromWaitList()"></select>
1561								<!-- /ko -->
1562								<!-- ko if: $parent.product().site_group_type_id() -->
1563								<select class="fullWidth" data-bind="selectize: options,
1564									optionsText: 'name',
1565									optionsValue: 'site_group_id',
1566									value: site_group_id,
1567									selectizePlaceholder: '--',
1568									selectizeDropdownParent: 'body',
1569									selectizeOnType: adjustDropdown,
1570									selectizeOnDropdownOpen: adjustDropdown,
1571									selectizeDisable: $root.fromWaitList()
1572									"></select>
1573								<!-- /ko -->
1574							</td>
1575							<!-- ko if: !$root.fromWaitList() -->
1576							<td class="textRight" width="10%">
1577								<!-- ko if: $root.dropdowns().length > 1 -->
1578								<span class="icon-delete" title="Delete" data-bind="click: $root.removeParticipant"></span>
1579								<!-- /ko-->
1580							</td>
1581							<!-- /ko-->
1582						</tr>
1583					</table>
1584					<!-- ko if: !product().site_group_type_id() -->
1585						<!-- ko if: product().program.maximum_participants_per_registration() > 1 -->
1586						<div class="m-row">
1587							<div class="m-cell oneHalf">
1588								<span class="m-cellpad">
1589									<span data-bind="text: $root.selectedParticipantIds().length"></span> skaters selected. You must select between <span data-bind="text: product().program.minimum_participants_per_registration"></span> and <span data-bind="text: product().program.maximum_participants_per_registration"></span> skaters. </span>
1590							</div>
1591							<div class="m-cell oneHalf textRight"> <span class="m-cellpad"> <span class="icon-add iconBtn" data-bind="click: $root.addParticipant, visible: $root.showAddIcon">Add Skater</span>
1592								</span>
1593							</div>
1594						</div>
1595						<!-- /ko -->
1596					<!-- /ko -->
1597
1598					<!-- ko if: product().site_group_type_id() -->
1599						<table data-bind="foreach: $root.selectedParticipants" style="width:100%">
1600							<tr>
1601								<td>
1602									<span data-bind="text: name()"></span>
1603								</td>
1604								<td>
1605									<!-- ko if: !$root.fromWaitList() -->
1606									
1607										<span class="icon-delete" data-bind="click: function(){$root.siteGroupRemoveParticipant($data)}"></span>
1608									
1609									<!-- /ko -->
1610								</td>
1611							</tr>
1612						</table>
1613						<!-- ko if: $root.processing() && $root.allowSaveErrorMessage() -->
1614						<div class="m-row">
1615							<div class="m-cell oneHalf">
1616								<div  class="m-cellpad">
1617									<span data-bind="text: $root.allowSaveErrorMessage"></span>
1618								</div>
1619							</div>
1620						</div>
1621						<!-- /ko -->
1622					<!-- /ko -->
1623				<!-- /ko -->
1624				
1625				<!-- ko if: showDropInOptions -->
1626				
1627					<ul class="dropinSlots unstyled">
1628						<!-- ko foreach: grouped_drop_in_events -->
1629						<li class="slotsByDay contentGroup">
1630							<h3 class="slotHeader groupNumber" data-bind="text: start_date.date(MEDIUM_DATE)"></h3>
1631							<div class="slotCol">
1632								<!-- ko foreach: events -->
1633								<div class="checkboxField noBorder rightPosition" data-bind="css: {selected: $parents[1].selectedDropInEvent(event_id()), canRegister: canRegister, canWaitlist: !canRegister() && canWaitlist(), isDisabled: !canRegister() && !canWaitlist()}">
1634									<!-- ko if: canRegister() || canWaitlist() -->
1635										<input type="checkbox" data-bind="checked: $parents[1].selectedDropInEvent(event_id()), attr: {id: 'event' + event_id()}" />
1636									<!-- /ko -->
1637									<!-- ko if: !canRegister() && !canWaitlist() -->
1638										<input type="checkbox" disabled="disabled"/>
1639									<!-- /ko -->
1640									<label class="m-row" data-bind="attr: {for: 'event' + event_id()}">
1641										<div class="m-cell-lock sixEighth small-twoThird">
1642											<div class="m-row">
1643												<div class="m-cell oneHalf">
1644													<div class="m-cellpad-h">
1645														<!-- ko if: event_start_time.date(SHORT_DATE)() !== event_end_time.date(SHORT_DATE)() -->
1646															<span data-bind="text: event_start_time.date(LONG_DATE_TIME)"></span> - <span data-bind="text: event_end_time.date(LONG_DATE_TIME)"></span>
1647														<!-- /ko -->
1648														<!-- ko if: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() -->
1649															<span data-bind="text: event_start_time.date(TIME_ONLY)"></span> - <span data-bind="text: event_end_time.date(TIME_ONLY)"></span>
1650														<!-- /ko -->
1651														<!-- ko if: !canRegister() && canWaitlist() --> <small class="statusBadge statusWaitlist">Waitlist</small> <!-- /ko -->
1652														<!-- ko if: !canRegister() && !canWaitlist() --> <small class="statusBadge statusFull">Full</small> <!-- /ko -->
1653													</div>
1654												</div>
1655												<div class="m-cell oneHalf">
1656													<span class="m-cellpad-h" data-bind="text: location().local_string[lang].summary"></span>
1657												</div>
1658											</div>
1659										</div>
1660										<div class="m-cell-lock twoEighth small-oneThird textRight">
1661											<div class="m-cellpad-h">
1662												<span data-bind="text: price_display.currency()"></span>
1663											</div>
1664										</div>
1665									</label>
1666								</div>
1667								<!-- /ko -->
1668							</div>
1669						</li>
1670						<!-- /ko -->
1671					</ul>
1672				
1673				<!-- /ko -->
1674				<!-- ko if : selectedEvent -->
1675				<div class="m-cellpad" data-bind="with: selectedEvent">
1676					<ul class="listItems">
1677						<li class="m-row">
1678							<label>
1679								<div class="m-cell-lock sevenEighth small-fourFifth">
1680									<div class="m-row">
1681										<div class="m-cell twoThird">
1682											<div class="m-cellpad">
1683												<span data-bind="text: event_start_time.date(LONG_DATE_TIME)"></span> -
1684												<!-- ko if: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() -->
1685												<span data-bind="text: event_end_time.date(SHORT_DATE_TIME)().replace(event_start_time.date(SHORT_DATE)(),'')"></span>
1686												<!-- /ko -->
1687												<!-- ko ifnot: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() -->
1688												<span data-bind="text: event_end_time.date(LONG_DATE_TIME)"></span>
1689												<!-- /ko -->
1690											</div>
1691										</div>
1692										<div class="m-cell oneThird">
1693											<span class="m-cellpad" data-bind="text: location().local_string[lang].summary"></span>
1694										</div>
1695									</div>
1696								</div>
1697								<div class="m-cell-lock oneEighth small-oneFifth textRight">
1698									<div class="m-cellpad">
1699										<span data-bind="text: price.currency()"></span>
1700									</div>
1701								</div>
1702							</label>
1703						</li>
1704					</ul>
1705				</div>
1706				<!-- /ko -->
1707				
1708
1709				<!-- ko if: !registration() && apply_to() === 'participant' -->
1710				<div class="field sectionSpacer"> <label for="">Purchasing for:</label> <!-- ko if: !auto_added() && (!order_item_id() || !subscription_id()) -->
1711						<!-- ko with: dropdown -->
1712						<select data-bind="selectize: options,
1713								optionsText: 'name',
1714								optionsValue: 'participant_id',
1715								value: participant_id,
1716								selectizePlaceholder: '--',
1717								selectizeDropdownParent: 'body',
1718								selectizeOnType: adjustDropdown,
1719								selectizeOnDropdownOpen: adjustDropdown,
1720								selectizeDisable: $root.fromWaitList()"></select>
1721						<!-- /ko -->
1722					<!-- /ko -->
1723					<!-- ko if: !(!auto_added() && (!order_item_id() || !subscription_id())) -->
1724					<span data-bind="text: participant().name"></span>
1725					<!-- /ko -->
1726				</div>
1727				<!-- /ko -->
1728
1729				<!-- ko if: $root.displaySFVS -->
1730				<div class="site-fields threeColumns siteFieldEditable">
1731					<!-- ko foreach: site_field_values -->
1732					<!-- ko if: displaySFV -->
1733					<div data-bind="template: 'siteFieldEdit'" class="col"></div>
1734					<!-- /ko -->
1735					<!-- /ko -->
1736				</div>
1737				<!-- /ko -->
1738			</div>
1739
1740				<!-- ko if: requiresMembershipValidation -->
1741                <div id="validateMembershipFooter">
1742	<p>
1743		<span data-bind="text: jsmsgValidMembershipRequired"></span>
1744		<span
1745				class="iconInline icon-help tooltip"
1746				data-bind="visible: requiredConnectionNames().length, attr: { title: membershipConnectionsTooltip }">
1747		</span>
1748	</p>
1749</div>				<!-- /ko -->
1750			<!-- /ko -->
1751
1752			<!-- ko ifnot: order_item -->
1753				<!-- ko if: $root.itemAdded() -->
1754				<div class="textCenter">
1755					<div class="cartItemAdded">
1756						<div class="staticIcon icon-check-circle-o"></div>
1757						<div class="staticIcon icon-cart"></div>
1758					</div>
1759				</div>
1760				<!-- /ko -->
1761				<div data-bind="with: $root">
1762					<!-- ko if: warnings().length && typeof $root.warningsByKey()['registrationFull'] === 'undefined' && typeof $root.warningsByKey()['addedToWaitlist'] === 'undefined' && typeof $root.warningsByKey()['addedFromWaitlist'] === 'undefined' && typeof $root.warningsByKey()['inventory'] === 'undefined' --> <span class="warnings alertText m-cellpad itemTitle"> Your item has been added to your cart, but you may not be able to proceed with your checkout because: </span>
1763					<!-- /ko -->
1764						<div class="noticeMessage" >
1765			<!-- ko if: errors().length -->
1766		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
1767				<li class="errorMsg" data-bind="html: $data"></li>
1768			</ul>
1769		</div>
1770		<!-- /ko -->
1771		<!-- ko if: warnings().length -->
1772		<div class="warnings">
1773			<ul data-bind="foreach: warnings">
1774				<li class="warningMsg" data-bind="html: $data"></li>
1775			</ul>
1776		</div>
1777		<!-- /ko -->
1778		<!-- ko if: typeof success === 'function' && success() && success().length -->
1779		<ul class="success" data-bind="foreach: success">
1780			<li class="successMsg" data-bind="text: $data"></li>
1781		</ul>
1782		<!-- /ko -->
1783		
1784</div>				</div>
1785			<!-- /ko -->
1786			</div>
1787
1788
1789
1790		</div>
1791		
1792			<footer class="footerDivider buttonBar">
1793				<div class="m-row xsmallHide">
1794					<div class="m-cell-lock oneThird textLeft">
1795						<div class="m-cellpad">
1796							<!-- ko if: !$root.itemAdded() && $root.orderItemProduct() && $root.orderItemProduct().apply_to() === 'participant' -->
1797								<!-- ko if: !$root.orderItemProduct().site_group_type_id() -->
1798								<button class="icon-add iconBtn outlineBtn" data-bind="visible: $root.showAdd, click: function(){$root.addNewParticipant(null)}, disable: $root.processing">New Skater</button>
1799								<button class="icon-add iconBtn outlineBtn" data-bind="visible: $root.showFind, click: function(){$root.findParticipant(null)}, disable: $root.processing">Find Skater</button>
1800								<!-- /ko -->
1801
1802								<!-- ko if: $root.orderItemProduct().site_group_type_id() --> <a target="_parent" class="btnAction" data-bind="attr: {href: '/users/groups.php?siteGroupType=' + $root.orderItemProduct().site_group_type_id()}"> Manage <span data-bind="text: $root.orderItemProduct().site_group_type.name"></span>
1803								</a>
1804								<!-- /ko -->
1805
1806							<!-- /ko -->
1807						</div>
1808					</div>
1809					<div class="m-cell-lock twoThird textRight">
1810						<div class="m-cellpad">
1811							<!-- ko if: order_item -->
1812								<div data-bind="with: order_item">
1813									<!-- ko if: !$root.fromWaitList() && !(order_item_id() || order.order_id()) && product() && product().cart_code && product().cart_code() -->
1814									<div class="inlineBlock" style="top: 10px">
1815										<div class="m-cellpad-h">
1816											<div class="iconFieldContainer">
1817												<span class="indicator"><span class="staticIcon icon-key"></span></span>
1818												<input type="text" data-bind="textInput: $root.cart_code" placeholder="REGISTRATION CODE"/>
1819											</div>
1820										</div>
1821									</div>
1822									<!-- /ko -->
1823									<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}, disable: $root.processing()">Cancel</button>
1824									<!-- ko if: order_item_id() || order.order_id() -->
1825										<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'EditOrderItem')}, disable: $root.processing">Save</button>
1826									<!-- /ko -->
1827									<!-- ko if: !(order_item_id() || order.order_id()) -->
1828										<!-- ko if: !$root.fromWaitList() -->
1829											<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'add_order_item')}, disable: $root.processing">
1830												<!-- ko ifnot: $root.next() --> OK <!-- /ko -->
1831												<!-- ko if: $root.next() --> Next <!-- /ko -->
1832											</button>
1833											<!-- ko if: $root.itemsCount() > 1 && $root.next() -->
1834											<!-- ko ifnot: $root.processing() -->
1835											<button class="btnAction" data-bind="click: $root.skip">Skip</button>
1836											<!-- /ko -->
1837											<!-- ko if: $root.processing() -->
1838											<button class="btnAction" disabled="disabled">Skip</button>
1839											<!-- /ko -->
1840											<!-- /ko -->
1841										<!-- /ko -->
1842										<!-- ko if: $root.fromWaitList() -->
1843											<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'register_from_waitlist')}, disable: $root.processing">Add</button>
1844										<!-- /ko -->
1845									<!-- /ko -->
1846								</div>
1847							<!-- /ko -->
1848							<!-- ko ifnot: order_item -->
1849								<!-- ko if: $root.showViewCart() && !$root.onCheckout() -->
1849 <a href="/registration/checkout/" target="_parent" class="btnAction">View Cart</a> <!-- /ko -->
1850								<!-- ko if: next() && next().constructor.name === 'ProductOrderItemEdit' -->
1851								<button class="btnAction" data-bind="click: function(){$.fancybox.close()}">Next</button>
1852								<!-- /ko -->
1853								<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Close</button>
1854							<!-- /ko -->
1855						</div>
1856					</div>
1857				</div>
1858				<div class="m-row xsmallDisplay">
1859					<div class="m-cell fullWidth">
1860						<!-- ko if: order_item -->
1861							<div data-bind="with: order_item">
1862								<!-- ko if: !$root.fromWaitList() && !(order_item_id() || order.order_id()) && product() && product().cart_code && product().cart_code() -->
1863									<div class="iconFieldContainer">
1864										<span class="indicator"><span class="staticIcon icon-key"></span></span>
1865										<input type="text" data-bind="textInput: $root.cart_code" placeholder="REGISTRATION CODE"/>
1866									</div>
1867								<!-- /ko -->
1868								<!-- ko if: order_item_id() || order.order_id() -->
1869									<!-- ko ifnot: $root.processing() -->
1870										<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'EditOrderItem')}">Save</button>
1871									<!-- /ko -->
1872									<!-- ko if: $root.processing() -->
1873										<button class="btnAction" disabled="disabled">Save</button>
1874									<!-- /ko -->
1875								<!-- /ko -->
1876								<!-- ko if: !(order_item_id() || order.order_id()) -->
1877									<!-- ko if: !$root.fromWaitList() -->
1878										<!-- ko ifnot: $root.processing() -->
1879											<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'add_order_item')}">
1880												<!-- ko ifnot: $root.next() --> Add <!-- /ko -->
1881												<!-- ko if: $root.next() --> Next <!-- /ko -->
1882											</button>
1883										<!-- /ko -->
1884										<!-- ko if: $root.processing() -->
1885											<button class="btnAction" disabled="disabled">
1886												<!-- ko ifnot: $root.next() --> Add <!-- /ko -->
1887												<!-- ko if: $root.next() --> Next <!-- /ko -->
1888											</button>
1889										<!-- /ko -->
1890										<!-- ko if: $root.itemsCount() > 1 && $root.next()-->
1891											<!-- ko ifnot: $root.processing() -->
1892											<button class="btnAction" data-bind="click: $root.skip">Skip</button>
1893											<!-- /ko -->
1894											<!-- ko if: $root.processing() -->
1895											<button class="btnAction" disabled="disabled">Skip</button>
1896											<!-- /ko -->
1897										<!-- /ko -->
1898									<!-- /ko -->
1899									<!-- ko if: $root.fromWaitList() -->
1900										<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'register_from_waitlist')}">Add</button>
1901									<!-- /ko -->
1902								<!-- /ko -->
1903								<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Cancel</button>
1904							</div>
1905						<!-- /ko -->
1906						<!-- ko ifnot: order_item -->
1907							<!-- ko if: $root.showViewCart() && !$root.onCheckout() --> <a href="/registration/checkout/" target="_parent" class="btnAction">View Cart</a> <!-- /ko -->
1908							<!-- ko if: next() && next().constructor.name === 'ProductOrderItemEdit' -->
1909							<button class="btnAction" data-bind="click: function(){$.fancybox.close()}">Next</button>
1910							<!-- /ko -->
1911							<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Close</button>
1912						<!-- /ko -->
1913
1914						<!-- ko if: $root.orderItemProduct() && $root.orderItemProduct().apply_to() === 'participant' -->
1915
1916							<!-- ko if: !$root.orderItemProduct().site_group_type_id() -->
1917							<button class="btnAction" data-bind="click: function(){$root.addNewParticipant(null)}">Add New Skater</button>
1918							<!-- /ko -->
1919
1920							<!-- ko if: $root.orderItemProduct().site_group_type_id() --> <a target="_parent" class="btnAction" data-bind="attr: {href: '/users/groups.php?siteGroupType=' + orderItemProduct().site_group_type_id()}"> Manage <span data-bind="text: $root.orderItemProduct().site_group_type.name"></span>
1921							</a>
1922							<!-- /ko -->
1923						<!-- /ko -->
1924
1925					</div>
1926				</div>
1927			</footer>
1928		
1929	</div>
1930</script>
1930	<style>
1931
1932
1933	.avatarWidgetContent .dialogContent {
1934		flex-direction: row;
1935		justify-content: left;
1936	}
1937
1938	.avatarWidgetContent #uploadedPhoto{
1939		width:200px;
1940		height:200px;
1941		margin:20px 0 0 20px;
1942	}
1943	.avatarWidgetContent #image-preview-wrapper,.avatarWidgetContent #avatar-container{
1944		width:240px;
1945		height:240px;
1946	}
1947	.avatarWidgetContent h3{
1948		width:25%;
1949		padding:10px;
1950	}
1951	.avatarWidgetContent #options-container, .avatarWidgetContent #save-img-container{
1952		padding:0 20px;
1953	}
1954	@media screen and (max-width: 917px) {
1955		.avatarWidgetContent h3{
1956			width:100%;
1957			text-align:center;
1958		}
1959		.avatarWidgetContent #options-container{
1960			text-align:center;
1961		}
1962		.avatarWidgetContent .dialogContent {
1963			flex-direction: column;
1964			justify-content: center;
1965		}
1966	}
1967</style>
1968
1969<script type="text/html" id="addParticipantTemp">
1970	<div id="addParticipant" class="popContent">
1971					<header class="headerDivider">
1972				<h2 data-bind="visible: participant().lookUp">Find Skater</h2>
1973				<h2 data-bind="visible: !participant().lookUp">Add New Skater</h2>
1974			</header>
1975				<div class="popBody">
1976			<!-- ko if: loading --> Loading..... <!-- /ko -->
1977			<!-- ko ifnot: loading -->
1978				<div class="noticeMessage" >
1979			<!-- ko if: errors().length -->
1980		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
1981				<li class="errorMsg" data-bind="html: $data"></li>
1982			</ul>
1983		</div>
1984		<!-- /ko -->
1985		<!-- ko if: warnings().length -->
1986		<div class="warnings">
1987			<ul data-bind="foreach: warnings">
1988				<li class="warningMsg" data-bind="html: $data"></li>
1989			</ul>
1990		</div>
1991		<!-- /ko -->
1992		<!-- ko if: typeof success === 'function' && success() && success().length -->
1993		<ul class="success" data-bind="foreach: success">
1994			<li class="successMsg" data-bind="text: $data"></li>
1995		</ul>
1996		<!-- /ko -->
1997		
1998</div>						<div class="m-cellpad"><span class="req">* = Required Fields</span></div>
1999			<form data-bind="with: participant, submit: $root.addParticipant">
2000
2001
2002				<div class="signupTable m-row clearfix blockSection">
2003					<header class="m-cell oneFourth">
2004						<div class="m-cellpad">
2005							<h3>Skater Details</h3>
2006						</div>
2007					</header>
2008					<div class="m-cell threeFourth threeColumns">
2009						<div class="field">
2010							<header class="isRequired"> <label for="participant_first_name">First Name</label> </header>
2011							<!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() -->
2012							<input type="text" disabled data-bind="value: $parent.user_first_name"/>
2013							<!-- /ko -->
2014							<!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() -->
2015							<input type="text" data-bind="value: first_name"/>
2016							<!-- /ko -->
2017
2018						</div>
2019
2020						<div class="field">
2021							<header class="isRequired"> <label for="participant_last_name">Last Name</label> </header>
2022							<!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() -->
2023							<input  disabled data-bind="value: $parent.user_last_name"/>
2024							<!-- /ko -->
2025							<!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() -->
2026							<input data-bind="value: last_name"/>
2027							<!-- /ko -->
2028						</div>
2029
2030						<div class="field">
2031							<header class="isRequired"> <label>Gender</label> </header>
2032							<!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() && $parent.user_gender_id() -->
2033							<select disabled data-bind="value: $parent.user_gender_id">
2034								<option value=""> -- </option>
2035								<option value="2">Female</option>
2036<option value="1">Male</option>
2037
2038							</select>
2039							<!-- /ko -->
2040							<!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() && $parent.user_gender_id() -->
2041							<select data-bind="value: gender_id">
2042								<option value=""> -- </option>
2043								<option value="2">Female</option>
2044<option value="1">Male</option>
2045
2046							</select>
2047							<!-- /ko -->
2048						</div>
2049
2050						<div class="field">
2051							<header class="isRequired"> <label>Birthdate 									<span class="small"> ( DD / MMM / YYYY )</span>
2052								</label>
2053							</header>
2054														<div class="nowhitespace">
2055																	<!-- ko ifnot: $parent.showBirthdate() -->
2056																			<select disabled class="dd" data-bind="value: $parent.user_dd">
2057																							<option value=""></option>
2058<option value="1">1</option>
2059<option value="2">2</option>
2060<option value="3">3</option>
2061<option value="4">4</option>
2062<option value="5">5</option>
2063<option value="6">6</option>
2064<option value="7">7</option>
2065<option value="8">8</option>
2066<option value="9">9</option>
2067<option value="10">10</option>
2068<option value="11">11</option>
2069<option value="12">12</option>
2070<option value="13">13</option>
2071<option value="14">14</option>
2072<option value="15">15</option>
2073<option value="16">16</option>
2074<option value="17">17</option>
2075<option value="18">18</option>
2076<option value="19">19</option>
2077<option value="20">20</option>
2078<option value="21">21</option>
2079<option value="22">22</option>
2080<option value="23">23</option>
2081<option value="24">24</option>
2082<option value="25">25</option>
2083<option value="26">26</option>
2084<option value="27">27</option>
2085<option value="28">28</option>
2086<option value="29">29</option>
2087<option value="30">30</option>
2088<option value="31">31</option>
2089
2090																					</select>
2091																		<span class="sideDivider">/</span>									<!-- /ko -->
2092									<!-- ko if: $parent.showBirthdate() -->
2093																			<select name="participant_dd" class="dd" data-bind="value: dd">
2094																							<option value=""></option>
2095<option value="1">1</option>
2096<option value="2">2</option>
2097<option value="3">3</option>
2098<option value="4">4</option>
2099<option value="5">5</option>
2100<option value="6">6</option>
2101<option value="7">7</option>
2102<option value="8">8</option>
2103<option value="9">9</option>
2104<option value="10">10</option>
2105<option value="11">11</option>
2106<option value="12">12</option>
2107<option value="13">13</option>
2108<option value="14">14</option>
2109<option value="15">15</option>
2110<option value="16">16</option>
2111<option value="17">17</option>
2112<option value="18">18</option>
2113<option value="19">19</option>
2114<option value="20">20</option>
2115<option value="21">21</option>
2116<option value="22">22</option>
2117<option value="23">23</option>
2118<option value="24">24</option>
2119<option value="25">25</option>
2120<option value="26">26</option>
2121<option value="27">27</option>
2122<option value="28">28</option>
2123<option value="29">29</option>
2124<option value="30">30</option>
2125<option value="31">31</option>
2126
2127																					</select>
2128																		<span class="sideDivider">/</span>									<!-- /ko -->
2129																	<!-- ko ifnot: $parent.showBirthdate() -->
2130																			<select disabled class="mm" data-bind="value: $parent.user_mm">
2131																							<option value=""></option>
2132<option value="01">Jan</option>
2133<option value="02">Feb</option>
2134<option value="03">Mar</option>
2135<option value="04">Apr</option>
2136<option value="05">May</option>
2137<option value="06">Jun</option>
2138<option value="07">Jul</option>
2139<option value="08">Aug</option>
2140<option value="09">Sep</option>
2141<option value="10">
2141Oct</option>
2142<option value="11">Nov</option>
2143<option value="12">Dec</option>
2144
2145																					</select>
2146																		<span class="sideDivider">/</span>									<!-- /ko -->
2147									<!-- ko if: $parent.showBirthdate() -->
2148																			<select name="participant_mm" class="mm" data-bind="value: mm">
2149																							<option value=""></option>
2150<option value="01">Jan</option>
2151<option value="02">Feb</option>
2152<option value="03">Mar</option>
2153<option value="04">Apr</option>
2154<option value="05">May</option>
2155<option value="06">Jun</option>
2156<option value="07">Jul</option>
2157<option value="08">Aug</option>
2158<option value="09">Sep</option>
2159<option value="10">Oct</option>
2160<option value="11">Nov</option>
2161<option value="12">Dec</option>
2162
2163																					</select>
2164																		<span class="sideDivider">/</span>									<!-- /ko -->
2165																	<!-- ko ifnot: $parent.showBirthdate() -->
2166																			<input disabled class="yyyy" type="text" name="participant_yyyy" data-bind="value: $parent.user_yyyy" />
2167																		<span class="sideDivider">/</span>									<!-- /ko -->
2168									<!-- ko if: $parent.showBirthdate() -->
2169																			<input class="yyyy" type="text" name="participant_yyyy" data-bind="value: yyyy" />
2170																		<span class="sideDivider">/</span>									<!-- /ko -->
2171																	<!-- ko ifnot: $parent.showBirthdate() -->
2172																			<select disabled class="dd" data-bind="value: $parent.user_dd">
2173																							<option value=""></option>
2174<option value="1">1</option>
2175<option value="2">2</option>
2176<option value="3">3</option>
2177<option value="4">4</option>
2178<option value="5">5</option>
2179<option value="6">6</option>
2180<option value="7">7</option>
2181<option value="8">8</option>
2182<option value="9">9</option>
2183<option value="10">10</option>
2184<option value="11">11</option>
2185<option value="12">12</option>
2186<option value="13">13</option>
2187<option value="14">14</option>
2188<option value="15">15</option>
2189<option value="16">16</option>
2190<option value="17">17</option>
2191<option value="18">18</option>
2192<option value="19">19</option>
2193<option value="20">20</option>
2194<option value="21">21</option>
2195<option value="22">22</option>
2196<option value="23">23</option>
2197<option value="24">24</option>
2198<option value="25">25</option>
2199<option value="26">26</option>
2200<option value="27">27</option>
2201<option value="28">28</option>
2202<option value="29">29</option>
2203<option value="30">30</option>
2204<option value="31">31</option>
2205
2206																					</select>
2207																		<span class="sideDivider">/</span>									<!-- /ko -->
2208									<!-- ko if: $parent.showBirthdate() -->
2209																			<select name="participant_dd" class="dd" data-bind="value: dd">
2210																							<option value=""></option>
2211<option value="1">1</option>
2212<option value="2">2</option>
2213<option value="3">3</option>
2214<option value="4">4</option>
2215<option value="5">5</option>
2216<option value="6">6</option>
2217<option value="7">7</option>
2218<option value="8">8</option>
2219<option value="9">9</option>
2220<option value="10">10</option>
2221<option value="11">11</option>
2222<option value="12">12</option>
2223<option value="13">13</option>
2224<option value="14">14</option>
2225<option value="15">15</option>
2226<option value="16">16</option>
2227<option value="17">17</option>
2228<option value="18">18</option>
2229<option value="19">19</option>
2230<option value="20">20</option>
2231<option value="21">21</option>
2232<option value="22">22</option>
2233<option value="23">23</option>
2234<option value="24">24</option>
2235<option value="25">25</option>
2236<option value="26">26</option>
2237<option value="27">27</option>
2238<option value="28">28</option>
2239<option value="29">29</option>
2240<option value="30">30</option>
2241<option value="31">31</option>
2242
2243																					</select>
2244																		<span class="sideDivider">/</span>									<!-- /ko -->
2245																	<!-- ko ifnot: $parent.showBirthdate() -->
2246																			<select disabled class="mm" data-bind="value: $parent.user_mm">
2247																							<option value=""></option>
2248<option value="01">Jan</option>
2249<option value="02">Feb</option>
2250<option value="03">Mar</option>
2251<option value="04">Apr</option>
2252<option value="05">May</option>
2253<option value="06">Jun</option>
2254<option value="07">Jul</option>
2255<option value="08">Aug</option>
2256<option value="09">Sep</option>
2257<option value="10">
2257Oct</option>
2258<option value="11">Nov</option>
2259<option value="12">Dec</option>
2260
2261																					</select>
2262																		<span class="sideDivider">/</span>									<!-- /ko -->
2263									<!-- ko if: $parent.showBirthdate() -->
2264																			<select name="participant_mm" class="mm" data-bind="value: mm">
2265																							<option value=""></option>
2266<option value="01">Jan</option>
2267<option value="02">Feb</option>
2268<option value="03">Mar</option>
2269<option value="04">Apr</option>
2270<option value="05">May</option>
2271<option value="06">Jun</option>
2272<option value="07">Jul</option>
2273<option value="08">Aug</option>
2274<option value="09">Sep</option>
2275<option value="10">Oct</option>
2276<option value="11">Nov</option>
2277<option value="12">Dec</option>
2278
2279																					</select>
2280																		<span class="sideDivider">/</span>									<!-- /ko -->
2281																	<!-- ko ifnot: $parent.showBirthdate() -->
2282																			<input disabled class="yyyy" type="text" name="participant_yyyy" data-bind="value: $parent.user_yyyy" />
2283																											<!-- /ko -->
2284									<!-- ko if: $parent.showBirthdate() -->
2285																			<input class="yyyy" type="text" name="participant_yyyy" data-bind="value: yyyy" />
2286																											<!-- /ko -->
2287															</div>
2288						</div>
2289
2290													<!-- ko if: getInstructors()() !== false && getInstructors()().length -->
2291							<div class="field"> <label>Instructor(ONLY STARSkate)</label> <select data-bind="selectize: getInstructors(),
2292								optionsText: 'name',
2293								optionsValue: 'instructor',
2294								value: instructor,
2295								selectizePlaceholder: jsmsgSelectInstructor,
2296								selectizeDropdownParent: 'body'"></select>
2297							</div>
2298							<!-- /ko -->
2299						
2300															<!-- ko if: site_participant_field_values().length || site_field_values_create().length -->
2301					<span class="site-fields" style="padding: 0">
2302						<span class="site-fields-group">
2303							<!-- ko foreach: site_participant_field_values -->
2304							<div data-bind="template: 'site-participant-field-value-edit'" class="field"></div>
2305							<!-- /ko -->
2306
2307								<!-- ko foreach: site_field_values_create -->
2308								<!-- ko ifnot: site_field.visibility().includes("avatar") -->
2309								<div data-bind="template: 'siteFieldEdit'" class="field"></div>
2310								<!-- /ko -->
2311								<!-- /ko -->
2312							</span>
2313						</span>
2314						<!-- /ko -->
2315					</div>
2316				</div>
2317				<!-- ko if: avatarFieldSet -->
2318				<div id="avatarWidget" data-bind="with: avatarVM" class="avatarWidgetContent blockSection">
2319                    <style>
2320
2321	input[type="range"]:focus {
2322		outline: none;
2323	}
2324
2325
2326	.ui-dialog {
2327		top: 50% !important;
2328		left: 50% !important;
2329		transform: translate(-50%, -50%) !important;
2330	}
2331
2332	.avatar-container{
2333		cursor:pointer;
2334		margin:0 auto;
2335		text-align:center;
2336		position:relative;
2337	}
2338	.avatar-container:hover img{
2339		opacity:0.5;
2340		z-index:2;
2341	}
2342	.avatar-container:hover:after{
2343		font-family: "uplifter";
2344		font-size:25px;
2345		content: "\f030";
2346		z-index:1;
2347		display:block;
2348		position:absolute;
2349		top:40%;
2350		left:0;
2351		width:100%;
2352		color:#fff;
2353	}
2354	.avatar-container:hover:before{
2355		width:100px;
2356		height:100px;
2357		border:3px solid #fff;
2358		overflow:hidden;
2359		background-color:#000;
2360		border-radius:50%;
2361		margin:0 auto;
2362		display:block;
2363		content:'';
2364	}
2365	#uploadedPhoto {
2366		border-radius: 50%;
2367		margin:40px 0 0 40px;
2368	}
2369
2370	.dialogContent {
2371		display: flex;
2372		flex-direction: column;
2373		justify-content: center;
2374		align-items: center;
2375		width: 100%;
2376		height: 100%;
2377		cursor:default;
2378	}
2379	#capture-preview-container {
2380		position: relative;
2381		display: flex;
2382		justify-content: center;
2383		align-items: center;
2384		overflow: hidden;
2385		height: 400px;
2386		width: 400px;
2387	}
2388
2389	#player {
2390		position: absolute;
2391		top: 50%;
2392		left: 50%;
2393		transform: translate(-50%, -50%);
2394		min-width: 100%;
2395		min-height: 100%;
2396	}
2397
2398	#circular-frame-overlay {
2399		position: absolute;
2400		top: 50%;
2401		left: 50%;
2402		transform: translate(-50%, -50%);
2403		width: 90%;
2404		height: 90%;
2405		box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
2406		border-radius: 50%;
2407		pointer-events: none;
2408		z-index: 2;
2409	}
2410
2411	#image-preview-wrapper, #avatar-container {
2412		width: 400px;
2413		height: 400px;
2414		overflow: hidden;
2415		position: relative;
2416	}
2417
2418	#imagePreview {
2419		display: block;
2420		max-width: 100%;
2421		max-height: 100%;
2422	}
2423
2424	.cropper-view-box,
2425	.cropper-face {
2426		border-radius: 50%;
2427	}
2428
2429	.cropper-view-box {
2430		outline: none;
2431		box-shadow: 0 0 0 1px #39f;
2432	}
2433	#avatar-container .icon-delete{
2434		position:relative;
2435		left:-40px;
2436		bottom:10px;
2437	}
2438
2439	#zoom-slider-container {
2440		display: flex;
2441		align-items: center;
2442		justify-content: center;
2443		gap: 0;
2444		margin-top: 10px;
2445		width: auto !important;
2446	}
2447
2448	.zoom-btn {
2449		width: 30px;
2450		height: 30px;
2451		font-size: 16px;
2452		margin: 0;
2453	}
2454
2455	#zoomRange {
2456		width: auto;
2457		margin: 0 5px;  
2458		vertical-align: middle;
2459	}
2460
2461	@media screen and (max-width: 768px) {
2462		#image-preview-container {
2463			padding: 0 10px;
2464			width:300px;
2465		}
2466
2467		#imagePreview{
2468			max-width: 100%;
2469		}
2470
2471		#uploadedPhoto{
2472			margin: 0;
2473		}
2474
2475		#zoom-slider-container {
2476			display: flex;
2477			align-items: center;
2478			justify-content: space-between;
2479			margin-top: 10px;
2480			width: auto !important;
2481		}
2482
2483		.zoom-btn {
2484			width: 30px;
2485			height: 30px;
2486			font-size: 16px;
2487			margin: 0;
2488		}
2489
2490		#image-preview-wrapper{
2491			height:300px;
2492			width: auto;
2493		}
2494		#imagePreview{
2495			max-width: 100%;
2496		}
2497
2498		#zoomRange {
2499			width: 70%;
2500			margin: 0px;
2501		}
2502
2503		#avatar-container {
2504			max-width: 100%;
2505			height: auto;
2506			text-align: center;
2507			position: relative;
2508		}
2509
2510		#uploadedPhoto {
2511			max-width: 100%;
2512			height: auto;
2513		}
2514
2515		.icon-delete {
2516			position: absolute;
2517			top: 5px;
2518			right: 5px;
2519		}
2520
2521		#capture-preview-container {
2522			position: relative;
2523			display: flex;
2524			justify-content: center;
2525			align-items: center;
2526			overflow: hidden;
2527			height: 300px;
2528			width: 300px;
2529		}
2530
2531		.avatar-container:hover img {
2532			opacity: 1;
2533		}
2534
2535		.avatar-container:hover:after {
2536			display: none;
2537		}
2538
2539		.avatar-container:hover:before {
2540			display: none;
2541		}
2542		#avatar-container {
2543			height: 350px;
2544		}
2545	}
2546</style>
2547
2548<div id="dialogContent" class="dialogContent" >
2549
2550	<h3> Upload Profile Avatar </h3>
2551
2552	<div id="avatar-container" data-bind="visible: imgVisible">
2553		<img id="uploadedPhoto" data-bind="attr: { src: avatar }" alt="" width="320" height="320" />
2554			<span id="delete" class="icon-delete tooltip" data-bind="visible: !saving(), click: deleteAvatar,
2555																	 enable: !avatarFieldRequired, attr: { title: deleteIconTitle},
2556																	 css: {isDisabled: avatarFieldRequired }">
2557			</span>
2558	</div>
2559
2560
2561	<div id="options-container" data-bind="visible: optionVisible">
2562		<button id="capture_option_button" data-bind="click: capturePhoto, enable: supported"><span class="icon-camera activeIcon iconRestyle"></span> Capture Photo</button>
2563		<input type="file" style="display: none;" accept="image/*" id="fileInput" data-bind="event: { change: fileInputChange }">
2564		<button id="upload_option_button" data-bind="click: openFileExplorer"><span class="icon-upload activeIcon iconRestyle"></span> Upload Image</button>
2565	</div>
2566
2567	<div id="capture-preview-container" data-bind="visible: playerVisible">
2568		<div id="video-wrapper" data-bind="visible: permissionGranted">
2569			<video id="player" controls autoplay data-bind="visible: permissionGranted" ></video>
2570			<div id="circular-frame-overlay"></div>
2571		</div>
2572
2573		<div id="permissions-container" data-bind="hidden: permissionGranted">
2574			<div id="avatar_error_messages"></div>
2575			<button id="retry-button" data-bind="click: capturePhoto"> Retry</button>
2576			<button id="cancel-button" data-bind="click: cancel"> Cancel</button>
2577		</div>
2578	</div>
2579
2580	<div id="image-preview-container" data-bind="visible: cropperVisible">
2581		<div id="image-preview-wrapper" >
2582			<img id="imagePreview" data-bind="attr: { src: uploadedImage }">
2583		</div>
2584		<div id="zoom-slider-container" class="center-text">
2585			<button id="zoomOutButton" class="icon-minus iconBtn outlineBtn zoom-btn" data-bind="click: zoomOut"></button>
2586			<input type="range" id="zoomRange" data-bind="value: zoomValue, event: { input: setZoom }, attr: { min: minZoom, max: maxZoom }" step="1" style="vertical-align:middle">
2587			<button id="zoomInButton" class="icon-plus iconBtn outlineBtn zoom-btn" data-bind="click: zoomIn"></button>
2588		</div>
2589	</div>
2590
2591	<div id="save-img-container"  data-bind="visible: saveImgVisible" >
2592		<button id="cancel_button" data-bind="click: cancel">Cancel</button>
2593		<button id="save_button" data-bind="click: save">Save Avatar</button>
2594	</div>
2595</div>				</div>
2596				<!-- /ko -->
2597
2598				<!-- ko if: !$data.lookUp && applicablePolicies().length -->
2599				<ul class="unstyled" data-bind="foreach: applicablePolicies">
2600					<li class="m-row">
2601						<div data-bind="template: 'clubPolicyModal'"></div>
2602					</li>
2603				</ul>
2604				<!-- /ko -->
2605			</form>
2606			<!-- /ko -->
2607		</div>
2608		<footer class="footerDivider buttonBar textRight">
2609			<!-- ko ifnot: loading -->
2610						
2611				<button class="btnAction closeWindow" data-bind="click: function() {addParticipant(0)}, enable: !processing()">CANCEL</button>
2612			
2613						
2614				<!-- ko if: participant().lookUp -->
2615				<button class="btnAction" data-bind="click: function() {findParticipant(1)}, enable: !processing()">FIND SKATER</button>
2616				<!-- /ko -->
2617				<!-- ko ifnot: participant().lookUp -->
2618				<button class="btnAction" data-bind="click: function() {addParticipant(1)}, enable: !processing()">ADD SKATER</button>
2619				<!-- /ko -->
2620			
2621			<!-- /ko -->
2622		</footer>
2623	</div>
2624</script>
2624
2625
2626	<style>
2627		.popContent .fixedContainer {
2628			width: 100%;
2629			max-width: 100%;
2630			margin: 0 auto;
2631		}
2632		#addParticipant {
2633			margin-bottom: 50px;
2634		}
2635	</style>
2636	
2636<script type="text/html" id="addAddressModalTemp">
2637	<div id="addAddress" class="popContent">
2638		<header class="headerDivider">
2639			<h1>Add Account Address</h1>
2640		</header>
2641		<div class="popBody">
2642			<!-- ko if: showWarning -->
2643			<p class="warningMsg"> Please provide your address to proceed. </p>
2644			<!-- /ko -->
2645			<form data-bind="with: account_address, submit: saveAccountAddress">
2646				<div data-bind="template: 'addAddressTemp'"></div>
2647				<div class="textRight m-cellpad">
2648					<button class="btnAction closeWindow" type="button" data-bind="click: $parent.cancel">Cancel</button>
2649					<button class="btnAction" type="submit">Save</button>
2650				</div>
2651			</form>
2652		</div>
2653	</div>
2654</script>
2654	
2654<script type="text/html" id="addAddressTemp">
2655	<div class="columnContainer oneColumn">
2656		<div class="field"> <label for="">Account Address Nickname:</label> <input placeholder="(i.e.) Mom's Work Address" id="address_name" name="address_name" data-bind="value: address_name" />
2657		</div>
2658	</div>
2659	<div class="threeColumns">
2660        
2661		<div class="field isRequired"> <label for="">First Name:</label> <input id="first_name" name="first_name" data-bind="value: address.first_name">
2662		</div>
2663
2664		<div class="field isRequired"> <label for="">Last Name:</label> <input id="last_name" name="last_name" data-bind="value: address.last_name">
2665		</div>
2666
2667		<div class="field isRequired"> <label for="">Address Line 1:</label> <input id="address1" name="address1" data-bind="value: address.address1" />
2668		</div>
2669
2670		<div class="field"> <label>Address Line 2:</label> <input id="address2" name="address2" data-bind="value: address.address2" />
2671		</div>
2672
2673		<div class="field isRequired"> <label>City:</label> <input id="city" name="city" data-bind="value: address.city" />
2674		</div>
2675
2676		<div class="field isRequired"> <label>Province / State:</label> <!-- ko if: typeof provinces()() !== 'undefined' && provinces()().length -->
2677			<select name="prov" id="prov" class="" data-bind="options: provinces(),
2678					optionsText: 'v',
2679					optionsValue: 'k',
2680					value: address.prov_code"></select>
2681			<!-- /ko -->
2682			<!-- ko ifnot: typeof provinces()() !== 'undefined' && provinces()().length -->
2683			<input name="prov" id="prov" class="" data-bind="value: address.prov" />
2684			<!-- /ko -->
2685		</div>
2686
2687		<div class="field isRequired"> <label>Country:</label> <!-- ko if: typeof countries()() !== 'undefined' && countries()().length -->
2688			<select name="country" id="country" class="" data-bind="options: countries(),
2689					optionsText: 'v',
2690					optionsValue: 'k',
2691					value: address.country_code"></select>
2692			<!-- /ko -->
2693			<!-- ko ifnot: typeof countries()() !== 'undefined' && countries()().length -->
2694			<input name="country" id="country" class="" data-bind="value: address.country" />
2695			<!-- /ko -->
2696		</div>
2697
2698		<div class="field account-address-field isRequired"> <label>Postal / Zip Code:</label> <input id="postal" name="postal" data-bind="value: address.postal" />
2699		</div>
2700
2701		<div class="field account-address-field isRequired"> <label>Telephone:</label> <input id="phone" name="phone" data-bind="value: address.phone" />
2702		</div>
2703		<div class="field account-address-field"> <label>Mobile:</label> <input id="cell" name="cell" data-bind="value: address.cell" />
2704		</div>
2705
2706		<div class="field account-address-field"> <label for="">Email :</label> <input id="email" name="email" data-bind="value: address.email">
2707		</div>
2708	</div>
2709</script>
2709		
2709<script type="text/html" id="matchParticipantTemp">
2710		<div id="matchParticipant" class="popContent">
2711			<header class="headerDivider">
2712				<h1>Skater Match</h1>
2713							</header>
2714			<div class="popBody matchingPopup" id="contentWrapper" data-bind="floatingHorizontalScrollbar: { wrapper: '.gridContent', container: '.mainScrollContent'}">
2715				<div class="divGrid" id="participantMatching">
2716						<div class="noticeMessage" >
2717			<!-- ko if: errors().length -->
2718		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
2719				<li class="errorMsg" data-bind="html: $data"></li>
2720			</ul>
2721		</div>
2722		<!-- /ko -->
2723		<!-- ko if: warnings().length -->
2724		<div class="warnings">
2725			<ul data-bind="foreach: warnings">
2726				<li class="warningMsg" data-bind="html: $data"></li>
2727			</ul>
2728		</div>
2729		<!-- /ko -->
2730		<!-- ko if: typeof success === 'function' && success() && success().length -->
2731		<ul class="success" data-bind="foreach: success">
2732			<li class="successMsg" data-bind="text: $data"></li>
2733		</ul>
2734		<!-- /ko -->
2735		
2736</div>					<div class="gridContent" >
2737						<div class="flexItem">
2738							<div class="col">
2739								<div class="cell header">&nbsp;</div>
2740								<div class="cell cell-title firstName"> First Name </div>
2741								<div class="cell cell-title lastName"> Last Name </div>
2742								<div class="cell cell-title birthdate"> Birthdate </div>
2743								<div class="cell cell-title gender"> Gender </div>
2744								<!-- ko foreach: site_fields-->
2745								<div class="cell cell-title" data-bind="text: name, css: $root.getSiteFieldClassName($data)"></div>
2746								<!-- /ko -->
2747
2748								<!-- ko foreach: site_participant_fields-->
2749								<div class="cell cell-title" data-bind="text: name"></div>
2750								<!-- /ko -->
2751							</div>
2752
2753							<div class="col" data-bind="with: createNewValues">
2754								<div class="cell cell-title header">Imported Values</div>
2755								<div class="cell firstName">
2756									<span data-bind="text: first_name"></span>&nbsp;
2757								</div>
2758								<div class="cell lastName">
2759									<span data-bind="text: last_name"></span>&nbsp;
2760								</div>
2761								<div class="cell birthdate">
2762									<span data-bind="text: birthdate"></span>&nbsp;
2763								</div>
2764								<div class="cell gender">
2765									<span data-bind="text: full_gender"></span>&nbsp;
2766								</div>
2767								<!-- ko foreach: site_field_values_for_matching_popup($root) -->
2768								<div class="cell">
2769									<!-- ko if: $root.getSFV($data) -->
2770									<div class="new inlineBlock"  data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }"></div>
2771									<!-- /ko -->
2772									<!-- ko ifnot: $root.getSFV($data) -->
2773									<div class="new inlineBlock">&nbsp;</div>
2774									<!-- /ko -->&nbsp;
2775								</div>
2776								<!-- /ko -->
2777
2778								<!-- ko foreach: site_participant_field_values -->
2779								<div class="cell">
2780									<div data-bind="template: {name: 'site-participant-field-value'}"></div>
2781								</div>
2782								<!-- /ko-->
2783							</div>
2784						</div>
2785
2786						<div class="flexItem mainScrollContent">
2787							<!-- ko foreach: matches -->
2788							<div class="col matches-col paddingTop-0" data-bind="css: {selected: $root.selected_participant_id() == participant_id(), findParticipant: $root.findParticipant }, click: function() {$root.selected_participant_id(participant_id())}">
2789								<div class="cell cell-title header">Skater Match #<span data-bind="text: $index() + 1"></span></div>
2790								<div class="cell firstName" data-bind="css: { match: compareValue('first_name', $root.createNewValues().first_name), keepExisting: first_name() === '', noMatch: !(compareValue('first_name', $root.createNewValues().first_name) || first_name() === '') }">
2791									<div class="old inlineBlock" data-bind="text: first_name"></div>
2792									<div class="new inlineBlock" data-bind="text: $root.createNewValues().first_name"></div>&nbsp 								</div>
2793								<div class="cell lastName" data-bind="css: { match: compareValue('last_name', $root.createNewValues().last_name), keepExisting: last_name() === '', noMatch: !(compareValue('last_name', $root.createNewValues().last_name) || last_name() === '') }">
2794									<div class="old  inlineBlock" data-bind="text: last_name"></div>
2795									<div class="new inlineBlock" data-bind="text: $root.createNewValues().last_name"></div>&nbsp;								</div>
2796								<div class="cell birthdate" data-bind="css: { match: compareValue('birthdate', $root.createNewValues().birthdate), keepExisting: birthdate() === '', noMatch: !(compareValue('birthdate', $root.createNewValues().birthdate) || birthdate() === ''), noUpdate: !$root.isAdminScope()}">
2797									<div class="old inlineBlock" data-bind="text: birthdate"></div>
2798									<div class="new inlineBlock" data-bind="text: $root.createNewValues().birthdate"></div>&nbsp;								</div>
2799								<!-- ko if: $data.gender_id -->
2800								<div class="cell gender" data-bind="css: { match: compareValue('gender_id', $root.createNewValues().gender_id), keepExisting: gender_id() === '', noMatch: !(compareValue('gender_id', $root.createNewValues().gender_id) || gender_id() === '') }">
2801									<div class="old inlineBlock" data-bind="text: full_gender"></div>
2802									<div class="new inlineBlock" data-bind="text: $root.createNewValues().full_gender"></div>&nbsp;
2803								</div>
2804								<!-- /ko -->
2805								<!-- ko if: $data.gender_code -->
2806								<div class="cell gender" data-bind="css: { match: compareValue('gender_code', $root.createNewValues().gender_code), keepExisting: gender_code() === '', noMatch: !(compareValue('gender_code', $root.createNewValues().gender_code) || gender_code() === '') }">
2807									<div class="old  inlineBlock" data-bind="text: full_gender"></div>
2808									<div class="new inlineBlock" data-bind="text: $root.createNewValues().full_gender"></div>&nbsp;
2809								</div>
2810								<!-- /ko -->
2811								<!-- ko foreach: site_field_values_for_matching_popup($root) -->
2812								<div class="cell" data-bind="css: $.extend($root.getSiteFieldClassName($data), { match: compareValue($root.getSiteFieldValuesData($data)), keepExisting: (($data.site_field.type() === 'league' && $data.site_field.number_field)  || $root.getSiteFieldValuesData($data).length === 0 || ($root.getSiteFieldValuesData($data).length === 1 && $root.getSiteFieldValuesData($data)[0].value() === null)), noMatch:($data.site_field.type() !== 'league' || !$data.site_field.number_field()) && !(compareValue($root.getSiteFieldValuesData($data)) || ($root.getSiteFieldValuesData($data).length === 0 || ($root.getSiteFieldValuesData($data).length === 1 && $root.getSiteFieldValuesData($data)[0].value() === null))), noUpdate: (!$root.isAdminScope() && $.inArray('import', $data.site_field.visibility()) !== -1 && $.inArray('edit', $data.site_field.visibility()) === -1), updateOriginal: ($data.site_field.type() == 'league' && $data.site_field.number_field() && !compareValue($root.getSiteFieldValuesData($data))) })">
2813									<div class="old inlineBlock" data-bind="template: 'siteFieldView'"></div>
2814																		<!-- ko if: $root.getSFV($data) -->
2815									<div class="new inlineBlock"  data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }"></div>
2816									<!-- /ko -->
2817									&nbsp;
2818								</div>
2819								<!-- /ko -->
2820								<!-- ko foreach: site_participant_field_values -->
2821								<div class="cell" data-bind="css : {match: compareValue($root.getSiteParticipantFieldData($data)), noMatch: !compareValue($root.getSiteParticipantFieldData($data)), noUpdate: !(!skateCanadaContactId() || skateCanadaContactId() && $root.isAdminScope())}">
2822									<div class="old inlineBlock" data-bind="template: {name: 'site-participant-field-value'}"></div>
2823									<!-- ko if: $root.getSPFV($data) -->
2824									<div class="new inlineBlock" data-bind="template: {name: 'site-participant-field-value', data: $root.getSPFV($data) }"></div>
2825									<!-- /ko -->&nbsp;
2826								</div>
2827								<!-- /ko-->
2828
2829								<div class="cell">
2830									<input type="radio" data-bind="checkedValue: participant_id(), checked: $root.selected_participant_id"> Select </div>
2831							</div>
2832							<!-- /ko-->
2833							<!-- ko ifnot: $root.findParticipant -->
2834							<div class="col matches-col paddingTop-0" data-bind="with: createNewValues, css: {selected: $root.selected_participant_id() == 'createNew' }, click: function() {$root.selected_participant_id('createNew')}">
2835								<div class="cell cell-title header">Create New</div>
2836								<div class="cell firstName">
2837									<div class="new inlineBlock" data-bind="text: first_name"></div>&nbsp;
2838								</div>
2839								<div class="cell lastName">
2840									<div class="new inlineBlock" data-bind="text: last_name"></div>&nbsp;
2841								</div>
2842								<div class="cell birthdate">
2843									<div class="new inlineBlock" data-bind="text: birthdate"></div>&nbsp;
2844								</div>
2845								<div class="cell gender">
2846									<div class="new inlineBlock" data-bind="text: full_gender"></div>&nbsp;
2847								</div>
2848								<!-- ko foreach: site_field_values_for_matching_popup($root) -->
2849								<div class="cell">
2850									<!-- ko if: $root.getSFV($data) -->
2851									<div class="new inlineBlock"  data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }, css: $root.getSiteFieldClassName($data)"></div>
2852									<!-- /ko -->
2853									<!-- ko ifnot: $root.getSFV($data) -->
2854									<div class="new inlineBlock">&nbsp;</div>
2855									<!-- /ko -->&nbsp;
2856								</div>
2857								<!-- /ko -->
2858								<!-- ko foreach: site_participant_field_values -->
2859								<div class="cell">
2860									<!-- ko if: $root.getSPFV($data) -->
2861									<div class="new inlineBlock" data-bind="template: {name: 'site-participant-field-value', data: $root.getSPFV($data) }"></div>
2862									<!-- /ko -->
2863									<!-- ko ifnot: $root.getSPFV($data) -->
2864									<div class="new inlineBlock">&nbsp;</div>
2865									<!-- /ko -->&nbsp;
2866								</div>
2867								<!-- /ko-->
2868								<div class="cell">
2869									<input type="radio" data-bind="checkedValue: 'createNew', checked: $root.selected_participant_id"> Create New </div>
2870							</div>
2871							<!-- /ko -->						</div>
2872							
2873					</div>
2874
2875					
2876				</div>
2877			</div>
2878			<footer class="footerDivider">
2879				<p class="fullWidthButton textRight">
2880					<input type="submit" value="Cancel" data-bind="click: $root.cancel"/>
2881					<input type="submit" data-bind="click: $root.setMatchingParticipant, enable: $root.selected_participant_id" name="selectParticipant" value="Select Skater" />
2882				</p>
2883			</footer>
2884		</div>
2885	</script>
2885
2886	<style>
2887		.popBody.matchingPopup { overflow-y: scroll !important; }
2888
2889		#participantMatching .gridContent {
2890			display: flex;
2891			justify-content: flex-start;
2892		}
2893		.gridContent .flexItem {
2894			box-sizing: border-box;
2895		}
2896		.gridContent > .flexItem:nth-child(1) {
2897			border-top: 1px solid transparent;
2898
2899		}
2900		.gridContent > .flexItem:nth-child(2) {
2901			flex-grow: 2;
2902		}
2903		.paddingTop-0 {
2904			padding-top: 0 !important;
2905		}
2906	</style>
2907	
2908		
2908<script type="text/html" id="site-participant-field-value">
2909		<!-- ko if: icon -->
2910		<span data-bind="css: icon"></span>
2911		<!-- /ko -->
2912		<span data-bind="text: value"></span>
2913	</script>
2913
2914	
2914<script type="text/html" id="site-participant-field-value-edit">
2915		<label data-bind="text: siteParticipantField.name"></label>
2916		<input type="text" data-bind="value: value"/>
2917	</script>
2917
2918	
2918<script type="text/html" id="calendarEventTemp" xmlns="http://www.w3.org/1999/html">
2919    <section  class="calEventDetails m-cellpad" >
2920        <header class="m-cellpad" data-bind="style: {'border-color': backgroundColor}">
2921            <h2 data-bind="text: ko.unwrap(product).summary"></h2>
2922<div class="m-row">
2923	<div class="m-cell threeFourth" data-bind="with: product">
2924		<span class="price">
2925		 <!-- ko ifnot: $root.isDropOnlyProgram() -->
2926		    <!-- ko if: price_display_mode() !== 'none'-->
2927		        <span class="nowhitespace">
2928					<!-- ko if: price_display_mode() == 'total' -->
2929					    <!-- ko text: item_price.currency() --><!--/ko-->
2930					<!-- /ko -->
2931					<!-- ko if: price_display_mode() == 'installments' -->
2932					    <div data-bind="html: installmentPrice"></div>
2933					<!-- /ko -->
2934		        </span>
2935		            <!-- ko if: item_price() < program.program_price() && price_display_mode() !== 'installments' -->
2936		                <span class="originalPrice" style="white-space: nowrap" data-bind="text: program.program_price.currency()"></span>
2937		            <!-- /ko -->
2938	        <!-- /ko -->
2939	        <!--ko text: fee_description --><!--/ko-->
2940	    <!-- /ko -->
2941		</span>
2942	</div>
2943	<div class="m-cell textRight" data-bind="css:{oneFourth: !isDropOnlyProgram(), fullWidth: isDropOnlyProgram()}, with: product">
2944		<!-- ko if: price_display_mode() !== 'none' && $root.event.allow_drop_in && ($root.showDropinWaitlisted() || $root.event.spots_dropin != 0) -->
2945			<span class="price">
2946                <span class="nowhitespace">
2947                    <span class="staticIcon icon-dropin"></span><!-- ko text: $root.event_price.currency() --><!--/ko-->
2948                 </span>
2949            </span>
2950		<!-- /ko -->
2951	</div>
2952</div>        </header>
2953
2954        <table class="m-cellpad">
2955	<tr>
2956		<th class="textLeft" style="width:35%;"><span class="icon-calendar-blank staticIcon"> Start & End Date:</span></th>
2957		<td><span data-bind="text: startAndEndDate"></span></td>
2958	</tr>
2959	<tr data-bind="with: product">
2960		<th class="textLeft"><span class="icon-clock staticIcon"> Day / Time:</span></th>
2961		<td><span data-bind="text: program.day_time"></span></td>
2962	</tr>
2963	<!-- ko if: $data.location -->
2964		<tr data-bind="with: location">
2965			<th class="textLeft" valign="top"><span class="icon-map-pin staticIcon"> Location:</span></th>
2966			<td>
2967				<!-- ko text: facility().summary --><!--/ko-->,<br />
2968				<!-- ko text: summary --><!--/ko-->
2969				<!-- ko if: show_address -->
2970				<br /><span data-bind="text: facility().address.address1"></span><!-- ko if: facility().address.address2 -->, <span data-bind="text: facility().address.address2"></span><!-- /ko -->
2971				<br /><span data-bind="text: facility().address.city"></span> <span data-bind="text: facility().address.prov"></span>
2972				<br /><span data-bind="text: facility().address.country"></span> <span data-bind="text: facility().address.postal"></span>
2973				<!-- /ko -->
2974			</td>
2975		</tr>
2976	<!-- /ko -->
2977	<tr>
2978		<th class="textLeft">Registration Begins:</th>
2979		<td><span data-bind="text: registration_start_time.date(LONG_DATE_TIME)"></span></td>
2980	</tr>
2981	<tr>
2982		<th class="textLeft">Registration Cut-off:</th>
2983		<td><span data-bind="text: registration_cutoff.date(LONG_DATE_TIME)"></span></td>
2984	</tr>
2985</table>
2986
2987<div class="m-cellpad" data-bind="with: product"> <b>Program Description:</b> <div class="scrollContainer" style="height:150px; background-color:#eee;">
2988		<div class="m-cellpad" data-bind="html: program.local_string[lang].content"></div>
2989	</div>
2990</div>
2991        <footer>
2992            <!-- ko if: typeof buttonAction === 'undefined' || buttonAction === 'addToCart' -->
2993                <!-- ko if: product.registrationHasStarted(ko.unwrap(userHasBetaOrders))() -->
2994                    <div class="m-row">
2995	<!-- ko if: !isDropOnlyProgram() &&  ko.unwrap(ko.unwrap(product).fullRegistrationIsOpen((ko.unwrap(window.userHasBetaOrders)))-->
2996	<div class="m-cell-lock" data-bind="css: {fullWidth: !event.allow_drop_in || (!showDropinWaitlisted() && event.spots_dropin == 0), oneHalf: event.allow_drop_in && (showDropinWaitlisted() || event.spots_dropin != 0)}">
2997		<div class="m-cellpad" data-bind="with: product">
2998			<!-- ko if: spots() !== null && spots() <= 0 && !dropinOnly() -->
2999			<section class="textCenter">
3000				<div class="warningMsg"> FULL <!-- ko if: program.max_waitlist() != 0 && program.max_dropin_waitlist() != 0 -->
3001					<span style="font-size: 11px; color: #aaa; font-style: italic; white-space: nowrap;">
3002                        (<!-- ko text: qty_waitlisted --><!-- /ko --> Waiting)<br />
3003                    </span>
3004					<!-- /ko -->
3005				</div>
3006				<!-- ko if: waitlistSpotsAvailable() -->
3007									<form method="get" target="_parent" class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof $root.addToCartURL === 'undefined' || $root.addToCartAjax}">
3008						<input type="hidden" name="action" value="add_order_item"/>
3009						<input type="hidden" name="product_id" data-bind="value: product_id" />
3010						<input type='submit' class="btnAction" value="Join Waitlist"/>
3011					</form>
3012                				<!-- /ko -->
3013				<!-- ko if: !waitlistSpotsAvailable() && program.max_waitlist() != 0 && program.max_dropin_waitlist() != 0 --> <span style="font-size: 11px; color: #aaa;">Waitlist is full.</span>
3014				<!-- /ko-->
3015			</section>
3016			<!-- /ko -->
3017
3018			<!-- ko if: spots() === null || spots() > 0 -->
3019			<section class="textCenter">
3020				<!-- ko if: registrationHasNotStarted() --> Beta until:<br/>
3021				<!-- ko text: program.registration_start_time.date(SHORT_DATE) --> <!-- /ko -->
3022				<!-- /ko -->
3023				<!-- ko if: !registrationHasNotStarted() && status() == 'Beta' --> Beta<br/>
3024				<!-- /ko -->
3025				<!-- ko ifnot: program.max_full_registrations() === 0 && program.max_full_waitlist() === 0 -->
3026
3027                					<form method="get" target="_top" class="fullWidthField" data-bind="attr: {action: typeof  $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof  $root.addToCartURL === 'undefined' || $root.addToCartAjax}">
3028						<input type="hidden" name="action" value="add_order_item" />
3029						<input type="hidden" name="product_id" data-bind="value: product_id"/>
3030
3031						<input type='submit' class="btnAction" value="Register"/>
3032					</form>
3033                				<!-- ko if: showSpotsLeft() -->
3034				<i style="white-space: nowrap;">
3035					<!-- ko text: spots --><!-- /ko --> spot(s) left </i> <!-- /ko -->
3036				<!-- /ko -->
3037			</section>
3038			<!-- /ko -->
3039		</div>
3040	</div>
3041	<!-- /ko -->
3042	<!-- ko if: event.allow_drop_in && (showDropinWaitlisted() || event.spots_dropin != 0) -->
3043	<div class="m-cell-lock" data-bind="css: {oneHalf: !isDropOnlyProgram(), fullWidth: isDropOnlyProgram()}">
3044		<div class="m-cellpad">
3045			<!-- ko if: showDropinWaitlisted -->
3046			<section class="textCenter">
3047				<!-- ko if: event.waitlist_spots_dropin == 0 -->
3048				<div class="warningMsg"> DROP IN FULL </div>
3049				<!-- /ko -->
3050				<!-- ko if: waitlistDropinSpotsAvailable -->
3051                					<form method="get" target="_parent"  class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof addToCartURL === 'undefined' || $root.addToCartAjax}">
3052						<input type="hidden" name="action" value="add_order_item"/>
3053						<input type="hidden" name="product_id" data-bind="value: ko.unwrap(product).product_id" />
3054						<input type="hidden" name="event_id" data-bind="value: event.event_id"/>
3055						<input type='submit' class="btnAction" value="Join Drop In Waitlist" style="white-space: pre-wrap;"/>
3056					</form>
3057                				<!-- /ko -->
3058				<!-- ko ifnot: waitlistDropinSpotsAvailable --> <span style="font-size: 11px; color: #aaa;">Waitlist is full.</span>
3059				<!-- /ko-->
3060			</section>
3061			<!-- /ko -->
3062
3063			<!-- ko if: event.spots_dropin != 0 -->
3064			<section class="textCenter">
3065                					<form method="get" target="_top" class="fullWidthField" data-bind="attr: {action: typeof  $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof  $root.addToCartURL === 'undefined' || addToCartAjax}">
3066
3067						<input type="hidden" name="action" value="add_order_item" />
3068
3069						<input type="hidden" name="product_id" data-bind="value: ko.unwrap(product).product_id"/>
3070						<input type="hidden" name="event_id" data-bind="value: event.event_id"/>
3071						<button type='submit' class="btnAction">Drop In <span class="icon-dropin activeIcon iconRestyle"></span></button>
3072						<!-- ko ifnot: isDropOnlyProgram -->
3073						<span data-bind="text: moment(event.event_start_time * 1000).format( _DATE_FORMATS[MEDIUM_DATE_TIME])"></span>
3074						<!-- /ko -->
3075					</form>
3076                			</section>
3077			<!-- /ko -->
3078		</div>
3079	</div>
3080	<!-- /ko -->
3081</div>
3082                <!-- /ko -->
3083            <!-- /ko -->
3084            <!-- ko if: typeof buttonAction !== 'undefined' && buttonAction === 'productDetails' && showProductDetailsButton() -->
3085            <div class="m-cell-lock fullWidth">
3086                <div class="m-cellpad fullWidthField"> <a data-bind="attr: {href: registerURL}
3086" target="_parent" class="btnAction">Register</a> </div>
3087            </div>
3088            <!-- /ko -->
3089        </footer>
3090        <form action="#" method="get" class="closeTooltip">
3091            <button type="submit" class="closeWindow icon-x-circle iconBtn"></button>
3092        </form>
3093    </section>
3094</script>
3094    	
3094<script type="text/html" id="clubPolicyModal">
3095		<div class="fieldInputAuto policy" data-bind="click: $root.openClubPolicy">
3096			<div class="checkboxField" data-bind="css: {'isRequired' : club_policy().required, 'halfChecked': isRejected}">
3097				<div class="m-row">
3098					<div class="m-cell-lock threeFifth">
3099						<input disabled="disabled" type="checkbox" data-bind="checked: accepted">
3100						<label data-bind="text: club_policy().summary"></label>
3101					</div>
3102					<!-- ko if: accepted() -->
3103					<div class="m-cell-lock twoFifth topPadding"> <small><i>Accepted on<br /> <span data-bind="text: accepted.date(window.POLICY_DATE_FORMAT || SHORT_DATE_TIME)"></span><!-- ko if: accepted_order_id --> [Invoice #<!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --></i></small>
3104					</div>
3105					<!-- /ko -->
3106				</div>
3107			</div>
3108		</div>
3109		<input type="hidden" data-bind="value: accepted, attr: {name: 'policies[' + club_policy_id() + '][accepted]'}">
3110		<input type="hidden" data-bind="value: viewed, attr: {name: 'policies[' + club_policy_id() + '][viewed]'}">
3111		<!-- ko if: acknowledgeIdentityField -->
3112			<input type="hidden" data-bind="value: acknowledgeIdentityField().value, attr: {name: 'policies[' + club_policy_id() + '][acknowledged_by]'}">
3113		<!-- /ko -->
3114		<!-- ko if: acknowledgedAgeOfMajorityField -->
3115			<input type="hidden" data-bind="value: acknowledgedAgeOfMajorityField().value, attr: {name: 'policies[' + club_policy_id() + '][acknowledged_age_of_majority]'}">
3116		<!-- /ko -->
3117		<!-- ko if: digitalSignatureField -->
3118		<input type="hidden" data-bind="value: digitalSignatureField().value, attr: {name: 'policies[' + club_policy_id() + '][digital_signature]'}">
3119		<!-- /ko -->
3120		<!-- ko foreach: policyFields -->
3121			<input type="hidden" data-bind="value: tag, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][tag]'}">
3122			<input type="hidden" data-bind="value: value, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][value]'}">
3123			<!-- ko if: required -->
3124				<input type="hidden" data-bind="value: required, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][required]'}">
3125			<!-- /ko -->
3126			<!-- ko if: font -->
3127				<input type="hidden" data-bind="value: font, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][font]'}">
3128			<!-- /ko -->
3129			<!-- ko if: site_field_id -->
3130				<input type="hidden" data-bind="value: site_field_id, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][site_field_id]'}">
3131			<!-- /ko -->
3132		<!-- /ko -->
3133	</script>
3133
3134
3135	
3135<script type="text/html" id="clubPolicyView">
3136		<div class="m-cell sevenEighth">
3137			<div class="m-cellpad">
3138				<a data-bind="attr: {href: viewLink}, css: {fancybox: !$root.openClubPolicy}, click: function (data, event) {$root.openClubPolicy && $root.openClubPolicy(data, event)}">
3139					<span data-bind="text: club_policy().summary"></span>
3140					<!-- ko if: user_payment_token -->
3141					(<small data-bind="html: user_payment_token().summary"></small>)
3142					<!-- /ko -->
3143				</a>
3144				<!-- ko if: previousAcceptedVersion --> <small> [<b>Replacement for:</b> <span data-bind="text: previousAcceptedVersion().club_policy().local_string[lang].summary"></span>]
3145				</small>
3146				<!-- /ko -->
3147				<!-- ko if: accepted() || previousAcceptedVersion() -->
3148				<i>
3149					<!-- ko if: accepted --> accepted on <span data-bind="text: accepted.date(SHORT_DATE_TIME)"></span>
3150						<!-- ko if: digitalSignature()  --> by <b><span data-bind="text: digitalSignature()"></span></b>
3151						<!-- /ko -->
3152					<!-- /ko -->
3153
3154					<!-- ko if: expected_expiry_time() || (previousAcceptedVersion() && previousAcceptedVersion().expected_expiry_time()) -->
3155						<!-- ko if: previousAcceptedVersion -->
3156							<span class="rightAlign"> <!-- ko if: previous_accepted_version_order_number -->[Invoice # <!-- ko text: previous_accepted_version_order_number --><!-- /ko -->]<!-- /ko --></span>
3157						<!-- /ko -->
3158						<!-- ko ifnot: previousAcceptedVersion -->
3159						<span class="rightAlign"> <!-- ko if: accepted_order_id -->[Invoice # <!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --> Expires: <span data-bind="text: expected_expiry_time()"></span></span>
3160						<!-- /ko -->
3161					<!-- /ko -->
3162				</i>
3163				<!-- /ko -->
3164			</div>
3165		</div>
3166		<div class="m-cell oneEighth">
3167			<div class="m-cellpad">
3168				<!-- ko if: deleted() -->
3169					<!-- ko if: previousAcceptedVersion --> <span class="iconBtn icon-delete tooltip noPadding isDisabled" data-bind="click: $root.addPolicy" style="background-color: transparent !important;"> <span class="tooltipContent"> A previous version of this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been accepted by the contact (parent/guardian) and may not be deleted </span>
3170					</span>
3171					<!-- /ko -->
3172					<!-- ko ifnot: previousAcceptedVersion --> <span class="iconBtn icon-add tooltip noPadding" data-bind="click: $root.addPolicy" style="background-color: transparent !important;"> <span class="tooltipContent"> Add <!-- ko text: clubPolicyType() --><!-- /ko -->
3173						</span>
3174					</span>
3175					<!-- /ko -->
3176				<!-- /ko -->
3177
3178				<!-- ko if: isDeletable -->
3179				<span class="iconBtn icon-delete tooltip noPadding" data-bind="click: $root.removePolicy">
3180					<span class="tooltipContent">
3181						<!-- ko if: viewed() && !accepted() --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been viewed but was not accepted <!-- /ko -->
3182						<!-- ko if: !viewed() --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has not yet been viewed nor accepted. <!-- /ko -->
3183					</span>
3184				</span>
3185				<!-- /ko -->
3186
3187				<!-- ko if: accepted --> <span class="icon-delete iconBtn tooltip noPadding isDisabled"> <span class="tooltipContent"> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been accepted by the contact (parent/guardian) on <span data-bind="text: accepted.date(SHORT_DATE)"></span> and may not be deleted </span>
3188				</span>
3189				<!-- /ko -->
3190
3191				<!-- ko if: downloadLink -->
3192				<a data-bind="attr: {href: downloadLink}" target="_blank" class="tooltip" title="Download a PDF copy">
3193					<span class="icon-download iconBtn noPadding"></span>
3194				</a>
3195				<!-- /ko -->
3196			</div>
3197		</div>
3198	</script>
3198
3199
3200	
3200<script type="text/html" id="policyContentTemp">
3201		<div class="modal fade" id="policyModal">
3202			<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
3203				<div class="modal-content">
3204					<div class="modal-header">
3205						<div class="fullWidth">
3206							<div class="m-row" data-bind="css: { rightSpace: allowPreview }">
3207								<!-- ko if: club_policy() -->
3208								<div class="m-row tabIconSpacer" data-bind="css: headerClass">
3209									<h2 class="modal-title fullWidth truncate-text-mobile tooltip" data-bind="attr: {title: club_policy().summary}"><!-- ko text: club_policy().summary --><!-- /ko -->&nbsp;</h2>
3210									<div class="iconContainer">
3211										<div class="tabButtonBar" data-bind="css: {topAlign: !allowPreview() }">
3212											<ul class="tabButtons">
3213												<!-- ko ifnot: isDisabled -->
3214												<li data-bind="css: {active: showFontSelect}">
3215													<div class="tabIcon">
3216														<!-- ko if: showFontOptions -->
3217														<span>
3218															<!-- ko if: showFontSelect -->
3219																<a class="icon-pen staticIcon tooltip"
3220																   title="Font Selection"
3221																   data-bind="click: toggleFontSelect"></a>
3222															<!-- /ko -->
3223															<!-- ko ifnot: showFontSelect -->
3224																<a class="icon-pen tooltip" title="Font Selection"
3225																   data-bind="click: toggleFontSelect"></a>
3226															<!-- /ko -->
3227														</span>
3228														<!-- /ko -->
3229													</div>
3230												</li>
3231												<!-- /ko -->
3232                                                											</ul>
3233											<div>
3234												<!-- ko if: showFontOptions -->
3235												<div class="m-cellpad toolPopup rightPopup withBorder"
3236													 data-bind="visible: showFontSelect"
3237													style="min-width: 150px;">
3238													<select data-bind="value: policyFont">
3239														<!-- ko foreach: policyFontOptions -->
3240														<option data-bind="value: k, text: v"></option>
3241														<!-- /ko -->
3242													</select>
3243												</div>
3244												<!-- /ko -->
3245                                                											</div>
3246										</div>
3247									</div>
3248								</div>
3249								<!-- /ko -->
3250							</div>
3251							<!-- ko if: allowPreview -->
3252							<div class="iconContainer">
3253								<span class="btn-close icon-cancel" data-bind="click: $root.close" aria-label="Close"></span>
3254							</div>
3255							<!-- /ko -->
3256						</div>
3257					</div>
3258					<!-- ko if: displayScrollError() || errorsByKey().acknowledged_age_of_majority || acceptanceError() -->
3259					<div class="textCenter error m-cellpad-h">
3260						<!-- ko if: displayScrollError -->
3261							<!-- ko text: scrollErrorString --><!-- /ko -->
3262						<!-- /ko -->
3263						<!-- ko if: errorsByKey().acknowledged_age_of_majority || acceptanceError() -->
3264							<span data-bind="html: acceptanceError() ? acceptanceError() : errorsByKey().acknowledged_age_of_majority"></span>
3265						<!-- /ko -->
3266					</div>
3267					<!-- /ko -->
3268					<div class="modal-body">
3269						<!-- ko if: club_policy() -->
3270						<div data-bind="policyDescription: description"></div>
3271						<!-- /ko -->
3272						<!-- ko if: displaySetting() || displayTransferEmail() -->
3273							<!-- ko if: displaySetting -->
3274							<section class="blockSection warnings noMargin" data-bind="css: {isDisabled: (isDisabled() && !missingSignature())}">
3275								<!-- ko if: acknowledgeIdentityField -->
3276								<div data-bind="template: {name: 'policyEditableField', data: acknowledgeIdentityField}"></div>
3277								<!-- /ko -->
3278
3279								<!-- ko if: acknowledgedAgeOfMajorityField -->
3280								<div data-bind="template: {name: 'policyEditableField', data: acknowledgedAgeOfMajorityField}"></div>
3281								<!-- /ko -->
3282
3283								<!-- ko if: digitalSignatureField -->
3284								<div data-bind="template: {name: 'policyEditableField', data: digitalSignatureField}"></div>
3285								<!-- /ko -->
3286							</section>
3287							<!-- /ko -->
3288                            								<!-- ko if: displaySetting() && displayTransferEmail() -->
3289									<!-- ko ifnot: transfer_code -->
3290										<h4 class="textCenter">OR</h4>
3291									<!-- /ko -->
3292									<!-- ko if: transfer_code -->
3293										<br>
3294									<!-- /ko -->
3295								<!-- /ko -->
3296								<!-- ko if: displayTransferEmail -->
3297								<section class="blockSection fullWidthField warnings noMargin">
3298									<form action="/policies/transfer-policy.php" method="post" data-bind="submit: transferPolicy">
3299										<label for="policy_email">
3300											<!-- ko if: transfer_code --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> was sent for acceptance to: <!-- /ko-->
3301											<!-- ko ifnot: transfer_code --> E-mail this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> to: <span class="icon-help tooltip tooltipster" data-bind="attr: {title: 'Send ' + clubPolicyType().toLowerCase() + ' to another party for acceptance'}"></span>
3302											<!-- /ko-->
3303										</label>
3304										<div class="m-row">
3305											<div class="m-cell-lock sixEighth small-twoThird">
3306												<div class="m-cellpad-v">
3307													<!-- ko if: transfer_code -->
3308														<span data-bind="text: email"></span>
3309													<!-- /ko-->
3310													<!-- ko ifnot: transfer_code -->
3311														<input type="email" name="policy_email" id="policy_email" data-bind="value: emailTransferPolicy, css: {error: emailTransferPolicy.error}"/>
3312													<!-- /ko-->
3313												</div>
3314											</div>
3315											<!-- ko ifnot: transfer_code -->
3316												<div class="m-cell-lock twoEighth small-oneThird">
3317													<div class="m-cellpad-h">
3318														<input type="submit" value="Send" data-bind="disable: emailTransferPolicy.processing">
3319													</div>
3320												</div>
3321											<!-- /ko -->
3322										</div>
3323										<!-- ko ifnot: transfer_code -->
3324											<!-- ko if: club_policy().required() --> <small>Note: You will not be allowed to proceed until the party accepts this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> on your behalf.</small> <!-- /ko -->
3325										<!-- /ko -->
3326									</form>
3327								</section>
3328								<!-- /ko -->
3329                            						<!-- /ko -->
3330					</div>
3331					<!-- ko if: club_policy().display_progress_bar() && editableFields().length -->
3332					<div class="progress-bar">
3333						<ul data-bind="foreach: editableFields" class="unstyled clearfix flexBox">
3334							<li class="fullWidth">
3335								<button class="fullWidth noMargin" data-bind="text: $index() + 1,
3336									css: {
3337										error: isInErrorState,
3338										warning: isInWarningState,
3339										success: value,
3340										hasFocus: hasFocus,
3341									},
3342									click: function(data) {data.hasFocus(1)}">
3343								</button>
3344							</li>
3345						</ul>
3346					</div>
3347					<!-- /ko -->
3348					<!-- ko if: expected_expiry_time() && (club_policy().duration_type() === 'end_date' || club_policy().duration_type() === 'effective_duration') -->
3349					<div class="warning m-cellpad-h">&nbsp; <span data-bind="visible: !accepted()|| !isDisabled()">This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> will be valid to</span> <span data-bind="visible: accepted() && isDisabled()">Valid to </span>
3350						<span data-bind="text: expected_expiry_time()"></span>
3351					</div>
3352					<!-- /ko -->
3353					<div class="modal-footer modal-footer--policy">
3354						<!-- ko if: isDisabled -->
3355							<!-- ko if: accepted -->
3356								<div>
3357									<!-- ko if: deleted() --> <span>Deleted</span>
3358									<!-- /ko -->
3359									<!-- ko ifnot: deleted -->
3360										<b><span data-bind="text: club_policy().action_performed_description"></span> on:</b><br />
3361										<span data-bind="text: accepted.date(SHORT_DATE_TIME)"></span><!-- ko if: accepted_order_id --> [Invoice # <!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko -->
3362									<!-- /ko -->
3363								</div>
3364							<!-- /ko -->
3365							<!-- ko ifnot: accepted -->
3366								<button class="btnAction" disabled="disabled" data-bind="text: club_policy().call_to_action_description"></button>
3367							<!-- /ko -->
3368						<!-- /ko -->
3369						<!-- ko ifnot: isDisabled -->
3370							<!-- ko if: allowAcceptance -->
3371								<button data-bind="click: function(){markAsAcceptedRejected(1)}, text: club_policy().call_to_action_description, css: acceptButtonCssClasse
3371s"></button>
3372							<!-- /ko -->
3373							<!-- ko ifnot: allowAcceptance -->
3374								<button disabled="disabled" data-bind="text: club_policy().call_to_action_description, css: acceptButtonCssClasses, attr: acceptButtonAttributes"></button>
3375							<!-- /ko -->
3376						<!-- /ko -->
3377                        							<!-- ko if: isDisabled -->
3378								<!-- ko if: hasEditableContent() && allowPreview() -->
3379								<button class="btnAction desktopOnly" disabled="disabled">Save & Close</button>
3380								<!-- /ko -->
3381								<!-- ko if: allowPreview -->
3382									<button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}">Reject</button>
3383								<!-- /ko -->
3384								<!-- ko ifnot: allowPreview -->
3385									<button class="btnAction" data-bind="click: close">Cancel</button>
3386								<!-- /ko -->
3387							<!-- /ko -->
3388							<!-- ko ifnot: isDisabled -->
3389								<!-- ko if: hasEditableContent -->
3390									<button class="btnAction desktopOnly" data-bind="click: close, enable: enableCloseAndSaveButton()">Save & Close</button>
3391									<button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}"> Reject </button>
3392								<!-- /ko -->
3393								<!-- ko ifnot: hasEditableContent -->
3394									<button class="btnAction desktopOnly" data-bind="click: close">Close</button>
3395									<!-- ko ifnot: transfer_code -->
3396										<button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}"> Reject </button>
3397									<!-- /ko -->
3398									<!-- ko if: transfer_code -->
3399										<button class="btnAction" data-bind="click: close">Close</button>
3400									<!-- /ko -->
3401								<!-- /ko -->
3402							<!-- /ko -->
3403                        					</div>
3404				</div>
3405
3406			</div>
3407		</div>
3408	</script>
3408
3409
3410	
3410<script type="text/html" id="policyEditableField">
3411		<!-- ko if: $data -->
3412			<!-- ko ifnot: isSpecialField -->
3413				<input type="text" data-bind="
3414					textInput: value,
3415					hasFocus: hasFocus,
3416					event: {focusout: $parent.onFocusOut, focusin: $parent.onFocusIn},
3417					css : {error: $parent.errorsByKey()[errorKey()], datePicker: datePicker},
3418					attr: {id: 'policy-field-' + context_id(), placeholder: placeHolder},
3419					disable: isDisabled,
3420					style: styles">
3421		<!-- ko if: tag() === 'signature' || tag() === 'initials' -->
3422
3423		<!-- /ko -->
3424			<!-- /ko -->
3425			<!-- ko if: isSpecialField -->
3426				<!-- ko if: isPlainText -->
3427					<span data-bind="text: value, css: { tooltip: tooltip }, attr: { title: tooltip }"></span>
3428				<!-- /ko -->
3429				<!-- ko if: isCheckbox -->
3430					<span class="inlineCheckboxFields">
3431						<span class="checkboxField noBorder noBackground" style="width: 24px; height: 1em; line-height: 1em; top: -2px;">
3432							<input type="checkbox" data-bind="
3433								checked: value,
3434								hasFocus: hasFocus,
3435								disable: isDisabled,
3436								event: {focusout: $parent.onFocusOut, focusin: $parent.onFocusIn},
3437								attr: {id: 'policy-field-' + context_id()}">
3438							<label>&nbsp;</label>
3439						</span>
3440					</span>
3441				<!-- /ko -->
3442				<!-- ko if: isSelect -->
3443					<select data-bind="
3444						hasFocus: hasFocus,
3445						event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn },
3446						css: { error: $parent.errorsByKey()[errorKey()] },
3447						attr: { id: 'policy-field-' + context_id() },
3448						disable: isDisabled,
3449						options: ['-- ' + placeHolder() + ' --'].concat(selectOptions()),
3450						value: value"></select>
3451				<!-- /ko -->
3452				<!-- ko if: isImage -->
3453					<!-- ko if: isReadOnly -->
3454						<!-- ko if: value -->
3455							<!-- ko if: tag() === "qrcode" && $parent.original_accepted() && $data.uri -->
3456								<a target="_blank" data-bind="attr: {href: '/policies/view/' + uri() }">
3457									<img data-bind="attr: { src: value }" />
3458								</a>
3459							<!-- /ko -->
3460							<!-- ko ifnot: tag() === "qrcode" && $parent.original_accepted() -->
3461								<img data-bind="attr: { src: value }" />
3462							<!-- /ko -->
3463						<!-- /ko -->
3464						<!-- ko ifnot: value -->
3465							<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkMAYAADkANVKH3ScAAAAASUVORK5CYII=" data-bind="attr: {width: getImageWidth(), height: getImageHeight()}"/>
3466						<!-- /ko -->
3467					<!-- /ko -->
3468					<!-- ko ifnot: isReadOnly -->
3469					<div class="imagePreviewHolder inlineBlock">
3470						<!-- ko if: value -->
3471							<img class="imagePreview" data-bind="attr: { src: value }" />
3472							<span class="icon-delete" data-bind="click: sfvRemoveValue"></span>
3473						<!-- /ko -->
3474						<!-- ko ifnot: value -->
3475							<input type="file" style="position: absolute; margin-top: 0; border: 0;" data-bind="
3476								style: { width: getImageWidth() + 'px', height: getImageHeight() + 'px' },
3477								event: { change: sfvSelectFile($element), focusout: $parent.onFocusOut, focusin: $parent.onFocusIn },
3478								css: { error: $parent.errorsByKey()[errorKey()] },
3479								attr: { accept: sfvAcceptedTypes }" />
3480							<img class="imagePreview" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkMAYAADkANVKH3ScAAAAASUVORK5CYII=" data-bind="attr: {width: getImageWidth(), height: getImageHeight()}"/>
3481						<!-- /ko -->
3482					</div>
3483					<!-- /ko -->
3484				<!-- /ko -->
3485				<!-- ko if: isAcknowledgeIdentity -->
3486					<div class="checkboxField noBorder" data-bind="css: {error: $parent.errorsByKey().acknowledged_by, isDisabled: isDisabled}">
3487						<input type="checkbox" name="acknowledged_by" value="1" data-bind="
3488							checked: value,
3489							attr: {id: 'acknowledged_by_' + $parent.context_id()},
3490							disable: isDisabled,
3491							hasFocus: hasFocus,
3492							event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }">
3493						<label data-bind="attr: { for: 'acknowledged_by_' + $parent.context_id() }">
3494							<!-- ko if: $parent.club_policy().apply_to() === 'user' --> I acknowledge that I am the parent / legal guardian of the skaters in this account <!-- /ko -->
3495
3496							<!-- ko if: $parent.club_policy().apply_to() === 'participant' -->
3497								<!-- ko if: $parent.club_policy().acknowledge_identity() === 'participant'  || ($parent.club_policy().acknowledge_identity() === 'parent / legal guardian if participant is under-age' && $parent.isParticipantAgeOfMajority())  --> I acknowledge that I am the skater <!-- /ko -->
3498								<!-- ko if: $parent.club_policy().acknowledge_identity() === 'parent / legal guardian if participant is under-age' && !$parent.isParticipantAgeOfMajority() --> I acknowledge that I am the parent / legal guardian of this skater <!-- /ko -->
3499							<!-- /ko -->
3500
3501							<!-- ko if: $parent.errorsByKey().acknowledged_by -->
3502							<div class="inlineBlock icon-alert-circled staticIcon tooltip">
3503								<span class="tooltipContent" data-bind="text: $parent.errorsByKey().acknowledged_by"></span>
3504							</div>
3505							<!-- /ko -->
3506						</label>
3507					</div>
3508				<!-- /ko -->
3509				<!-- ko if: isAcknowledgeAgeOfMajority -->
3510					<div class="checkboxField noBorder" data-bind="css : {error: $parent.errorsByKey().acknowledged_age_of_majority, isDisabled: isDisabled}">
3511						<input type="checkbox" name="acknowledged_age_of_majority" value="1" data-bind="
3512							checked: value,
3513							attr: { id: 'acknowledged_age_of_majority_' + $parent.context_id() },
3514							disable: isDisabled,
3515							hasFocus: hasFocus,
3516							event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }"> <label data-bind="attr: { for: 'acknowledged_age_of_majority_' + $parent.context_id() }"> I acknowledge that I am at least <span data-bind="text: $parent.club_policy().age_of_majority"></span> years of age </label> </div>
3517				<!-- /ko -->
3518				<!-- ko if: isDigitalSignature -->
3519					<div data-bind="css: { error: $parent.errorsByKey().digital_signature, isDisabled: (isDisabled() && !$parent.missingSignature() }">
3520						<div class="fullWidthField isRequired m-cellpad"> <label for="policy_digital_signature">Accepted by (full name): <span class="icon-help tooltip tooltipster" title="Please type your full name to be used as your digital signature for this policy"></span></label>
3521							<input type="text" name="policy_digital_signature" id="policy_digital_signature" data-bind="
3522								textInput: value,
3523								disable: (isDisabled() && !$parent.missingSignature()),
3524								attr: { placeholder: $parent.digitalSignaturePlaceholder() },
3525								hasFocus: hasFocus,
3526								event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn },
3527								style: styles"/>
3528						</div>
3529					</div>
3530				<!-- /ko -->
3531			<!-- /ko -->
3532		<!-- /ko -->
3533	</script>
3533
3534
3535	<style>
3536		.policy .checkboxField .topPadding {
3537			padding-top: 5px;
3538		}
3539		.flexBox {
3540			display: flex;
3541        }
3542        .noMargin {
3543            margin: 0 !important;
3544        }
3545		#policyModal .modal-footer.modal-footer--policy button, #policyModal .modal-footer.modal-footer--policy div {
3546			margin: 0;
3547        }
3548		#policyModal .modal-footer.modal-footer--policy {
3549			gap: 1em;
3550			justify-content: space-around;
3551        }
3552        #policyModal .modal-footer.modal-footer--policy button, #policyModal .modal-footer.modal-footer--policy div {
3553            flex: 1;
3554        }
3555	</style>
3556	<style>
3557        @import url('https://fonts.googleapis.com/css2?family=Birthstone&family=Dancing+Script&family=Italianno&family=Birthstone&family=Dancing+Script&family=Euphoria+Script&display=swap');
3558	</style>
3559	
3559<script type="text/html" id="percentOrPriceInput">
3560        
3561			<div >
3562				<div class="iconFieldContainer" data-bind="css: {rightIcon: (window._ACCOUNTING_SETTING.currency.format.pos.indexOf('%s') > window._ACCOUNTING_SETTING.currency.format.pos.indexOf('%v')) }">
3563					<span class="indicator btn" data-bind="text: iconText, click: function(){isClickable() ? iconClick() : null;}"></span>
3564					<input type="text" data-bind="textInput: liveValue, value: updateFormat, enable: enable, attr: attributes()" class="textRight">
3565					<input type="hidden" data-bind="value: unFormattedValue, attr: {name: inputName, id: inputId, class: inputClass}">
3566				</div>
3567                			</div>
3568        
3569	</script>
3569
3570	
3570<script type="text/html" id="indeterminateInput">
3571			<div >
3572				<input data-bind="textInput: inputObservable, attr: attributes(), event: {focusin: focusIn, focusout: focusOut}">
3573                			</div>
3574    </script>
3574
3575	
3576	
3576<script type="text/html" id="indeterminateTextArea">
3577			<div >
3578				<textarea data-bind="textInput: inputObservable, attr: attributes()"></textarea>
3579                			</div>
3580    </script>
3580
3581
3582	
3582<script type="text/html" id="indeterminateWidget">
3583		<!-- ko if: typeof targetObservable() === 'undefined' -->
3584		<span data-bind="click: clearValue" class="linkBtn icon-delete linkBtn-margin-left--5"></span>
3585		<!-- /ko -->
3586		<!-- ko if: typeof targetObservable() !== 'undefined' -->
3587		<span data-bind="click: undoChanges" class="linkBtn icon-undo linkBtn-margin-left--5"></span>
3588		<!-- /ko -->
3589	</script>
3589
3590	
3590<script type="text/html" id="customLoadingTemp">
3591		<div id="customLoading" class="popContent">
3592			<div class="popBody popBodyLoading">
3593				<!-- ko if: image -->
3594				
3595					<img class="centerImg" data-bind="attr: {src: image}" alt="loading..">
3596				
3597				<!-- /ko -->
3598				<!-- ko if: message -->
3599				<p class="itemTitle textCenter" data-bind="text: message"></p>
3600				<!-- /ko -->
3601			</div>
3602		</div>
3603	</script>
3603
3604	
3604<script type="text/html" id="confirmModalTemp">
3605		<div id="confirmModal" class="popContent">
3606			<header class="headerDivider">
3607				<h3>Confirm</h3>
3608			</header>
3609			<div class="popBody">
3610				<!-- ko if: errors().length -->
3611                    	<div class="noticeMessage" >
3612			<!-- ko if: errors().length -->
3613		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
3614				<li class="errorMsg" data-bind="html: $data"></li>
3615			</ul>
3616		</div>
3617		<!-- /ko -->
3618		<!-- ko if: warnings().length -->
3619		<div class="warnings">
3620			<ul data-bind="foreach: warnings">
3621				<li class="warningMsg" data-bind="html: $data"></li>
3622			</ul>
3623		</div>
3624		<!-- /ko -->
3625		<!-- ko if: typeof success === 'function' && success() && success().length -->
3626		<ul class="success" data-bind="foreach: success">
3627			<li class="successMsg" data-bind="text: $data"></li>
3628		</ul>
3629		<!-- /ko -->
3630		
3631</div>				<!-- /ko-->
3632				<!-- ko if: isWarning -->
3633
3634				<div class="warningMsg m-table">
3635					<div class="m-cell oneEighth textCenter">
3636						<span class="icon-alert-circled staticIcon"></span>
3637					</div>
3638					<div class="m-cell sevenEighth"> <b>*Note:</b> <span data-bind="text: msg"></span>
3639					</div>
3640				</div>
3641				<!-- /ko -->
3642				<!-- ko ifnot: isWarning -->
3643					<p data-bind="html: msg"></p>
3644				<!-- /ko -->
3645				<!-- ko if: extraOption -->
3646				<div class="checkboxField">
3647					<input type="checkbox"  value="1" data-bind="checked: selected" id="extraOption"/>
3648					<label class="fullWidth" for="extraOption" data-bind="text: extraOption"></label>
3649				</div>
3650				<!-- /ko -->
3651			</div>
3652			<footer class="footerDivider buttonBar textRight">
3653				<div class="m-cell fullWidth">
3654					<!-- ko ifnot: hideCancel -->
3655					<button class="btn" data-bind="click: cancel">Cancel</button>
3656					<!-- /ko -->
3657					<!-- ko ifnot: hideOk -->
3658					<button class="btn" data-bind="click: ok">Ok</button>
3659					<!-- /ko -->
3660				</div>
3661			</footer>
3662		</div>
3663	</script>
3663
3664	
3664<script type="text/html" id="LSLanguageSelectorTemp">
3665		<!-- ko if: langOptions().length > 1 -->
3666		<div class="language-selector" data-bind="foreach: langOptions"><span data-bind="text: v, click: $parent.changeInputLang, css: {'error': $parent.errorByLangKey()[k]}, attr: {'data-lang': k}"></span></div>
3667		<!-- /ko -->
3668	</script>
3668
3669	
3670	<style>
3671        .language-selector--container {
3672            display: flex;
3673	        justify-content: space-between;
3674            padding-bottom: 1px;
3675        }
3676        .language-selector--container-right {
3677            justify-content: flex-end;
3678        }
3679        .language-selector {
3680            display: flex;
3681            align-self: flex-end;
3682        }
3683        .language-selector span {
3684            padding: 2px 6px;
3685            font-weight: normal;
3686            cursor: pointer;
3687            border: 1px solid #ccc;
3688        }
3689        .language-selector span:first-child {
3690            border-radius: 5px 0 0 5px;
3691        }
3692        .language-selector span:last-child {
3693            border-radius: 0 5px 5px 0;
3694        }
3695        .language-selector span.selected {
3696            background-color: #c8ddff;
3697            border: 1px solid #309acf;
3698            cursor: default;
3699            font-weight: bold;
3700        }
3701	</style>
3702	
3702<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"586155d4cfe04fe38cd4d66fb5363c29","spa":2}' crossorigin="anonymous"></script>
3702
3703</body>
3704</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.