<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  skinClass="skins.Blue.Application"
               xmlns:s="library://ns.adobe.com/flex/spark"   width="300" height="200"
               xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="300" minHeight="200" maxHeight="200" maxWidth="300" xmlns:local="*" xmlns:Blue="skins.Blue.*" viewSourceURL="source/index.html">
    <s:Button  buttonMode="true" x="100"   id="loginbutton" enabled="true" textAlign="center" label="Login"  y="50"  width="120"/>
    
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        
        s|Button
        {            
            skinClass:ClassReference("skins.Blue.ButtonSkin"); 
        }
        
        global{
            fontFamily:myFontFamily;
            fontSize: 18;
            fontWeight:bold;
        }
        
        s|Application
        {
            skinClass:ClassReference("skins.Blue.Application");
        }
        s|Button
        {            
            skinClass:ClassReference("skins.Blue.ButtonSkin"); 
        }
                        
        /* It's important to limit the range of 
         * the glyphs you embed in your swf to
         * the ones which will be used */
        @font-face { 
            src: url("skins/fonts/ArialBD.ttf"); 
            fontFamily: myFontFamily; 
            unicode-range:                
                U+0041-U+0051, /* Uppercase A-Z */
                U+0052-U+007A; /* Lowercase a-z */                
            fontWeight:Bold;
            advancedAntiAliasing: true; 
             
        }
    </fx:Style>
</s:Application>