À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³ÚUä%wGÞß0ÝV ŠðcNša Ý3@	i§E”ä«ôè§ÁœZ£ëX@¾bÎ`÷¯ÿõy¢NJdô¯¬3¾‹BGs“¢¿A€èP"¢€Ï¸}|à¹^­mƒ—fæ|qÜ£z} 8•¿2C‰<>Ó’)Ù><ŽÁÌØreþ ÌÄž]s;éüf¥ÈKºñŽ‰L/&Rû„Õ,ÎªáÎ€CTe’¸]KÙ`ËÄ»\ÉË©Ý¼¾c'òËá/ª95›ÈnÊ¹vø<ªÃ&‘±Ùbt¥œR?:˜Áµ‘èîŒLc`?UŸ%`ç§˜¡z¿% ¾Pí5IvéW&SŽÇØAV)d¹Cõ–7=€×÷ñVÕ	…€-—j B§ÂM¾:!Êh2EnTõºª°GWèRŠ¿Õ˜·×Ç¾qb³©¥DdO²ùPeLh/"xáÒ£i"2ÖÆÈ“.±Ng±çô”QcQóð`˜Ì¬C{63ÐË‘øx§Úd4ò ½›Öëõšá"é¿Æú¹éÝ†[Ä@Tè";0yFwèo¶G¬ª°W4õkp§ƒÓ#WÂù¬õŽ¹²Lwáï·Óå´_ˆ0òØG+ ˜éò>.$³’Ï>PÌ~$i<GJ]šv…™‚ã!™çùU»>%ƒ­dÍÏÏx·bC’‹îµ­Ø,ÐHtyQâ>ZKržãnGyQk¯ÙÑ‰®Í“äòê:\ˆ0òØG+ ˜éò>.$³’Ï>PÌ~$i<GJ]šv…™‚ã!™çùU»>%ƒ­dÍÏÏx·bC’‹îµ­Ø	+“L&ÁL|F„x%oêoí<2¾ë„ 1o±º”€˜}¨Ål;Q:»ûszŒâAÕT=Yá5h„¬]‡Ô¾ÌùùÈçhp€’#øœËs¾·äKb÷¨Í…ª"yE<¯s
¥õ¯ŽÀ¯ºh­ø*Y¨òDy,i^'
/Œ9¿®Žõõÿp–½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇ¥ÀÞíçª‹-	žÔFô
qæâ@30¼»bÎØÌl­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎèÅ%C2Nâa_D¨tŽ¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1ŠßhÑÐˆï¶”p«êÑ67mè=
ÁYjx, Š‰¦ZøÔgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ&‘ä+©·õ†Œ13Û	Ñ©r¿&6
%ˆ˜¶ëu4¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ý(ÛÀªd¬eO¹Y‘EW&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:pLee¦ÿë=€5sÔ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿%/iH|ðòÊVÜç¤¼ó¥7›ùS=³^¨ÀLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ¶ÌÁŒ?-Í
õ1QMÁð— OÒÉÓ{wš¿ñP3aï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß«‰ePÄÜçÏÕtuWgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnÄ9Ô0’üÎfÐ7†™«ÍØ e¥8úÍÞ@)Dz0AÝB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉÿTŽP˜(élT”˜ð%N×5ƒ‹S¹µ¼ÁÑ]Þ_ŒÈœÌ	y3ñ²k:Â6Œ1ú)¿W54Úfué»«Ú(<Ü5ÂU²¹ßÉ¿¥àUƒ4¼qI&›y®‹Uæ£4ðÃèU@¡4ÿ#ôF*á#W Ê‡¶-O'Ž Þä‡«3L7FÊå³9­Ús–]y+;«‚Ò	~Ç¾Ê.Ã•ÇÃD>õÑ^uóË¨¹’E‰$Ú$ÅCótÐ›éßµ¾ÄÆ@Áéý†P§ÕïEŽtn6bãœyOàìÞ6±yýŒô˜fYÜÈö’$ÔBSèG?ëK½èµ—–%LQäðj-ë>ëÔ-Jºº&!B'o1ñ¸:£†Á(36w†³‰š‹±ã£ ÒèOÕQf3O´–® ’â£¹uý‹‹’‰Ð
·œx"h4E~êp©,óªœ$Âòsþ“1ßÉ u]pàzÊi¸/¾Ib~Œ#k¹x[‡1µ¢qèá<k»Ðá¢ÿhÓ¤I$$ŽN…ã QÛDÚDøeÍæ–ïfº¤àáÁe»F¦6jØï¢Û^´Kr<ž`#’%æ8¤"-ÐØcFC™Ä¶ôê+nÖÕ‰tÈèÎ¸T@XgN•-HÙü\“g¸ŽùoTŽ1:‘Rí^=!ã.ü´|èïÐ	ntÈ"A®f^åþíò&¢E ½5®äsnpCSf'ú˜ŒœççŸei¿¼ C 4ä®6EŒ%'ÏQ#M&ÃÁ6ibÉÛ$áDNµhÃb xþlÖuæÜp®nŽvï5Võ|9è,T‡ãé¶fV—ÿÓèmë}!ÏØRæPÞ+­™h®]#ªŽjö[€Ú'Ò²ßS»‹#wLÍDh¤jªX…*ôã–ñš6¾kƒŠ±‚ÞÍnàs%¼±àRÜ‚ÆŽV¶Km¹>]óÖ Ømè¹_røq-8(Û?ƒÝjÊÀr¥Jñ ß&®Þ õ6uªäG0§õ*Ôv&¹˜CÓx.zÃ“ê²Ùé7û‡Bè|¥Cr¨¹®þ9KR/Zo@ŠWŒ_ÖÉó¯Àd=tð`Cz ÅcÙU¹È»€¦s³ËH€Ù¨rgƒ,8cƒZo–À^ù=ÍÌg¡›±±Õ–ÄY	¶QÝ9ÀÛÑZmÔÂ—«ë±æ¢ç¯ÈÈÊ›9ÁÆ•Ú—÷âÄ~þý$03Æ‘ê£~…sçOv.ôj9¾ØöÌRì°ÑÁ­†)¯V¹£EI1d|“ Ýò šÉú13Xù(3 ›§Çìú.Ñ•ÀM·ª¨½/éÍ®-c$Ã¾’•ºJØÖ¥·Æ*ã¯»¦(¾ØÜjÚ“§8‡óÄå¦;Ì.ºƒ¶ÚdYå·ÇÑ’´Ns4”\÷
"¯cjk:WÐ‡Q<÷Äê_ì¡à¾ÁhDA³-ä~ouSÿ!ÈÜfÜÃ1¡I0Î²_SiÙúr6EZ«®4Q/r‰3%¤Žª¤!$Uýj^×7sO\
¬Ëªêp!cÙxüšÂéý{Ñ^B€çÃmüyC2ãEcˆži	o²U}O´SÑ†J"…1x/`¢kÇò·E ûh!kÎSž‰YÐ¼—A:äÙ`é€„Q9cË{»"/,ÄYbÂ8ît9‹—}d\æH¶oo(Ô0‹ƒüy³äëÞUÞŸ”ÄÇI¡™ß‡:¨Ë¨ÎÚ´UHkI”à«5ßS?(ü&šID³Æ‘¯ÄDuÌ˜2Ýp…ôõA§nîÜºòUË	ÕËÎwB”À‹‘F¯þáAh–ôp3í!Ž¤ÁîQß¡v6€þ]_mîlfœÆ¥bëjœtáÞáMrª)‹¢$.[ Äð¸’õ¬v;FZ,™~óÒÎÍ¼±¾/hÎwjƒ5X[õ—Ž˜s+ÉL-‰O¸á¨ÙåæÝ‹iƒWÓÂ¡¤;ôDUü€›4ï\€˜&i1\Ìö)»¢ˆ\Y½Ö`L‚ØKS~’.`§Ä~|0úä ”5›!V´'ŠáŠ¶kVÂž¤-½ç?;’°Sn!×­2#/rõbœ	]¿è>Íqzç˜’ÿKËÑ“u·I&MÓ¶ÙAzxÕJ­1sMš!x`Å<U‘£>8ñÜF—Â­%Q[SÆ!lºC®´U½ŠÛd–÷MËÈñz©,É¿¬a0õà6Æ8æªMv
ÁBkeOT¤öôL<cä"í8rB­¾Œ˜¶ð_õß;¾¼â:³S-È†PTÜØ¦\ï¾zëý)é«¥ê¹5Ž‚Ü¿ƒF*<î5Ž3Ñ]¯¹ˆvd$áË`2`Æˆ=ÅÉçw@tÝ®†:©Úç¬XÐ5=Â™¢TKØÀƒyd“¨k8òhR,ÄX/©¥Š9Å”Iž=ÜQ.rØŸµ‡N`ëk7×£@cê¹#åÌ–¥[cª8åð¨¶¶P‡K’G"Ðe…H{åÕ=zTƒ»8yçÀawqëÿQÎoåy=ÁÍòKBÛ,+À?Çgsñž¹•ß'÷¾Eº—+î1]ô‰©]oû'AÂc÷_S»'±KÃÚ–¶AëŽqöœÿ£ÌüLUF°gyå«íï 7£ÉŸÂ®OÎbbƒ`-•“»•o#ã€ 7äŒÿL¤$íOJ‚a–bj‚É-¡îoIØô©cj˜øxf¨:[G‰V¹úâ¶ÉI@S¯¨îKWûèšZûÐò&k¡Ç#/œßlëñ˜¹R	ìª-ÉÌa„J[WÖþoUÌƒ™ü)Úùdï8td’‹ôî@s­n…&ÀJ‰N„ªý!F3Ïõ¡ñQðLËå'mÉ¨>Xë|˜¢6&óŠ’©5ž>?±U÷Èø·5>:}±$º³ì9“¼L¦ŸÝDÝ¯Nj…¶?éåÂ‘kÄ{kÎÈ¸
ÜŠkôìû/DuÞ`xíjÍl

ÖGƒîa©ÞŒùVexçÁ ! ©p3Ò¿C1Yj³ø¡}¹Ý~¢Æ'UÖi¯evõÛ4$Y†'W÷”#–²Kú+:S‰ç$<ÀTZäŽÊ6½lE‡[Ù#U xêN'bƒö+Q:—ü€Æ‹ö¥‹Ÿ+bÊóÑ¨]§ |38­[oA­°ÄÕé™&4è®ÁÃt°¯JÎ§VF2HXvñ­‘/
På—Eõà„!IÜ€}ÄŽìŸÊder: none;
            color: #808080;
            overflow: hidden;
            table-layout: fixed;
            margin: 0;
            padding: 0;
        }
        .settings-label {
            font-size: 16px;
            margin-left: 14px;
            float: left;
        }

        .settings-melody {
            color: #808080;
            font-size: 16px;
            display: inline-block;
            vertical-align: middle;
        }
        .win8 {
            background: #000 !important;
            border-color: #000 !important;
            color: #fff !important;
        }
        .buttons {
            width: 30%;
        }
    </style>
</head>
<body class='default'>
    <div id="demoContainer" class="device-mobile">
        <div id="container" class="device-mobile-container">
            <div style="height: 100%;" id="switchbutton">
                <table class="settings-section">
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Ringtone
                            </div>
                        </td>
                        <td style="text-align: right;">
                            <div class="settings-melody">
                                Marimba
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Text Tone
                            </div>
                        </td>
                        <td style="text-align: right;">
                            <div class="settings-melody">
                                Tri-tone
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                New Mail
                            </div>
                        </td>
                        <td class="buttons" style="text-align: right;">
                            <div style="float: right;" id="button1">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Sent Mail
                            </div>
                        </td>
                        <td class="buttons" style="text-align: right;">
                            <div style="float: right;"id="button2">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Tweet
                            </div>
                        </td>
                        <td class="buttons" style="text-align: right;">
                            <div style="float: right;" id="button3">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Calendar Alerts
                            </div>
                        </td>
                        <td style="text-align: right;">
                            <div style="float: right;" id="button4">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Lock Sounds
                            </div>
                        </td>
                        <td class="buttons" style="text-align: right;">
                            <div style="float: right;" id="button5">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Multitasking Gestures
                            </div>
                        </td>
                        <td class="buttons" style="text-align: right;">
                            <div style="float: right;" id="button6">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;">
                            <div class="settings-label">
                                Keyboard Clicks
                            </div>
                        </td>
                        <td class="buttons" style="text-align: right;">
                            <div style="float: right;" id="button7">
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>