    <?xml version="1.0" encoding="utf-8"?>
    <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="creationComplete()" xmlns:components="com.disney.pm.components.*" backgroundColor="#ffffff" borderStyle="outset" borderColor="#000000" xmlns:controls="com.mister.controls.*" xmlns:effects="com.blogagic.effects.*">
        <mx:Script>
            <![CDATA[
                private function creationComplete() : void {
                    regionName.text = "Region Name 152"
                }
            ]]>
        </mx:Script>
        <effects:EditInPlaceEffect id="eip" duration="1800" textProperty="text" />
        <mx:HBox width="100%">
            <mx:TextInput id="regionName" width="130" creationCompleteEffect="{eip}" />
            <mx:HBox horizontalAlign="right" width="100%">
                <mx:Button id="lock" toolTip="Region Locked" label="!" />
                <mx:Button id="dependencies" toolTip="Dependencies" label="oo" />
                <mx:Button id="closeButton" toolTip="Delete" label="X" />
            </mx:HBox>
        </mx:HBox>
        <mx:VBox height="100%" width="100%" verticalGap="0">
            <mx:TextInput id="regionId" width="130" text="Region ID" creationCompleteEffect="{eip}" />
            <mx:VBox verticalGap="0">
                <mx:Label id="defaultModuleSource" />
                <mx:HBox>
                    <mx:Label text="Allow Module Sources (x)" />
                    <mx:Button label="edit" />
                </mx:HBox>
            </mx:VBox>
        </mx:VBox>
        <mx:HBox width="100%">
            <mx:VBox verticalGap="0">
                <mx:Label text="W" />
                <mx:TextInput id="widthDisplay" width="30" creationCompleteEffect="{eip}"/>
            </mx:VBox>
            <mx:VBox verticalGap="0">
                <mx:Label text="H" />
                <mx:TextInput id="heightDisplay" width="30" />
            </mx:VBox>
            <mx:Spacer width="10"/>
            <mx:VBox verticalGap="0">
                <mx:Label text="T" />
                <mx:TextInput id="topDisplay" width="30" />
            </mx:VBox>
            <mx:VBox verticalGap="0">
                <mx:Label text="L" />
                <mx:TextInput id="leftDisplay" width="30" />
            </mx:VBox>
            <mx:VBox horizontalAlign="right" verticalAlign="bottom" width="100%" height="100%">
                <mx:Label id="contentId" />
            </mx:VBox>
        </mx:HBox>
    </mx:VBox>