<?xml version="1.0" ?>
<Falagard>
    <!--
    ***************************************************
        EmberLook/Button
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Button">
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF888888" redrawOnWrite="true" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="WordWrapCentreAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonNormalTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonNormalTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonNormalBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonNormalBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonNormalLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonNormalTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonNormalRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonNormalBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
<!--				<Colours topLeft="FFFF562A" topRight="FFFF562A" bottomLeft="FFFF9C00" bottomRight="FFFF9C00" /> -->
				<Colours topLeft="ffa13011" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffdc623e" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonHoverTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonHoverTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonHoverBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonHoverBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonHoverLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonHoverTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonHoverRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonHoverBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonHoverLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonHoverTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonHoverRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonHoverBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<!--				<Colours topLeft="FFFF562A" topRight="FFFF562A" bottomLeft="FFFF9C00" bottomRight="FFFF9C00" /> -->
				<Colours topLeft="ffa13011" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffdc623e" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="pushed">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonPushedTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonPushedTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonPushedBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonPushedBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonPushedLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonPushedTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonPushedRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonPushedBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<!--				<Colours topLeft="FFFF562A" topRight="FFFF562A" bottomLeft="FFFF9C00" bottomRight="FFFF9C00" /> -->
				<Colours topLeft="ffdc623e" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffa13011" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="disabled">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonNormalTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonNormalTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonNormalBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonNormalBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonNormalLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonNormalTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonNormalRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonNormalBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="pushed" />
                <Section section="label">
                    <ColourProperty name="PushedTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="PushedOff">
            <Layer>
                <Section section="hover" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="disabled">
                    <Colours topLeft="FFDFDFDF" topRight="FFDFDFDF" bottomLeft="FFDFDFDF" bottomRight="FFDFDFDF" />
                </Section>
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Checkbox
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Checkbox">
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF888888" redrawOnWrite="true" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="EmberLook" image="CheckboxNormal" dimension="Width">
                            <DimOperator op="Add">
                                <AbsoluteDim value="4" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="CheckboxNormal" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="CheckboxHover" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="select_mark">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="CheckboxMark" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SelectedNormal">
            <Layer>
                <Section section="normal" />
                <Section section="select_mark" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SelectedHover">
            <Layer>
                <Section section="hover" />
                <Section section="select_mark" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/SystemButton
    ***************************************************
    -->
    <WidgetLook name="EmberLook/SystemButton">
        <PropertyDefinition name="NormalImage" initialValue="" redrawOnWrite="true" />
        <PropertyDefinition name="HoverImage" initialValue="" redrawOnWrite="true" />
        <PropertyDefinition name="PushedImage" initialValue="" redrawOnWrite="true" />
        <Property name="WantsMultiClickEvents" value="False" />
        <Property name="NonClient" value="True" />
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <ImageProperty name="NormalImage" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <ImageProperty name="HoverImage" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="pushed">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <ImageProperty name="PushedImage" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="pushed" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FFDFDFDF" topRight="FFDFDFDF" bottomLeft="FFDFDFDF" bottomRight="FFDFDFDF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ComboDropList
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ComboDropList">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-16" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="StaticFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="StaticFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="StaticFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="StaticFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="StaticFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="StaticFrameRight" />
                <Image type="TopEdge" imageset="EmberLook" image="StaticFrameTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="StaticFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main">
					<Colours topLeft="fffff8db" topRight="fffff8db" bottomLeft="fffff8db" bottomRight="fffff8db" />
				</Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Combobox
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Combobox">
        <PropertyLinkDefinition name="NormalEditTextColour" widget="__auto_editbox__" targetProperty="NormalTextColour" initialValue="FF000000" />
        <PropertyLinkDefinition name="SelectedEditTextColour" widget="__auto_editbox__" targetProperty="SelectedTextColour" initialValue="FFFFFFFF" />
        <PropertyLinkDefinition name="ActiveEditSelectionColour" widget="__auto_editbox__" targetProperty="ActiveSelectionColour" initialValue="FF607FFF" />
        <PropertyLinkDefinition name="InactiveEditSelectionColour" widget="__auto_editbox__" targetProperty="InactiveSelectionColour" initialValue="FF808080" />
        <Child  type="EmberLook/Editbox" nameSuffix="__auto_editbox__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <FontDim type="LineSpacing" padding="10" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing" padding="10" />
                </Dim>
            </Area>
        </Child>
        <Child  type="EmberLook/ComboDropList" nameSuffix="__auto_droplist__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_editbox__" dimension="BottomEdge" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1" type="BottomEdge" /></Dim>
            </Area>
            <Property name="ClippedByParent" value="False" />
            <Property name="AlwaysOnTop" value="True" />
        </Child>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_button__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><WidgetDim widget="__auto_editbox__" dimension="Height" /></Dim>
                <Dim type="Height" ><WidgetDim widget="__auto_editbox__" dimension="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="IconImage" value="set:EmberLook image:LargeDownArrow" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Editbox
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Editbox">
        <PropertyDefinition name="ReadOnlyBGColour" initialValue="FFDFDFDF" redrawOnWrite="true" />
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF607FFF" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF808080" redrawOnWrite="true" />
        <Property name="MouseCursorImage" value="set:EmberLook image:MouseTextBar" />
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="5" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="5" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-5" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-5" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="container_normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="EditFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="EditFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="EditFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="EditFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="EditFrameLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="EditFrameTop" />
                <Image type="RightEdge" imageset="EmberLook" image="EditFrameRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="EditFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="selection">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="Carat">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><ImageDim imageset="EmberLook" image="EditBoxCarat" dimension="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="EditBoxCarat" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="container_normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer>
                <Section section="container_normal">
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="container_normal">
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="ActiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="InactiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/FrameWindow
    ***************************************************
    -->
    <WidgetLook name="EmberLook/FrameWindow">
        <PropertyLinkDefinition name="CaptionColour" widget="__auto_titlebar__" targetProperty="CaptionColour" initialValue="FF000000" />
        <PropertyLinkDefinition name="TitlebarFont" widget="__auto_titlebar__" targetProperty="Font" />
        <Property name="NSSizingCursorImage" value="set:EmberLook image:MouseNoSoCursor" />
        <Property name="EWSizingCursorImage" value="set:EmberLook image:MouseEsWeCursor" />
        <Property name="NWSESizingCursorImage" value="set:EmberLook image:MouseNwSeCursor" />
        <Property name="NESWSizingCursorImage" value="set:EmberLook image:MouseNeSwCursor" />
        <Property name="UnifiedMinSize" value="{{0.1,0},{0.1,0}}" />
        <Property name="AutoRenderingSurface" value="True" />
        <NamedArea name="ClientWithTitleWithFrame">
            <Area>
                <Dim type="LeftEdge">
                    <ImageDim imageset="EmberLook" image="WindowFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge">
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="WindowFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge">
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="WindowFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ClientWithTitleNoFrame">
            <Area>
                <Dim type="LeftEdge">
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge">
                    <UnifiedDim scale="1" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge">
                    <UnifiedDim scale="1" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ClientNoTitleWithFrame">
            <Area>
                <Dim type="LeftEdge">
                    <ImageDim imageset="EmberLook" image="WindowFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge">
                    <ImageDim imageset="EmberLook" image="WindowFrameTop" dimension="Height" />
                </Dim>
                <Dim type="RightEdge">
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="WindowFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge">
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="WindowFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ClientNoTitleNoFrame">
            <Area>
                <Dim type="LeftEdge">
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge">
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="RightEdge">
                    <UnifiedDim scale="1" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge">
                    <UnifiedDim scale="1" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child type="EmberLook/Titlebar" nameSuffix="__auto_titlebar__">
            <Area>
                <Dim type="LeftEdge">
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge">
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="RightEdge">
                    <UnifiedDim scale="1" type="RightEdge" />
                </Dim>
                <Dim type="Height">
                    <FontDim widget="__auto_titlebar__" type="LineSpacing">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="1.5" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
            <Property name="AlwaysOnTop" value="False" />
        </Child>
        <Child type="EmberLook/SystemButton" nameSuffix="__auto_closebutton__">
            <Area>
                <Dim type="LeftEdge">
                    <UnifiedDim scale="1" type="LeftEdge">
                        <DimOperator op="Subtract">
                            <AbsoluteDim value="0.5">
                                <DimOperator op="Multiply">
                                    <ImageDim imageset="EmberLook" image="CloseButtonNormal" dimension="Width">
                                        <DimOperator op="Add">
                                            <WidgetDim widget="__auto_titlebar__" dimension="Height" />
                                        </DimOperator>
                                    </ImageDim>
                                </DimOperator>
                            </AbsoluteDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_titlebar__" dimension="Height">
                        <DimOperator op="Subtract">
                            <AbsoluteDim value="0.5">
                                <DimOperator op="Multiply">
                                    <WidgetDim widget="__auto_titlebar__" dimension="Height">
                                        <DimOperator op="Add">
                                            <ImageDim imageset="EmberLook" image="CloseButtonNormal" dimension="Height" />
                                        </DimOperator>
                                    </WidgetDim>
                                </DimOperator>
                            </AbsoluteDim>
                        </DimOperator>
                    </WidgetDim>
                </Dim>
                <Dim type="Width">
                    <ImageDim imageset="EmberLook" image="CloseButtonNormal" dimension="Width" />
                </Dim>
                <Dim type="Height">
                    <ImageDim imageset="EmberLook" image="CloseButtonNormal" dimension="Height" />
                </Dim>
            </Area>
            <Property name="AlwaysOnTop" value="True" />
            <Property name="NormalImage" value="set:EmberLook image:CloseButtonNormal" />
            <Property name="HoverImage" value="set:EmberLook image:CloseButtonHover" />
            <Property name="PushedImage" value="set:EmberLook image:CloseButtonPushed" />
        </Child>
        <ImagerySection name="withtitle_frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <WidgetDim widget="__auto_titlebar__" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="BottomLeftCorner" imageset="EmberLook" image="WindowFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="WindowFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="WindowFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="WindowFrameRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="WindowFrameBottom" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="notitle_frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="WindowFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="WindowFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="WindowFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="WindowFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="WindowFrameLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="WindowFrameTop" />
                <Image type="RightEdge" imageset="EmberLook" image="WindowFrameRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="WindowFrameBottom" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="withtitle_withframe_client_area">
			<Colours topLeft="FFe2d5c0" topRight="FFe2d5c0" bottomLeft="FFe2d5c0" bottomRight="FFe2d5c0" />
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="WindowFrameLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <WidgetDim widget="__auto_titlebar__" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="WindowFrameRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="WindowFrameBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="notitle_withframe_client_area">
			<Colours topLeft="FFffceb0" topRight="FFffceb0" bottomLeft="FFf5dfa7" bottomRight="FFf5dfa7" />
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="WindowFrameLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="WindowFrameTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="WindowFrameRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="WindowFrameBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="withtitle_noframe_client_area">
            <Colours topLeft="FFDFDFF5" topRight="FFDFEFF5" bottomLeft="FFF4F3F5" bottomRight="FFF0F0F5" />
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <WidgetDim widget="__auto_titlebar__" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="notitle_noframe_client_area">
            <Colours topLeft="FFDFDFF5" topRight="FFDFEFF5" bottomLeft="FFF4F3F5" bottomRight="FFF0F0F5" />
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="ActiveWithTitleWithFrame">
            <Layer>
                <Section section="withtitle_frame">
					<Colours topLeft="FFFF562A" topRight="FFFF562A" bottomLeft="FFFF562A" bottomRight="FFFF562A" />
                </Section>
                <Section section="withtitle_withframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveWithTitleWithFrame">
            <Layer>
                <Section section="withtitle_frame">
					<Colours topLeft="ffffe2cf" topRight="ffffe2cf" bottomLeft="ffffe2cf" bottomRight="ffffe2cf" />
                </Section>
                <Section section="withtitle_withframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledWithTitleWithFrame">
            <Layer>
                <Section section="withtitle_frame">
					<Colours topLeft="ffffe2cf" topRight="ffffe2cf" bottomLeft="ffffe2cf" bottomRight="ffffe2cf" />
                </Section>
                <Section section="withtitle_withframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveWithTitleNoFrame">
            <Layer>
                <Section section="withtitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveWithTitleNoFrame">
            <Layer>
                <Section section="withtitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledWithTitleNoFrame">
            <Layer>
                <Section section="withtitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveNoTitleWithFrame">
            <Layer>
                <Section section="notitle_frame">
					<Colours topLeft="FFFF562A" topRight="FFFF562A" bottomLeft="FFFF562A" bottomRight="FFFF562A" />
                </Section>
                <Section section="notitle_withframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveNoTitleWithFrame">
            <Layer>
                <Section section="notitle_frame">
					<Colours topLeft="ffffe2cf" topRight="ffffe2cf" bottomLeft="ffffe2cf" bottomRight="ffffe2cf" />
                </Section>
                <Section section="notitle_withframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledNoTitleWithFrame">
            <Layer>
                <Section section="notitle_frame">
					<Colours topLeft="ffffe2cf" topRight="ffffe2cf" bottomLeft="ffffe2cf" bottomRight="ffffe2cf" />
                </Section>
                <Section section="notitle_withframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveNoTitleNoFrame">
            <Layer>
                <Section section="notitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveNoTitleNoFrame">
            <Layer>
                <Section section="notitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledNoTitleNoFrame">
            <Layer>
                <Section section="notitle_noframe_client_area" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/IconButton
    ***************************************************
    -->
    <WidgetLook name="EmberLook/IconButton">
        <PropertyDefinition name="IconImage" redrawOnWrite="true" />
        <PropertyDefinition name="IconColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
        <Property name="WantsMultiClickEvents" value="False" />
        <ImagerySection name="icon">
            <ImageryComponent>
                <Area>
                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <ImageProperty name="IconImage" />
                <ColourRectProperty name="IconColours" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section look="EmberLook/Button" section="normal" />
                <Section section="icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section look="EmberLook/Button" section="hover" />
                <Section section="icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section look="EmberLook/Button" section="pushed" />
                <Section section="icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section look="EmberLook/Button" section="disabled">
                    <Colours topLeft="FFDFDFDF" topRight="FFDFDFDF" bottomLeft="FFDFDFDF" bottomRight="FFDFDFDF" />
                </Section>
                <Section section="icon" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Listbox
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Listbox">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-16" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="StaticFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="StaticFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="StaticFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="StaticFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="StaticFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="StaticFrameRight" />
                <Image type="TopEdge" imageset="EmberLook" image="StaticFrameTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="StaticFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ItemListbox
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ItemListbox">
        <NamedArea name="ItemRenderArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="StaticFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="StaticFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="StaticFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="StaticFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="StaticFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="StaticFrameRight" />
                <Image type="TopEdge" imageset="EmberLook" image="StaticFrameTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="StaticFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ListboxItem
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ListboxItem">
		<PropertyDefinition name="TextColour" initialValue="FF000000" redrawOnWrite="true" />
		<PropertyDefinition name="SelectedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
		<PropertyDefinition name="SelectionBrush" initialValue="set:EmberLook image:Background" redrawOnWrite="true" />
		<PropertyDefinition name="SelectionColour" initialValue="FF3030FF" redrawOnWrite="true" />
		<Property name="Selectable" value="True" />
        <Property name="MouseInputPropagationEnabled" value="True" />
		<NamedArea name="ContentSize">
			<Area>
				<Dim type="LeftEdge" >
					<AbsoluteDim value="0" />
				</Dim>
				<Dim type="TopEdge" >
					<AbsoluteDim value="0" />
				</Dim>
				<Dim type="Width" >
					<FontDim type="HorzExtent" padding="6" />
				</Dim>
				<Dim type="Height" >
					<FontDim type="LineSpacing" />
				</Dim>
			</Area>
		</NamedArea>
		<ImagerySection name="label">
			<TextComponent>
				<Area>
					<Dim type="TopEdge">
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="LeftEdge">
						<AbsoluteDim value="3" />
					</Dim>
					<Dim type="RightEdge">
						<UnifiedDim scale="1" offset="-3" type="RightEdge" />
					</Dim>
					<Dim type="BottomEdge">
						<UnifiedDim scale="1" type="BottomEdge" />
					</Dim>
				</Area>
			</TextComponent>
		</ImagerySection>
		<ImagerySection name="selection">
			<ImageryComponent>
				<Area>
					<Dim type="TopEdge">
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="LeftEdge">
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="RightEdge">
						<UnifiedDim scale="1" type="RightEdge" />
					</Dim>
					<Dim type="BottomEdge">
						<UnifiedDim scale="1" type="BottomEdge" />
					</Dim>
				</Area>
				<ImageProperty name="SelectionBrush" />
				<ColourProperty name="SelectionColour" />
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
		</ImagerySection>
		<StateImagery name="Enabled">
			<Layer>
				<Section section="label">
					<ColourProperty name="TextColour" />
				</Section>
			</Layer>
		</StateImagery>
		<StateImagery name="Disabled">
			<Layer>
				<Section section="label">
					<ColourProperty name="TextColour" />
				</Section>
			</Layer>
		</StateImagery>
		<StateImagery name="SelectedEnabled">
			<Layer>
				<Section section="selection" />
				<Section section="label">
					<ColourProperty name="SelectedTextColour" />
				</Section>
			</Layer>
		</StateImagery>
		<StateImagery name="SelectedDisabled">
			<Layer>
				<Section section="selection" />
				<Section section="label">
					<ColourProperty name="SelectedTextColour" />
				</Section>
			</Layer>
		</StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Menubar
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Menubar">
        <PropertyDefinition name="BackgroundColours" initialValue="tl:FFDFEFF5 tr:FFDFDFF5 bl:FFF4F3F5 br:FFF4F3F5" redrawOnWrite="true" />
        <PropertyDefinition name="BorderWidth" initialValue="5" layoutOnWrite="true" />
        <NamedArea name="ItemRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="MenuLeft" dimension="Width">
                        <DimOperator op="Add">
                            <PropertyDim name="BorderWidth" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="MenuTop" dimension="Height">
                        <DimOperator op="Add">
                            <PropertyDim name="BorderWidth" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="MenuRight" dimension="Width">
                                <DimOperator op="Add">
                                    <PropertyDim name="BorderWidth" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="MenuBottom" dimension="Height">
                                <DimOperator op="Add">
                                    <PropertyDim name="BorderWidth" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="MenuTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="MenuTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="MenuBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="MenuBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="MenuLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="MenuRight" />
                <Image type="TopEdge" imageset="EmberLook" image="MenuTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="MenuBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
                <ColourRectProperty name="BackgroundColours" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/MenuItem
    ***************************************************
    -->
    <WidgetLook name="EmberLook/MenuItem">
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF7F7F7F" redrawOnWrite="true" />
        <PropertyDefinition name="HoverColour" initialValue="FFA7C7FF" redrawOnWrite="true" />
        <PropertyDefinition name="PushedColour" initialValue="FF87A7DF" redrawOnWrite="true" />
        <PropertyDefinition name="PushedOffColour" initialValue="7F87A7DF" redrawOnWrite="true" />
        <PropertyDefinition name="OpenedColour" initialValue="FFEFEFEF" redrawOnWrite="true" />
        <Property name="WantsMultiClickEvents" value="False" />
        <NamedArea name="ContentSize">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="Width">
                    <FontDim type="HorzExtent">
                        <DimOperator op="Add">
                            <ImageDim imageset="EmberLook" image="MenuLeft" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="EmberLook" image="MenuRight" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </FontDim>
                </Dim>
                <Dim type="Height">
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="EmberLook" image="MenuTop" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="EmberLook" image="MenuBottom" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="HasPopupContentSize">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="Width">
                    <FontDim type="HorzExtent">
                        <DimOperator op="Add">
                            <ImageDim imageset="EmberLook" image="MenuLeft" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="EmberLook" image="MenuRight" dimension="Width">
                                        <DimOperator op="Add">
                                            <ImageDim imageset="EmberLook" image="PopupMenuArrowLeft" dimension="Width">
                                                <DimOperator op="Multiply">
                                                    <AbsoluteDim value="3" />
                                                </DimOperator>
                                            </ImageDim>
                                        </DimOperator>
                                    </ImageDim>
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </FontDim>
                </Dim>
                <Dim type="Height">
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="EmberLook" image="MenuTop" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="EmberLook" image="MenuBottom" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="MenuLeft" dimension="Width" /></Dim>
                    <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="MenuTop" dimension="Height" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="MenuRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="MenuBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="MenuTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="MenuTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="MenuBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="MenuBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="MenuLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="MenuRight" />
                <Image type="TopEdge" imageset="EmberLook" image="MenuTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="MenuBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="popup_arrow_right">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" >
                        <UnifiedDim scale="1" type="Width">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="PopupMenuArrowRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="PopupMenuArrowRight" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="popup_arrow_left">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" >
                        <UnifiedDim scale="1" type="Width">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="PopupMenuArrowLeft" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="PopupMenuArrowLeft" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="EnabledNormal">
            <Layer>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledHover">
            <Layer>
                <Section section="frame">
                    <ColourProperty name="HoverColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledPushed">
            <Layer>
                <Section section="frame">
                    <ColourProperty name="PushedColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledPushedOff">
            <Layer>
                <Section section="frame">
                    <ColourProperty name="PushedOffColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledPopupOpen">
            <Layer>
                <Section section="frame">
                    <ColourProperty name="OpenedColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledNormal">
            <Layer>
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledHover">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledPushed">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledPushedOff">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledPopupOpen">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="PopupClosedIcon">
            <Layer>
                <Section section="popup_arrow_right" />
            </Layer>
        </StateImagery>
        <StateImagery name="PopupOpenIcon">
            <Layer>
                <Section section="popup_arrow_left" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ListHeaderSegment
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ListHeaderSegment">
        <Property name="SizingCursorImage" value="set:EmberLook image:MouseEsWeCursor" />
        <Property name="MovingCursorImage" value="set:EmberLook image:MouseMoveCursor" />
        <Property name="MouseInputPropagationEnabled" value="True" />
        <ImagerySection name="segment">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="HeaderSplitter" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="HeaderMainBrush" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="splitter">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="HeaderSplitter" />
                <VertFormat type="Stretched" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="ascend_icon">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Width" ><ImageDim imageset="EmberLook" image="SmallUpArrow" dimension="Width" /></Dim>
                    <Dim type="Height" ><ImageDim imageset="EmberLook" image="SmallUpArrow" dimension="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="SmallDownArrow" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="descend_icon">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Width" ><ImageDim imageset="EmberLook" image="SmallDownArrow" dimension="Width" /></Dim>
                    <Dim type="Height" ><ImageDim imageset="EmberLook" image="SmallDownArrow" dimension="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="SmallUpArrow" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="EmberLook" image="SmallUpArrow" dimension="Width">
                            <DimOperator op="Add">
                                <AbsoluteDim value="5" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="segment">
					<Colours topLeft="ffa13011" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffdc623e" />					
                </Section>
                <Section section="splitter">
					<Colours topLeft="ffdc623e" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffa13011" />
					
                </Section>
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="segment">
					<Colours topLeft="ffdc623e" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffa13011" />
                </Section>
                <Section section="splitter">
					<Colours topLeft="ffa13011" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffdc623e" />					
                </Section>
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SplitterHover">
            <Layer>
                <Section section="segment">
                    <Colours topLeft="FFDDDDDD" topRight="FFDDDDDD" bottomLeft="FFDDDDDD" bottomRight="FFDDDDDD" />
                </Section>
                <Section section="splitter">
                    <Colours topLeft="FFEFEFEF" topRight="FFEFEFEF" bottomLeft="FFEFEFEF" bottomRight="FFEFEFEF" />
                </Section>
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DragGhost" clipped="false" >
            <Layer priority="1" >
                <Section section="segment">
                    <Colours topLeft="7FEFEFEF" topRight="7FEFEFEF" bottomLeft="7FEFEFEF" bottomRight="7FEFEFEF" />
                </Section>
                <Section section="splitter">
                    <Colours topLeft="7FDDDDDD" topRight="7FDDDDDD" bottomLeft="7FDDDDDD" bottomRight="7FDDDDDD" />
                </Section>
                <Section section="label">
                    <Colours topLeft="7F000000" topRight="7F000000" bottomLeft="7F000000" bottomRight="7F000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="AscendingSortIcon">
            <Layer>
                <Section section="ascend_icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="DescendingSortIcon">
            <Layer>
                <Section section="descend_icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="GhostAscendingSortIcon" clipped="false">
            <Layer priority="1" >
                <Section section="ascend_icon">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="GhostDescendingSortIcon" clipped="false">
            <Layer priority="1" >
                <Section section="descend_icon">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled" />
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ListHeader
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ListHeader">
        <Property name="SegmentWidgetType" value="EmberLook/ListHeaderSegment" />
        <Property name="MouseInputPropagationEnabled" value="True" />
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/MultiColumnList
    ***************************************************
    -->
    <WidgetLook name="EmberLook/MultiColumnList">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/ListHeader" nameSuffix="__auto_listheader__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="1.5" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </Child>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1" offset="-16" type="BottomEdge" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="StaticFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="StaticFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="StaticFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="StaticFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="StaticFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="StaticFrameRight" />
                <Image type="TopEdge" imageset="EmberLook" image="StaticFrameTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="StaticFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
				<Colours topLeft="fffff8db" topRight="fffff8db" bottomLeft="fffff8db" bottomRight="fffff8db" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/MultiLineEditbox
    ***************************************************
    -->
    <WidgetLook name="EmberLook/MultiLineEditbox">
        <PropertyDefinition name="ReadOnlyBGColour" initialValue="FFDFDFDF" />
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF607FFF" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF808080" redrawOnWrite="true" />
        <Property name="MouseCursorImage" value="set:EmberLook image:MouseTextBar" />
        <Property name="SelectionBrushImage" value="set:EmberLook image:Background" />
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="EditFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="EditFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="EditFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="EditFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="EditFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="EditFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="EditFrameRight" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="EditFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="EditFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="EditFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="EditFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="EditFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-16" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="EditFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="EditFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="EditFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="EditFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="EditFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="EditFrameRight" />
                <Image type="TopEdge" imageset="EmberLook" image="EditFrameTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="EditFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
				<Colours topLeft="fffff8db" topRight="fffff8db" bottomLeft="fffff8db" bottomRight="fffff8db" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="Carat">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><ImageDim imageset="EmberLook" image="EditBoxCarat" dimension="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="EditBoxCarat" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer>
                <Section section="main">
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main">
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/PopupMenu
    ***************************************************
    -->
    <WidgetLook name="EmberLook/PopupMenu">
        <PropertyDefinition name="BackgroundColours" initialValue="tl:FFF4F3F5 tr:FFF2F2FF bl:FFF4F3F5 br:FFF4F3F5" redrawOnWrite="true" />
        <PropertyDefinition name="BorderWidth" initialValue="0" layoutOnWrite="true" />
        <NamedArea name="ItemRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="PopupMenuFrameLeft" dimension="Width">
                        <DimOperator op="Add">
                            <PropertyDim name="BorderWidth" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="PopupMenuFrameTop" dimension="Height">
                        <DimOperator op="Add">
                            <PropertyDim name="BorderWidth" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="PopupMenuFrameRight" dimension="Width">
                                <DimOperator op="Add">
                                    <PropertyDim name="BorderWidth" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="PopupMenuFrameBottom" dimension="Height">
                                <DimOperator op="Add">
                                    <PropertyDim name="BorderWidth" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="PopupMenuFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="PopupMenuFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="PopupMenuFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="PopupMenuFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="PopupMenuFrameLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="PopupMenuFrameRight" />
                <Image type="TopEdge" imageset="EmberLook" image="PopupMenuFrameTop" />
                <Image type="BottomEdge" imageset="EmberLook" image="PopupMenuFrameBottom" />
                <Image type="Background" imageset="EmberLook" image="Background" />
                <ColourRectProperty name="BackgroundColours" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ProgressBar
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ProgressBarNoframe">
        <PropertyDefinition name="BarColours" initialValue="tl:FF2222FF tr:FF2222FF bl:FF2222FF br:FF2222FF" redrawOnWrite="true" />
        <NamedArea name="ProgressArea">
            <Area>
				<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
				<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
				<Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
				<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="progress_lights" >
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
        </StateImagery>
        <StateImagery name="Disabled">
        </StateImagery>
        <StateImagery name="EnabledProgress">
            <Layer>
                <Section section="progress_lights">
                    <ColourRectProperty name="BarColours" />
                    <!-- Colours topLeft="FF2222FF" topRight="FF2222FF" bottomLeft="FF2222FF" bottomRight="FF2222FF" / -->
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledProgress">
            <Layer>
                <Section section="progress_lights">
                   <ColourRectProperty name="BarColours" />
                   <!-- Colours topLeft="FF2222FF" topRight="FF2222FF" bottomLeft="FF2222FF" bottomRight="FF2222FF" / -->
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

    <!--
    ***************************************************
        EmberLook/ProgressBar
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ProgressBar">
        <PropertyDefinition name="BarColours" initialValue="tl:FF2222FF tr:FF2222FF bl:FF2222FF br:FF2222FF" redrawOnWrite="true" />
        <NamedArea name="ProgressArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="StaticFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="StaticFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="StaticFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="StaticFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="StaticFrameLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="StaticFrameTop" />
                <Image type="RightEdge" imageset="EmberLook" image="StaticFrameRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="StaticFrameBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <Colours topLeft="FFDFDFDF" topRight="FFDFDFDF" bottomLeft="FFDFDFDF" bottomRight="FFDFDFDF" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="progress_lights" >
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledProgress">
            <Layer>
                <Section section="progress_lights">
                    <ColourRectProperty name="BarColours" />
                    <!-- Colours topLeft="FF2222FF" topRight="FF2222FF" bottomLeft="FF2222FF" bottomRight="FF2222FF" / -->
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledProgress">
            <Layer>
                <Section section="progress_lights">
                   <ColourRectProperty name="BarColours" />
                   <!-- Colours topLeft="FF2222FF" topRight="FF2222FF" bottomLeft="FF2222FF" bottomRight="FF2222FF" / -->
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/RadioButton
    ***************************************************
    -->
    <WidgetLook name="EmberLook/RadioButton">
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF888888" redrawOnWrite="true" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="EmberLook" image="RadioButtonNormal" dimension="Width">
                            <DimOperator op="Add">
                                <AbsoluteDim value="4" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="RadioButtonNormal" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="RadioButtonHover" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="select_mark">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="RadioButtonMark" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SelectedNormal">
            <Layer>
                <Section section="normal" />
                <Section section="select_mark" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SelectedHover">
            <Layer>
                <Section section="hover" />
                <Section section="select_mark" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/ScrollablePane
    ***************************************************
    -->
    <WidgetLook name="EmberLook/ScrollablePane">
        <NamedArea name="ViewableArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-16" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-16" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-16" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-16" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-16" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/VerticalScrollbarThumb
    ***************************************************
    -->
    <WidgetLook name="EmberLook/VerticalScrollbarThumb">
        <Property name="VertFree" value="True" />
        <Property name="UnifiedMinSize" value="{{0,0},{0,16}}" />
        <Property name="MouseInputPropagationEnabled" value="True" />
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonNormalTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonNormalTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonNormalBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonNormalBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonNormalLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonNormalTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonNormalRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonNormalBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<Colours topLeft="ffa13011" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffdc623e" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonHoverTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonHoverTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonHoverBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonHoverBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonHoverLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonHoverTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonHoverRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonHoverBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonHoverLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonHoverTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonHoverRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonHoverBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<Colours topLeft="ffa13011" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffdc623e" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="pushed">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonPushedTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonPushedTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonPushedBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonPushedBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonPushedLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonPushedTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonPushedRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonPushedBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<Colours topLeft="ffdc623e" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffa13011" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="gripper">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="VertScrollbarGrip" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="gripper">
					<Colours topLeft="ffdc623e" topRight="ffa13011" bottomLeft="ffa13011" bottomRight="ffdc623e" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="gripper">
                    <Colours topLeft="FFCFD9CF" topRight="FFF2FFF2" bottomLeft="FFF2FFF2" bottomRight="FFCFD9CF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="pushed" />
                <Section section="gripper">
                    <Colours topLeft="FFAFAFAF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFAFAFAF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/VerticalScrollbar
    ***************************************************
    -->
    <WidgetLook name="EmberLook/VerticalScrollbar">
        <Property name="VerticalScrollbar" value="True" />
        <Property name="WantsMultiClickEvents" value="False" />
        <NamedArea name="ThumbTrackArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <UnifiedDim scale="1" type="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="IconImage" value="set:EmberLook image:LargeDownArrow" />
        </Child>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
            </Area>
            <Property name="IconImage" value="set:EmberLook image:LargeUpArrow" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbarThumb" nameSuffix="__auto_thumb__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0.2" type="Height" /></Dim>
            </Area>
        </Child>
        <ImagerySection name="main">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="LargeUpArrow" dimension="Height" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1.0" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="LargeDownArrow" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main">
					<Colours topLeft="ffffa782" topRight="ffffa782" bottomLeft="ffffa782" bottomRight="ffffa782" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main">
                    <Colours topLeft="FFBFBFBF" topRight="FFBFBFBF" bottomLeft="FFBFBFBF" bottomRight="FFBFBFBF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/HorizontalScrollbarThumb
    ***************************************************
    -->
    <WidgetLook name="EmberLook/HorizontalScrollbarThumb">
        <Property name="HorzFree" value="True" />
        <Property name="UnifiedMinSize" value="{{0,16},{0,0}}" />
        <Property name="MouseInputPropagationEnabled" value="True" />
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonNormalTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonNormalTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonNormalBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonNormalBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonNormalLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonNormalTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonNormalRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonNormalBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonNormalTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonNormalBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<Colours topLeft="ffdc623e" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffa13011" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonHoverTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonHoverTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonHoverBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonHoverBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonHoverLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonHoverTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonHoverRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonHoverBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonHoverLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonHoverTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonHoverRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonHoverBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<Colours topLeft="ffdc623e" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffa13011" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="pushed">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="ButtonPushedTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="ButtonPushedTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="ButtonPushedBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="ButtonPushedBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="ButtonPushedLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="ButtonPushedTop" />
                <Image type="RightEdge" imageset="EmberLook" image="ButtonPushedRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="ButtonPushedBottom" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
				<Colours topLeft="ffdc623e" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffa13011" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="gripper">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="ButtonPushedTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="ButtonPushedBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="HorzScrollbarGrip" />
                <VertFormat type="Stretched" />
                <HorzFormat type="CentreAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="gripper">
					<Colours topLeft="ffa13011" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffdc623e" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="gripper">
					<Colours topLeft="ffa13011" topRight="ffdc623e" bottomLeft="ffa13011" bottomRight="ffdc623e" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="pushed" />
                <Section section="gripper">
					<Colours topLeft="ffdc623e" topRight="ffa13011" bottomLeft="ffdc623e" bottomRight="ffa13011" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/HorizontalScrollbar
    ***************************************************
    -->
    <WidgetLook name="EmberLook/HorizontalScrollbar">
        <Property name="WantsMultiClickEvents" value="False" />
        <NamedArea name="ThumbTrackArea">
            <Area>
                <Dim type="LeftEdge" ><UnifiedDim scale="1" type="Height" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <UnifiedDim scale="1" type="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="IconImage" value="set:EmberLook image:LargeRightArrow" />
        </Child>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <Property name="IconImage" value="set:EmberLook image:LargeLeftArrow" />
        </Child>
        <Child  type="EmberLook/HorizontalScrollbarThumb" nameSuffix="__auto_thumb__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0.2" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </Child>
        <ImagerySection name="main">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="LargeLeftArrow" dimension="Height" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="LargeRightArrow" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <Colours topLeft="FFDFDFDF" topRight="FFDFDFDF" bottomLeft="FFDFDFDF" bottomRight="FFDFDFDF" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/SliderThumb
    ***************************************************
    -->
    <WidgetLook name="EmberLook/SliderThumb">
        <Property name="HorzFree" value="True" />
        <Property name="MouseInputPropagationEnabled" value="True" />
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="SliderThumbNormal" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="SliderThumbHover" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="hover" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Slider
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Slider">
        <Property name="VerticalSlider" value="False" />
        <Property name="MouseButtonDownAutoRepeat" value="True" />
        <Property name="WantsMultiClickEvents" value="False" />
        <NamedArea name="ThumbTrackArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/SliderThumb" nameSuffix="__auto_thumb__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><ImageDim imageset="EmberLook" image="SliderThumbNormal" dimension="Width" /></Dim>
                <Dim type="Height" ><ImageDim imageset="EmberLook" image="SliderThumbNormal" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="CentreAligned" />
        </Child>
        <ImagerySection name="track">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="EmberLook" image="SliderThumbNormal" dimension="Width">
                            <DimOperator op="Multiply">
                                <AbsoluteDim value="0.5" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="TopEdge" >
                        <UnifiedDim scale="0.5" type="TopEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="SlidertrackMiddle" dimension="Height">
                                    <DimOperator op="Multiply">
                                        <AbsoluteDim value="0.5" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="SliderThumbNormal" dimension="Width">
                                    <DimOperator op="Multiply">
                                        <AbsoluteDim value="0.5" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><ImageDim imageset="EmberLook" image="SlidertrackMiddle" dimension="Height" /></Dim>
                </Area>
                <Image type="LeftEdge" imageset="EmberLook" image="SliderTrackLeft" />
                <Image type="RightEdge" imageset="EmberLook" image="SliderTrackRight" />
                <Image type="Background" imageset="EmberLook" image="SlidertrackMiddle" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="track" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="track" />
            </Layer>
        </StateImagery>
    </WidgetLook>


	
	<WidgetLook name="EmberLook/VerticalSliderThumb">
		<Property name="VertFree" value="True" />
		<ImagerySection name="normal">
			<ImageryComponent>
				<Area>
					<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
					<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
					<Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
					<Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
				</Area>
				<Image imageset="EmberLook" image="VerticalSliderThumbNormal" />
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
		</ImagerySection>
		<ImagerySection name="hover">
			<ImageryComponent>
				<Area>
					<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
					<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
					<Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
					<Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
				</Area>
				<Image imageset="EmberLook" image="VerticalSliderThumbHover" />
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
		</ImagerySection>
		<StateImagery name="Normal">
			<Layer>
				<Section section="normal" />
			</Layer>
		</StateImagery>
		<StateImagery name="Hover">
			<Layer>
				<Section section="hover" />
			</Layer>
		</StateImagery>
		<StateImagery name="Pushed">
			<Layer>
				<Section section="hover" />
			</Layer>
		</StateImagery>
		<StateImagery name="Disabled">
			<Layer>
				<Section section="normal">
					<Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
				</Section>
			</Layer>
		</StateImagery>
	</WidgetLook>	

	<WidgetLook name="EmberLook/VerticalSlider">
		<Property name="VerticalSlider" value="True" />
		<Property name="MouseButtonDownAutoRepeat" value="True" />
		<Property name="WantsMultiClickEvents" value="False" />
		<NamedArea name="ThumbTrackArea">
			<Area>
				<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
				<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
				<Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
				<Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
			</Area>
		</NamedArea>
		<Child  type="EmberLook/VerticalSliderThumb" nameSuffix="__auto_thumb__">
			<Area>
				<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
				<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
				<Dim type="Width" ><ImageDim imageset="EmberLook" image="VerticalSliderThumbNormal" dimension="Width" /></Dim>
				<Dim type="Height" ><ImageDim imageset="EmberLook" image="VerticalSliderThumbNormal" dimension="Height" /></Dim>
			</Area>
			<HorzAlignment type="CentreAligned" />
		</Child>
		<ImagerySection name="track">
			<FrameComponent>
				<Area>
					<Dim type="TopEdge" >
						<ImageDim imageset="EmberLook" image="VerticalSliderThumbNormal" dimension="Height">
							<DimOperator op="Multiply">
								<AbsoluteDim value="0.5" />
							</DimOperator>
						</ImageDim>
					</Dim>
					<Dim type="BottomEdge" >
						<UnifiedDim scale="1.0" type="BottomEdge">
							<DimOperator op="Subtract">
								<ImageDim imageset="EmberLook" image="VerticalSliderThumbNormal" dimension="Height">
									<DimOperator op="Multiply">
										<AbsoluteDim value="0.5" />
									</DimOperator>
								</ImageDim>
							</DimOperator>
						</UnifiedDim>
					</Dim>
					<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
					<Dim type="Width" >
						<ImageDim imageset="EmberLook" image="VerticalSliderThumbNormal" dimension="Width" />
					</Dim>
				</Area>
				<Image type="TopEdge" imageset="EmberLook" image="VerticalSliderTrackTop" />
				<Image type="BottomEdge" imageset="EmberLook" image="VerticalSliderTrackBottom" />
				<Image type="Background" imageset="EmberLook" image="VerticalSlidertrackMiddle" />
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</FrameComponent>
		</ImagerySection>
		<StateImagery name="Enabled">
			<Layer>
				<Section section="track" />
			</Layer>
		</StateImagery>
		<StateImagery name="Disabled">
			<Layer>
				<Section section="track">
					<Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
				</Section>
			</Layer>
		</StateImagery>
	</WidgetLook>

    <!--
    ***************************************************
        EmberLook/Spinner
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Spinner">
        <Child  type="EmberLook/Editbox" nameSuffix="__auto_editbox__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <UnifiedDim scale="0.5" type="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </Child>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0.5" type="Height" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0.5" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="IconImage" value="set:EmberLook image:LargeUpArrow" />
        </Child>
        <Child  type="EmberLook/IconButton" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><UnifiedDim scale="0.5" type="TopEdge" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0.5" type="Height" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0.5" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="IconImage" value="set:EmberLook image:LargeDownArrow" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/StaticShared
    ***************************************************
    -->
    <WidgetLook name="EmberLook/StaticShared">
        <ImagerySection name="frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="StaticFrameTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="StaticFrameTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="StaticFrameBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="StaticFrameBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="StaticFrameLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="StaticFrameTop" />
                <Image type="RightEdge" imageset="EmberLook" image="StaticFrameRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="StaticFrameBottom" />
                <ColourRectProperty name="FrameColours" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="background">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge">
                        <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="background_noframe">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="Background" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
    </WidgetLook>


	<!--
    ***************************************************
        EmberLook/Static
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Static">
		<PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="BackgroundColours" initialValue="tl:FFDFDFDF tr:FFDFDFDF bl:FFDFDFDF br:FFDFDFDF" redrawOnWrite="true" />
        <PropertyDefinition name="TextPadding" initialValue="0" redrawOnWrite="true" />
        <PropertyDefinition name="HorzFormatting" initialValue="LeftAligned" redrawOnWrite="true" />
        <PropertyDefinition name="VertFormatting" initialValue="CentreAligned" redrawOnWrite="true" />
        <Property name="BackgroundEnabled" value="True" />
        <Property name="FrameEnabled" value="True" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <PropertyDim name="TextPadding" />
                    </Dim>
                    <Dim type="TopEdge">
                        <PropertyDim name="TextPadding" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
							<DimOperator op="Subtract">
								<PropertyDim name="TextPadding" />
							</DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
							<DimOperator op="Subtract">
								<PropertyDim name="TextPadding" />
							</DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledFrame">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background_noframe">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background_noframe">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/StaticImage
    ***************************************************
    -->
    <WidgetLook name="EmberLook/StaticImage">
		<PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
		<PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="BackgroundColours" initialValue="tl:FFDFDFDF tr:FFDFDFDF bl:FFDFDFDF br:FFDFDFDF" redrawOnWrite="true" />
        <PropertyDefinition name="VertFormatting" initialValue="Stretched" redrawOnWrite="true" />
        <PropertyDefinition name="HorzFormatting" initialValue="Stretched" redrawOnWrite="true" />
        <Property name="BackgroundEnabled" value="True" />
        <Property name="FrameEnabled" value="True" />
        <ImagerySection name="image_withframe">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge" >
                        <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1.0" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <ImageProperty name="Image" />
                <ColourRectProperty name="ImageColours" />
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="image_noframe">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <ImageProperty name="Image" />
                <ColourRectProperty name="ImageColours" />
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="EnabledFrame">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background_noframe">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background_noframe">
                    <ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameImage">
            <Layer>
                <Section section="image_withframe" />
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameImage">
            <Layer>
                <Section section="image_noframe" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/StaticText
    ***************************************************
    -->
    <WidgetLook name="EmberLook/StaticText">
        <PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="BackgroundColours" initialValue="tl:FFDFDFDF tr:FFDFDFDF bl:FFDFDFDF br:FFDFDFDF" redrawOnWrite="true" />
        <Property name="BackgroundEnabled" value="True" />
		<Property name="BackgroundColours" value="tl:FFe2d5c0 tr:FFe2d5c0 bl:FFe2d5c0 br:FFe2d5c0" />
        <Property name="FrameEnabled" value="True" />
        <Property name="TextColours" value="tl:FF000000 tr:FF000000 bl:FF000000 br:FF000000" />
        <NamedArea name="WithFrameTextRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="NoFrameTextRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="RightEdge" >
					<UnifiedDim scale="1.0" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="NoFrameTextRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="NoFrameTextRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="NoFrameTextRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="RightEdge" />
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" offset="-16" type="BottomEdge" />
                </Dim>
            </Area>
        </NamedArea>
        <Child type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-16" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="16" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="16" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-16" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="EnabledFrame">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background_noframe">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer>
                <Section look="EmberLook/StaticShared" section="background_noframe">
					<ColourRectProperty name="BackgroundColours" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/TabButton
    ***************************************************
    -->
    <WidgetLook name="EmberLook/TabButton">
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FF000010" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF888888" redrawOnWrite="true" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="TabButtonUpperLeftNormal" />
                <Image type="TopRightCorner" imageset="EmberLook" image="TabButtonUpperRightNormal" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="TabButtonLowerLeftNormal" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="TabButtonLowerRightNormal" />
                <Image type="LeftEdge" imageset="EmberLook" image="TabButtonLeftNormal" />
                <Image type="RightEdge" imageset="EmberLook" image="TabButtonRightNormal" />
                <Image type="TopEdge" imageset="EmberLook" image="TabButtonUpperNormal" />
                <Image type="BottomEdge" imageset="EmberLook" image="TabButtonLowerNormal" />
                <Image type="Background" imageset="EmberLook" image="TabButtonMiddleNormal" />
				<Colours topLeft="FFe2d5c0" topRight="FFe2d5c0" bottomLeft="FFe2d5c0" bottomRight="FFe2d5c0" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="top_selected">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="TabButtonUpperLeftSelected" />
                <Image type="TopEdge" imageset="EmberLook" image="TabButtonUpperSelected" />
                <Image type="TopRightCorner" imageset="EmberLook" image="TabButtonUpperRightSelected" />
                <Image type="LeftEdge" imageset="EmberLook" image="TabButtonLeftSelected" />
                <Image type="Background" imageset="EmberLook" image="TabButtonMiddleSelected" />
                <Image type="RightEdge" imageset="EmberLook" image="TabButtonRightSelected" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="bot_selected">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="LeftEdge" imageset="EmberLook" image="TabButtonLeftSelected" />
                <Image type="Background" imageset="EmberLook" image="TabButtonMiddleSelected" />
                <Image type="RightEdge" imageset="EmberLook" image="TabButtonRightSelected" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="TabButtonLowerLeftSelected" />
                <Image type="BottomEdge" imageset="EmberLook" image="TabButtonLowerSelected" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="TabButtonLowerRightSelected" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="selected" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="TopSelected">
            <Layer>
                <Section section="top_selected" />
                <Section section="label">
                    <ColourProperty name="SelectedTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="BottomSelected">
            <Layer>
                <Section section="bot_selected" />
                <Section section="label">
                    <ColourProperty name="SelectedTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal" />
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/TabContentPane
    ***************************************************
    -->
    <WidgetLook name="EmberLook/TabContentPane">
        <PropertyDefinition name="EnableTop" initialValue="0" redrawOnWrite="true" layoutOnWrite="true" />
        <PropertyDefinition name="EnableBottom" initialValue="0" redrawOnWrite="true" layoutOnWrite="true" />
		<PropertyDefinition name="BackgroundColours" initialValue="tl:FFDFDFDF tr:FFDFDFDF bl:FFDFDFDF br:FFDFDFDF" redrawOnWrite="true" />
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" >
                        <ImageDim imageset="EmberLook" image="TabContentPaneUpperLeft" dimension="Height">
                            <DimOperator op="Multiply">
                                <PropertyDim name="EnableTop" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="TabContentPaneUpperLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="TabContentPaneTop" />
                <Image type="TopRightCorner" imageset="EmberLook" image="TabContentPaneUpperRight" />
            </FrameComponent>
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" >
                        <ImageDim imageset="EmberLook" image="TabContentPaneUpperLeft" dimension="Height">
                            <DimOperator op="Multiply">
                                <PropertyDim name="EnableTop" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="TabContentPaneLowerLeft" dimension="Height">
                                    <DimOperator op="Multiply">
                                        <PropertyDim name="EnableBottom" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image type="LeftEdge" imageset="EmberLook" image="TabContentPaneLeft" />
                <Image type="Background" imageset="EmberLook" image="TabContentPaneMiddle" />
                <Image type="RightEdge" imageset="EmberLook" image="TabContentPaneRight" />
            </FrameComponent>
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" >
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="TabContentPaneLowerLeft" dimension="Height">
                                    <DimOperator op="Multiply">
                                        <PropertyDim name="EnableBottom" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="BottomLeftCorner" imageset="EmberLook" image="TabContentPaneLowerLeft" />
                <Image type="BottomEdge" imageset="EmberLook" image="TabContentPaneLower" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="TabContentPaneLowerRight" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="normal">
					<Colours topLeft="FFe2d5c0" topRight="FFe2d5c0" bottomLeft="FFe2d5c0" bottomRight="FFe2d5c0" />
				</Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/TabButtonPane
    ***************************************************
    -->
    <WidgetLook name="EmberLook/TabButtonPane">
        <PropertyDefinition name="EnableTop" initialValue="1" redrawOnWrite="true" layoutOnWrite="true" />
        <PropertyDefinition name="EnableBottom" initialValue="1" redrawOnWrite="true" layoutOnWrite="true" />
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" >
                        <ImageDim imageset="EmberLook" image="TabHorizontalTopFiller" dimension="Height">
                            <DimOperator op="Multiply">
                                <PropertyDim name="EnableTop" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                </Area>
                <Image type="TopEdge" imageset="EmberLook" image="TabHorizontalTopFiller" />
            </FrameComponent>
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" >
                        <ImageDim imageset="EmberLook" image="TabHorizontalTopFiller" dimension="Height">
                            <DimOperator op="Multiply">
                                <PropertyDim name="EnableTop" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="TabHorizontalBottomFiller" dimension="Height">
                                    <DimOperator op="Multiply">
                                        <PropertyDim name="EnableBottom" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
            </FrameComponent>
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" >
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="EmberLook" image="TabHorizontalBottomFiller" dimension="Height">
                                    <DimOperator op="Multiply">
                                        <PropertyDim name="EnableBottom" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="BottomEdge" imageset="EmberLook" image="TabHorizontalBottomFiller" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/TabControl
    ***************************************************
    -->
    <WidgetLook name="EmberLook/TabControl">
        <Property name="TabButtonType" value="EmberLook/TabButton" />
        <Property name="TabTextPadding" value="{0,4}" />
        <Child  type="EmberLook/TabContentPane" nameSuffix="__auto_TabPane__">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge"><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="TopEdge">
                    <PropertyDim widget="__auto_TabPane__" name="EnableBottom">
                        <DimOperator op="Multiply">
                            <PropertyDim name="TabHeight" type="Height" />
                        </DimOperator>
                    </PropertyDim>
                </Dim>
                <Dim type="Height">
                    <UnifiedDim scale="1" type="Height">
                        <DimOperator op="Subtract">
                            <PropertyDim name="TabHeight" type="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </Child>
        <Child  type="EmberLook/TabButtonPane" nameSuffix="__auto_TabPane__Buttons">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge"><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="TopEdge">
                    <PropertyDim widget="__auto_TabPane__Buttons" name="EnableTop">
                        <DimOperator op="Multiply">
                            <UnifiedDim scale="1" type="Height">
                                <DimOperator op="Subtract">
                                    <PropertyDim name="TabHeight" type="Height" />
                                </DimOperator>
                            </UnifiedDim>
                        </DimOperator>
                    </PropertyDim>
                </Dim>
                <Dim type="Height"><PropertyDim name="TabHeight" type="Height" /></Dim>
            </Area>
        </Child>
        <Child type="EmberLook/SystemButton" nameSuffix="__auto_TabPane__ScrollLeft">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="6" /></Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_TabPane__" dimension="TopEdge">
                        <DimOperator op="Add">
                            <AbsoluteDim value="4">
                                <DimOperator op="Add">
                                    <PropertyDim widget="__auto_TabPane__Buttons" name="EnableTop">
                                        <DimOperator op="Multiply">
                                            <WidgetDim widget="__auto_TabPane__" dimension="Height">
                                                <DimOperator op="Subtract">
                                                    <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Width">
                                                        <DimOperator op="Add">
                                                            <AbsoluteDim value="6" />
                                                        </DimOperator>
                                                    </ImageDim>
                                                </DimOperator>
                                            </WidgetDim>
                                        </DimOperator>
                                    </PropertyDim>
                                </DimOperator>
                            </AbsoluteDim>
                        </DimOperator>
                    </WidgetDim>
                </Dim>
                <Dim type="Width">
                    <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Width" />
                </Dim>
                <Dim type="Height">
                    <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Height" />
                </Dim>
            </Area>
            <Property name="AlwaysOnTop" value="True" />
            <Property name="NormalImage" value="set:EmberLook image:TabButtonScrollLeftNormal" />
            <Property name="HoverImage" value="set:EmberLook image:TabButtonScrollLeftHover" />
            <Property name="PushedImage" value="set:EmberLook image:TabButtonScrollLeftHover" />
        </Child>
        <Child type="EmberLook/SystemButton" nameSuffix="__auto_TabPane__ScrollRight">
            <Area>
                <Dim type="LeftEdge">
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Width">
                                <DimOperator op="Add">
                                    <AbsoluteDim value="6" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_TabPane__" dimension="TopEdge">
                        <DimOperator op="Add">
                            <AbsoluteDim value="4">
                                <DimOperator op="Add">
                                    <PropertyDim widget="__auto_TabPane__Buttons" name="EnableTop">
                                        <DimOperator op="Multiply">
                                            <WidgetDim widget="__auto_TabPane__" dimension="Height">
                                                <DimOperator op="Subtract">
                                                    <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Width">
                                                        <DimOperator op="Add">
                                                            <AbsoluteDim value="6" />
                                                        </DimOperator>
                                                    </ImageDim>
                                                </DimOperator>
                                            </WidgetDim>
                                        </DimOperator>
                                    </PropertyDim>
                                </DimOperator>
                            </AbsoluteDim>
                        </DimOperator>
                    </WidgetDim>
                </Dim>
                <Dim type="Width">
                    <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Width" />
                </Dim>
                <Dim type="Height">
                    <ImageDim imageset="EmberLook" image="TabButtonScrollLeftNormal" dimension="Height" />
                </Dim>
            </Area>
            <Property name="AlwaysOnTop" value="True" />
            <Property name="NormalImage" value="set:EmberLook image:TabButtonScrollRightNormal" />
            <Property name="HoverImage" value="set:EmberLook image:TabButtonScrollRightHover" />
            <Property name="PushedImage" value="set:EmberLook image:TabButtonScrollRightHover" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Titlebar
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Titlebar">
        <PropertyDefinition name="CaptionColour" initialValue="FF000000" redrawOnWrite="true" />
        <Property name="NonClient" value="True" />
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="TitlebarTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="TitlebarTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="TitlebarBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="TitlebarBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="TitlebarLeft" />
                <Image type="TopEdge" imageset="EmberLook" image="TitlebarTop" />
                <Image type="RightEdge" imageset="EmberLook" image="TitlebarRight" />
                <Image type="BottomEdge" imageset="EmberLook" image="TitlebarBottom" />
                <Image type="Background" imageset="EmberLook" image="TitlebarFill" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="caption">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="12" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <WidgetDim dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <ColourProperty name="CaptionColour" />
                <VertFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Active">
            <Layer>
                <Section section="normal">
					<Colours topLeft="FFFF562A" topRight="FFFF562A" bottomLeft="FFFF562A" bottomRight="FFFF562A" />
                </Section>
                <Section section="caption" />
            </Layer>
        </StateImagery>
        <StateImagery name="Inactive">
            <Layer>
                <Section section="normal">
					<Colours topLeft="ffffe2cf" topRight="ffffe2cf" bottomLeft="ffffe2cf" bottomRight="ffffe2cf" />
                </Section>
                <Section section="caption" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
					<Colours topLeft="ffffe2cf" topRight="ffffe2cf" bottomLeft="ffffe2cf" bottomRight="ffffe2cf" />
                </Section>
                <Section section="caption" />
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        EmberLook/Tooltip
    ***************************************************
    -->
    <WidgetLook name="EmberLook/Tooltip">
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="EmberLook" image="TooltipLeftEdge" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="EmberLook" image="TooltipTopEdge" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="TooltipRightEdge" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="TooltipBottomEdge" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="EmberLook" image="TooltipTopLeft" />
                <Image type="TopRightCorner" imageset="EmberLook" image="TooltipTopRight" />
                <Image type="BottomLeftCorner" imageset="EmberLook" image="TooltipBottomLeft" />
                <Image type="BottomRightCorner" imageset="EmberLook" image="TooltipBottomRight" />
                <Image type="LeftEdge" imageset="EmberLook" image="TooltipLeftEdge" />
                <Image type="TopEdge" imageset="EmberLook" image="TooltipTopEdge" />
                <Image type="RightEdge" imageset="EmberLook" image="TooltipRightEdge" />
                <Image type="BottomEdge" imageset="EmberLook" image="TooltipBottomEdge" />
                <Image type="Background" imageset="EmberLook" image="TooltipMiddle" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="TopEdge">
                        <AbsoluteDim value="0" />
                    </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge" />
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge" />
                    </Dim>
                </Area>
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
    </WidgetLook>
    
    
    
    
    
    
    
    
    <!--
    ***************************************************
        EmberLook/BorderIconButton
    ***************************************************
    -->
    <WidgetLook name="EmberLook/BorderIconButton">
        <PropertyDefinition name="DisabledColour" initialValue="FF888888" redrawOnWrite="true" />
		<PropertyDefinition name="BackImage" redrawOnWrite="true" initialValue="set:iconset_standard image:background_A" />
        <PropertyDefinition name="FrontImage" redrawOnWrite="true"/>
		<PropertyDefinition name="BorderNormalImage" redrawOnWrite="true" initialValue="set:iconset_standard image:ring"  />
		<PropertyDefinition name="BorderHoverImage" redrawOnWrite="true" initialValue="set:iconset_standard image:ring_over"  />
        <ImagerySection name="back">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <ImageProperty name="BackImage" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="front">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <ImageProperty name="FrontImage" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="border_normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <ImageProperty name="BorderNormalImage" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="border_hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <ImageProperty name="BorderHoverImage" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="back" />
                <Section section="front" />
                <Section section="border_normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="back" />
                <Section section="front" />
                <Section section="border_hover" />
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="back" />
                <Section section="front" />
                <Section section="border_hover" />
            </Layer>
        </StateImagery>
        <StateImagery name="PushedOff">
            <Layer>
                <Section section="back" />
                <Section section="front" />
                <Section section="border_hover" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="back" />
                <Section section="front" />
                <Section section="border_normal">
                    <ColourProperty name="DisabledColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
	
	<!--
	/**********************************************************************************************************
		EmberLook/Tree
	***********************************************************************************************************/
	-->
	<WidgetLook name="EmberLook/Tree">
        <PropertyDefinition name="SelectionBrushImage" initialValue="set:EmberLook image:MultiListSelectionBrush" />
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FFFFFF55" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF607FFF" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF808080" />
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="EmberLook" image="StaticFrameLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="EmberLook" image="StaticFrameTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="EmberLook" image="StaticFrameBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="EmberLook/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="5" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-25" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="10" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="EmberLook/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="-5" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="5" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="10" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-10" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="OpenTreeButton">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="LargeRightArrow" />
              <!--  <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" /> -->
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="CloseTreeButton">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="EmberLook" image="LargeDownArrow" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section look="EmberLook/StaticShared" section="frame">
                    <Colours topLeft="FF3F3F3F" topRight="FF3F3F3F" bottomLeft="FF3F3F3F" bottomRight="FF3F3F3F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>	
</Falagard>
