<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="better-guis.css" type="text/css"?>
<window
  id="better-guis-window"
  title="AddressPanel"
  orient="vertical"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3.org/1999/xhtml"
  onload="onload();">
  <vbox class="form" flex="1" id="form0">
    <hbox class="row" align="center">
      <hbox align="center" class="sub-row" flex="1">
        <label class="left" value="Last Name"/>
        <textbox flex="1" id="lastName" value="Last Name" oncommand="alert('fo');"/> 
      </hbox>
      <hbox align="center" class="sub-row" flex="1">
        <label class="slim" value="First Name"/>
        <textbox class="wide" flex="1" id="firstName" value="First Name"/> 
      </hbox>
    </hbox>

    <hbox class="row" align="center">
      <hbox align="center" class="sub-row" flex="1">
        <label class="left" value="Phone"/>
        <textbox flex="1" id="phone" value="Phone"/> 
      </hbox>
      <hbox align="center" class="sub-row" flex="1">
        <label class="slim" value="Email"/>
        <textbox class="wide" flex="1" id="email" value="Email"/> 
      </hbox>
    </hbox>
    
    <hbox class="row" align="center">
      <label class="left" value="Address 1"/>
      <textbox flex="1" id="address1" value="Address 1"/> 
    </hbox>

    <hbox class="row" align="center">
      <label class="left" value="Address 2"/>
      <textbox flex="1" id="address2" value="Address 2"/> 
    </hbox>
  
    <hbox class="row" align="center">
      <hbox align="center" class="sub-row" flex="1">
        <label class="left" value="City"/>
        <textbox flex="1" id="city" value="City"/> 
      </hbox>
      <hbox align="center" class="sub-row" flex="1"/>
    </hbox>
  
    <hbox class="row" align="center">
      <hbox align="center" class="sub-row" flex="1">
        <label class="left" value="State"/>
        <textbox flex="1" id="state" value="State"/> 
      </hbox>
      <hbox align="center" class="sub-row" flex="1">
        <label class="slim" value="Postal Code"/>
        <textbox class="wide" flex="1" id="postalCode" value="Postal Code"/> 
      </hbox>
    </hbox>

    <hbox class="row">
      <hbox align="center" class="sub-row" flex="1">
        <label class="left" value="Country"/>
        <textbox flex="1" id="country" value="Country"/> 
      </hbox>
      <hbox align="center" class="sub-row" flex="1"/>
    </hbox>
  </vbox>
  <script>
    function onload () { document.getElementsByTagName('textbox')[0].focus(); }
  </script>
</window>