<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" horizontalAlign="center" verticalAlign="middle" alpha="1.0" backgroundAlpha="1.0" cornerRadius="7" borderColor="#808080" title="Login">
  <mx:Script>
  <![CDATA[
    import mx.managers.PopUpManager;
  
    public var funcs:Object;
    
    public function doAuth():void {
      funcs.authUser(username.text.toLowerCase(),password.text);
      }
  ]]>
  </mx:Script>

        <mx:Form id="login" defaultButton="{loginButton}" width="100%" height="100%" x="0" y="0">
          <mx:FormItem label="Username:" required="true">
            <mx:TextInput id="username" />
          </mx:FormItem>
          <mx:FormItem label="Password:" required="true">
            <mx:TextInput id="password" displayAsPassword="true" />
          </mx:FormItem>
        </mx:Form>
        <mx:ControlBar horizontalAlign="right" x="0" y="114">
          <mx:Button id="loginButton" label="Login" click="doAuth()" />
        </mx:ControlBar>
      </mx:Panel>