
<!--
****************************************************************************

     File Name:   cardEntityEdit.box

****************************************************************************
   C O P Y R I G H T   A N D   C O N F I D E N T I A L I T Y   N O T I C E
****************************************************************************

      Copyright (c) 2004-2005 America Online, Inc.  All rights reserved.
      This software contains valuable confidential and proprietary
      information of America Online, Inc. and is subject to applicable
      licensing agreements.  Unauthorized reproduction, transmission or
      distribution of this file and its contents is a violation of
      applicable laws.

            A M E R I C A   O N L I N E   C O N F I D E N T I A L

****************************************************************************
-->

    <vbox style="flex1">
        <hbox style="firstLastNameStyle" s:vAlign="center">
            <aolLabel value="&fieldname.firstname;" style="superGroupTwistyBoxLabel"/>
            <aolInput id="firstNameInput" style="inputField" maxLength="30">
                <binding objectSource="contact" targetProperty="value" path="firstName"/>
            </aolInput>
            <aolLabel value="&fieldname.lastname;" style="superGroupTwistyBoxLabel"/>
            <aolInput style="inputField" maxLength="30">
                <binding objectSource="contact" targetProperty="value" path="lastName"/>
            </aolInput>
        </hbox>
        
        <aolMultilineStatic value="&error.mainMessage;" s:textColor="red" s:padding="7">
			<binding objectSource="cardUI" targetProperty="collapsed" path="showErrorMainMessage" sourceTransformer="toolkit:not"/>
        </aolMultilineStatic>
        
        <vbox style="scrollable">
            <reaction event="mouseWheel" detail="1" action="toolkit:MouseWheelScrollUp"/>
            <reaction event="mouseWheel" detail="-1" action="toolkit:MouseWheelScrollDown"/>
            <spacer s:height="6"/>
            <vbox style="twistySectionStyle" s:paddingLeft="7">
                <aolTwistyBox id="contactInfoTwistyBox" label="&section.contactinfo;" style="twistyBoxLabel" focusMode="normal" accRole="grouping">
                    <reaction event="focus" action="scene.cardUI.onTwistyFocus();"/>
                    <reaction event="blur" action="scene.cardUI.onTwistyBlur();"/> 
                    <reaction event="keyPress" keyCode="LEFT" action="scene.cardUI.onCollapseTwisty();"/>
                    <reaction event="keyPRess" keyCOde="RIGHT" action="scene.cardUI.onExpandTwisty();"/>
                    <reaction event="keyPress" keyCode="ENTER" action="scene.cardUI.onToggleTwisty();"/>
                    
                    <vbox style="sectionContents">
                        <hbox style="vAlignCenter">
                            <aolLabel id="screenNameLabel" value="&fieldname.im;" style="eciFieldName"/>
                            <aolHintInput id="screenNameInput" hintText="&prompt.screenname;" 
                                style="inputField" maxLength="97" filter="toolkit:ascii">
                                <reaction event="presented" action="scene.cardUI.accUseLabels('contactInfoTwistyBox','screenNameLabel');"/>
                                <binding objectSource="contact" targetProperty="value" path="screenName"/>
                            </aolHintInput>
                        </hbox>
                        
                        <hbox groupType="email">
                            <aolLabel id="emailLabel" value="&fieldname.email;" style="eciFieldName" s:marginTop="8"/>
                            <vbox s:flex="1" s:marginLeft="4">
                                <hbox dynamicRow="true" style="eciRow" s:flex="1">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus hidden="true" accName="&acctext.removeEmailField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addEmailField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolHintInput accUseLabel="emailLabel" id="email1Input" hintText="&prompt.email;" style="inputField" maxLength="60" filter="toolkit:ascii">
                                        <binding objectSource="contact" targetProperty="value" path="email1"/>
                                    </aolHintInput>
                                </hbox>
                                <hbox dynamicRow="true" style="eciRow" id="_email2" collapsed="true" s:flex="1">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus accName="&acctext.removeEmailField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addEmailField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolHintInput accUseLabel="emailLabel" hintText="&prompt.email;" style="inputField" maxLength="60" filter="toolkit:ascii">
                                        <binding objectSource="contact" targetProperty="value" path="email2"/>
                                    </aolHintInput>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="email2Collapsed"/>
                                </hbox>
                            </vbox>
                        </hbox>
                        
                        <hbox fieldGroup="true">
                            <aolLabel id="phoneLabel" value="&fieldname.phone;" style="eciFieldName" s:marginTop="8"/>
                            <vbox s:marginLeft="4" s:flex="1">
                                <hbox dynamicRow="true" style="eciRow">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <vbox s:flex="1">
                                        <hbox s:vAlign="center">
                                            <minus hidden="true" accName="&acctext.removePhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </minus>
                                            <plus accName="&acctext.addPhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </plus>
                                            <aolComboBox id="phone1ComboBox" style="phoneDropDown" on:initialized="scene.cardUI.populatePhoneTypeMenu();" accUseLabel="phoneLabel" accName="&acctext.phone;">
                                                <binding objectSource="contact" targetProperty="value" path="phoneType1"/>
                                                <binding objectSource="cardUI" targetProperty="label" path="phoneType1_LabelEdit"/>
                                            </aolComboBox>
                                            <aolHintInput accUseLabel="phoneLabel" id="phone1Input" hintText="&prompt.phone;" style="inputField" maxLength="25" filter="toolkit:ascii">
                                                <binding objectSource="contact" targetProperty="value" path="phone1"/>
                                            </aolHintInput>
                                        </hbox>
                                        <hbox ignore="true" s:vAlign="center">
                                            <spacer s:flex="1"/>
                                            <aolLabel value="&phone.mobileFormat_beforeLinkText;" s:margin="0" s:padding="0"/>
                                            <aolTextButton label="&phone.mobileFormat_linkText;" s:margin="0" s:padding="0">
                                                <reaction event="command" action="scene.addressCard.openMobileFormatWebpage();"/>
                                            </aolTextButton>
                                            <aolLabel value="&phone.mobileFormat_afterLinkText;" s:margin="0 6 0 0" s:padding="0"/>
                                            <binding elementSource="phone1ComboBox" targetProperty="collapsed" path="label" sourceTransformer="updateMobileFormatPrompt();"/>
                                        </hbox>
                                    </vbox>
                                </hbox>
                                
                                <hbox dynamicRow="true"  style="eciRow" id="_phone2" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <vbox s:flex="1">
                                        <hbox s:vAlign="center">
                                            <minus accName="&acctext.removePhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </minus>
                                            <plus accName="&acctext.addPhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </plus>
                                            <aolComboBox id="phone2ComboBox" style="phoneDropDown" on:initialized="scene.cardUI.populatePhoneTypeMenu();"  accUseLabel="phoneLabel" accName="&acctext.phone;">
                                                <binding objectSource="contact" targetProperty="value" path="phoneType2"/>
                                                <binding objectSource="cardUI" targetProperty="label" path="phoneType2_LabelEdit"/>
                                            </aolComboBox>
                                            <aolHintInput accUseLabel="phoneLabel" hintText="&prompt.phone;" style="inputField" maxLength="25" filter="toolkit:ascii">
                                                <binding objectSource="contact" targetProperty="value" path="phone2"/>
                                            </aolHintInput>
                                        </hbox>
                                        <hbox ignore="true" s:vAlign="center">
                                            <spacer s:flex="1"/>
                                            <aolLabel value="&phone.mobileFormat_beforeLinkText;" s:margin="0" s:padding="0"/>
                                            <aolTextButton label="&phone.mobileFormat_linkText;" s:margin="0" s:padding="0">
                                                <reaction event="command" action="scene.addressCard.openMobileFormatWebpage();"/>
                                            </aolTextButton>
                                            <aolLabel value="&phone.mobileFormat_afterLinkText;" s:margin="0 6 0 0" s:padding="0"/>
                                            <binding elementSource="phone2ComboBox" targetProperty="collapsed" path="label" sourceTransformer="updateMobileFormatPrompt();"/>
                                        </hbox>
                                    </vbox>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="phone2Collapsed"/>
                                </hbox>
                                <hbox dynamicRow="true" style="eciRow" id="_phone3" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <vbox s:flex="1">
                                        <hbox s:vAlign="center">
                                            <minus accName="&acctext.removePhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </minus>
                                            <plus accName="&acctext.addPhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </plus>
                                            <aolComboBox id="phone3ComboBox" style="phoneDropDown" on:initialized="scene.cardUI.populatePhoneTypeMenu();"  accUseLabel="phoneLabel" accName="&acctext.phone;">
                                                <binding objectSource="contact" targetProperty="value" path="phoneType3"/>
                                                <binding objectSource="cardUI" targetProperty="label" path="phoneType3_LabelEdit"/>
                                            </aolComboBox>
                                            <aolHintInput accUseLabel="phoneLabel" hintText="&prompt.phone;" style="inputField" maxLength="25" filter="toolkit:ascii">
                                                <binding objectSource="contact" targetProperty="value" path="phone3"/>
                                            </aolHintInput>
                                        </hbox>
                                        <hbox ignore="true" s:vAlign="center">
                                            <spacer s:flex="1"/>
                                            <aolLabel value="&phone.mobileFormat_beforeLinkText;" s:margin="0" s:padding="0"/>
                                            <aolTextButton label="&phone.mobileFormat_linkText;" s:margin="0" s:padding="0">
                                                <reaction event="command" action="scene.addressCard.openMobileFormatWebpage();"/>
                                            </aolTextButton>
                                            <aolLabel value="&phone.mobileFormat_afterLinkText;" s:margin="0 6 0 0" s:padding="0"/>
                                            <binding elementSource="phone3ComboBox" targetProperty="collapsed" path="label" sourceTransformer="updateMobileFormatPrompt();"/>
                                        </hbox>
                                    </vbox>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="phone3Collapsed"/>
                                </hbox>
                                <hbox dynamicRow="true" style="eciRow" id="_phone4" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <vbox s:flex="1">
                                        <hbox s:vAlign="center">
                                            <minus accName="&acctext.removePhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </minus>
                                            <plus accName="&acctext.addPhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </plus>
                                            <aolComboBox id="phone4ComboBox" style="phoneDropDown" on:initialized="scene.cardUI.populatePhoneTypeMenu();"  accUseLabel="phoneLabel" accName="&acctext.phone;">
                                                <binding objectSource="contact" targetProperty="value" path="phoneType4"/>
                                                <binding objectSource="cardUI" targetProperty="label" path="phoneType4_LabelEdit"/>
                                            </aolComboBox>
                                            <aolHintInput accUseLabel="phoneLabel" hintText="&prompt.phone;" style="inputField" maxLength="25" filter="toolkit:ascii">
                                                <binding objectSource="contact" targetProperty="value" path="phone4"/>
                                            </aolHintInput>
                                        </hbox>
                                        <hbox ignore="true" s:vAlign="center">
                                            <spacer s:flex="1"/>
                                            <aolLabel value="&phone.mobileFormat_beforeLinkText;" s:margin="0" s:padding="0"/>
                                            <aolTextButton label="&phone.mobileFormat_linkText;" s:margin="0" s:padding="0">
                                                <reaction event="command" action="scene.addressCard.openMobileFormatWebpage();"/>
                                            </aolTextButton>
                                            <aolLabel value="&phone.mobileFormat_afterLinkText;" s:margin="0 6 0 0" s:padding="0"/>
                                            <binding elementSource="phone4ComboBox" targetProperty="collapsed" path="label" sourceTransformer="updateMobileFormatPrompt();"/>
                                        </hbox>
                                    </vbox>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="phone4Collapsed"/>
                                </hbox>
                                <hbox dynamicRow="true" style="eciRow" id="_phone5" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <vbox s:flex="1">
                                        <hbox s:vAlign="center">
                                            <minus accName="&acctext.removePhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </minus>
                                            <plus accName="&acctext.addPhoneField;">
                                                <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                                <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                            </plus>
                                            <aolComboBox id="phone5ComboBox" style="phoneDropDown" on:initialized="scene.cardUI.populatePhoneTypeMenu();"  accUseLabel="phoneLabel" accName="&acctext.phone;">
                                                <binding objectSource="contact" targetProperty="value" path="phoneType5"/>
                                                <binding objectSource="cardUI" targetProperty="label" path="phoneType5_LabelEdit"/>
                                            </aolComboBox>
                                            <aolHintInput accUseLabel="phoneLabel" hintText="&prompt.phone;" style="inputField" maxLength="25" filter="toolkit:ascii">
                                                <binding objectSource="contact" targetProperty="value" path="phone5"/>
                                            </aolHintInput>
                                        </hbox>
                                        <hbox ignore="true" s:vAlign="center">
                                            <spacer s:flex="1"/>
                                            <aolLabel value="&phone.mobileFormat_beforeLinkText;" s:margin="0" s:padding="0"/>
                                            <aolTextButton label="&phone.mobileFormat_linkText;" s:margin="0" s:padding="0">
                                                <reaction event="command" action="scene.addressCard.openMobileFormatWebpage();"/>
                                            </aolTextButton>
                                            <aolLabel value="&phone.mobileFormat_afterLinkText;" s:margin="0 6 0 0" s:padding="0"/>
                                            <binding elementSource="phone5ComboBox" targetProperty="collapsed" path="label" sourceTransformer="updateMobileFormatPrompt();"/>
                                        </hbox>
                                    </vbox>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="phone5Collapsed"/>
                                </hbox>
                            </vbox>
                        </hbox>
                    </vbox>
                </aolTwistyBox>
            </vbox>
            
            <vbox style="twistySectionStyle" s:paddingLeft="7">
                <aolTwistyBox id= "categoryTwistyBox" label="&section.filedin;" style="twistyBoxLabel" focusMode="normal" accRole="grouping">
                    <reaction event="focus" action="scene.cardUI.onTwistyFocus();"/>
                    <reaction event="blur" action="scene.cardUI.onTwistyBlur();"/> 
                    <reaction event="keyPress" keyCode="LEFT" action="scene.cardUI.onCollapseTwisty();"/>
                    <reaction event="keyPRess" keyCOde="RIGHT" action="scene.cardUI.onExpandTwisty();"/>
                    <reaction event="keyPress" keyCode="ENTER" action="scene.cardUI.onToggleTwisty();"/>
                    <vbox style="sectionContents">
                        <hbox style="vAlignCenter" s:margin="5 0">
                            <aolLabel s:minWidth="122" value="&fieldname.category;"/>
                            <aolComboBox id="categoryComboBox" style="categoryDropDown" s:marginLeft="5" s:marginTop="5"
                                on:boxCreated="scene.cardUI.populateCategoryMenu();" accName="&acctext.category;">
                                <binding objectSource="contact" targetProperty="label" path="category"/>
                            </aolComboBox>
                        </hbox>
                        <hbox s:vAlign="top" s:margin="5 0">
                            <aolLabel id="mailingListLabel" s:minWidth="112" value="&fieldname.mailinglists;"/>
                            <mlComboBoxGroup id="mailingList">
                                <mlComboBox id="firstMailingListCB" defaultItem="true">
                                    <reaction event="presented" action="scene.getBoxById('firstMailingListCB').onGroupSelected();"/>
                                </mlComboBox>
                            </mlComboBoxGroup>
                        </hbox>
                    </vbox>
                </aolTwistyBox>            
            </vbox>
            
            <vbox style="twistySectionStyle" s:paddingLeft="7">
                <aolTwistyBox id="homeInfoTwistyBox" label="&section.homeaddress;" style="twistyBoxLabel" expanded="false" focusMode="normal" selectableMode="normal" accRole="grouping">
                    <reaction event="focus" action="scene.cardUI.onTwistyFocus();"/>
                    <reaction event="blur" action="scene.cardUI.onTwistyBlur();"/> 
                    <reaction event="keyPress" keyCode="LEFT" action="scene.cardUI.onCollapseTwisty();"/>
                    <reaction event="keyPRess" keyCOde="RIGHT" action="scene.cardUI.onExpandTwisty();"/>
                    <reaction event="keyPress" keyCode="ENTER" action="scene.cardUI.onToggleTwisty();"/>
                    <reaction event="doubleClick" action="scene.cardUI.onToggleTwisty();"/>
                    <binding objectSource="cardUI" targetProperty="expanded" path="homeAddressCollapsed" sourceTransformer="toolkit:not"/>
                    <vbox style="sectionContents">
                        <hbox>
                            <aolLabel id="homeAddrStreetLabel" value="&fieldname.street1;" style="addrStreetLabel" s:marginTop="8"/>
                            <vbox s:flex="1">
                                <hbox dynamicRow="true" style="vAlignCenter">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus hidden="true" accName="&acctext.removeHomeStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addHomeStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolInput style="inputField" maxLength="30" accUseLabel="homeAddrStreetLabel">
                                        <binding objectSource="contact" targetProperty="value" path="homeAddrLine1"/>
                                        <reaction event="presented" action="scene.cardUI.accUseLabels('homeInfoTwistyBox','homeAddrStreetLabel');"/>
                                    </aolInput>
                                </hbox>
                                <hbox dynamicRow="true" style="vAlignCenter" id="_homeAddrLine2" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>    
                                    <minus accName="&acctext.removeHomeStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addHomeStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolInput style="inputField" maxLength="30" accUseLabel="homeAddrStreetLabel">
                                        <binding objectSource="contact" targetProperty="value" path="homeAddrLine2"/>
                                    </aolInput>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="homeAddrLine2Collapsed"/>
                                </hbox>
                                <hbox dynamicRow="true" style="vAlignCenter" id="_homeAddrLine3" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus accName="&acctext.removeHomeStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addHomeStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolInput style="inputField" maxLength="30" accUseLabel="homeAddrStreetLabel">
                                        <binding objectSource="contact" targetProperty="value" path="homeAddrLine3"/>
                                    </aolInput>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="homeAddrLine3Collapsed"/>
                                </hbox>
                            </vbox>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aollabel style="addrCity" value="&fieldname.city;"/>
                            <aolInput style="inputField" maxLength="30">
                                <binding objectSource="contact" targetProperty="value" path="homeAddrCity"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat" sourceTransformer="toolkit:not"/>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.stateprovince;" style="addrStateLbl"/>
                            <aolInput maxLength="30" style="addrStateInput">
                                <binding objectSource="contact" targetProperty="value" path="homeAddrState"/>
                            </aolInput>

                            <aolLabel value="&fieldname.zip;" style="addrZipLbl"/>
                            <aolInput maxLength="10" style="addrZipInput">
                                <binding objectSource="contact" targetProperty="value" path="homeAddrPostalCode"/>
                            </aolInput>
                            
                            <aolLabel value="&fieldname.country;" style="addrCountryLbl"/>
                            <aolInput maxLength="30" style="addrCountryInput">
                                <binding objectSource="contact" targetProperty="value" path="homeAddrCountry"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat" sourceTransformer="toolkit:not"/>
                        </hbox>
                        
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.zip;" style="addrCity"/>
                            <aolInput style="addrZipInput" maxLength="10" s:maxWidth="70" >
                                <binding objectSource="contact" targetProperty="value" path="homeAddrPostalCode"/>
                            </aolInput>
                        
                            <aollabel style="addrZipLbl" value="&fieldname.city;"/>
                            <aolInput style="inputField" maxLength="30">
                                <binding objectSource="contact" targetProperty="value" path="homeAddrCity"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat"/>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.country;" style="addrCity"/>
                            <aolInput maxLength="30" style="addrCountryInput" s:minWidth="175" s:flex="0" s:width="100">
                                <binding objectSource="contact" targetProperty="value" path="homeAddrCountry"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat"/>
                        </hbox>
                    </vbox>
                </aolTwistyBox>
            </vbox>
            
            <vbox style="twistySectionStyle" s:paddingLeft="7">
                <aolTwistyBox id="workInfoTwistyBox" label="&section.workaddress;" style="twistyBoxLabel" expanded="false" focusMode="normal" accRole="grouping">
                    <reaction event="focus" action="scene.cardUI.onTwistyFocus();"/>
                    <reaction event="blur" action="scene.cardUI.onTwistyBlur();"/> 
                    <reaction event="keyPress" keyCode="LEFT" action="scene.cardUI.onCollapseTwisty();"/>
                    <reaction event="keyPRess" keyCOde="RIGHT" action="scene.cardUI.onExpandTwisty();"/>
                    <reaction event="keyPress" keyCode="ENTER" action="scene.cardUI.onToggleTwisty();"/>
                    <binding objectSource="cardUI" targetProperty="expanded" path="workAddressCollapsed" sourceTransformer="toolkit:not"/>
                    <vbox style="sectionContents">
                        <hbox>
                            <aolCheckButton id="defaultAddressLabel" label="&checkbox.defaultaddress;">
                                <binding objectSource="cardUI" targetProperty="toggled" path="useWorkAsPrimaryAddress" method="twoWay"/>
                                <reaction event="presented" action="scene.cardUI.accUseLabels('workInfoTwistyBox','defaultAddressLabel');"/>
                            </aolCheckButton>
                            <spacer style="flex1"/>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.company;" style="companyLbl"/>
                            <aolInput style="inputField" maxLength="30">
                                <binding objectSource="contact" targetProperty="value" path="company"/>
                            </aolInput>
                            <aolLabel value="&fieldname.title;" style="titleLbl"/>
                            <aolInput style="inputField" maxLength="30">
                                <binding objectSource="contact" targetProperty="value" path="jobTitle"/>
                            </aolInput>
                        </hbox>
                        <spacer style="gapBetweenCompanyAndAddress"/>
                        <hbox s:paddingLeft="0">
                            <aolLabel value="&fieldname.street1;" style="addrStreetLabel" s:marginTop="8"/>
                            <vbox s:flex="1" s:marginLeft="0">
                                <hbox dynamicRow="true" style="vAlignCenter">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus hidden="true" accName="&acctext.removeWorkStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addWorkStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolInput style="inputField" maxLength="30" accUseLabel="homeAddrStreetLabel">
                                        <binding objectSource="contact" targetProperty="value" path="workAddrLine1"/>
                                    </aolInput>
                                </hbox>
                                <hbox dynamicRow="true" style="vAlignCenter" id="_workAddrLine2" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus accName="&acctext.removeWorkStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addWorkStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolInput style="inputField" maxLength="30" accUseLabel="homeAddrStreetLabel">
                                        <binding objectSource="contact" targetProperty="value" path="workAddrLine2"/>
                                    </aolInput>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="workAddrLine2Collapsed"/>
                                </hbox>
                                <hbox dynamicRow="true" style="vAlignCenter" id="_workAddrLine3" collapsed="true">
                                    <reaction event="attributeSet" attributeName="collapsed" action="scene.cardUI.onPlusMinusFieldCollapsed();"/>
                                    <minus accName="&acctext.removeWorkStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                        <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </minus>
                                    <plus accName="&acctext.addWorkStreetField;">
                                        <reaction event="command" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                       <reaction event="click" action="scene.cardUI.onPlusMinusButtonClick();"/>
                                    </plus>
                                    <aolInput style="inputField" maxLength="30" accUseLabel="homeAddrStreetLabel">
                                        <binding objectSource="contact" targetProperty="value" path="workAddrLine3"/>
                                    </aolInput>
                                    <binding objectSource="cardUI" targetProperty="collapsed" path="workAddrLine3Collapsed"/>
                                </hbox>
                            </vbox>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aollabel style="addrCity" value="&fieldname.city;"/>
                            <aolInput style="inputField" maxLength="30">
                                <binding objectSource="contact" targetProperty="value" path="workAddrCity"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat" sourceTransformer="toolkit:not"/>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.stateprovince;" style="addrStateLbl"/>
                            <aolInput maxLength="30" style="addrStateInput">
                                <binding objectSource="contact" targetProperty="value" path="workAddrState"/>
                            </aolInput>

                            <aolLabel value="&fieldname.zip;" style="addrZipLbl"/>
                            <aolInput maxLength="10" style="addrZipInput">
                                <binding objectSource="contact" targetProperty="value" path="workAddrPostalCode"/>
                            </aolInput>
                            
                            <aolLabel value="&fieldname.country;" style="addrCountryLbl"/>
                            <aolInput maxLength="30" style="addrCountryInput">
                                <binding objectSource="contact" targetProperty="value" path="workAddrCountry"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat" sourceTransformer="toolkit:not"/>
                        </hbox>
                        
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.zip;" style="addrCity"/>
                            <aolInput style="addrZipInput" maxLength="10" s:maxWidth="70">
                                <binding objectSource="contact" targetProperty="value" path="workAddrPostalCode"/>
                            </aolInput>
                        
                            <aollabel style="addrZipLbl" value="&fieldname.city;"/>
                            <aolInput style="inputField" maxLength="30">
                                <binding objectSource="contact" targetProperty="value" path="workAddrCity"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat"/>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel value="&fieldname.country;" style="addrCity"/>
                            <aolInput maxLength="30" style="addrCountryInput" s:minWidth="175" s:flex="0" s:width="100">
                                <binding objectSource="contact" targetProperty="value" path="workAddrCountry"/>
                            </aolInput>
                            <binding objectSource="cardUI" targetProperty="collapsed" path="USAddressFormat"/>
                        </hbox>
                        
                    </vbox>
                </aolTwistyBox >
            </vbox>
            
            <vbox style="twistySectionStyle" s:paddingLeft="7">
                <aolTwistyBox id="otherInfoTwistyBox" label="&section.otherinfo;" style="twistyBoxLabel" expanded="false" focusMode="normal" accRole="grouping">
                    <reaction event="focus" action="scene.cardUI.onTwistyFocus();"/>
                    <reaction event="blur" action="scene.cardUI.onTwistyBlur();"/> 
                    <reaction event="keyPress" keyCode="LEFT" action="scene.cardUI.onCollapseTwisty();"/>
                    <reaction event="keyPRess" keyCOde="RIGHT" action="scene.cardUI.onExpandTwisty();"/>
                    <reaction event="keyPress" keyCode="ENTER" action="scene.cardUI.onToggleTwisty();"/>
                    <binding objectSource="cardUI" targetProperty="expanded" path="otherInfoCollapsed" sourceTransformer="toolkit:not"/>
                    <vbox style="sectionContents" s:paddingLeft="23"> 
                        <hbox style="vAlignCenter">
                            <aolLabel id="nicknameLabel" style="eoiFieldName" value="&fieldname.nickname;"/>
                            <aolInput style="inputField" maxLength="60">
                                <binding objectSource="contact" targetProperty="value" path="nickname"/>
                                <reaction event="presented" action="scene.cardUI.accUseLabels('otherInfoTwistyBox','nicknameLabel');"/>
                            </aolInput>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel id="birthdayLabel" style="eoiFieldName" value="&fieldname.birthday;"/>
                            <aolEditableComboBox id="birthday_mm" style="dateComboBox" maxLength="2" accName="&acctext.bdayMonth;"
                                on:initialized="scene.cardUI.populateDateMenu(12);" filter="scene.cardUI.filterNumber('1','12')">
                                <binding objectSource="cardUI" targetProperty="label" path="birthday_mm"/>
                            </aolEditableComboBox >
                            <aolLabel value="/" s:paddingLeft="3"/>
                            <aolEditableComboBox id="birthday_dd" style="dateComboBox" maxLength="2" accName="&acctext.bdayDay;"
                                on:initialized="scene.cardUI.populateDateMenu(31);" filter="scene.cardUI.filterNumber('1','31')">
                                <binding objectSource="cardUI" targetProperty="label" path="birthday_dd"/>
                            </aolEditableComboBox>
                            <aolLabel value="/" s:paddingLeft="3"/>
                            <aolInput style="inputField" s:flex="0" maxLength="4" filter="scene.cardUI.filterNumber('1910','2037')" accName="&acctext.bdayYear;">
                                <binding objectSource="cardUI" targetProperty="value" path="birthday_yyyy"/>
                            </aolInput>
                        </hbox>
                        <aolLabel value="&error.invalidDate;" s:textColor="red" s:padding="7" s:marginLeft="80">
							<binding objectSource="cardUI" targetProperty="collapsed" path="showErrorInvalidBirthday" sourceTransformer="toolkit:not"/>
                        </aolLabel>
                        <hbox style="vAlignCenter">
                            <aolLabel id="anniversaryLabel" style="eoiFieldName" value="&fieldname.anniversary;"/>
                            <aolEditableComboBox id="anniversary_mm" style="dateComboBox" maxLength="2" accName="&acctext.annivMonth;"
                                on:initialized="scene.cardUI.populateDateMenu(12);" filter="scene.cardUI.filterNumber('1','12')">
                                <binding objectSource="cardUI" targetProperty="label" path="anniversary_mm"/>
                            </aolEditableComboBox>
                            <aolLabel value="/" s:paddingLeft="3"/>
                            <aolEditableComboBox id="anniversary_dd" style="dateComboBox" maxLength="2" accName="&acctext.annivDay;"
                                on:initialized="scene.cardUI.populateDateMenu(31);" filter="scene.cardUI.filterNumber('1','31')">
                                <binding objectSource="cardUI" targetProperty="label" path="anniversary_dd"/>
                            </aolEditableComboBox>
                            <aolLabel value="/" s:paddingLeft="3"/>
                            <aolInput style="inputField" s:flex="0" maxLength="4" filter="scene.cardUI.filterNumber('1910','2037')" accName="&acctext.annivYear;">
                                <binding objectSource="cardUI" targetProperty="value" path="anniversary_yyyy"/>
                            </aolInput>
                        </hbox>
                        <aolLabel value="&error.invalidDate;" s:textColor="red" s:padding="7" s:marginLeft="80">
							<binding objectSource="cardUI" targetProperty="collapsed" path="showErrorInvalidAnniversary" sourceTransformer="toolkit:not"/>
                        </aolLabel>
                        <hbox style="vAlignCenter">
                            <aolLabel style="eoiFieldName" value="&fieldname.spouse;"/>
                            <aolInput style="inputField" maxLength="60">
                                <binding objectSource="contact" targetProperty="value" path="spouseName"/>
                            </aolInput>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel style="eoiFieldName" value="&fieldname.familynames;"/>
                            <aolInput style="inputField" maxLength="60">
                                <binding objectSource="contact" targetProperty="value" path="familyMembers"/>
                            </aolInput>
                        </hbox>
                        <hbox style="vAlignCenter">
                            <aolLabel style="eoiFieldName" value="&fieldname.homeurl;"/>
                            <aolInput style="inputField" maxLength="255">
                                <binding objectSource="contact" targetProperty="value" path="homeURL"/>
                            </aolInput>
                        </hbox>
                        <hbox style="vAlignTop">
                            <aolLabel style="eoiFieldName" value="&fieldname.notes;"/>
                            <aolMultilineInput style="notesInput" expandedHeight="80" maxLength="1365"> 
                                <binding objectSource="contact" targetProperty="value" path="notes"/>
                            </aolMultilineInput>
                        </hbox>
                    </vbox>
                </aolTwistyBox>
            </vbox>
        </vbox>
    </vbox>

    <spacer s:height="1" s:fill="#DFE2E7"/>
    <hbox s:hAlign="center" style="bottomButtonGroupContainer" s:vAlign="center">
        <aolButton id="saveBtn" disabled="true" label="&button.save;" tooltip="&button.save_tooltip;" defaultButton="true" on:command="scene.addressCard.save();">
            <binding objectSource="cardUI" targetProperty="disabled" path="saveButtonDisabled"/>
        </aolButton>
        
        <aolButton label="&button.cancel;" tooltip="&button.cancel_tooltip;" on:command="scene.addressCard.cancel();"/>
    </hbox>
    