À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú3D†LVì¯xyUq"$¿`ŽZÙµX¶„F)"í3 ö»0øâê$$ŸÒÅòŽVï_g!{Xæ&$éÉX ðaç@ú«–‡±ŸEùx®ëb÷<þVÎöFoó¼E~MëkÍ[ºÈ Éu5g]	bÄØç˜¯ X¿‚’×±~¨µoÜÁ½Ç	¡ËA\§nbTÆHz×ú¦ˆ×E£‚3.þ÷¯Z]„êëEë¼xÅsp†D´æeçá'å1Ü»ˆØÌ6ŸzgÅ«×¦÷ÆCËyb¤ÔÊÁ‡Iš‚V‹Þjs¢³÷Î7R£´|q }:¾ÂM¾:!Êh2EnTõºª°GWèRŠ¿Õ˜·×Ç¾qb³©¥DdO²ùPeLh/"xáÒ£i"2ÖÆÈ“.±Ng±çô”QcQóð`˜Ì¬C{63ÐË‘øx§Ú;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ \ócƒ"¨ i×(eÍü¼ñL¡—O‹²Ä^<«÷^™3ˆ)	æ7=Éæø`ç&LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ÓÅÓ_o‹¤™s<ª³‰ì^­ÀÛö¯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Šß^#Š­©Y Mé_ÆÐv®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þG‹‡Ãv¬Aû—ËÅÃÕª±ƒýÞ0ø”-pÀ#w˜Ëç§ñ]Å~néAÐ'5{±¾ßæ©Îúè¨*¡ÐçGÔðœ®ÜïþÆG…éU‰ªÖ*Ìø°{Ú§£™AYèD²>ãú#p´¾í™âÑ¬ë0L–çIË9‰²“‰¹Ï.„Ï%rÚöŒüÜ‘BÝé€bÓ;@âê†Ð”x„“W?a™àŽÉ×ty‘+¤é€$ŒëK¯¦¨x|QŽÜÜ&‡ößul§†»6_R-´éX@ü¼ô|pÌ¶ˆõSD¡F¡ÏUS¸½hë0¹®–qT}Aú–¥‰oº7nÖÌ€fhr¾ØöÌRì°ÑÁ­†)¯V¹£-Õ¡÷ÂžÄýÇj/ðÿ”—èF^s¨¾)¨ý¸$9.	£o±¹®o0Õ,äèWè1biç°^ÉrÊ½}Ò‹ÓŽŽ ;;8s%¯ô±¦íÔ3ä"‚vÈd•ýµº…8¡6ÀxàíÞ•°O	r‹É(©Ð1	
²éþÙáõp0Z ŽbÍWî#þÎ™ÑOzäuÃÏ™— § b7™ý6Wâ|Îb¾;žt}-¤?0$³‡sZ!ÝME Q>
s>Nä]Û<§¢¥Žû*Ÿv)Auƒ*þZ=Å¢þ<s§m‰Ïü.gŸ_à±¬i”!¸©€‘bþÀµÇ¸^^]hJâÉyC£ÊËóè)/dF¯u1µL–ëý?L½© “ÈÂGMwWÉ)žî‚`ü(
‚³“ˆ¤¯t=£Q=f1N“kXqÇnªB†Ê²r¬7¦¿Ú×´¤`çÚÌê§§Èe@LI­Uç‡ÕD<fcKœ'ê¤…a$eW±©Š	$Ã\Õ:Û‡?-¾ràZíÙ½›ÝÞµß¦hœ'5 1½ÓÞq¸^^]hJâÉyC£ÊËóè)/dF¯u1µL–ëý?L½© “ÈÂGMwWÉ)žî‚`ü(
‚³“ˆ¤¯t=£Ö‡£GZ²{·à®Æ`²”Hqëé®¦À“Z¦9É^:Ôý½3gÝŒTgŽ…·±$Rå¶zðaåßŒ<©ÿÿe«Àb{åo~„¿ãØ¦²[ ë¿w%\—Ùè‰²±cŽÌwˆo%Ò&¸^^]hJâÉyC£ÊËóè)/dF¯u1µL–ëý?L½© “ÈÂGMwWÉ)žî‚`ü(
‚³“ˆ¤¯t=£Ö‡£GZ²{·à®Æ`²”Hqëé®¦À“Z¦9É^§uÊÉLP€:À5*¡÷±$Rå¶zðaåßŒ<©ÿÿe«Àb{åo~„¿ãØ¦²[ ë¿w%\—Ùè‰]Æ¯¢ü@ÛáTÀH
ÿ BšÑèÆæ.òŒæ‘ã¦Ý@ÀvMúOxb‹¾¾î»Üvø´Ï
³.	„}<Ô®$E¬ Êˆã×s%ØVðuÛiÂe7woll?!['f¡.¨zèkÒe5>Þs¡8{íã~ñ·'çº: ùKGÂî	Çþô­- >$H£%®ªñmÄ´TÂeì{ ~×»VÇP=9:è=þÂl’ÊO-’.@àüR f|€áUö2uœ©?TX6ÝG²¯^LHƒÒí¶ÿó@YU†Œ(bdÿ’l‡7œî-Sò¤‰¼3iG+ÃÜ2¥€hÚñ+[ì;Zf4ˆOye0= u}–=a·CZ/ÃïÊŽCBžPÂ\@=î«®•ØˆõFýe‡¯wËSDpË]LýûóHlV0.¨ÐÊ¦KS*9
i‹>¹VnËC+²bj<›S«µ%¶ä¯S1397âÆÄ«×]jAŽÒZX¡bÙ¥.•C,ÞP?õ+ýGTÇ&*0ió€ÃeÙõŸ ¿³JE¡Oƒ+`ÇÝN „Ööšæ™m¯“ ,4–8U7•Ó1&íç,.ñQ¿Gd
T²öÆY­Ž(p¨Òlþöz5|%€'[ö 3a›8Å…ªÞÃœù2.žb›‡J4{e€#.cÏ›«ŸÇBP>á´Ä¹o+k{eäË–~ÃxŸ—=mqöAµžÐ—öÉOY3»$—$\¶-@˜…ƒÿè(Cë2agÈ´v*kKLùÝÖ¸ü i%†þpäI‹ˆoÄ¿hpþçºU =ñG»-Þžêpz´QŸ‰Wçgqëé®¦À“Z¦9É^¤LOÎCƒÂÔK³üËô­- >$H£%®ªñmÄÂ×€Kß„Y×ë˜¶"ñ?’d"¶0c]+]ïÉ{ÿ"ñL€ø@tþvlP F¯¯Ï97âÆÄ«×]jAŽÒZXôØYeÇ—^¥J¤3å³K<oGVî>ì~3ÁéNÉrÈîŸLc¥!Ãã6îURzê„Ž;ðPÃÚÛñ5Œå–»×ñ…øJ+­Œq_y@kfWç|î¦Z°w¨ØˆÇ ß‰™é|cyb|¢".#¹só
ÿrÑ3µZÙ0…¡ì»ÖÔO€™6’,²Ð¡‡ˆ¥Ê^n’CÝx€ˆ˜O¼Uœþ*E÷o+k{eäË–~ÃxŸ—„n#•ÕG&Ùb,²º½hT¬”ƒ@Õ¶Úy‹6ýSYT^µkÐ5“;BýWˆããpt,'þèlì?ž’d ŸéÞáN&’ð©÷n,¥ZÙÐ»pí¾Ûv|Ñ¡:ÂòpÏLI$[PÜ¾tQH×3œáÆë0ÜÅÑ¼w‡É¾B~ë’´TÂeì{ ~×»VÇ¼ù¥‡{•µ&Ô¬ O ­'º%)Ö­(Y¨‚ny=6®^³‚)`k©Cˆž?·qÅ6=¿Hå$]káË%ž{L.À’,v°U|âP…ÚD¦WU+~pcúwÒûÄ•<ºk šMõì—K®¥².23àµ$ýXvÐñ!ôÆŽàPé¾Tð|üßô}Ò‹ÓŽŽ ;;8s%¯ô±¦€¼rYªu½÷˜·¥,x‡¶Ž‰j:Ñ“¹‰2ÿŠT­'º%)Ö­(Y¨‚ny=6®^³‚)`k©Cˆž?·qÅ6=¿Hå$]káË%ž{L.À’,v°U|âP…Í7ÖEÃVú¡–Æ;CC£”(ÉÐKÑº©¥æÚE·I?è@xGv)»>•º§‹bc.ú\Z]CUøÉN]h÷‰‹‡¬dZºCNÒƒ°ù“Š·ÿÿe«Àb{åo~„¿ãíËÂ>Ù¼öw—œt¦µbâ­'º%)Ö­(Y¨‚ny=6®^³‚)`k©Cˆž?·qÅ6=¿Hå$]káË%ž{L.À’,v°U|âP…Í7ÖEÃVú¡–Æ;CC£”S’;?Å`ùœ´]#°\I?è@xGv)»>•º§‹bc.ú\Z]CUøÉN]h÷‰‹‡¬dZºCNÒƒ°ù“Š·QC1»ì5èíKh´_¾@0ÆÅú$GÈÍ]Çwèƒ¨Ã;ØïóæExÏÆœ€áÁ]º_L}½‘ˆj„ø*©ücÚì‡õÄP½Œ8ÙPÆõÉ¼Õ IÉ¦ÔµZØB }.ŽEŒˆÄ{‰E¸Xõ*ã"«c	à¾8ƒËsšÜêÚ¬ë0L–çIË9‰²“‰¹IÔÉÜ;Šc³û›„OÃÜœªÙ`,5-|3ïÃsØÓ	 ðä•_/ä®#ö¶–ÄŠNÕnR;×žC¥d¾9k©UD1	Øê^ÕWØþ®+bÊìÛ£Ž`Ÿ?Ì±ì :ÉÃ„	b!tõ€Ÿð	®>vZ¹“ÇÄáùP”Êe„À†¥·k¾ØöÌRì°ÑÁ­†)¯V¹£ÔÚ¼;ï‹»Ñp[dé¯õÅ–ìXFˆx?N¯Ô†`¹ÖŽŒÞŸÄÂL_[à˜®¨±Ø7–_Ÿf„G½CbŽ§*}<ýË”ÝÂ¶ËT|ŸW•þX|öÆ$€VxçŸÓSg½í±`z„­úÛOÁXd¥ó'ýÇÞ‹Û½ïïcþÉgž3w»”‘˜ðõþßÈuh rÔã©Áþ+F *Ä½ƒ§2ùEb,“$ÑŸ/Ç:Ååp.ü.ÖÕòò¨›Y´2—èF^s¨¾)¨ý¸$9FhräxGÍöú=m<£;ß u Ó”™HjQÈ4TMA/†=‰Ú«:¤›¥PÜËÌíÔ3ä"‚vÈd•ýµº…8Åv4žqÃ=›¼Nh”ÊLGW1hïml©ãó{»Žù.v;—2T]vÏ5ã¬ö¨+`7ˆE)f^Gœ‹½nÂ9qé4šme¯¹aùx:£¨
.Ì¡ÇPö›Ë´ŸãÁßb¼"·û˜¢¢)
}Ì³Î6\Ž>	ÃÏ!÷6º`›Å–ìXFˆx?N¯Ô†`¹: 120, imgPosition: "left", textPosition: "left", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });
            $("#button20").jqxButton({ width: 120, imgPosition: "left", textPosition: "center", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });
            $("#button21").jqxButton({ width: 120, imgPosition: "left", textPosition: "right", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });

            $("#button22").jqxButton({ width: 120, imgPosition: "center", textPosition: "left", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });
            $("#button23").jqxButton({ width: 120, imgPosition: "center", textPosition: "center", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });
            $("#button24").jqxButton({ width: 120, imgPosition: "center", textPosition: "right", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });

            $("#button25").jqxButton({ width: 120, imgPosition: "right", textPosition: "left", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });
            $("#button26").jqxButton({ width: 120, imgPosition: "right", textPosition: "center", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });
            $("#button27").jqxButton({ width: 120, imgPosition: "right", textPosition: "right", imgSrc: "../../images/facebook.png", textImageRelation: "imageAboveText" });

            // text above image
            $("#button28").jqxButton({ width: 120, textPosition: "top", imgPosition: "left", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });
            $("#button29").jqxButton({ width: 120, textPosition: "left", imgPosition: "center", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });
            $("#button30").jqxButton({ width: 120, textPosition: "left", imgPosition: "right", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });

            $("#button31").jqxButton({ width: 120, textPosition: "center", imgPosition: "left", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });
            $("#button32").jqxButton({ width: 120, textPosition: "center", imgPosition: "center", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });
            $("#button33").jqxButton({ width: 120, textPosition: "center", imgPosition: "right", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });

            $("#button34").jqxButton({ width: 120, textPosition: "right", imgPosition: "left", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });
            $("#button35").jqxButton({ width: 120, textPosition: "right", imgPosition: "center", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });
            $("#button36").jqxButton({ width: 120, textPosition: "right", imgPosition: "right", imgSrc: "../../images/twitter.png", textImageRelation: "textAboveImage" });

            // overlay
            $("#button37").jqxButton({ width: 120, imgPosition: "left", textPosition: "left", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });
            $("#button38").jqxButton({ width: 120, imgPosition: "left", textPosition: "center", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });
            $("#button39").jqxButton({ width: 120, imgPosition: "left", textPosition: "right", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });

            $("#button40").jqxButton({ width: 120, imgPosition: "center", textPosition: "left", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });
            $("#button41").jqxButton({ width: 120, imgPosition: "center", textPosition: "center", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });
            $("#button42").jqxButton({ width: 120, imgPosition: "center", textPosition: "right", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });

            $("#button43").jqxButton({ width: 120, imgPosition: "right", textPosition: "left", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });
            $("#button44").jqxButton({ width: 120, imgPosition: "right", textPosition: "center", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });
            $("#button45").jqxButton({ width: 120, imgPosition: "right", textPosition: "right", imgSrc: "../../images/facebook.png", textImageRelation: "overlay" });

        });
    </script>
</head>
<body class='default'>
    <h3>Image Before Text</h3>
    <table>
        <tr>
            <td>Image Left/Text Left</td>
            <td>
                <button id="button1">Button</button></td>
            <td>Image Left/Text Center</td>
            <td>
                <button id="button2">Button</button></td>
            <td>Image Left/Text Right</td>
            <td>
                <button id="button3">Button</button></td>
        </tr>
        <tr>
            <td>Image Center/Text Left</td>
            <td>
                <button id="button4">Button</button></td>
            <td>Image Center/Text Center</td>
            <td>
                <button id="button5">Button</button></td>
            <td>Image Center/Text Right</td>
            <td>
                <button id="button6">Button</button></td>
        </tr>
        <tr>
            <td>Image Right/Text Left</td>
            <td>
                <button id="button7">Button</button></td>
            <td>Image Right/Text Center</td>
            <td>
                <button id="button8">Button</button></td>
            <td>Image Right/Text Right</td>
            <td>
                <button id="button9">Button</button></td>
        </tr>
    </table>
    <h3>Text Before Image</h3>
    <table>
        <tr>
            <td>Text Left/Image Left</td>
            <td>
                <button id="button10">Button</button></td>
            <td>Text Left/Image Center</td>
            <td>
                <button id="button11">Button</button></td>
            <td>Text Left/Image Right</td>
            <td>
                <button id="button12">Button</button></td>
        </tr>
        <tr>
            <td>Text Center/Image Left</td>
            <td>
                <button id="button13">Button</button></td>
            <td>Text Center/Image Center</td>
            <td>
                <button id="button14">Button</button></td>
            <td>Text Center/Image Right</td>
            <td>
                <button id="button15">Button</button></td>
        </tr>
        <tr>
            <td>Text Right/Image Left</td>
            <td>
                <button id="button16">Button</button></td>
            <td>Text Right/Image Center</td>
            <td>
                <button id="button17">Button</button></td>
            <td>Text Right/Image Right</td>
            <td>
                <button id="button18">Button</button></td>
        </tr>
    </table>
    <h3>Image Above Text</h3>
    <table>
        <tr>
            <td>Image Left/Text Left</td>
            <td>
                <button id="button19">Button</button></td>
            <td>Image Left/Text Center</td>
            <td>
                <button id="button20">Button</button></td>
            <td>Image Left/Text Right</td>
            <td>
                <button id="button21">Button</button></td>
        </tr>
        <tr>
            <td>Image Center/Text Left</td>
            <td>
                <button id="button22">Button</button></td>
            <td>Image Center/Text Center</td>
            <td>
                <button id="button23">Button</button></td>
            <td>Image Center/Text Right</td>
            <td>
                <button id="button24">Button</button></td>
        </tr>
        <tr>
            <td>Image Right/Text Left</td>
            <td>
                <button id="button25">Button</button></td>
            <td>Image Right/Text Center</td>
            <td>
                <button id="button26">Button</button></td>
            <td>Image Right/Text Right</td>
            <td>
                <button id="button27">Button</button></td>
        </tr>
    </table>
    <h3>Text Above Image</h3>
    <table>
        <tr>
            <td>Text Left/Image Left</td>
            <td>
                <button id="button28">Button</button></td>
            <td>Text Left/Image Center</td>
            <td>
                <button id="button29">Button</button></td>
            <td>Text Left/Image Right</td>
            <td>
                <button id="button30">Button</button></td>
        </tr>
        <tr>
            <td>Text Center/Image Left</td>
            <td>
                <button id="button31">Button</button></td>
            <td>Text Center/Image Center</td>
            <td>
                <button id="button32">Button</button></td>
            <td>Text Center/Image Right</td>
            <td>
                <button id="button33">Button</button></td>
        </tr>
        <tr>
            <td>Text Right/Image Left</td>
            <td>
                <button id="button34">Button</button></td>
            <td>Text Right/Image Center</td>
            <td>
                <button id="button35">Button</button></td>
            <td>Text Right/Image Right</td>
            <td>
                <button id="button36">Button</button></td>
        </tr>
    </table>
    <h3>Overlay(Text and Image can be one over another)</h3>
    <table>
        <tr>
            <td>Image Left/Text Left</td>
            <td>
                <button id="button37">Button</button></td>
            <td>Image Left/Text Center</td>
            <td>
                <button id="button38">Button</button></td>
            <td>Image Left/Text Right</td>
            <td>
                <button id="button39">Button</button></td>
        </tr>
        <tr>
            <td>Image Center/Text Left</td>
            <td>
                <button id="button40">Button</button></td>
            <td>Image Center/Text Center</td>
            <td>
                <button id="button41">Button</button></td>
            <td>Image Center/Text Right</td>
            <td>
                <button id="button42">Button</button></td>
        </tr>
        <tr>
            <td>Image Right/Text Left</td>
            <td>
                <button id="button43">Button</button></td>
            <td>Image Right/Text Center</td>
            <td>
                <button id="button44">Button</button></td>
            <td>Image Right/Text Right</td>
            <td>
                <button id="button45">Button</button></td>
        </tr>
    </table>
</body>
</html>