<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:ns1="net.goozo.mx.dockable.*" paddingLeft="5" paddingRight="5" paddingTop="3" paddingBottom="7">
    <mx:Style>
DockablePanel
{
    backgroundColor: #FFFFFF;
    backgroundAlpha: 1;
    cornerRadius: 8;
    headerHeight: 22;
    shadowDistance: 3;
    borderThicknessTop: 8;
    borderAlpha: 1;
    borderColor: #FFFFFF;
    highlightAlpas: 0.3,0;
    headerColors: #f9f9f9, #cacaca;
    titleStyleName: "panelTitle";
    panelBorderStyle: default;
}
FloatPanel
{
    backgroundColor: #FFFFFF;
    backgroundAlpha: 1;
    cornerRadius: 8;
    headerHeight: 22;
    shadowDistance: 3;
    borderThicknessTop: 8;
    borderAlpha: 1;
    borderColor: #FFFFFF;
    highlightAlpas: 0.3,0;
    headerColors: #f9f9f9, #cacaca;
    titleStyleName: "panelTitle";
    panelBorderStyle: default;
}
DockableTabNavigator
{
    fontSize: 11;
    tabHeight: 20;
    cornerRadius: 0;
    horizontalGap: 0;
    paddingLeft: 0;
    borderStyle: solid;
    borderColor: #757575;
    selectedTabTextStyleName: "selectedTab";
}
DockHint
{
    hintSkin: Embed(source="hintskin.png",scaleGridBottom="17",scaleGridTop="13",scaleGridLeft="13",scaleGridRight="17");
    hintAlpha: 1;
}
    </mx:Style>
    <mx:Canvas width="100%" height="100%">
        <ns1:DockableHDividedBox width="100%" x="0" height="100%" y="0">
            <ns1:DockablePanel width="70%">
                <ns1:DockableTabNavigator >
                    <mx:VBox label="child 1" />
                    <mx:VBox label="child 2" />
                    <mx:VBox label="child 3" />
                    <mx:VBox label="child 4" />
                </ns1:DockableTabNavigator>
            </ns1:DockablePanel>
            <ns1:DockablePanel width="30%">
                <ns1:DockableTabNavigator floatEnabled="false" dockId="alone">
                    <mx:VBox label="Leave Me Alone" />
                </ns1:DockableTabNavigator>
            </ns1:DockablePanel>
        </ns1:DockableHDividedBox>
        <ns1:FloatPanel x="50" y="50" width="200" height="150" >
            <ns1:DockableTabNavigator >
                <mx:VBox label="child 5" />
                <mx:VBox label="child 6" />
            </ns1:DockableTabNavigator>
        </ns1:FloatPanel>
    </mx:Canvas>
</mx:Application>