<?xml version="1.0" ?>
<Falagard>

    <!--
    ***************************************************
        YY/StaticShared
        (Shared imagery components for static widgets)
    ***************************************************
    -->
    <WidgetLook name="YY/StaticShared">
        <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="YYUI" image="StaticTopLeft" />
                <Image type="TopRightCorner" imageset="YYUI" image="StaticTopRight" />
                <Image type="BottomLeftCorner" imageset="YYUI" image="StaticBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="StaticBottomRight" />
                <Image type="LeftEdge" imageset="YYUI" image="StaticLeft" />
                <Image type="RightEdge" imageset="YYUI" image="StaticRight" />
                <Image type="TopEdge" imageset="YYUI" image="StaticTop" />
                <Image type="BottomEdge" imageset="YYUI" image="StaticBottom" />
                <ColourRectProperty name="FrameColours" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="background">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="StaticLeft" dimension="Width" /></Dim>
                    <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge"> <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="StaticRight" dimension="Width" />
                        </DimOperator> </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1" type="BottomEdge"> <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="StaticBottom" dimension="Height" />
                        </DimOperator> </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="YYUI" image="StaticBackdrop" />
                <!--<ColourRectProperty name="BackgroundColours" />-->
                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="background_noframe">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="YYUI" image="StaticBackdrop" />
                <!--<ColourRectProperty name="BackgroundColours" />-->
                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
    </WidgetLook>

    <!--
    ***************************************************
        YY/StaticText
    ***************************************************
    -->
    <WidgetLook name="YY/StaticText">
	<PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
	<PropertyDefinition name="BackgroundColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
        <Property name="FrameEnabled" value="True" />
        <Property name="BackgroundEnabled" value="True" />
        <NamedArea name="WithFrameTextRenderArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="StaticLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="StaticRight" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="StaticBottom" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="StaticLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">  <ImageDim imageset="YYUI" image="StaticRight" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <WidgetDim widget="__auto_hscrollbar__" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="StaticLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract"> <WidgetDim widget="__auto_vscrollbar__" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="StaticBottom" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="StaticLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">  <WidgetDim widget="__auto_vscrollbar__" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">  <WidgetDim widget="__auto_hscrollbar__" dimension="Height" /> </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" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1" 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" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <WidgetDim widget="__auto_hscrollbar__" dimension="Height" /> </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" type="RightEdge">
                        <DimOperator op="Subtract">  <WidgetDim widget="__auto_vscrollbar__" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1" 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" type="RightEdge">
                        <DimOperator op="Subtract"> <WidgetDim widget="__auto_vscrollbar__" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />  </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="YY/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-12" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="12" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="YY/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="12" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-12" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="EnabledFrame">
            <Layer> <Section look="YY/StaticShared" section="frame" /> </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer>  <Section look="YY/StaticShared" section="frame" /> </Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer>  <Section look="YY/StaticShared" section="background" /> </Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer>  <Section look="YY/StaticShared" section="background" />  </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer> <Section look="YY/StaticShared" section="background_noframe" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer> <Section look="YY/StaticShared" section="background_noframe" /> </Layer>
        </StateImagery>
    </WidgetLook>
	
	<!--
    ***************************************************
        YY/ShadowText
    ***************************************************
    -->
  <WidgetLook name="YY/ShadowText">
    <PropertyDefinition name="TextColours" initialValue="FF5EADDD" redrawOnWrite="true"/>
    <PropertyDefinition name="HorzFormatting" initialValue="LeftAligned" redrawOnWrite="true"/>
    <PropertyDefinition name="VertFormatting" initialValue="TopAligned" redrawOnWrite="true"/>
    <Property name="MousePassThroughEnabled" value="True"/>
    <ImagerySection name="text">
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <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>
        <ColourProperty name="TextColours"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
    </ImagerySection>
    <StateImagery name="Enabled" >
      <Layer>
        <Section section="text"/>
      </Layer>
    </StateImagery>
    <StateImagery name="Disabled" >
      <Layer>
        <Section section="text">
          <Colour colour="FF7F7F7F"/>
        </Section>
      </Layer>
    </StateImagery>
  </WidgetLook>
  
  <!--
    ***************************************************
        YY/IMEWindow
    ***************************************************
    -->
  <WidgetLook name="YY/IMEWindow">
    <PropertyDefinition name="TextColours" initialValue="FFFFFFFF" redrawOnWrite="true"/>
    <PropertyDefinition name="HorzFormatting" initialValue="LeftAligned" redrawOnWrite="true"/>
    <PropertyDefinition name="VertFormatting" initialValue="TopAligned" redrawOnWrite="true"/>
    <Property name="MousePassThroughEnabled" value="True"/>
    <ImagerySection name="text">
      <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="YYUI" image="empty"/>
        <VertFormat type="Stretched"/>
        <HorzFormat type="Stretched"/>
      </ImageryComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="-1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <TextComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="1" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1" type="Height" />
          </Dim>
        </Area>
        <Colour colour="9F000000"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
      <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>
        <ColourProperty name="TextColours"/>
        <VertFormatProperty name="VertFormatting"/>
        <HorzFormatProperty name="HorzFormatting"/>
      </TextComponent>
    </ImagerySection>
    <StateImagery name="Enabled" >
      <Layer>
        <Section section="text"/>
      </Layer>
    </StateImagery>
    <StateImagery name="Disabled" >
      <Layer>
        <Section section="text">
          <Colour colour="FF7F7F7F"/>
        </Section>
      </Layer>
    </StateImagery>
  </WidgetLook>

<!--
    ***************************************************
        YY/StaticImage
    ***************************************************
    -->
  <WidgetLook name="YY/StaticImage">    
    <PropertyDefinition name="Images" initialValue="" redrawOnWrite="true"/>
    <PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
    <PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
    <PropertyDefinition name="BackgroundColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
    <PropertyDefinition name="VertFormatting" initialValue="Stretched" redrawOnWrite="true" />
    <PropertyDefinition name="HorzFormatting" initialValue="Stretched" redrawOnWrite="true" />
    <ImagerySection name="images">
      <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>
        <ImageProperty name="Images" />
        <ColourRectProperty name="ImageColours" />
        <VertFormatProperty name="VertFormatting" />
        <HorzFormatProperty name="HorzFormatting" />
      </ImageryComponent>
    </ImagerySection>
    <StateImagery name="Enabled" >
      <Layer>
        <Section section="images"/>
      </Layer>
    </StateImagery>
    <StateImagery name="Disabled" />
  </WidgetLook>

<!--
    ***************************************************
        YY/Edit_BG
    ***************************************************
    -->
  <WidgetLook name="YY/Edit_BG">
    <ImagerySection name="image">
      <FrameComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="Width" >
            <UnifiedDim scale="1.0" type="Width" />
          </Dim>
          <Dim type="Height" >
            <UnifiedDim scale="1.0" type="Height" />
          </Dim>
        </Area>
        <Image type="LeftEdge" imageset="YYUI" image="edit_l"/>
        <Image type="Background" imageset="YYUI" image="edit_m"/>
        <Image type="RightEdge" imageset="YYUI" image="edit_r"/>
      </FrameComponent>
    </ImagerySection>
    <StateImagery name="Enabled" >
      <Layer>
        <Section section="image"/>
      </Layer>
    </StateImagery>
    <StateImagery name="Disabled" >
      <Layer>
        <Section section="image"/>
      </Layer>
    </StateImagery>
  </WidgetLook>

    <!--
    ***************************************************
        YY/NormalWnd
    ***************************************************
    -->
    <WidgetLook name="YY/NormalWnd">	
	<PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
	<PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
	<PropertyDefinition name="BackgroundColours" initialValue="tl: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="YYUI" image="StaticLeft" dimension="Width" /></Dim>
				<Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
				<Dim type="RightEdge" >
					<UnifiedDim scale="1" type="RightEdge">
						<DimOperator op="Subtract">
							<ImageDim imageset="YYUI" image="StaticRight" dimension="Width" />
						</DimOperator>
					</UnifiedDim>
				</Dim>
				<Dim type="BottomEdge" >
					<UnifiedDim scale="1" type="BottomEdge">  
						<DimOperator op="Subtract">
							<ImageDim imageset="YYUI" image="StaticBottom" 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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
				<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></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="YY/StaticShared" section="frame" /> </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
		<Layer> <Section look="YY/StaticShared" section="frame" /> </Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
		<Layer> <Section look="YY/StaticShared" section="background" /> </Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
		<Layer> <Section look="YY/StaticShared" section="background" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
		<Layer> <Section look="YY/StaticShared" section="background_noframe" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
		<Layer> <Section look="YY/StaticShared" section="background_noframe" /> </Layer>
        </StateImagery>
	<!--
        <StateImagery name="WithFrameImage">
		<Layer> <Section section="image_withframe" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameImage">
		<Layer> <Section section="image_noframe" /> </Layer>
        </StateImagery>
	-->
    </WidgetLook>


    <!--
    ***************************************************
        YY/Titlebar
    ***************************************************
    -->
    <WidgetLook name="YY/Titlebar">
        <PropertyDefinition name="CaptionColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <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.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="NewTitlebarLeft" />
                <VertFormat type="Stretched" />
            </ImageryComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="SysAreaRight" dimension="Width">
                                    <DimOperator op="Add">
                                        <ImageDim imageset="YYUI" image="SysAreaMiddle" dimension="Width" />
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="NewTitlebarRight" />
                <VertFormat type="Stretched" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="SysAreaRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="SysAreaMiddle" />
                <VertFormat type="Stretched" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="SysAreaRight" />
                <VertFormat type="Stretched" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="NewTitlebarLeft" dimension="Width" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="SysAreaRight" dimension="Width">
                                    <DimOperator op="Add">
                                        <ImageDim imageset="YYUI" image="SysAreaMiddle" dimension="Width">
                                            <DimOperator op="Add"> <ImageDim imageset="YYUI" image="NewTitlebarRight" dimension="Width" /> </DimOperator>
                                        </ImageDim>
                                    </DimOperator>
                                </ImageDim>
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="NewTitlebarMiddle" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="caption">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="NewTitlebarLeft" dimension="Width" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" offset="-75" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <ColourProperty name="CaptionColour" />
                <VertFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Active">
            <Layer>
                <Section section="main" />
                <Section section="caption" />
            </Layer>
        </StateImagery>
        <StateImagery name="Inactive">
            <Layer>
                <Section section="main" />
                <Section section="caption" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="caption">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

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


<!--
    ***************************************************
        YY/DragableImage<Must be put in FrameWindow>
    ***************************************************
  -->  
    <WidgetLook name="YY/DragableImage">
	<PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
	<PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
	<PropertyDefinition name="BackgroundColours" initialValue="tl: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="YYUI" image="StaticLeft" dimension="Width" /></Dim>
			<Dim type="TopEdge" ><ImageDim imageset="YYUI" image="StaticTop" dimension="Height" /></Dim>
			<Dim type="RightEdge" >
				<UnifiedDim scale="1" type="RightEdge"><DimOperator op="Subtract">
						<ImageDim imageset="YYUI" image="StaticRight" dimension="Width" />
				</DimOperator></UnifiedDim>
			</Dim>
			<Dim type="BottomEdge" >
				<UnifiedDim scale="1" type="BottomEdge"><DimOperator op="Subtract">
						<ImageDim imageset="YYUI" image="StaticBottom" 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="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
			<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></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="YY/StaticShared" section="frame" />  </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer> <Section look="YY/StaticShared" section="frame" />  </Layer>
        </StateImagery>
        <StateImagery name="WithFrameEnabledBackground">
            <Layer> <Section look="YY/StaticShared" section="background" /> </Layer>
        </StateImagery>
        <StateImagery name="WithFrameDisabledBackground">
            <Layer> <Section look="YY/StaticShared" section="background" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer> <Section look="YY/StaticShared" section="background_noframe" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer> <Section look="YY/StaticShared" section="background_noframe" /> </Layer>
        </StateImagery>
        <StateImagery name="WithFrameImage">
            <Layer> <Section section="image_withframe" /> </Layer>
        </StateImagery>
        <StateImagery name="NoFrameImage">
            <Layer> <Section section="image_noframe" /> </Layer>
        </StateImagery>
    </WidgetLook>


 
	<!--
    ***************************************************
        YY/FrameWindow
    ***************************************************
    -->
    <WidgetLook name="YY/FrameWindow">
        <PropertyDefinition name="ClientAreaColour" initialValue="FFB1B1B1" redrawOnWrite="true" />
        <PropertyLinkDefinition name="CaptionColour" widget="__auto_titlebar__" targetProperty="CaptionColour" initialValue="FFFFFFFF" />
        <PropertyLinkDefinition name="TitlebarFont" widget="__auto_titlebar__" targetProperty="Font" />
        <Property name="NSSizingCursorImage" value="set:YYUI image:MouseNoSoCursor" />
        <Property name="EWSizingCursorImage" value="set:YYUI image:MouseEsWeCursor" />
        <Property name="NWSESizingCursorImage" value="set:YYUI image:MouseNwSeCursor" />
        <Property name="NESWSizingCursorImage" value="set:YYUI image:MouseNeSwCursor" />
        <Property name="UnifiedMinSize" value="{{0,0},{0,0}}" />
        <NamedArea name="ClientWithTitleWithFrame">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="WindowTopLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="WindowTopRight" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="WindowBottomEdge" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ClientWithTitleNoFrame">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
                <Dim type="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="YYUI" image="WindowTopLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="WindowTopEdge" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="WindowTopRight" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="WindowBottomEdge" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ClientNoTitleNoFrame">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <Child type="YY/Titlebar" nameSuffix="__auto_titlebar__">
            <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" ><AbsoluteDim value="30" /> </Dim> 
		  <!--
		  <FontDim type="LineSpacing"> <DimOperator op="Multiply"> <AbsoluteDim value="3" /> </DimOperator> </FontDim>
		  -->				
            </Area>
            <Property name="AlwaysOnTop" value="False" />
        </Child>
        <Child type="YY/SystemButton" nameSuffix="__auto_closebutton__">
            <Area>
               <Dim type="LeftEdge" >
                    <UnifiedDim scale="1" type="LeftEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="SysAreaRight" dimension="Width">
                                <DimOperator op="Add">
                                	<ImageDim imageset="YYUI" image="WindowCloseNormal" dimension="Width" />
                                   <!-- <ImageDim imageset="YYUI" image="SysAreaMiddle" dimension="Width" />-->
                                </DimOperator>
                            </ImageDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>            
                <Dim type="TopEdge" >
                    <AbsoluteDim value="0.5">
                        <DimOperator op="Multiply">
                            <WidgetDim widget="__auto_titlebar__" dimension="Height">
                                <DimOperator op="Subtract">
                                    <ImageDim imageset="YYUI" image="WindowCloseNormal" dimension="Width" />
                                </DimOperator>
                            </WidgetDim>
                        </DimOperator>
                    </AbsoluteDim>
                </Dim>
                <Dim type="Width" ><ImageDim imageset="YYUI" image="WindowCloseNormal" dimension="Width" /></Dim>
                <Dim type="Height" ><ImageDim imageset="YYUI" image="WindowCloseNormal" dimension="Width" /></Dim>
            </Area>
            <Property name="AlwaysOnTop" value="True" />
            <Property name="NormalImage" value="set:YYUI image:WindowCloseNormal" />
            <Property name="HoverImage" value="set:YYUI image:WindowCloseHover" />
            <Property name="PushedImage" value="set:YYUI image:WindowClosePressed" />
        </Child>
        <ImagerySection name="withtitle_frame">
            <FrameComponent>
                <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" ><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="BottomLeftCorner" imageset="YYUI" image="WindowBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="WindowBottomRight" />
                <Image type="LeftEdge" imageset="YYUI" image="WindowLeftEdge" />
                <Image type="RightEdge" imageset="YYUI" image="WindowRightEdge" />
                <Image type="BottomEdge" imageset="YYUI" image="WindowBottomEdge" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="WindowTopLeft" dimension="Width" /></Dim>
                    <Dim type="TopEdge" ><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
                    <Dim type="RightEdge" >
                        <UnifiedDim scale="1" type="Width">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="WindowTopRight" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge" >
                        <UnifiedDim scale="1" type="Height">
                            <DimOperator op="Subtract">
                                <ImageDim imageset="YYUI" image="WindowBottomEdge" dimension="Height" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="YYUI" image="GenericBrush" />
                <ColourProperty name="ClientAreaColour" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="notitle_frame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="YYUI" image="WindowTopLeft" />
                <Image type="TopRightCorner" imageset="YYUI" image="WindowTopRight" />
                <Image type="BottomLeftCorner" imageset="YYUI" image="WindowBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="WindowBottomRight" />
                <Image type="LeftEdge"   imageset="YYUI" image="WindowLeftEdge" />
                <Image type="TopEdge"    imageset="YYUI" image="WindowTopEdge" />
                <Image type="RightEdge"  imageset="YYUI" image="WindowRightEdge" />
                <Image type="BottomEdge" imageset="YYUI" image="WindowBottomEdge" />
            </FrameComponent>
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"> <ImageDim imageset="YYUI" image="WindowLeftEdge" dimension="Width" /> </Dim>
                    <Dim type="TopEdge">  <ImageDim imageset="YYUI" image="WindowTopEdge" dimension="Height" /> </Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="WindowRightEdge" dimension="Width" /> </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="BottomEdge">
                        <UnifiedDim scale="1" type="BottomEdge">
                            <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="WindowBottomEdge" dimension="Height" /> </DimOperator>
                        </UnifiedDim>
                    </Dim>
                </Area>
                <Image imageset="YYUI" image="GenericBrush" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="withtitle_noframe_client_area">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><WidgetDim widget="__auto_titlebar__" dimension="Height" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="YYUI" image="GenericBrush" />
                <ColourProperty name="ClientAreaColour" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="notitle_noframe_client_area">
            <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="YYUI" image="GenericBrush" />
                <ColourProperty name="ClientAreaColour" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="ActiveWithTitleWithFrame">
            <Layer>
                <Section section="withtitle_frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveWithTitleWithFrame">
            <Layer>
                <Section section="withtitle_frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledWithTitleWithFrame">
            <Layer>
                <Section section="withtitle_frame">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveWithTitleNoFrame">
            <Layer>
                <Section section="withtitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveWithTitleNoFrame">
            <Layer>
                <Section section="withtitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledWithTitleNoFrame">
            <Layer>
                <Section section="withtitle_noframe_client_area">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveNoTitleWithFrame">
            <Layer>
                <Section section="notitle_frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveNoTitleWithFrame">
            <Layer>
                <Section section="notitle_frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledNoTitleWithFrame">
            <Layer>
                <Section section="notitle_frame">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveNoTitleNoFrame">
            <Layer>
                <Section section="notitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveNoTitleNoFrame">
            <Layer>
                <Section section="notitle_noframe_client_area" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledNoTitleNoFrame">
            <Layer>
                <Section section="notitle_noframe_client_area">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>  

    <!--
    ***************************************************
        YYUI/Button
    ***************************************************
    -->
  <WidgetLook name="YY/Button">
    <PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
    <PropertyDefinition name="HoverTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
    <PropertyDefinition name="PushedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
    <PropertyDefinition name="DisabledTextColour" initialValue="FFFF7777" 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="YYUI" image="ButtonNormalTopLeft" />
        <Image type="TopRightCorner" imageset="YYUI" image="ButtonNormalTopRight" />
        <Image type="BottomLeftCorner" imageset="YYUI" image="ButtonNormalBottomLeft" />
        <Image type="BottomRightCorner" imageset="YYUI" image="ButtonNormalBottomRight" />
        <Image type="LeftEdge" imageset="YYUI" image="ButtonNormalLeft" />
        <Image type="TopEdge" imageset="YYUI" image="ButtonNormalTop" />
        <Image type="RightEdge" imageset="YYUI" image="ButtonNormalRight" />
        <Image type="BottomEdge" imageset="YYUI" image="ButtonNormalBottom" />
      </FrameComponent>
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge">
            <ImageDim imageset="YYUI" image="ButtonNormalLeft" dimension="Width" />
          </Dim>
          <Dim type="TopEdge">
            <ImageDim imageset="YYUI" image="ButtonNormalTop" dimension="Height" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonNormalRight" dimension="Width" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonNormalBottom" dimension="Height" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
        </Area>
        <Image imageset="YYUI" image="ButtonNormalBackground" />
        <Colours topLeft="FFAFAFAF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFAFAFAF" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </ImagerySection>
    <ImagerySection name="hover">
      <FrameComponent>
        <Area>
          <Dim type="LeftEdge">
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="TopEdge">
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge" />
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge" />
          </Dim>
        </Area>
        <Image type="TopLeftCorner" imageset="YYUI" image="ButtonHoverTopLeft" />
        <Image type="TopRightCorner" imageset="YYUI" image="ButtonHoverTopRight" />
        <Image type="BottomLeftCorner" imageset="YYUI" image="ButtonHoverBottomLeft" />
        <Image type="BottomRightCorner" imageset="YYUI" image="ButtonHoverBottomRight" />
        <Image type="LeftEdge" imageset="YYUI" image="ButtonHoverLeft" />
        <Image type="TopEdge" imageset="YYUI" image="ButtonHoverTop" />
        <Image type="RightEdge" imageset="YYUI" image="ButtonHoverRight" />
        <Image type="BottomEdge" imageset="YYUI" image="ButtonHoverBottom" />
      </FrameComponent>
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge">
            <ImageDim imageset="YYUI" image="ButtonHoverLeft" dimension="Width" />
          </Dim>
          <Dim type="TopEdge">
            <ImageDim imageset="YYUI" image="ButtonHoverTop" dimension="Height" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonHoverRight" dimension="Width" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonHoverBottom" dimension="Height" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
        </Area>
        <Image imageset="YYUI" image="ButtonHoverBackground" />
        <Colours topLeft="FFCFD9CF" topRight="FFF2FFF2" bottomLeft="FFF2FFF2" bottomRight="FFCFD9CF" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </ImagerySection>
    <ImagerySection name="pushed">
      <FrameComponent>
        <Area>
          <Dim type="LeftEdge">
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="TopEdge">
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge" />
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge" />
          </Dim>
        </Area>
        <Image type="TopLeftCorner" imageset="YYUI" image="ButtonPushedTopLeft" />
        <Image type="TopRightCorner" imageset="YYUI" image="ButtonPushedTopRight" />
        <Image type="BottomLeftCorner" imageset="YYUI" image="ButtonPushedBottomLeft" />
        <Image type="BottomRightCorner" imageset="YYUI" image="ButtonPushedBottomRight" />
        <Image type="LeftEdge" imageset="YYUI" image="ButtonPushedLeft" />
        <Image type="TopEdge" imageset="YYUI" image="ButtonPushedTop" />
        <Image type="RightEdge" imageset="YYUI" image="ButtonPushedRight" />
        <Image type="BottomEdge" imageset="YYUI" image="ButtonPushedBottom" />
      </FrameComponent>
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge">
            <ImageDim imageset="YYUI" image="ButtonPushedLeft" dimension="Width" />
          </Dim>
          <Dim type="TopEdge">
            <ImageDim imageset="YYUI" image="ButtonPushedTop" dimension="Height" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonPushedRight" dimension="Width" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonPushedBottom" dimension="Height" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
        </Area>
        <Image imageset="YYUI" image="ButtonPushedBackground" />
        <Colours topLeft="FFAFAFAF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFAFAFAF" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </ImagerySection>
    <ImagerySection name="disabled">
      <FrameComponent>
        <Area>
          <Dim type="LeftEdge">
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="TopEdge">
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge" />
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge" />
          </Dim>
        </Area>
        <Image type="TopLeftCorner" imageset="YYUI" image="ButtonDisableTopLeft" />
        <Image type="TopRightCorner" imageset="YYUI" image="ButtonDisableTopRight" />
        <Image type="BottomLeftCorner" imageset="YYUI" image="ButtonDisableBottomLeft" />
        <Image type="BottomRightCorner" imageset="YYUI" image="ButtonDisableBottomRight" />
        <Image type="LeftEdge" imageset="YYUI" image="ButtonDisableLeft" />
        <Image type="TopEdge" imageset="YYUI" image="ButtonDisableTop" />
        <Image type="RightEdge" imageset="YYUI" image="ButtonDisableRight" />
        <Image type="BottomEdge" imageset="YYUI" image="ButtonDisableBottom" />
      </FrameComponent>
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge">
            <ImageDim imageset="YYUI" image="ButtonDisableLeft" dimension="Width" />
          </Dim>
          <Dim type="TopEdge">
            <ImageDim imageset="YYUI" image="ButtonDisableTop" dimension="Height" />
          </Dim>
          <Dim type="RightEdge">
            <UnifiedDim scale="1" type="RightEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonDisableRight" dimension="Width" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
          <Dim type="BottomEdge">
            <UnifiedDim scale="1" type="BottomEdge">
              <DimOperator op="Subtract">
                <ImageDim imageset="YYUI" image="ButtonDisableBottom" dimension="Height" />
              </DimOperator>
            </UnifiedDim>
          </Dim>
        </Area>
        <Image imageset="YYUI" image="ButtonDisableBackground" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </ImagerySection>
    <StateImagery name="Normal">
      <Layer>
        <Section section="normal" />
        <Section section="label">
          <ColourProperty name="NormalTextColour" />
        </Section>
      </Layer>
    </StateImagery>
    <StateImagery name="Hover">
      <Layer>
        <Section section="hover" />
        <Section section="label">
          <ColourProperty name="HoverTextColour" />
        </Section>
      </Layer>
    </StateImagery>
    <StateImagery name="Pushed">
      <Layer>
        <Section section="pushed" />
        <Section section="label">
          <ColourProperty name="PushedTextColour" />
        </Section>
      </Layer>
    </StateImagery>
    <StateImagery name="PushedOff">
      <Layer>
        <Section section="hover" />
        <Section section="label">
          <ColourProperty name="HoverTextColour" />
        </Section>
      </Layer>
    </StateImagery>
    <StateImagery name="Disabled">
      <Layer>
        <Section section="disabled">
          <Colours topLeft="FFDFDFDF" topRight="FFDFDFDF" bottomLeft="FFDFDFDF" bottomRight="FFDFDFDF" />
        </Section>
        <Section section="label">
          <ColourProperty name="DisabledTextColour" />
        </Section>
      </Layer>
    </StateImagery>
  </WidgetLook>

    <!--
    ***************************************************
        YY/ImageButton
    ***************************************************
    -->
    <WidgetLook name="YY/ImageButton">
        <PropertyDefinition name="NormalImage" initialValue="" redrawOnWrite="true" />
        <PropertyDefinition name="HoverImage" initialValue="" redrawOnWrite="true" />
        <PropertyDefinition name="PushedImage" initialValue="" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledImage" initialValue="" redrawOnWrite="true" />
        <PropertyDefinition name="VertImageFormatting" initialValue="Stretched" redrawOnWrite="true" />
        <PropertyDefinition name="HorzImageFormatting" initialValue="Stretched" redrawOnWrite="true" />
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <ImageProperty name="NormalImage" />
                <VertFormatProperty name="VertImageFormatting" />
                <HorzFormatProperty name="HorzImageFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <ImageProperty name="HoverImage" />
                <VertFormatProperty name="VertImageFormatting" />
                <HorzFormatProperty name="HorzImageFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="pushed">
            <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>
                <ImageProperty name="PushedImage" />
                <VertFormatProperty name="VertImageFormatting" />
                <HorzFormatProperty name="HorzImageFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="disabled">
            <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>
                <ImageProperty name="DisabledImage" />
                <VertFormatProperty name="VertImageFormatting" />
                <HorzFormatProperty name="HorzImageFormatting" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer> <Section section="normal" /> </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer> <Section section="hover" /> </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer> <Section section="pushed" /> </Layer>
        </StateImagery>
        <StateImagery name="PushedOff">
            <Layer> <Section section="hover" /> </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>  <Section section="disabled" />  </Layer>
        </StateImagery>
    </WidgetLook>

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


<!--
***************************************************
YY/Slider
***************************************************
-->
    <WidgetLook name="YY/Slider">
        <Property name="MouseButtonDownAutoRepeat" value="True" />
        <Property name="WantsMultiClickEvents" value="False" />
        <NamedArea name="ThumbTrackArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="YY/SliderThumb" nameSuffix="__auto_thumb__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><ImageDim imageset="YYUI" image="SliderThumbNormal" dimension="Width" /></Dim>
                <Dim type="Height" ><ImageDim imageset="YYUI" image="SliderThumbNormal" dimension="Height" /></Dim>
            </Area>
            <VertAlignment type="TopAligned" />
        </Child>
        <ImagerySection name="value_lights">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="5" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><ImageDim imageset="YYUI" image="SliderTrackVal" dimension="BottomEdge" /></Dim>
                </Area>
                <Image imageset="YYUI" image="SliderTrackVal" />
                <VertFormat type="TopAligned" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>  
	<ImagerySection name="track">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="5" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="Height" ><ImageDim imageset="YYUI" image="SliderTrackMiddle" dimension="Height" /></Dim>
                </Area>
                <Image type="LeftEdge" imageset="YYUI" image="SliderTrackLeft" />
                <Image type="RightEdge" imageset="YYUI" image="SliderTrackRight" />
                <Image type="Background" imageset="YYUI" image="SliderTrackMiddle" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer> <Section section="track" /> </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer> <Section section="track" /> </Layer>
        </StateImagery>
        <StateImagery name="EnabledSlider">
            <Layer> <Section section="value_lights" /> </Layer>
        </StateImagery>
        <StateImagery name="DisabledSlider">
            <Layer>
                <Section section="value_lights">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>        
    </WidgetLook>


         
<!--**************************************************     
YY/Editbox     
***************************************************-->

  <WidgetLook name="YY/Editbox">
    <PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" 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="MouseCursorImage" value="set:YYUI image:MouseTextBar" />
    <NamedArea name="TextArea">
      <Area>
        <Dim type="LeftEdge" > <AbsoluteDim value="5" /> </Dim>
        <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
        <Dim type="RightEdge" > <UnifiedDim scale="1.0" offset="-5" type="RightEdge" /> </Dim>
        <Dim type="Height" > <ImageDim imageset="YYUI" image="EditBoxMiddle" dimension="Height" /> </Dim>
      </Area>
    </NamedArea>
    <ImagerySection name="container_normal">
      <FrameComponent>
        <Area>
          <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="Width" > <UnifiedDim scale="1" type="Width" /> </Dim>
          <Dim type="Height" >  <ImageDim imageset="YYUI" image="EditBoxMiddle" dimension="Height" /> </Dim>
        </Area>
        <Image type="LeftEdge" imageset="YYUI" image="EditBoxLeft" />
        <Image type="RightEdge" imageset="YYUI" image="EditBoxRight" />
        <Image type="Background" imageset="YYUI" image="EditBoxMiddle" />
      </FrameComponent>
    </ImagerySection>
    <ImagerySection name="selection">
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
          <Dim type="TopEdge" > <AbsoluteDim value="2" /> </Dim>
          <Dim type="RightEdge" > <UnifiedDim scale="1.0" type="RightEdge" /> </Dim>
          <Dim type="BottomEdge" > <UnifiedDim scale="1.0" offset="-2" type="BottomEdge" /> </Dim>
        </Area>
        <Image imageset="YYUI" image="MultiLineEditboxSelectionBrush" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </ImagerySection>
    <ImagerySection name="Carat">
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
          <Dim type="TopEdge" > <AbsoluteDim value="3" /> </Dim>
          <Dim type="Width" > <ImageDim imageset="YYUI" image="EditBoxCarat" dimension="Width" /> </Dim>
          <Dim type="Height" > <ImageDim imageset="YYUI" image="EditBoxCarat" dimension="Height" /> </Dim>
        </Area>
        <Image imageset="YYUI" image="EditBoxCarat" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </ImagerySection>
    <StateImagery name="Enabled">
      <Layer>  <Section section="container_normal" /> </Layer>
    </StateImagery>

    <StateImagery name="ReadOnly">
      <Layer> <Section section="container_normal" /> </Layer>
    </StateImagery>

    <StateImagery name="MaskText">
      <Layer> <Section section="container_normal" /> </Layer>
    </StateImagery>

    <StateImagery name="Disabled">
      <Layer>
        <Section section="container_normal">
          <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
        </Section>
      </Layer>
    </StateImagery>
    <StateImagery name="ActiveSelection">
      <Layer>
        <Section section="selection">
          <ColourProperty name="ActiveSelectionColour" />
        </Section>
      </Layer>
    </StateImagery>
    <StateImagery name="InactiveSelection">
      <Layer>
        <Section section="selection">
          <ColourProperty name="InactiveSelectionColour" />
        </Section>
      </Layer>
    </StateImagery>
  </WidgetLook>
     

<!--**************************************************         
YY/HorizontalScrollbarThumb     
***************************************************-->
	<WidgetLook name="YY/HorizontalScrollbarThumb">
	  <Property name="HorzFree" value="True" />
	  <ImagerySection name="normal">
	    <ImageryComponent>
	      <Area>
		<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
		<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
		<Dim type="Width" >
		  <ImageDim imageset="YYUI" image="MiniHorzScrollThumbNormal" dimension="Width" />
		</Dim>
		<Dim type="Height" >
		  <ImageDim imageset="YYUI" image="MiniHorzScrollThumbNormal" dimension="Height" />
		</Dim>
	      </Area>
	      <Image imageset="YYUI" image="MiniHorzScrollThumbNormal" />
	      <VertFormat type="Stretched" />
	      <HorzFormat type="Stretched" />
	    </ImageryComponent>
	  </ImagerySection>
	  <ImagerySection name="hover">
	    <ImageryComponent>
	      <Area>
		<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
		<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
		<Dim type="Width" >
		  <ImageDim imageset="YYUI" image="MiniHorzScrollThumbHover" dimension="Width" />
		</Dim>
		<Dim type="Height" >
		  <ImageDim imageset="YYUI" image="MiniHorzScrollThumbHover" dimension="Height" />
		</Dim>
	      </Area>
	      <Image imageset="YYUI" image="MiniHorzScrollThumbHover" />
	      <VertFormat type="Stretched" />
	      <HorzFormat type="Stretched" />
	    </ImageryComponent>
	  </ImagerySection>
	  <ImagerySection name="pushed">
	    <ImageryComponent>
	      <Area>
		<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
		<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
		<Dim type="Width" >
		  <ImageDim imageset="YYUI" image="MiniHorzScrollThumbPushed" dimension="Width" />
		</Dim>
		<Dim type="Height" >
		  <ImageDim imageset="YYUI" image="MiniHorzScrollThumbPushed" dimension="Height" />
		</Dim>
	      </Area>
	      <Image imageset="YYUI" image="MiniHorzScrollThumbPushed" />
	      <VertFormat type="Stretched" />
	      <HorzFormat type="Stretched" />
	    </ImageryComponent>
	  </ImagerySection>
	  <StateImagery name="Normal"> <Layer> <Section section="normal" />  </Layer>  </StateImagery>
	  <StateImagery name="Hover">  <Layer> <Section section="hover" />   </Layer>  </StateImagery>
	  <StateImagery name="Pushed"> <Layer> <Section section="pushed" />  </Layer>  </StateImagery>
	  <StateImagery name="Disabled">
	    <Layer>
	      <Section section="normal">
		<Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
	      </Section>
	    </Layer>
	  </StateImagery>
	</WidgetLook>


<!--**************************************************         
YY/HorizontalScrollbar     
***************************************************-->
	<WidgetLook name="YY/HorizontalScrollbar">
	  <NamedArea name="ThumbTrackArea">
	    <Area>
	      <Dim type="LeftEdge" >
		<ImageDim imageset="YYUI" image="MiniHorzScrollLeftNormal" dimension="Width" />
	      </Dim>
	      <Dim type="TopEdge" >
		<AbsoluteDim value="0" />
	      </Dim>
	      <Dim type="RightEdge" >
		<UnifiedDim scale="1.0" type="RightEdge">
		  <DimOperator op="Subtract">
		    <ImageDim imageset="YYUI" image="MiniHorzScrollRightNormal" dimension="Width" />
		  </DimOperator>
		</UnifiedDim>
	      </Dim>
	      <Dim type="BottomEdge" >
		<ImageDim imageset="YYUI" image="MiniHorzScrollBarSegment" dimension="Height" />
	      </Dim>
	    </Area>
	  </NamedArea>
	  <Child  type="YY/ImageButton" nameSuffix="__auto_incbtn__">
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="Width" > <ImageDim imageset="YYUI" image="MiniHorzScrollRightNormal" dimension="Width" /> </Dim>
	      <Dim type="Height" > <ImageDim imageset="YYUI" image="MiniHorzScrollRightNormal" dimension="Height" /> </Dim>
	    </Area>
	    <HorzAlignment type="RightAligned" />
	    <Property name="NormalImage" value="set:AquaLook image:MiniHorzScrollRightNormal" />
	    <Property name="HoverImage" value="set:AquaLook image:MiniHorzScrollRightHover" />
	    <Property name="PushedImage" value="set:AquaLook image:MiniHorzScrollRightNormal" />
	  </Child>
	  <Child  type="YY/ImageButton" nameSuffix="__auto_decbtn__">
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="Width" > <ImageDim imageset="YYUI" image="MiniHorzScrollLeftNormal" dimension="Width" /> </Dim>
	      <Dim type="Height" > <ImageDim imageset="YYUI" image="MiniHorzScrollLeftNormal" dimension="Height" /> </Dim>
	    </Area>
	    <Property name="NormalImage" value="set:AquaLook image:MiniHorzScrollLeftNormal" />
	    <Property name="HoverImage" value="set:AquaLook image:MiniHorzScrollLeftHover" />
	    <Property name="PushedImage" value="set:AquaLook image:MiniHorzScrollLeftNormal" />
	  </Child>
	  <Child  type="YY/HorizontalScrollbarThumb" nameSuffix="__auto_thumb__">
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="Width" > <ImageDim imageset="YYUI" image="MiniHorzScrollThumbNormal" dimension="Width" /> </Dim>
	      <Dim type="Height" > <ImageDim imageset="YYUI" image="MiniHorzScrollThumbNormal" dimension="Height" /> </Dim>
	    </Area>
	  </Child>
	  <ImagerySection name="main">
	    <FrameComponent>
	      <Area>
		<Dim type="LeftEdge">
		  <ImageDim imageset="YYUI" image="MiniHorzScrollLeftNormal" dimension="Width" />
		</Dim>
		<Dim type="TopEdge">
		  <AbsoluteDim value="0" />
		</Dim>
		<Dim type="RightEdge">
		  <UnifiedDim scale="1" type="RightEdge">
		    <DimOperator op="Subtract">
		      <ImageDim imageset="YYUI" image="MiniHorzScrollRightNormal" dimension="Width" />
		    </DimOperator>
		  </UnifiedDim>
		</Dim>
		<Dim type="Height">
		  <ImageDim imageset="YYUI" image="MiniHorzScrollBarSegment" dimension="Height" />
		</Dim>
	      </Area>
	      <Image type="LeftEdge" imageset="YYUI" image="MiniHorzScrollBarSegmentLeft" />
	      <Image type="RightEdge" imageset="YYUI" image="MiniHorzScrollBarSegmentRight" />
	      <Image type="Background" imageset="YYUI" image="MiniHorzScrollBarSegment" />
	    </FrameComponent>
	  </ImagerySection>
	  <StateImagery name="Enabled">
	    <Layer> <Section section="main" /> </Layer>
	  </StateImagery>
	  <StateImagery name="Disabled">
	    <Layer>
	      <Section section="main">
		<Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
	      </Section>
	    </Layer>
	  </StateImagery>
	</WidgetLook>

     
<!--**************************************************         
 YY/VerticalScrollbarThumb    
***************************************************-->
	<WidgetLook name="YY/VerticalScrollbarThumb">
	<Property name="VertFree" value="True" />
	<ImagerySection name="normal">
	  <ImageryComponent>
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="Width" > <ImageDim imageset="YYUI" image="MiniVertScrollThumbNormal" dimension="Width" /> </Dim>
	      <Dim type="Height" ><ImageDim imageset="YYUI" image="MiniVertScrollThumbNormal" dimension="Height" /> </Dim>
	    </Area>
	    <Image imageset="YYUI" image="MiniVertScrollThumbNormal" />
	    <VertFormat type="Stretched" />
	    <HorzFormat type="Stretched" />
	  </ImageryComponent>
	</ImagerySection>
	<ImagerySection name="hover">
	  <ImageryComponent>
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="Width" > <ImageDim imageset="YYUI" image="MiniVertScrollThumbHover" dimension="Width" /> </Dim>
	      <Dim type="Height" > <ImageDim imageset="YYUI" image="MiniVertScrollThumbHover" dimension="Height" /> </Dim>
	    </Area>
	    <Image imageset="YYUI" image="MiniVertScrollThumbHover" />
	    <VertFormat type="Stretched" />
	    <HorzFormat type="Stretched" />
	  </ImageryComponent>
	</ImagerySection>
	<ImagerySection name="pushed">
	  <ImageryComponent>
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="Width" > <ImageDim imageset="YYUI" image="MiniVertScrollThumbPushed" dimension="Width" /> </Dim>
	      <Dim type="Height" > <ImageDim imageset="YYUI" image="MiniVertScrollThumbPushed" dimension="Height" /> </Dim>
	    </Area>
	    <Image imageset="YYUI" image="MiniVertScrollThumbPushed" />
	    <VertFormat type="Stretched" />
	    <HorzFormat type="Stretched" />
	  </ImageryComponent>
	</ImagerySection>
	<StateImagery name="Normal">  <Layer> <Section section="normal" /> </Layer> </StateImagery>
	<StateImagery name="Hover">   <Layer> <Section section="hover" /> </Layer>  </StateImagery>
	<StateImagery name="Pushed">  <Layer>  <Section section="pushed" /> </Layer></StateImagery>
	<StateImagery name="Disabled">
	  <Layer>
	    <Section section="normal">
	      <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
	    </Section>
	  </Layer>
	</StateImagery>
	</WidgetLook>


<!--**************************************************        
YY/VerticalScrollbar     
***************************************************-->
	<WidgetLook name="YY/VerticalScrollbar">
	<Property name="VerticalScrollbar" value="True" />
	<NamedArea name="ThumbTrackArea">
	  <Area>
	    <Dim type="LeftEdge" >   <AbsoluteDim value="0" /> </Dim>
	    <Dim type="TopEdge" > <ImageDim imageset="YYUI" image="MiniVertScrollUpNormal" dimension="Height" />  </Dim>
	    <Dim type="Width" >  <ImageDim imageset="YYUI" image="MiniVertScrollBarSegment" dimension="Width" />  </Dim>
	    <Dim type="BottomEdge" >
	      <UnifiedDim scale="1.0" type="BottomEdge">
		<DimOperator op="Subtract">
		  <ImageDim imageset="YYUI" image="MiniVertScrollDownNormal" dimension="Height" />
		</DimOperator>
	      </UnifiedDim>
	    </Dim>
	  </Area>
	</NamedArea>
	<Child  type="YY/ImageButton" nameSuffix="__auto_incbtn__">
	  <Area>
	    <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	    <Dim type="TopEdge" > <AbsoluteDim value="0" />  </Dim>
	    <Dim type="Width" >   <ImageDim imageset="YYUI" image="MiniVertScrollDownNormal" dimension="Width" /> </Dim>
	    <Dim type="Height" >  <ImageDim imageset="YYUI" image="MiniVertScrollDownNormal" dimension="Height" /> </Dim>
	  </Area>
	  <VertAlignment type="BottomAligned" />
	  <Property name="NormalImage" value="set:YYUI image:MiniVertScrollDownNormal" />
	  <Property name="HoverImage" value="set:YYUI image:MiniVertScrollDownHover" />
	  <Property name="PushedImage" value="set:YYUI image:MiniVertScrollDownNormal" />
	</Child>
	<Child  type="YY/ImageButton" nameSuffix="__auto_decbtn__">
	  <Area>
	    <Dim type="LeftEdge" > <AbsoluteDim value="0" />  </Dim>
	    <Dim type="TopEdge" >  <AbsoluteDim value="0" />  </Dim>
	    <Dim type="Width" >   <ImageDim imageset="YYUI" image="MiniVertScrollUpNormal" dimension="Width" /> </Dim>
	    <Dim type="Height" >  <ImageDim imageset="YYUI" image="MiniVertScrollUpNormal" dimension="Height" /> </Dim>
	  </Area>
	  <Property name="NormalImage" value="set:YYUI image:MiniVertScrollUpNormal" />
	  <Property name="HoverImage" value="set:YYUI image:MiniVertScrollUpHover" />
	  <Property name="PushedImage" value="set:YYUI image:MiniVertScrollUpNormal" />
	</Child>
	<Child  type="YY/VerticalScrollbarThumb" nameSuffix="__auto_thumb__">
	  <Area>
	    <Dim type="LeftEdge" >  <AbsoluteDim value="0" /> </Dim>
	    <Dim type="TopEdge" >   <AbsoluteDim value="0" /> </Dim>
	    <Dim type="Width" >  <ImageDim imageset="YYUI" image="MiniVertScrollThumbNormal" dimension="Width" />  </Dim>
	    <Dim type="Height" > <ImageDim imageset="YYUI" image="MiniVertScrollThumbNormal" dimension="Height" /> </Dim>
	  </Area>
	</Child>
	<ImagerySection name="main">
	  <FrameComponent>
	    <Area>
	      <Dim type="LeftEdge" > <AbsoluteDim value="0" /> </Dim>
	      <Dim type="TopEdge" >  <ImageDim imageset="YYUI" image="MiniVertScrollUpNormal" dimension="Height" />  </Dim>
	      <Dim type="Width" >    <ImageDim imageset="YYUI" image="MiniVertScrollBarSegment" dimension="Width" /> </Dim>
	      <Dim type="BottomEdge" >
		<UnifiedDim scale="1.0" type="BottomEdge">
		  <DimOperator op="Subtract">
		    <ImageDim imageset="YYUI" image="MiniVertScrollDownNormal" dimension="Height" />
		  </DimOperator>
		</UnifiedDim>
	      </Dim>
	    </Area>
	    <Image type="TopEdge" imageset="YYUI" image="MiniVertScrollBarSegmentTop" />
	    <Image type="BottomEdge" imageset="YYUI" image="MiniVertScrollBarSegmentBottom" />
	    <Image type="Background" imageset="YYUI" image="MiniVertScrollBarSegment" />
	  </FrameComponent>
	</ImagerySection>
	<StateImagery name="Enabled">  <Layer> <Section section="main" /> </Layer> </StateImagery>
	<StateImagery name="Disabled"> 
	  <Layer> 
	    <Section section="main">
	      <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
	    </Section>
	  </Layer>
	</StateImagery>
	</WidgetLook>


<!--**************************************************
YY/Listbox
***************************************************-->
    <WidgetLook name="YY/Listbox">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ListboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" >
                         <ImageDim imageset="YYUI" image="ListboxTop" dimension="Height" />
		</Dim>

                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="ListboxRight" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <ImageDim imageset="YYUI" image="ListboxBottom" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ListboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ListboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">  <ImageDim imageset="YYUI" image="ListboxRight" dimension="Width" />  </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract"> <WidgetDim widget="__auto_hscrollbar__" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ListboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ListboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">  <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />  </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">  <ImageDim imageset="YYUI" image="ListboxBottom" dimension="Height" />  </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ListboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ListboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">  <WidgetDim widget="__auto_vscrollbar__" dimension="Width" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">  <WidgetDim widget="__auto_hscrollbar__" dimension="Height" /> </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="YY/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-12" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="12" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="YY/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="10" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-10" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="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="TopEdge" imageset="YYUI" image="ListboxTop" />
                <Image type="LeftEdge" imageset="YYUI" image="ListboxLeft" />
                <Image type="RightEdge" imageset="YYUI" image="ListboxRight" />
                <Image type="BottomEdge" imageset="YYUI" image="ListboxBottom" />
                <Image type="Background" imageset="YYUI" image="ListboxBackdrop" />
                <Image type="TopLeftCorner" imageset="YYUI" image="ListboxTopLeft" />
                <Image type="TopRightCorner" imageset="YYUI" image="ListboxTopRight" />
                <Image type="BottomLeftCorner" imageset="YYUI" image="ListboxBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="ListboxBottomRight" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>  <Section section="main" />  </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>


    <!--
    ***************************************************
        YY/MultiLineEditbox
    ***************************************************
    -->
    <WidgetLook name="YY/MultiLineEditbox">
        <PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF607FFF" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF808080" redrawOnWrite="true" />
        <Property name="MouseCursorImage" value="set:YYUI image:MouseTextBar" />
        <Property name="SelectionBrushImage" value="set:YYUI image:MultiLineEditboxSelectionBrush" />
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="MultiLineEditboxRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="MultiLineEditboxBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="MultiLineEditboxRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="MultiLineEditboxBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="TextAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="MultiLineEditboxTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="YY/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-12" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="12" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="YY/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="7" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-7" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="YYUI" image="MultiLineEditboxTopLeft" />
                <Image type="TopRightCorner" imageset="YYUI" image="MultiLineEditboxTopRight" />
                <Image type="BottomLeftCorner" imageset="YYUI" image="MultiLineEditboxBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="MultiLineEditboxBottomRight" />
                <Image type="LeftEdge" imageset="YYUI" image="MultiLineEditboxLeft" />
                <Image type="RightEdge" imageset="YYUI" image="MultiLineEditboxRight" />
                <Image type="TopEdge" imageset="YYUI" image="MultiLineEditboxTop" />
                <Image type="BottomEdge" imageset="YYUI" image="MultiLineEditboxBottom" />
                <Image type="Background" imageset="YYUI" image="MultiLineEditboxBackdrop" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="Carat">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><ImageDim imageset="YYUI" image="EditBoxCarat" dimension="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="YYUI" image="EditBoxCarat" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>



    <!--
    ***************************************************
        YY/Checkbox
    ***************************************************
    -->
    <WidgetLook name="YY/Checkbox">
	<PropertyDefinition name="NormalTextColour" initialValue="FFC9CAB5" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FFC9CAB5" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FFC9CAB5" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF7F7F7F" redrawOnWrite="true" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="YYUI" image="CheckboxNormal" dimension="Width">
                            <DimOperator op="Add"> <AbsoluteDim value="3" /> </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="1" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="CheckboxNormal" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="CheckboxHover" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="select_mark">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="CheckboxMark" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="label"> <ColourProperty name="NormalTextColour" /> </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="label"> <ColourProperty name="HoverTextColour" />  </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="label"> <ColourProperty name="DisabledTextColour" /> </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>
        <StateImagery name="SelectedDisabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="select_mark">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>



    <!--
    ***************************************************
        YY/Tooltip
    ***************************************************
    -->
    <WidgetLook name="YY/Tooltip">
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" >
                    <ImageDim imageset="YYUI" image="TooltipLeftEdge" dimension="Width" />
                </Dim>
                <Dim type="TopEdge" >
                    <ImageDim imageset="YYUI" image="TooltipTopEdge" dimension="Height" />
                </Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1.0" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="TooltipRightEdge" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1.0" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="TooltipBottomEdge" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge"> <AbsoluteDim value="0" /> </Dim>
                    <Dim type="TopEdge"> <AbsoluteDim value="0" /> </Dim>
                    <Dim type="RightEdge"> <UnifiedDim scale="1" type="RightEdge" /> </Dim>
                    <Dim type="BottomEdge"> <UnifiedDim scale="1" type="BottomEdge" /> </Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="YYUI" image="TooltipTopLeft" />
                <Image type="TopRightCorner" imageset="YYUI" image="TooltipTopRight" />
                <Image type="BottomLeftCorner" imageset="YYUI" image="TooltipBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="TooltipBottomRight" />
                <Image type="LeftEdge" imageset="YYUI" image="TooltipLeftEdge" />
                <Image type="TopEdge" imageset="YYUI" image="TooltipTopEdge" />
                <Image type="RightEdge" imageset="YYUI" image="TooltipRightEdge" />
                <Image type="BottomEdge" imageset="YYUI" image="TooltipBottomEdge" />
                <Image type="Background" imageset="YYUI" image="TooltipMiddle" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge"> <AbsoluteDim value="0" /> </Dim>
                    <Dim type="TopEdge"> <AbsoluteDim value="0" /> </Dim>
                    <Dim type="RightEdge"> <UnifiedDim scale="1" type="RightEdge" /> </Dim>
                    <Dim type="BottomEdge"> <UnifiedDim scale="1" type="BottomEdge" /> </Dim>
                </Area>
                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                <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>


  <!--
	***************************************************
	YY/HotkeyCtrl
	***************************************************
	-->
  <WidgetLook name="YY/HotkeyCtrl">
    <PropertyDefinition name="NormalTextColour" initialValue="FFC9CAB5" redrawOnWrite="true" />
    <NamedArea name="TextArea">
      <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>
    <ImagerySection name="text">
      <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" />
          </Dim>
          <Dim type="BottomEdge" >
            <UnifiedDim scale="1.0" type="BottomEdge" />
          </Dim>
        </Area>
        <Colour colour="FFD5D8D7"/>
        <VertFormat type="CentreAligned"/>
        <HorzFormat type="CentreAligned"/>
      </TextComponent>
    </ImagerySection>
    <ImagerySection name="Carat">
      <ImageryComponent>
        <Area>
          <Dim type="LeftEdge" >
            <AbsoluteDim value="0" />
          </Dim>
          <Dim type="TopEdge" >
            <AbsoluteDim value="4" />
          </Dim>
          <Dim type="Width" >
            <AbsoluteDim value="2" />
          </Dim>
          <Dim type="Height" >
            <AbsoluteDim value="22" />
          </Dim>
        </Area>
        <Image imageset="YYUI" image="empty" />
        <VertFormat type="Stretched" />
        <HorzFormat type="Stretched" />
      </ImageryComponent>
    </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.0"  type="RightEdge" />
          </Dim>
    <!--      <Dim type= "Height" >
            <ImageDim imageset="YYUI" image="edit_l" dimension="Height"/>
          </Dim>-->
		  <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
        </Area>
        <Image type="LeftEdge" imageset="YYUI" image="edit_l"/>
        <Image type="Background" imageset="YYUI" image="edit_m"/>
        <Image type="RightEdge" imageset="YYUI" image="edit_r"/>
      </FrameComponent>
    </ImagerySection>
    <ImagerySection name="active">
      <FrameComponent>
        <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= "Height" >
            <ImageDim imageset="YYUI" image="edit_l" dimension="Height"/>
          </Dim>-->
		  <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
        </Area>
        <Image type="LeftEdge" imageset="YYUI" image="edith_l"/>
        <Image type="Background" imageset="YYUI" image="edith_m"/>
        <Image type="RightEdge" imageset="YYUI" image="edith_r"/>
      </FrameComponent>
    </ImagerySection>
    <StateImagery name="Enabled">
      <Layer>
        <Section section="normal"/>
        <Section section="text"/>
      </Layer>
    </StateImagery>
    <StateImagery name="ReadOnly">
      <Layer>
        <Section section="normal"/>
        <Section section="text"/>
      </Layer>
    </StateImagery>
    <StateImagery name="Input">
      <Layer>
        <Section section="active"/>
        <Section section="text"/>
      </Layer>
    </StateImagery>
    <StateImagery name="Disabled">
      <Layer>
        <Section section="normal">
          <Colour colour="FF7F7F7F"/>
        </Section>
        <Section section="text">
          <Colour colour="FF7F7F7F"/>
        </Section>
      </Layer>
    </StateImagery>
  </WidgetLook>
  
  <!--
    ***************************************************
        YY/ComboDropList
    ***************************************************
    -->
    <WidgetLook name="YY/ComboDropList">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ComboboxListLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ComboboxListTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="ComboboxListRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="ComboboxListBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ComboboxListLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ComboboxListTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="ComboboxListRight" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ComboboxListLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ComboboxListTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <ImageDim imageset="YYUI" image="ComboboxListBottom" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><ImageDim imageset="YYUI" image="ComboboxListLeft" dimension="Width" /></Dim>
                <Dim type="TopEdge" ><ImageDim imageset="YYUI" image="ComboboxListTop" dimension="Height" /></Dim>
                <Dim type="RightEdge" >
                    <UnifiedDim scale="1" type="RightEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="BottomEdge" >
                    <UnifiedDim scale="1" type="BottomEdge">
                        <DimOperator op="Subtract">
                            <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
            </Area>
        </NamedArea>
        <Child  type="YY/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" offset="-12" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="12" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="YY/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="12" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-12" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <ImagerySection name="main">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="YYUI" image="ComboboxListTopLeft" />
                <Image type="TopRightCorner" imageset="YYUI" image="ComboboxListTopRight" />
                <Image type="BottomLeftCorner" imageset="YYUI" image="ComboboxListBottomLeft" />
                <Image type="BottomRightCorner" imageset="YYUI" image="ComboboxListBottomRight" />
                <Image type="LeftEdge" imageset="YYUI" image="ComboboxListLeft" />
                <Image type="RightEdge" imageset="YYUI" image="ComboboxListRight" />
                <Image type="TopEdge" imageset="YYUI" image="ComboboxListTop" />
                <Image type="BottomEdge" imageset="YYUI" image="ComboboxListBottom" />
                <Image type="Background" imageset="YYUI" image="ComboboxListBackdrop" />
            </FrameComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

    <!--
    ***************************************************
        YY/ComboEditbox
    ***************************************************
    -->
    <WidgetLook name="YY/ComboEditbox">
        <PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FF000000" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF607FFF" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF808080" redrawOnWrite="true" />
        <Property name="MouseCursorImage" value="set:YYUI image:MouseTextBar" />
        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="1" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="1" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-1" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-1" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <ImagerySection name="container_normal">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
                </Area>
                <Image type="LeftEdge" imageset="YYUI" image="ComboboxEditLeft" />
                <Image type="Background" imageset="YYUI" image="ComboboxEditMiddle" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="selection">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="YYUI" image="ComboboxSelectionBrush" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="Carat">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><ImageDim imageset="YYUI" image="EditBoxCarat" dimension="Width" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="YYUI" image="EditBoxCarat" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="container_normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer>
                <Section section="container_normal" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="container_normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="ActiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="InactiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

    <!--
    ***************************************************
        YY/Combobox
    ***************************************************
    -->
    <WidgetLook name="YY/Combobox">
        <PropertyLinkDefinition name="NormalEditTextColour" widget="__auto_editbox__" targetProperty="NormalTextColour" initialValue="FFFFFFFF" />
        <PropertyLinkDefinition name="SelectedEditTextColour" widget="__auto_editbox__" targetProperty="SelectedTextColour" initialValue="FF000000" />
        <PropertyLinkDefinition name="ActiveEditSelectionColour" widget="__auto_editbox__" targetProperty="ActiveSelectionColour" initialValue="FF6060FF" />
        <PropertyLinkDefinition name="InactiveEditSelectionColour" widget="__auto_editbox__" targetProperty="InactiveSelectionColour" initialValue="FF808080" />
        <Child  type="YY/ComboEditbox" 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">
                                <DimOperator op="Multiply">
                                    <AbsoluteDim value="1.1" />
                                </DimOperator>
                            </FontDim>
                        </DimOperator>
                    </UnifiedDim>
                </Dim>
                <Dim type="Height" >
                    <FontDim type="LineSpacing">
                        <DimOperator op="Multiply">
                            <AbsoluteDim value="1.1" />
                        </DimOperator>
                    </FontDim>
                </Dim>
            </Area>
        </Child>
        <Child  type="YY/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>
        </Child>
        <Child  type="YY/ImageButton" 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="NormalImage" value="set:YYUI image:ComboboxListButtonNormal" />
            <Property name="HoverImage" value="set:YYUI image:ComboboxListButtonHover" />
            <Property name="PushedImage" value="set:YYUI image:ComboboxListButtonHover" />
            <Property name="DisabledImage" value="set:YYUI image:ComboboxListButtonDisable" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>

<!--
    ***************************************************
        YY/RadioButton
    ***************************************************
    -->
    <WidgetLook name="YY/RadioButton">
		<PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF7F7F7F" redrawOnWrite="true" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" >
                        <ImageDim imageset="YYUI" image="RadioButtonNormal" dimension="Width">
                            <DimOperator op="Add">
                                <AbsoluteDim value="3" />
                            </DimOperator>
                        </ImageDim>
                    </Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="RadioButtonNormal" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="RadioButtonNormal" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="select_mark">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="YYUI" image="RadioButtonMark" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="LeftAligned" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="normal" />
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="hover" />
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </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>
        <StateImagery name="SelectedDisabled">
            <Layer>
                <Section section="normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="select_mark">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

	<!--
    ***************************************************
        smartYY/TabButton
    ***************************************************
    -->
    <WidgetLook name="YY/TabButton">
        <PropertyDefinition name="NormalTextColour" initialValue="FF438AD2" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FF6EC7FF" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FF303F52" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="5FFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="ImageNormal" initialValue="set:YYUI image:TabBtnNormal" redrawOnWrite="true"/>
        <PropertyDefinition name="ImageDisable" initialValue="set:YYUI image:TabDisable" redrawOnWrite="true"/>
        <PropertyDefinition name="ImageHover" initialValue="set:YYUI image:TabBtnHover" redrawOnWrite="true"/>
        <PropertyDefinition name="ImageSelect" initialValue="set:YYUI image:TabBtnSelected" redrawOnWrite="true"/>
		<PropertyDefinition name="IconNormal" initialValue="set:YYUI image:TabHomeIconNormal" redrawOnWrite="true"/>
		<PropertyDefinition name="IconHover" initialValue="set:YYUI image:TabHomeIconSelected" redrawOnWrite="true"/>
		<PropertyDefinition name="IconSelect" initialValue="set:YYUI image:TabHomeIconSelected" 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="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <ImagerySection name="normal">
			<ImageryComponent>
				<Area>
					<Dim type="LeftEdge" >
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="TopEdge" >
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="Width" >
						<UnifiedDim scale="1" type="Width" />
					</Dim>
					<Dim type="Height" >
						<UnifiedDim scale="1" type="Height" />
					</Dim>
				</Area>
				<ImageProperty name="ImageNormal"/>
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
			<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>
				<ImageProperty name="IconNormal"/>
				<VertFormat type="CentreAligned" />
				<HorzFormat type="CentreAligned" />
			</ImageryComponent>
        </ImagerySection>
        <ImagerySection name="disable">
			<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>
				<ImageProperty name="ImageDisable"/>
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
			<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>
				<ImageProperty name="IconNormal"/>
				<VertFormat type="CentreAligned" />
				<HorzFormat type="CentreAligned" />
			</ImageryComponent>
        </ImagerySection>
        <ImagerySection name="hover">         
			<ImageryComponent>
				<Area>
					<Dim type="LeftEdge" >
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="TopEdge" >
						<AbsoluteDim value="0" />
					</Dim>
					<Dim type="Width" >
						<UnifiedDim scale="1" type="Width" />
					</Dim>
					<Dim type="Height" >
						<UnifiedDim scale="1" type="Height" />
					</Dim>
				</Area>
				<ImageProperty name="ImageHover"/>
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
			<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>
				<ImageProperty name="IconHover"/>
				<VertFormat type="CentreAligned" />
				<HorzFormat type="CentreAligned" />
			</ImageryComponent>
        </ImagerySection>
        <ImagerySection name="select">        
			<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>
				<ImageProperty name="ImageSelect"/>
				<VertFormat type="Stretched" />
				<HorzFormat type="Stretched" />
			</ImageryComponent>
			<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>
				<ImageProperty name="IconSelect"/>
				<VertFormat type="CentreAligned" />
				<HorzFormat type="CentreAligned" />
			</ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
          <Layer>
            <Section section="normal" />  
            <Section section="label">
                <ColourProperty name="NormalTextColour" />
            </Section>          
          </Layer>
        </StateImagery>
        <StateImagery name="Hover">
          <Layer>
            <Section section="hover" />
            <Section section="label">
                <ColourProperty name="HoverTextColour" />
            </Section>         
          </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
          <Layer>
            <Section section="disable" />
            <Section section="label">
                <ColourProperty name="DisabledTextColour" />
            </Section>
          </Layer>
        </StateImagery>
        <StateImagery name="SelectedNormal">
          <Layer>
            <Section section="select" />
            <Section section="label">
                <ColourProperty name="NormalTextColour" />
            </Section>           
          </Layer>
        </StateImagery>
        <StateImagery name="SelectedHover">
          <Layer>   
            <Section section="select" />
            <Section section="label">
                <ColourProperty name="HoverTextColour" />
            </Section>
          </Layer>
        </StateImagery>
        <StateImagery name="SelectedDisabled">
          <Layer>   
            <Section section="select">
              <!-- <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" /> -->
            </Section>
            <Section section="label">
                <ColourProperty name="DisabledTextColour" />
            </Section>      
          </Layer>
        </StateImagery>
    </WidgetLook>

</Falagard>