<?xml version="1.0" ?>

<!--
    OgreTray.looknfeel by Paul D. Turner

    This looknfeel specifies a set of WidgetLook definitions that are intended
    to recreate the overall look of Ogre's new SDK tray system within CEGUI.
    
    This looknfeel has been made for use in some upcoming recreations of the
    Ogre samples, that use CEGUI instead of the new Ogre SDK tray system.  This
    is being done mostly for fun, though also to demonstrate the use of CEGUI
    with Ogre.
-->
<Falagard>
    <WidgetLook name="OgreTray/BGTest">
        <ImagerySection name="main">
            <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="OgreTrayImages" image="BandsFull" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main">
                    <Colours topLeft="FF779988" topRight="FF779988" bottomLeft="FF779988" bottomRight="FF779988" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Titlebar
-->
    <WidgetLook name="OgreTray/Titlebar">
        <PropertyDefinition name="CaptionColour" initialValue="FFe5ffb2" redrawOnWrite="true" />
        <PropertyDefinition name="VertFormatting" initialValue="CentreAligned" />
        <PropertyDefinition name="HorzFormatting" initialValue="CentreAligned" />
        <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="LeftEdge" imageset="OgreTrayImages" image="CaptionL" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="CaptionR" />
                <Image type="Background" imageset="OgreTrayImages" image="CaptionM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="caption">
            <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>
                <ColourProperty name="CaptionColour" />
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Active">
            <Layer>
                <Section section="normal" />
                <Section section="caption" />
            </Layer>
        </StateImagery>
        <StateImagery name="Inactive">
            <Layer>
                <Section section="normal" />
                <Section section="caption" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal" />
                <Section section="caption" />
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Frame Window
-->
    <WidgetLook name="OgreTray/FrameWindow">
        <PropertyLinkDefinition name="CaptionColour" widget="__auto_titlebar__" targetProperty="CaptionColour" initialValue="FFe5ffb2" />
        <PropertyLinkDefinition name="CaptionFont" widget="__auto_titlebar__" targetProperty="Font" />
        <Property name="NSSizingCursorImage" value="set:OgreTrayImages image:MouseArrow" />
        <Property name="EWSizingCursorImage" value="set:OgreTrayImages image:MouseArrow" />
        <Property name="NWSESizingCursorImage" value="set:OgreTrayImages image:MouseArrow" />
        <Property name="NESWSizingCursorImage" value="set:OgreTrayImages image:MouseArrow" />
        <Property name="AutoRenderingSurface" value="True" />
        <NamedArea name="ClientWithTitleWithFrame">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TrayL" dimension="Width">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_titlebar__" dimension="BottomEdge">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="TrayT" dimension="Height">
                                <DimOperator op="Divide">
                                    <AbsoluteDim value="2" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </WidgetDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TrayR" dimension="Width">
                                <DimOperator op="Divide">
                                    <AbsoluteDim value="2" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TrayB" dimension="Height">
                                <DimOperator op="Divide">
                                    <AbsoluteDim value="2" />
                                </DimOperator>
                            </ImageDim>
                        </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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="BottomEdge" ><WidgetDim dimension="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ClientNoTitleWithFrame">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TrayL" dimension="Width">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TrayT" dimension="Height">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TrayR" dimension="Width">
                                <DimOperator op="Divide">
                                    <AbsoluteDim value="2" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TrayB" dimension="Height">
                                <DimOperator op="Divide">
                                    <AbsoluteDim value="2" />
                                </DimOperator>
                            </ImageDim>
                        </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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/Titlebar" nameSuffix="__auto_titlebar__">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TrayL" dimension="Width">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TrayT" dimension="Height">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="Width" >
                    <UnifiedDim scale="1" type="Width"> 
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TrayL" dimension="Width"/>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><FontDim type="LineSpacing" padding="8" /></Dim>
            </Area>
            <Property name="AlwaysOnTop" value="False" />
        </Child>
        <!-- here we basically nullify the close button, for now at least -->
        <Child type="DefaultWindow" nameSuffix="__auto_closebutton__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Height" /></Dim>
            </Area>
            <Property name="NonClient" value="True" />
        </Child>
        <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="OgreTrayImages" image="TrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="TrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="TrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="TrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="TrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="TrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="TrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="TrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="TrayM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="noframe">
            <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="BottomEdge" ><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="OgreTrayImages" image="TrayM" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="ActiveWithTitleWithFrame">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="InactiveWithTitleWithFrame">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledWithTitleWithFrame">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="ActiveWithTitleNoFrame">
            <Layer><Section section="noframe" /></Layer>
        </StateImagery>
        <StateImagery name="InactiveWithTitleNoFrame">
            <Layer><Section section="noframe" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledWithTitleNoFrame">
            <Layer><Section section="noframe" /></Layer>
        </StateImagery>
        <StateImagery name="ActiveNoTitleWithFrame">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="InactiveNoTitleWithFrame">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledNoTitleWithFrame">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="ActiveNoTitleNoFrame">
            <Layer><Section section="noframe" /></Layer>
        </StateImagery>
        <StateImagery name="InactiveNoTitleNoFrame">
            <Layer><Section section="noframe" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledNoTitleNoFrame">
            <Layer><Section section="noframe" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: A Thumb for all occasions - can be used by all widgets needing a thumb.
:::: (don't forget to specify free axis in <Child> definition!)
-->
    <WidgetLook name="OgreTray/Thumb">
        <ImagerySection name="main">
            <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="OgreTrayImages" image="Handle" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Vertical Scrollbar
-->
    <WidgetLook name="OgreTray/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" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="DefaultWindow" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Width" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <Child  type="DefaultWindow" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Width" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <Child  type="OgreTray/Thumb" 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="1" type="Width" /></Dim>
            </Area>
            <Property name="VertFree" value="True" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge"><UnifiedDim scale="0.11" type="Width" /></Dim>
                    <Dim type="TopEdge"><UnifiedDim scale="0.1" type="Width" /></Dim>
                    <Dim type="Width"><UnifiedDim scale="0.78" type="Width" /></Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="0.1" type="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image type="TopEdge" imageset="OgreTrayImages" image="VertTrackT" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="VertTrackB" />
                <Image type="Background" imageset="OgreTrayImages" image="VertTrackM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Horizontal Scrollbar
-->
    <WidgetLook name="OgreTray/HorizontalScrollbar">
        <Property name="VerticalScrollbar" value="False" />
        <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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="DefaultWindow" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Width" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <Child  type="DefaultWindow" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Width" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <Child  type="OgreTray/Thumb" 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="Height" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <Property name="HorzFree" value="True" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge"><UnifiedDim scale="0.1" type="Height" /></Dim>
                    <Dim type="TopEdge"><UnifiedDim scale="0.11" type="Height" /></Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="0.1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height"><UnifiedDim scale="0.78" type="Height" /></Dim>
                </Area>
                <Image type="LeftEdge" imageset="OgreTrayImages" image="HorzTrackL" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="HorzTrackR" />
                <Image type="Background" imageset="OgreTrayImages" image="HorzTrackM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Shared static widget components.
-->
    <WidgetLook name="OgreTray/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="OgreTrayImages" image="TextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="TextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="TextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="TextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="TextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="TextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="TextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="TextBoxB" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="with_frame_background">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge" >
                        <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1.0" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="OgreTrayImages" image="TextBoxM" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="no_frame_background">
            <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="OgreTrayImages" image="TextBoxM" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
    </WidgetLook>

<!--
:::: StaticText
-->
    <WidgetLook name="OgreTray/StaticText">
        <Property name="BackgroundEnabled" value="True" />
        <Property name="FrameEnabled" value="True" />
        <Property name="TextColours" value="tl:FF000000 tr:FF000000 bl:FF000000 br:FF000000" />
        <Property name="HorzFormatting" value="WordWrapLeftAligned" />
        <NamedArea name="WithFrameTextRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </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" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </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" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </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" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" /></Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="EnabledFrame">
            <Layer><Section look="OgreTray/StaticShared" section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer><Section look="OgreTray/StaticShared" section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="with_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="with_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="no_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="no_frame_background" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: CaptionedStaticText
::::
:::: A variation of StaticText that includes it's own caption box at the top.
:::: (Not essential, but shows something unusual!)
-->
    <WidgetLook name="OgreTray/CaptionedStaticText">
        <PropertyLinkDefinition name="CaptionColour" widget="__auto_caption__" targetProperty="TextColour" initialValue="FF000000" />
        <PropertyLinkDefinition name="CaptionFont" widget="__auto_caption__" targetProperty="Font" />
        <PropertyLinkDefinition name="CaptionText" widget="__auto_caption__" targetProperty="Text" />
        <Property name="BackgroundEnabled" value="True" />
        <Property name="FrameEnabled" value="True" />
        <Property name="TextColours" value="tl:FF000000 tr:FF000000 bl:FF000000 br:FF000000" />
        <Property name="HorzFormatting" value="WordWrapLeftAligned" />
        <NamedArea name="WithFrameTextRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="NoFrameTextRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </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" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </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="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="NoFrameTextRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0" />
                </Dim>
                <Dim type="TopEdge" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </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" >
                    <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/Title" nameSuffix="__auto_caption__">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="0.25" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="0.25" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Multiply">
                                    <AbsoluteDim value="0.25" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height">
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height">
                        <DimOperator op="Add">
                            <FontDim widget="__auto_caption__" type="LineSpacing" padding="0" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
            </Area>
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height">
                        <DimOperator op="Add">
                            <WidgetDim widget="__auto_caption__" dimension="BottomEdge" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="EnabledFrame">
            <Layer><Section look="OgreTray/StaticShared" section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer><Section look="OgreTray/StaticShared" section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="with_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="with_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="no_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="no_frame_background" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Multi-purpose frame using the MiniTray imagery.
-->
    <WidgetLook name="OgreTray/MiniTray">
        <PropertyDefinition name="TextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="VertFormatting" initialValue="CentreAligned" />
        <PropertyDefinition name="HorzFormatting" initialValue="CentreAligned" />
        <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="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <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>
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="TextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="TextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: PushButton
-->
    <WidgetLook name="OgreTray/PushButton">
        <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="OgreTrayImages" image="ButtonUpTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="ButtonUpTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="ButtonUpBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="ButtonUpBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="ButtonUpL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="ButtonUpT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="ButtonUpR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="ButtonUpB" />
                <Image type="Background" imageset="OgreTrayImages" image="ButtonUpM" />
            </FrameComponent>
        </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="OgreTrayImages" image="ButtonOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="ButtonOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="ButtonOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="ButtonOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="ButtonOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="ButtonOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="ButtonOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="ButtonOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="ButtonOverM" />
            </FrameComponent>
        </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="OgreTrayImages" image="ButtonDownTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="ButtonDownTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="ButtonDownBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="ButtonDownBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="ButtonDownL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="ButtonDownT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="ButtonDownR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="ButtonDownB" />
                <Image type="Background" imageset="OgreTrayImages" image="ButtonDownM" />
            </FrameComponent>
        </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="normal" />
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Progress Bar
-->
    <WidgetLook name="OgreTray/ProgressBar">
        <NamedArea name="ProgressArea">
            <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>
        <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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="progress" >
            <FrameComponent>
                <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="Multiply">
                                <PropertyDim name="CurrentProgress" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </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"/></Layer>
        </StateImagery>
        <StateImagery name="DisabledProgress">
            <Layer><Section section="progress"/></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Editbox
-->
    <WidgetLook name="OgreTray/Editbox">
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxL" dimension="Width">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="0.25" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="0.25" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width">
                                <DimOperator op="Multiply">
                                    <AbsoluteDim value="0.25" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="Height">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="TextBoxB" dimension="Height">
                                <DimOperator op="Multiply">
                                    <AbsoluteDim value="0.25" />
                                </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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="selection">
            <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="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="Carat">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><AbsoluteDim value="2" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="OgreTrayImages" image="GenericBrush" />
                <Colours topLeft="FF22AA33" topRight="FF22AA33" bottomLeft="FF22AA33" bottomRight="FF22AA33" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="ActiveSelection">
            <Layer><Section section="selection" /></Layer>
        </StateImagery>
        <StateImagery name="InactiveSelection">
            <Layer><Section section="selection" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Multiline Editbox
-->
    <WidgetLook name="OgreTray/MultiLineEditbox">
        <PropertyDefinition name="ReadOnlyBGColour" initialValue="FFDFDFDF" />
        <PropertyDefinition name="NormalTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <Property name="SelectionBrushImage" value="set:OgreTrayImages image:MiniTextBoxOverM" />
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" /></Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="Carat">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><AbsoluteDim value="2" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="OgreTrayImages" image="GenericBrush" />
                <Colours topLeft="FF22AA33" topRight="FF22AA33" bottomLeft="FF22AA33" bottomRight="FF22AA33" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Listbox
-->
    <WidgetLook name="OgreTray/Listbox">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" /></Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Combobox (standard type)
-->
    <WidgetLook name="OgreTray/Combobox">
        <PropertyLinkDefinition name="NormalEditTextColour" widget="__auto_editbox__" targetProperty="NormalTextColour" initialValue="FF000000" />
        <PropertyLinkDefinition name="SelectedEditTextColour" widget="__auto_editbox__" targetProperty="SelectedTextColour" initialValue="FF000000" />
        <Child  type="OgreTray/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="OgreTray/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" />
        </Child>
        <Child  type="OgreTray/Button" 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="Text" value="V" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

<!--
:::: DropMenu - Specialised combobox: readonly with single click mode and no visible button.
-->
    <WidgetLook name="OgreTray/DropDownMenu">
        <PropertyLinkDefinition name="NormalEditTextColour" widget="__auto_editbox__" targetProperty="NormalTextColour" initialValue="FF000000" />
        <PropertyLinkDefinition name="SelectedEditTextColour" widget="__auto_editbox__" targetProperty="SelectedTextColour" initialValue="FF000000" />
        <Property name="ReadOnly" value="True" />
        <Property name="SingleClickMode" value="True" />
        <Child  type="OgreTray/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" /></Dim>
                <Dim type="Height" ><FontDim type="LineSpacing" padding="10" /></Dim>
            </Area>
        </Child>
        <Child  type="OgreTray/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" />
        </Child>
        <Child  type="OgreTray/Button" nameSuffix="__auto_button__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="0" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

<!--
:::: Grouping container with a title and correct 'inner rect' content area
-->
    <WidgetLook name="OgreTray/Group">
        <PropertyDefinition name="TextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="VertFormatting" initialValue="TopAligned" />
        <PropertyDefinition name="HorzFormatting" initialValue="CentreAligned" />
        <NamedArea name="inner_rect">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height">
                        <DimOperator op="Add">
                            <FontDim type="LineSpacing" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" 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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge" >
                        <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1.0" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="TextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="frame" />
                <Section section="label">
                    <ColourProperty name="TextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Checkbox
-->
    <WidgetLook name="OgreTray/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="FF000000" 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="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <UnifiedDim scale="1" type="Width" >
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </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>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <UnifiedDim scale="1" type="Width" >
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </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>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="select_mark">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <UnifiedDim scale="1" type="Width" >
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </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>
                <Text string="X" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </TextComponent>
        </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>

<!--
:::: Radio Button (Same as checkbox except for 'select mark' text.  We could have reused the
:::: checkbox widgetlook if we really wanted to.
-->
    <WidgetLook name="OgreTray/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="FF000000" 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="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <UnifiedDim scale="1" type="Width" >
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </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>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <UnifiedDim scale="1" type="Width" >
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </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>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="select_mark">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <UnifiedDim scale="1" type="Width" >
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </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>
                <Text string="O" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="CentreAligned" />
            </TextComponent>
        </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>

<!--
:::: Horizontal Slider
-->
    <WidgetLook name="OgreTray/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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="DefaultWindow" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Width" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <Child  type="DefaultWindow" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="0" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="0" type="Width" /></Dim>
            </Area>
            <Property name="Visible" value="False" />
        </Child>
        <Child  type="OgreTray/Thumb" 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="Height" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <Property name="HorzFree" value="True" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge"><UnifiedDim scale="0.1" type="Height" /></Dim>
                    <Dim type="TopEdge"><UnifiedDim scale="0.11" type="Height" /></Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <UnifiedDim scale="0.1" type="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height"><UnifiedDim scale="0.78" type="Height" /></Dim>
                </Area>
                <Image type="LeftEdge" imageset="OgreTrayImages" image="HorzTrackL" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="HorzTrackR" />
                <Image type="Background" imageset="OgreTrayImages" image="HorzTrackM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: StaticImage (normal version)
-->
    <WidgetLook name="OgreTray/StaticImage">
        <PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" 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="OgreTrayImages" image="TextBoxL" dimension="Width" />
                    </Dim>
                    <Dim type="TopEdge" >
                        <ImageDim imageset="OgreTrayImages" image="TextBoxT" dimension="Height" />
                    </Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="TextBoxR" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1.0" type="BottomEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="TextBoxB" 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="OgreTray/StaticShared" section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer><Section look="OgreTray/StaticShared" section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="with_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="with_frame_background" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="noframe_background" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer><Section look="OgreTray/StaticShared" section="noframe_background" /></Layer>
        </StateImagery>
        <StateImagery name="WithFrameImage">
            <Layer><Section section="image_withframe" /></Layer>
        </StateImagery>
        <StateImagery name="NoFrameImage">
            <Layer><Section section="image_noframe" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: StaticImage (alternate version, image /is/ background, frame overlays it slightly & blends)
-->
    <WidgetLook name="OgreTray/AltStaticImage">
        <PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="VertFormatting" initialValue="Stretched" redrawOnWrite="true" />
        <PropertyDefinition name="HorzFormatting" initialValue="Stretched" redrawOnWrite="true" />
        <PropertyDefinition name="FrameEnabled" initialValue="True" redrawOnWrite="true" />
        <PropertyDefinition name="Image" initialValue="" redrawOnWrite="true" />
        <ImagerySection name="image">
            <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="Image" />
                <ColourRectProperty name="ImageColours" />
                <VertFormatProperty name="VertFormatting" />
                <HorzFormatProperty name="HorzFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <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="OgreTrayImages" image="FrameTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="FrameTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="FrameBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="FrameBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="FrameL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="FrameT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="FrameR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="FrameB" />
                <Image type="Background" imageset="OgreTrayImages" image="FrameM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="image" />
                <Section controlProperty="FrameEnabled" section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="image" />
                <Section controlProperty="FrameEnabled" section="frame" />
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Tooltip
-->
    <WidgetLook name="OgreTray/Tooltip">
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxB" 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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
                <Colours topLeft="E2FFFFFF" topRight="E2FFFFFF" bottomLeft="E2FFFFFF" bottomRight="E2FFFFFF" />
            </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>

<!--
:::: ItemListbox
-->
    <WidgetLook name="OgreTray/ItemListbox">
        <NamedArea name="ItemRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" /></Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: ListboxItem
-->
    <WidgetLook name="OgreTray/ListboxItem">
        <PropertyDefinition name="TextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <Property name="Selectable" 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">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                        </DimOperator>
                    </FontDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </NamedArea>
        <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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="selection">
            <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="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="TopEdge">
                        <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="Width">
                        <UnifiedDim scale="1" type="Width">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height">
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
                <Section section="label">
                    <ColourProperty name="TextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
                <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>

<!--
:::: Spinner
-->
    <WidgetLook name="OgreTray/Spinner">
        <Child  type="OgreTray/Button" 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="Text" value="-" />
        </Child>
        <Child  type="OgreTray/Button" 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="Text" value="+" />
        </Child>
        <Child  type="OgreTray/Editbox" nameSuffix="__auto_editbox__">
            <Area>
                <Dim type="LeftEdge" ><UnifiedDim scale="1" type="Height" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <UnifiedDim scale="1" type="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

<!--
:::: ScrollablePane
-->
    <WidgetLook name="OgreTray/ScrollablePane">
        <NamedArea name="ViewableArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaHScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" /></Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

<!--
:::: List header segment (used for MCL)
-->
    <WidgetLook name="OgreTray/ListHeaderSegment">
        <Property name="SizingCursorImage" value="set:OgreTrayImages image:MouseArrow" />
        <Property name="MovingCursorImage" value="set:OgreTrayImages image:MouseArrow" />
        <ImagerySection name="segment">
            <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="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="segment_hover">
            <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="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="ascend_icon">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                    <DimOperator op="Divide">
                                        <AbsoluteDim value="2" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Text string="+" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <HorzFormat type="RightAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="descend_icon">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                    <DimOperator op="Divide">
                                        <AbsoluteDim value="2" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Text string="-" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <HorzFormat type="RightAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <AbsoluteDim value="0">
                            <DimOperator op="Add">
                                <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width">
                                    <DimOperator op="Divide">
                                        <AbsoluteDim value="2" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </AbsoluteDim>
                    </Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1.0" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                    <DimOperator op="Divide">
                                        <AbsoluteDim value="2" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="segment" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="segment_hover" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="SplitterHover">
            <Layer>
                <Section section="segment" />
                <Section section="label" />
            </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="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>

<!--
:::: List Header (used for MCL)
-->
    <WidgetLook name="OgreTray/ListHeader">
        <Property name="SegmentWidgetType" value="OgreTray/ListHeaderSegment" />
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

<!--
:::: Multi column list
-->
    <WidgetLook name="OgreTray/MultiColumnList">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="OgreTray/ListHeader" nameSuffix="__auto_listheader__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </Child>
        <Child type="OgreTray/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width">
                                <DimOperator op="Add">
                                    <ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <Property name="NonClient" value="True" />
        </Child>
        <Child type="OgreTray/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" >
                    <AbsoluteDim value="0">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="TopEdge" ><ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" /></Dim>
                <Dim type="Width" ><ImageDim imageset="OgreTrayImages" image="Handle" dimension="Width" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="main" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Basic Listbox Item.  This is the XML side of CE's Über-hack for getting the
:::: non-window based ListboxItem to render via a Falagard skin.  This is
:::: largely a clone of the skin for ItemEntry, except the text colours are not
:::: configurable; there are ways that could be done, but for this skin, perhaps
:::: it would be a hack too far ;)
-->
    <WidgetLook name="OgreTray/BasicListboxItem">
        <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="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                        </DimOperator>
                    </FontDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </NamedArea>
        <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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="selection">
            <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="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="TopEdge">
                        <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="Width">
                        <UnifiedDim scale="1" type="Width">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height">
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SelectedEnabled">
            <Layer>
                <Section section="selection" />
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="SelectedDisabled">
            <Layer>
                <Section section="selection" />
                <Section section="label">
                    <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: MenuItem
-->
    <WidgetLook name="OgreTray/MenuItem">
        <PropertyDefinition name="TextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="PushedOffColour" initialValue="FF779977" 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="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                        </DimOperator>
                    </FontDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                        </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="OgreTrayImages" image="MiniTextBoxL" dimension="Width" >
                                <DimOperator op="Add">
                                    <FontDim type="HorzExtent" string=" &gt;" />
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </FontDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Add">
                            <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="TopEdge">
                        <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Height">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="LeftEdge">
                        <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width">
                            <DimOperator op="Divide">
                                <AbsoluteDim value="2" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="Width">
                        <UnifiedDim scale="1" type="Width">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTextBoxL" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height">
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="OgreTrayImages" image="MiniTextBoxT" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <ColourProperty name="TextColour" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="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="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="popup_arrow_right">
            <TextComponent>
                <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">
                                <FontDim type="HorzExtent" string=" &gt;" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Text string=" &gt;" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="popup_arrow_left">
            <TextComponent>
                <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">
                                <FontDim type="HorzExtent" string=" &lt;" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Text string=" &lt;" />
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="EnabledNormal">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledHover">
            <Layer>
                <Section section="selected" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledPushed">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledPushedOff">
            <Layer>
                <Section section="selected" >
                    <ColourProperty name="PushedOffColour" />
                </Section>
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledPopupOpen">
            <Layer>
                <Section section="selected" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledNormal">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledHover">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledPushed">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledPushedOff">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledPopupOpen">
            <Layer>
                <Section section="main" />
                <Section section="label" />
            </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>

<!--
:::: Menubar
-->
    <WidgetLook name="OgreTray/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="OgreTrayImages" image="MiniTrayL" dimension="Width">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height">
                        <DimOperator op="Divide">
                            <AbsoluteDim value="2" />
                        </DimOperator>
                    </ImageDim>
                </Dim>
                <Dim type="Width" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" >
                    <UnifiedDim scale="1" type="Height">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayT" 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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Popup Menu
-->
    <WidgetLook name="OgreTray/PopupMenu">
        <NamedArea name="ItemRenderArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayL" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="OgreTrayImages" image="MiniTrayT" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayR" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="Height">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="OgreTrayImages" image="MiniTrayB" 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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer><Section section="frame" /></Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Tab Button
-->
    <WidgetLook name="OgreTray/TabButton">
        <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>
                <Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                <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="OgreTrayImages" image="MiniTextBoxTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxM" />
            </FrameComponent>
        </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" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTextBoxOverBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTextBoxOverL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTextBoxOverT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTextBoxOverR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTextBoxOverB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTextBoxOverM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="TopNormal">
            <Layer>
                <Section section="normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="BottomNormal">
            <Layer>
                <Section section="normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="TopHover">
            <Layer>
                <Section section="hover" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="BottomHover">
            <Layer>
                <Section section="hover" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="TopSelected">
            <Layer>
                <Section section="hover" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="BottomSelected">
            <Layer>
                <Section section="hover" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="TopPushed">
            <Layer>
                <Section section="normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="BottomPushed">
            <Layer>
                <Section section="normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="TopDisabled">
            <Layer>
                <Section section="normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="BottomDisabled">
            <Layer>
                <Section section="normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Tab Button Pane
-->
    <WidgetLook name="OgreTray/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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Tab content pane
-->
    <WidgetLook name="OgreTray/TabContentPane">
        <PropertyDefinition name="EnableTop" initialValue="0" redrawOnWrite="true" layoutOnWrite="true" />
        <PropertyDefinition name="EnableBottom" initialValue="0" 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="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="OgreTrayImages" image="MiniTrayTL" />
                <Image type="TopRightCorner" imageset="OgreTrayImages" image="MiniTrayTR" />
                <Image type="BottomLeftCorner" imageset="OgreTrayImages" image="MiniTrayBL" />
                <Image type="BottomRightCorner" imageset="OgreTrayImages" image="MiniTrayBR" />
                <Image type="LeftEdge" imageset="OgreTrayImages" image="MiniTrayL" />
                <Image type="TopEdge" imageset="OgreTrayImages" image="MiniTrayT" />
                <Image type="RightEdge" imageset="OgreTrayImages" image="MiniTrayR" />
                <Image type="BottomEdge" imageset="OgreTrayImages" image="MiniTrayB" />
                <Image type="Background" imageset="OgreTrayImages" image="MiniTrayM" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal" />
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
:::: Tab control
-->
    <WidgetLook name="OgreTray/TabControl">
        <Property name="TabButtonType" value="OgreTray/TabButton" />
        <Property name="TabTextPadding" value="{0,6}" />
        <Child type="OgreTray/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="OgreTray/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="OgreTray/Button" nameSuffix="__auto_TabPane__ScrollLeft">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_TabPane__Buttons" dimension="TopEdge" />
                </Dim>
                <Dim type="Width">
                    <WidgetDim widget="__auto_TabPane__Buttons" dimension="Height">
                        <DimOperator op="Multiply">
                            <FontDim type="HorzExtent" string="&lt;&lt;" >
                                <DimOperator op="Divide">
                                    <FontDim type="LineSpacing" />
                                </DimOperator>
                            </FontDim>
                        </DimOperator>
                    </WidgetDim>
                </Dim>
                <Dim type="BottomEdge">
                    <WidgetDim widget="__auto_TabPane__Buttons" dimension="BottomEdge" />
                </Dim>
            </Area>
            <Property name="AlwaysOnTop" value="True" />
            <Property name="Text" value="&lt;&lt;" />
        </Child>
        <Child type="OgreTray/Button" nameSuffix="__auto_TabPane__ScrollRight">
            <Area>
                <Dim type="Width">
                    <WidgetDim widget="__auto_TabPane__Buttons" dimension="Height">
                        <DimOperator op="Multiply">
                            <FontDim type="HorzExtent" string="&gt;&gt;" >
                                <DimOperator op="Divide">
                                    <FontDim type="LineSpacing" />
                                </DimOperator>
                            </FontDim>
                        </DimOperator>
                    </WidgetDim>
                </Dim>
                <Dim type="LeftEdge">
                    <UnifiedDim scale="1" type="Width">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_TabPane__ScrollRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="TopEdge">
                    <WidgetDim widget="__auto_TabPane__Buttons" dimension="TopEdge" />
                </Dim>
                <Dim type="Height">
                    <WidgetDim widget="__auto_TabPane__Buttons" dimension="Height" />
                </Dim>
            </Area>
            <Property name="AlwaysOnTop" value="True" />
            <Property name="Text" value="&gt;&gt;" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

</Falagard>
