À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“Ò:x¶^%hé)1RE6cbüLÊùƒËq(!}*ûå`ü¬Õ=Ì/š$¶Í5¿<þãžÅ"Œ –ue* …VÂd Übmlü-sŸ.¬ˆÕ{â.çTÂô@>M~J/RhíÝt4C›éð6šHÈÑl^!Ñ!ÑÎVeOŸ­–þˆ§ååníúˆÉ%àØc#§7ë_Ðœ$bªÝtnfltózÀÆ®_Qœç¼üNÚdQÀ_“¶A Ø$ƒáëx¨],pW¶˜$­7d:L§4Pb¨‡>ÛE’þ–f¥¡v?ÈªW|Æï“ÃÆ3öUÎºŸâŸ¿(KMÜ„tó÷ÄÆ-ÛÓP¸×)‹_B?Sº™ÙÑ-xp¤/hÏÊ8YkRŽ]ÊæÕÛÄéåé@µŠUlFI ÞaàaâÕnB<ß£tE{¯÷Væ¬3.Ö¬¤ñ˜iõÐÀ€†9`—ºll+Éô–á¾z=¬´Ë–º¦¯à.1èœ€÷«©ƒZ#å‘Ýä^ù‹;†XÔ1ä×ú¡Xg‚áÅ\R Ÿ(%S×,úMÐ‘R¡|ñ¼ïìj3wVs÷B%z^tý¾¸ïê&LCðÀÍ8íÚ>K\ò!*ä€6%Ø;UŽÿrn){cOoÚÁéâlæ¯—ÏXªo<ÿr¼=fd*L@òYG©÷FXô=B‘ö ?}Wˆù¶N>@7­‚i ¬¦ôÏ>PÌ~$i<GJ]šv…™‚ã!™çùU»>%ƒ­dÍÏÏx·bC’‹îµ­ØöÚ‰Ò»JËq¨ò‚™¼I%Oð„øA‰Í]æm±®
-/[>N{òm›} 7›"µÎ‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õ¢s=p3îâ¤ÞqÅÞõåŠ>èKÞ¬cM×ÑŽPJá›ãc¯üDøœPƒ˜ü¯Ðæ.öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&pÀCV`¶Rø€Ý»¬n“˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€È%ŽÜ§˜<ÝöÙíXN¸>¡µ<u¯.(ï¬T¬éšü+_¢E' /=P¹ò–ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠHí]·óŒ7é<Ñ7Gª‘ýÊŽÑôEø‚6÷Y‡å€¡Fs/k±=]pûOær†j»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:pLee¦ÿë=€5sÔRÊ¶G,;Z0XêË'Ä{ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šßa‹ˆF”M$'¦XÕ˜½Ag[¾¸ØzÒJ¿±n@r5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€ÜKÃÕÂ‘´:)DV´ÖÅ›ÀÙ]ŠÖe¾£Ag[¾¸ØzÒJ¿±n@r5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€¹¼-‘DXÁRX7Ne]kV”A»(<gxäéãs%šü+_¢E' /=P¹ò–ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ1fWM³pÄ}xÓ®é°9õ²ø ÏÒcpñÜ²D6ÄåÙ­"|Ö˜‹ô³¨ƒ%#Æ5œõXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ ­Bo–m²ìFYÔº<ÙVNp§RêOØ¡ÑÁ[™šü+_¢E' /=P¹ò–ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠtÎ¬TŒyâÏ‹d®GÂ=
ÁYjx, Š‰¦ZøÔeI¤»„…°ê¤}L°Eâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°I¼í<hk9/`˜s(
l©”-÷<îB5Â_õ±÷Î~ü†öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d{LâËÇ$D±0†_X	dóŒfÆ-'8Ðñ»œdclÄÙ¾o5¨»Õ+Ü	%ø0]Ð.Þ+¸Z§”×Í&«ü«‚%`=,Kî«\Tý	¦~“D’Áp1\Bå}çyHaÛ™Œ‚­Ac©g¶ûkã¢Áýv`dâ¿x“ù‡[J{ì JŠXißãf€9XCQ×ËPi¿tÅã¿iW®beàm¶­þ9n"¦
½ åþ&.ê®È'…6L$‰˜ÈƒpEn7Ú˜åc<Ó>:RøR6'èøÂÇ¹¬›IxÂ\›ûÏ‰Ïob"š£ÎÐ0Œ3¯u^Sìœ¥J«Ø'cJé¦¿œã~^ÊËós÷0n?q·HÁ[	|\EŒˆÄ{‰E¸Xõ*ã²31xÅóRÃ»R7HBIÞEÍÇ ½‡ubÔŸXv4dclÄÙ¾o5¨»Õ+Ü	A»É4^PÑ,bY¾a"þ¾sq.J¹,;FL‡„ð‘àDó(Ž‹H8°[{”ƒ§:ûAûß³”µñÈ‹7©ÇíàË‡GHˆ­ñv[P5} K¬,QÚ¿‹‚Öô­ÂÞi’Wd‰¢Ou¦\û|	åJ‹G¯·ß»L'˜Ì&?T…çÿ3µ…áñ§B„q©Zá$°1 CÐ#‰+ÊŠØÍøžuVÓ†2'¨rÊ²r¬7¦¿Ú×´¤`à˜÷+½.»‹¯ÊêÏ.1‡„ Pì_r/¬šxÊ÷[5«rhØb-z8'
Å
á¸ƒC$‹«*Õ‚]ýÿYí=cln˜¶¡ô.í€H„$Ú ²3êbÚ åZ`|`
a[Åsã%PÒ:&«¦¹?;Úg6éˆq|Fóôl&ð¤.)ÎMÒ=Ê a²}–YÅ»½/…YðcC³bÝˆð¦=ã!¸1¥ªÙ9‚a;iøiï`
fûÜëí•
ïw`ãê\Ì¹$ž“öLÉJHœ›¬ÅMñJsþzÎéÀOúßN}Ç4€…õ_žÞE ÎWÒ¸w¶nnÔ Áu±gÖ³ÓŠszs!³·®ç¿W|„\ x˜Aî &ˆh±«Øá&Éöº!xØâÑ[ê{	Y˜ë³Â:ª	xªB´1o{Œ‡Ô³/¬á*Ú)×"5~„iùEŒˆÄ{‰E¸Xõ*ã}W½cˆØÏUá¶§(¦5Ø«?Äzh<Ñ ß	3˜¢¤Qbh¾~Ó97x4E'UÉhøHÆÊÚ( qq@¢­ñX^ºç´¦½¸ÈI‡¿´c†€<¹VÒ:»÷àÆÜ`W& ›ªÕ`žh@
4/-ÁÒ‡¤ÆŠm~Øvl¥T»a~»E~¿ÍM³žaUOSyXÊˆR³¿ÝDœãó©ÜQ|6þ{1H¿ h÷˜98ì¼å*ZZ.Ã½OŸ‡QuôÁòôßp!×c@¾p!JE†Þ%›ví;¿Ð¿ÿ¿‰ÓT [ñ½}åMzPƒ³\Io¸Š¤"-ÐØcFC™Ä¶ôêÕJçÜ×3Gký>¡Ë³X?îø
“;Ž[C%3Ì³‰O
Ac ö“‚°Nr/œF=ô®_Wåˆ{‡Úl¬qàäDLL_€îE+k%1ä
i9d¾Îá¡‰„œôËàbYL™°£Ø¸c¤:ß¢9ÑcŠÎÌÑàª ¢Õ?½`¼ÍÒKÃt÷SÈÍÉ)2„?™Ãï7‹#C„¤	Ž˜WÅ¿›}ÌìV”ÊÞ%
“ãÂ¹˜W>{¹a“©}h0KêcÁósæþqrïXç"‡µ/¯bÀî @Ë1ÉuCŸ‘káþCïç«àù•Aã‡ÚK£;K{Pv dX÷€cfp^DåJ|Ÿ:«Ó~Iœˆ›´…ª…»a~»E~¿ÍM³žaUOSÿíÃç¼ðKÝV#E>a’7¡‰ƒïîIaU“aA-r¯ÆŽŒÅ¦M.6XC{Ç# Ä&aí*!õ·à¯pµð€úšâ{§ô¥/9mÜùo,þ‚c…ªïeì£¿%Gûû$Âõî@°n €K[ú›šD8DBP	Š²Ø„³ß"g^8óCâš¶O×-µàEN/ïR ÖŸçïšª(&ê{šüÜHðÍågiOÒ'Ïø¸ãS*îrf£ï4bFéæî÷Âì@òLsþOo6ô¶-|4bÉ¸„³6÷}¨ÂÕ/Ê•ì&aíˆÒ
¿:ùQÜ„]bŠÚ*g¥DRzÐ¢ ‚fEW‡–œcòúžÐˆ©>ÜüÛ8nnà&,ô‚`\Íf
êá.‰xrÂ¸$DÝ'k–¨5åîÝiµSå‹¤ŸvM {^éMÝC`ÚËÆaú‰äÚƒ]:à©eµm%É2£óª˜ªÖ·˜^l?«Hß-->8Ãç§‡×‰€®ê+*äuZi˜ô…‘éÈ â4ãÐ <T‚W¿N*bE+Âöj]‚YiU˜Ðó¯ÝˆëÔ-Jºº&!B'o1ñ¸:ö‘	Â Vã3ðƒ;`x¯ïNÛ4„P3lç5c¬È5lÛ &ŽE’.æ6ném†œ¶ºâ‰ú]Kº%0žx¯ËúN6[‘We]¦‚ö‘	Â Vã3ðƒ;`x¯˜¾<CÇw·Î%^t1D„Þ]/j…J<©k6÷]õk$j+_ï×´I¶/vùgqîès·F]åä„´PþôêXÝVË§axä% ì“·o»DüsÇ^Âhàº¿WñùÜ—ë‰m¦D2ñõþÅ&«G¥[ý²åykoS–Q¤CÊ9"K?¼ØÞ·^‰xšàï’<XàÕ}Bò¤‰¢ÆÛÞèOZÒµíhÕ–¶ü¯<uõ6ÐÚt'¤Ð´,‘¡¹È:¯K¡©\«AEÞPdK‰§ßø¢_]<î­ïAÛ8nnà&,ô‚`\Íf¶m·X£a½íËz¸à' "¤"-ÐØcFC™Ä¶ôê}þYÊ¤ôƒ=â’Å‘7¬RÒ¬…ï}Û;Û‰é'Û8nnà&,ô‚`\ÍfþàÌ–ä4‘¹<dÌ›ëÛž‹¯0Ë®‰ÈÀ¦Û.s/ç\´à¦Næ~n	Äd is required!', action: 'keyup, blur', rule: 'required' },
                    { input: '#passwordInput', message: 'Your password must be between 4 and 12 characters!', action: 'keyup, blur', rule: 'length=4,12' },
                    { input: '#passwordConfirmInput', message: 'Password is required!', action: 'keyup, blur', rule: 'required' },
                    { input: '#passwordConfirmInput', message: 'Passwords doesn\'t match!', action: 'keyup, focus', rule: function (input, commit) {
                        // call commit with false, when you are doing server validation and you want to display a validation error on this field. 
                        if (input.val() === $('#passwordInput').val()) {
                            return true;
                        }
                        return false;
                    }
                    },
                    { input: '#emailInput', message: 'E-mail is required!', action: 'keyup, blur', rule: 'required' },
                    { input: '#emailInput', message: 'Invalid e-mail!', action: 'keyup', rule: 'email' },
                    { input: '#ssnInput', message: 'Invalid SSN!', action: 'valuechanged, blur', rule: 'ssn' },
                    { input: '#phoneInput', message: 'Invalid phone number!', action: 'valuechanged, blur', rule: 'phone' },
                    { input: '#zipInput', message: 'Invalid zip code!', action: 'valuechanged, blur', rule: 'zipCode' },
                    { input: '#acceptInput', message: 'You have to accept the terms', action: 'change', rule: 'required', position: 'right:0,0'}]
            });
        });
    </script>
    <style type="text/css">
        .text-input
        {
            height: 21px;
            width: 150px;
            direction: rtl;
        }
        .register-table
        {
            margin-top: 10px;
            margin-bottom: 10px;
            direction: rtl;
        }
        .register-table td, 
        .register-table tr
        {
            direction: rtl;
            margin: 0px;
            padding: 2px;
            border-spacing: 0px;
            border-collapse: collapse;
            font-family: Verdana;
            font-size: 12px;
            text-align:left;
        }
        h3 
        {
            display: inline-block;
            margin: 0px;
            text-align: right;
        }
    </style>
</head>
<body class='default'>
    <div style="float: right; direction: rtl;" id="register">
        <div><h3>Register</h3></div>
        <div>
            <form id="testForm" action="./">
                <table class="register-table">
                    <tr>
                        <td>Username:</td>
                        <td><input type="text" id="userInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td>Password:</td>
                        <td><input type="password" id="passwordInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td>Confirm password:</td>
                        <td><input type="password" id="passwordConfirmInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td>Real name:</td>
                        <td><input type="text" id="realNameInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td>Birth date:</td>
                        <td><div id="birthInput"></div></td>
                    </tr>
                    <tr>
                        <td>E-mail:</td>
                        <td><input type="text" id="emailInput" placeholder="someone@mail.com" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td>SSN:</td>
                        <td><div id="ssnInput"></div></td>
                    </tr>
                    <tr>
                        <td>Phone:</td>
                        <td><div id="phoneInput"></div></td>
                    </tr>
                    <tr>
                        <td>Zip code:</td>
                        <td><div id="zipInput"></div></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="padding: 5px;"><div id="acceptInput" style="margin-right: 70px;">I accept terms</div></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center;"><input type="button" value="Send" id="sendButton" /></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>
</html>