<?xml version="1.0" ?>
<Falagard>
    <WidgetLook name="Cateia/Shared">
		<!--
		|| BUTTON FLAT |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="ButtonFlat">
            <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="Cateia-Images" image="WhitePixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="Background" imageset="Cateia-Images" image="BlackPixel" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="flet_jebote">
            <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="Background" imageset="Cateia-Images" image="BlackPixel" />
            </FrameComponent>
        </ImagerySection>
		<!--
		|| BUTTON HOVER |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="ButtonHover">
            <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="Cateia-Images" image="WhitePixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="Background" imageset="Cateia-Images" image="GreyPixel" />
            </FrameComponent>
        </ImagerySection>
		<!--
		|| BLACK FRAME |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="BlackFrame">
            <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="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="OpaqueBlackPixel" />
                <Image type="Background" imageset="Cateia-Images" image="OpaqueBlackPixel" />
            </FrameComponent>
        </ImagerySection>
		<!--
		|| MENU FRAME |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="MenuFrame">
            <FrameComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="8" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="8" /></Dim>
                    <Dim type="Width"><UnifiedDim scale="1" type="Width" offset="-16" /></Dim>
                    <Dim type="Height"><UnifiedDim scale="1" type="Height" offset="-16" /></Dim>
	                <Image type="Background" imageset="main_menu" image="frameBG" />
                </Area>
             </FrameComponent>
            <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="TopRightCorner" imageset="main_menu" image="frameTR" />
				<Image type="TopEdge" imageset="main_menu" image="frameTB" />
                <Image type="TopLeftCorner" imageset="main_menu" image="frameTL" />
                <Image type="BottomRightCorner" imageset="main_menu" image="frameBR" />
				<Image type="BottomEdge" imageset="main_menu" image="frameTB" />
                <Image type="BottomLeftCorner" imageset="main_menu" image="frameBL" />
				<Image type="LeftEdge" imageset="main_menu" image="frameLR" />
				<Image type="RightEdge" imageset="main_menu" image="frameLR" />

            </FrameComponent>


        </ImagerySection>
		<!--
		|| SINGLE COLOR ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="WhiteFlat">
            <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="Background" imageset="Cateia-Images" image="WhitePixel" />
            </FrameComponent>
        </ImagerySection>
		<!--
		|| BUTTON FLAT TRANSPARENT |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="ButtonFlatTransparent">
            <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="Cateia-Images" image="WhitePixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="WhitePixel" />
            </FrameComponent>
        </ImagerySection>
		<!--
		|| BUTTON DOWN |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <ImagerySection name="ButtonDown">
            <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="Cateia-Images" image="WhitePixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="WhitePixel" />
                <Image type="Background" imageset="Cateia-Images" image="BlackPixel" />
            </FrameComponent>
        </ImagerySection>s

    </WidgetLook>
<!--
|||||||||||||||||||||||||||||||||||| ****** ||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| BUTTON ||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| ****** ||||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/Button">
        <PropertyDefinition name="NormalTextColour" initialValue="AFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="HoverTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="PushedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="DisabledTextColour" initialValue="FF7F7F7F" redrawOnWrite="true" />
        <PropertyDefinition name="VertLabelFormatting" initialValue="CentreAligned" />
        <PropertyDefinition name="HorzLabelFormatting" initialValue="CentreAligned" />
        <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" />
       <Property name="WantsMultiClickEvents" value="False" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="3" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" offset="-4" type="BottomEdge" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="WordWrapCentreAligned" />
            </TextComponent>
        </ImagerySection>
		<!--
		|| NORMAL ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Normal">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
		<!--
		|| MOUSEOVER |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Hover">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonHover">
                    <ColourProperty name="HoverTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
		<!--
		|| PUSHED ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Pushed">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonDown">
                    <ColourProperty name="PushedTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="PushedTextColour" />
                </Section>
            </Layer>
        </StateImagery>
		<!--
		|| DISABLED ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Disabled">
            <Layer>
                <Section look="Cateia/Shared" section="flet_jebote">
                    <ColourProperty name="PushedTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||| *********** ||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| IMAGEBUTTON ||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| *********** ||||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/ImageButton">
	<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" />
	<PropertyDefinition name="VertLabelFormatting" initialValue="CentreAligned" />
	<PropertyDefinition name="HorzLabelFormatting" initialValue="Left" />
	<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" />
       <Property name="WantsMultiClickEvents" value="False" />
	<ImagerySection name="label">
		<TextComponent>
			<Area>
				<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
				<Dim type="TopEdge"><AbsoluteDim value="3" /></Dim>
				<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
				<Dim type="BottomEdge"><UnifiedDim scale="1" offset="-4" type="BottomEdge" /></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>
                <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" />
		<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="PushedTextColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="disabled" />
		<Section section="label">
			<ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||||| ****************** ||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||| TRANSPARENT BUTTON ||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||| ****************** ||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/TransparentButton">
        <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" />
        <PropertyDefinition name="VertLabelFormatting" initialValue="CentreAligned" />
        <PropertyDefinition name="HorzLabelFormatting" initialValue="CentreAligned" />
        <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" />
        <Property name="NormalTextColour" value="FFFFFFFF" />
        <Property name="HoverTextColour" value="FFFFFFFF" />
        <Property name="PushedTextColour" value="FFFFFFFF" />
        <Property name="DisabledTextColour" value="FF7F7F7F" />
        <Property name="WantsMultiClickEvents" value="False" />
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge"><AbsoluteDim value="3" /></Dim>
                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
                    <Dim type="BottomEdge"><UnifiedDim scale="1" offset="-4" type="BottomEdge" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="WordWrapCentreAligned" />
            </TextComponent>
        </ImagerySection>
		<!--
		|| NORMAL ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Normal">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlatTransparent">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="NormalTextColour" />
                </Section>
            </Layer>
        </StateImagery>
		<!--
		|| MOUSEOVER |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Hover">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonHover">
                    <ColourProperty name="HoverTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="HoverTextColour" />
                </Section>
            </Layer>
        </StateImagery>
		<!--
		|| PUSHED ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Pushed">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonDown">
                    <ColourProperty name="PushedTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="PushedTextColour" />
                </Section>
            </Layer>
        </StateImagery>
		<!--
		|| DISABLED ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		-->
        <StateImagery name="Disabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
                <Section section="label">
                    <ColourProperty name="DisabledTextColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||| ************ |||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| PROGRESS BAR |||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| ************ |||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/ProgressBar">
        <NamedArea name="ProgressArea">
                 <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>        </NamedArea>
        <ImagerySection name="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="Background" imageset="Cateia-Images" image="ProgressBarBody" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Tiled" />
            </FrameComponent>
        </ImagerySection>
        <ImagerySection name="progress_lights" >
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <Image imageset="Cateia-Images" image="ProgressBarLit" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Tiled" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="frame" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="frame">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledProgress">
            <Layer>
                <Section section="progress_lights" />
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledProgress">
            <Layer>
                <Section section="progress_lights">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||| ************ |||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| STATIC IMAGE |||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| ************ |||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/StaticImage">
		<PropertyDefinition name="ImageColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
		<PropertyDefinition name="FrameColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" redrawOnWrite="true" />
		<PropertyDefinition name="BackgroundColours" initialValue="tl: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="False" />
        <Property name="FrameEnabled" value="False" />
        <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" />
        <StateImagery name="DisabledFrame" />
        <StateImagery name="WithFrameEnabledBackground" />
        <StateImagery name="WithFrameDisabledBackground" />
        <StateImagery name="NoFrameEnabledBackground" />
        <StateImagery name="NoFrameDisabledBackground" />
        <StateImagery name="WithFrameImage" />
        <StateImagery name="NoFrameImage">
            <Layer>
                <Section section="image_noframe" />
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| FRAME |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/Frame">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
        <StateImagery name="Enabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
					<Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| BLACK FRAME |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/BlackFrame">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
        <StateImagery name="Enabled">
            <Layer>
                <Section look="Cateia/Shared" section="BlackFrame" >
					<Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| FLAT FRAME |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/FlatFrame">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
        <StateImagery name="Enabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
					<Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
					<Colours topLeft="FF000000" topRight="FF000000" bottomLeft="FF000000" bottomRight="FF000000" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| MENU FRAME |||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||| ***** |||||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/MenuFrame">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
        <StateImagery name="Enabled">
            <Layer>
                <Section look="Cateia/Shared" section="MenuFrame" />
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||||||||| ********* |||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||| STATUSBAR |||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||| ********* |||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/Statusbar">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
        <StateImagery name="Enabled">
            <Layer>
                <Section look="Cateia/Shared" section="WhiteFlat" >
					<Colours topLeft="FF00FF00" topRight="FF00FF00" bottomLeft="FF00FF00" bottomRight="FF00FF00" />
				</Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||| ************************* |||||||||||||||||||||||||||||||
|||||||||||||||||||||||||| VERTICAL SCROLL BAR THUMB |||||||||||||||||||||||||||||||
|||||||||||||||||||||||||| ************************* |||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/VerticalScrollbarThumb">
        <Property name="VertFree" value="True" />
        <ImagerySection name="thumb">
            <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="Cateia-Images" image="ScrollbarThumb" />
                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFFFF" bottomLeft="FFFFFFFFFF" bottomRight="FFFFFFFFFF" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="thumb" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="thumb" />
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="thumb" />
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||| *************************** ||||||||||||||||||||||||||||||
||||||||||||||||||||||||| HORIZONTAL SCROLL BAR THUMB ||||||||||||||||||||||||||||||
||||||||||||||||||||||||| *************************** ||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/HorizontalScrollbarThumb">
        <Property name="HorzFree" value="True" />
        <ImagerySection name="thumb">
            <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="Cateia-Images" image="ScrollbarThumb" />
                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="thumb" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="thumb" />
            </Layer>
        </StateImagery>
        <StateImagery name="Pushed">
            <Layer>
                <Section section="thumb" />
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||| ******************* ||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||| VERTICAL SCROLL BAR ||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||| ******************* ||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/VerticalScrollbar">
        <Property name="VerticalScrollbar" value="True" />
        <NamedArea name="ThumbTrackArea">
            <Area>
                <Dim type="LeftEdge" ><UnifiedDim scale="1.0" type="Width" offset="-26" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="10" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" offset="-10" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/ImageButton" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="17" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <HorzAlignment type="RightAligned" />
            <Property name="NormalImage" value="set:Cateia-Images image:ScrollbarDownNormal" />
            <Property name="HoverImage"  value="set:Cateia-Images image:ScrollbarDownHover" />
            <Property name="PushedImage" value="set:Cateia-Images image:ScrollbarDownNormal" />
        </Child>
        <Child  type="Cateia/ImageButton" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="17" /></Dim>
            </Area>
            <VertAlignment type="TopAligned" />
            <HorzAlignment type="RightAligned" />
            <Property name="NormalImage" value="set:Cateia-Images image:ScrollbarUpNormal" />
            <Property name="HoverImage"  value="set:Cateia-Images image:ScrollbarUpHover" />
            <Property name="PushedImage" value="set:Cateia-Images image:ScrollbarUpNormal" />
        </Child>
        <Child  type="Cateia/VerticalScrollbarThumb" nameSuffix="__auto_thumb__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
        </Child>
        <ImagerySection name="main">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><UnifiedDim scale="1.0" type="Width" offset="-26" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="17" /></Dim>
                    <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="Height" offset="-17" /></Dim>
                </Area>
                <Image imageset="Cateia-Images" image="VericalScrollBackground" />
                <VertFormat type="Tiled" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
|||||||||||||||||||||||||||| ********************* |||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| HORIZONTAL SCROLL BAR |||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| ********************* |||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/HorizontalScrollbar">
        <NamedArea name="ThumbTrackArea">
            <Area>
                <Dim type="LeftEdge"><AbsoluteDim value="10" /></Dim>
                <Dim type="TopEdge"><UnifiedDim scale="1.0" type="Height" offset="-26" /></Dim>
                <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" offset="-10" /></Dim>
                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/ImageButton" nameSuffix="__auto_incbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="17" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <HorzAlignment type="RightAligned" />
            
            <Property name="NormalImage" value="set:Cateia-Images image:ScrollbarRightNormal" />
            <Property name="HoverImage" value="set:Cateia-Images image:ScrollbarRightHover" />
            <Property name="PushedImage" value="set:Cateia-Images image:ScrollbarRightNormal" />
        </Child>
        <Child  type="Cateia/ImageButton" nameSuffix="__auto_decbtn__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="17" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
            <HorzAlignment type="LeftAligned" />
            
            <Property name="NormalImage" value="set:Cateia-Images image:ScrollbarLeftNormal" />
            <Property name="HoverImage" value="set:Cateia-Images image:ScrollbarLeftHover" />
            <Property name="PushedImage" value="set:Cateia-Images image:ScrollbarLeftNormal" />
        </Child>
        <Child  type="Cateia/HorizontalScrollbarThumb" nameSuffix="__auto_thumb__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><UnifiedDim scale="1.0" type="Height" offset="-26" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
        </Child>
        <ImagerySection name="main">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge"><WidgetDim widget="__auto_decbtn__" dimension="RightEdge" /></Dim>
                    <Dim type="TopEdge"><UnifiedDim scale="1.0" type="Height" offset="-26" /></Dim>
                    <Dim type="RightEdge">
                        <UnifiedDim scale="1" type="RightEdge">
                            <DimOperator op="Subtract">
                                <WidgetDim widget="__auto_incbtn__" dimension="Width" />
                            </DimOperator>
                        </UnifiedDim>
                    </Dim>
                    <Dim type="Height"><AbsoluteDim value="26" /></Dim>
                </Area>
                <Image imageset="Cateia-Images" image="HorizontalScrollBackground" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Tiled" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||||| *********** ||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||| STATIC TEXT ||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||| *********** ||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/StaticText">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
		<Property name="HorzFormatting" value="LeftAligned" />

        <NamedArea name="WithFrameTextRenderArea">
                <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>
        <NamedArea name="NoFrameTextRenderArea">
                <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>
        <NamedArea name="WithFrameTextRenderAreaHScroll">
            <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                	<Dim type="BottomEdge" >
                    	<UnifiedDim scale="1" type="BottomEdge">
                        	<DimOperator op="Subtract">
                            	<WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
                        	</DimOperator>
                    	</UnifiedDim>
                	</Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaVScroll">
            <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="Height" ><UnifiedDim scale="1" type="Height" /></Dim>

            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHVScroll">
            <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>
        <NamedArea name="NoFrameTextRenderAreaHScroll">
            <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                	<Dim type="BottomEdge" >
                    	<UnifiedDim scale="1" type="BottomEdge">
                        	<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="Height" ><UnifiedDim scale="1" type="Height" /></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="Cateia/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="-20" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="20" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="WithFrameEnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="FrameOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="FrameOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="BackgroundOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="BackgroundOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||||| *********** ||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||| STATIC TEXT ||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||| *********** ||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/CentreStaticText">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
		<Property name="HorzFormatting" value="CentreAligned" />

        <NamedArea name="WithFrameTextRenderArea">
                <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>
        <NamedArea name="NoFrameTextRenderArea">
                <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>
        <NamedArea name="WithFrameTextRenderAreaHScroll">
            <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                	<Dim type="BottomEdge" >
                    	<UnifiedDim scale="1" type="BottomEdge">
                        	<DimOperator op="Subtract">
                            	<WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
                        	</DimOperator>
                    	</UnifiedDim>
                	</Dim>
            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaVScroll">
            <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="Height" ><UnifiedDim scale="1" type="Height" /></Dim>

            </Area>
        </NamedArea>
        <NamedArea name="WithFrameTextRenderAreaHVScroll">
            <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>
        <NamedArea name="NoFrameTextRenderAreaHScroll">
            <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
                	<Dim type="BottomEdge" >
                    	<UnifiedDim scale="1" type="BottomEdge">
                        	<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="Height" ><UnifiedDim scale="1" type="Height" /></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="Cateia/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="-20" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="20" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="WithFrameEnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="FrameOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="FrameOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameEnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="BackgroundOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="NoFrameDisabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="BackgroundOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

<!--
|||||||||||||||||||||||||||||| ********************* |||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||| STATIC TEXT SCROLLBAR |||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||| ********************* |||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/StaticTextScrollbar">
        <Property name="BackgroundEnabled" value="False" />
        <Property name="FrameEnabled" value="False" />
		<Property name="HorzFormatting" value="WordWrapLeftAligned" />
		<Property name="VertScrollbar" value="True" />
        <NamedArea name="TextRenderArea">
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" >
						<UnifiedDim scale="1" type="Width" >
                        	<DimOperator op="Subtract">
								<WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
                        	</DimOperator>
                    	</UnifiedDim>
					</Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
        </NamedArea>
        <Child  type="Cateia/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="-20" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="20" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
        <StateImagery name="EnabledFrame">
            <Layer>
                <Section look="Cateia/Shared" section="FrameOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledFrame">
            <Layer>
                <Section look="Cateia/Shared" section="FrameOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="EnabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="BackgroundOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="DisabledBackground">
            <Layer>
                <Section look="Cateia/Shared" section="BackgroundOnly">
                    <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||||||| ******* ||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||| LISTBOX ||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||| ******* ||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/Listbox">
        <Property name="ForceVertScrollbar" value="True" />
        <NamedArea name="ItemRenderingArea">
            <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Width" >
						<UnifiedDim scale="1" type="Width" offset="-26" />
					</Dim>
                    <Dim type="Height" >
						<UnifiedDim scale="1" type="Height" offset="-26" />
					</Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/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="-26" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-26" 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" offset="-26" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26"/></Dim>
                </Area>

            </FrameComponent>
        </ImagerySection>

        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||||||| ******* ||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||| FRAMED LISTBOX |||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||| ******* ||||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/FramedListbox">
        <Property name="ForceVertScrollbar" value="True" />
        <NamedArea name="ItemRenderingArea">
            <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="2" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="2" /></Dim>
                    <Dim type="Width" >
						<UnifiedDim scale="1" type="Width" offset="-30" />
					</Dim>
                    <Dim type="Height" >
						<UnifiedDim scale="1" type="Height" offset="-30" />
					</Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/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="-26" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-26" 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" offset="-26" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26"/></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />

            </FrameComponent>
        </ImagerySection>

        <StateImagery name="Enabled">
            <Layer>
                <Section section="main" />
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||||||| ******** |||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||| CHECKBOX |||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||| ******** |||||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/Checkbox">
		<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" ><AbsoluteDim value="0" /></Dim>
					<Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" offset="-28" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </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="Cateia-Images" image="CheckboxNormal" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </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="Cateia-Images" image="CheckboxHover" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </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="Cateia-Images" image="CheckboxMark" />
                <VertFormat type="CentreAligned" />
                <HorzFormat type="RightAligned" />
            </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>
<!--
|||||||||||||||||||||||||||||||| ***************** |||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||| CHECKBOX REVERSED |||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||| ***************** |||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/CheckboxReversed">
		<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" ><AbsoluteDim value="28" /></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="Cateia-Images" 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="Cateia-Images" 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="Cateia-Images" 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>
<!--
||||||||||||||||||||||||||||||||| *************** ||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| SCROLLABLE PANE ||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| *************** ||||||||||||||||||||||||||||||||||
-->
    <WidgetLook name="Cateia/ScrollablePane">
        <NamedArea name="ViewableArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width"  offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaHScroll">
            <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" type="Height"  offset="-26" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width"  offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ViewableAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width"  offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height"  offset="-26" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/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="-26" type="Width" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" offset="-26" type="Height" /></Dim>
            </Area>
            <HorzAlignment type="RightAligned" />
        </Child>
        <StateImagery name="Enabled" />
        <StateImagery name="Disabled" />
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||| ******** |||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| EDIT BOX |||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| ******** |||||||||||||||||||||||||||||||||||||||||
-->
	<WidgetLook name="Cateia/Editbox">
       <PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF997143" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF000000" redrawOnWrite="true" />

        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-3" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-3" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>

        <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="Cateia-Images" image="WhitePixel" />
                <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" ><AbsoluteDim value="2" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="Cateia-Images" image="WhitePixel" />
                <Colours topLeft="FFF0F0F0" topRight="FFF0F0F0" bottomLeft="FFF0F0F0" bottomRight="FFF0F0F0" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
            	</Section>
				</Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="ActiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="InactiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>
<!--
||||||||||||||||||||||||||||||||| ******** |||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| TRANSPARENT EDIT BOX |||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| ******** |||||||||||||||||||||||||||||||||||||||||
-->
	<WidgetLook name="Cateia/TransparentEditbox">
       <PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="SelectedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
        <PropertyDefinition name="ActiveSelectionColour" initialValue="FF997143" redrawOnWrite="true" />
        <PropertyDefinition name="InactiveSelectionColour" initialValue="FF000000" redrawOnWrite="true" />

        <NamedArea name="TextArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-3" type="RightEdge" /></Dim>
                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-3" type="BottomEdge" /></Dim>
            </Area>
        </NamedArea>

        <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="Cateia-Images" image="WhitePixel" />
                <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" ><AbsoluteDim value="2" /></Dim>
                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
                </Area>
                <Image imageset="Cateia-Images" image="WhitePixel" />
                <Colours topLeft="FFF0F0F0" topRight="FFF0F0F0" bottomLeft="FFF0F0F0" bottomRight="FFF0F0F0" />
                <VertFormat type="Stretched" />
                <HorzFormat type="Stretched" />
            </ImageryComponent>
        </ImagerySection>
        <StateImagery name="Enabled">
            <Layer>

		</Layer>
        </StateImagery>
        <StateImagery name="ReadOnly">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section look="Cateia/Shared" section="ButtonFlat" >
                    <ColourProperty name="ReadOnlyBGColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="ActiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="ActiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="InactiveSelection">
            <Layer>
                <Section section="selection">
                    <ColourProperty name="InactiveSelectionColour" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

    <!--
    ***************************************************
        Cateia/ListHeaderSegment
    ***************************************************
    -->
    <WidgetLook name="Cateia/ListHeaderSegment">
        <Property name="SizingCursorImage" value="set:Cateia-Images image:WhitePixel" />
        <Property name="MovingCursorImage" value="set:Cateia-Images image:WhitePixel" />
        <ImagerySection name="segment_normal">
            <Colours topLeft="FFDDDDDD" topRight="FFDDDDDD" bottomLeft="FFDDDDDD" bottomRight="FFDDDDDD" />
            <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="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="segment_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="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
                </Area>

            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="splitter_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>


            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="splitter_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>

                <VertFormat type="Stretched" />
                <HorzFormat type="RightAligned" />
            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="ascend_icon">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Width" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Height" ><AbsoluteDim value="3" /></Dim>
                 </Area>

            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="descend_icon">
            <ImageryComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Width" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Height" ><AbsoluteDim value="3" /></Dim>
                </Area>

            </ImageryComponent>
        </ImagerySection>
        <ImagerySection name="label">
            <TextComponent>
                <Area>
                    <Dim type="LeftEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Width" ><AbsoluteDim value="3" /></Dim>
                    <Dim type="Height" ><AbsoluteDim value="3" /></Dim>
                </Area>
                <VertFormat type="CentreAligned" />
            </TextComponent>
        </ImagerySection>
        <StateImagery name="Normal">
            <Layer>
                <Section section="segment_normal" />
                <Section section="splitter_normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="Hover">
            <Layer>
                <Section section="segment_hover" />
                <Section section="splitter_normal" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="SplitterHover">
            <Layer>
                <Section section="segment_normal" />
                <Section section="splitter_hover" />
                <Section section="label" />
            </Layer>
        </StateImagery>
        <StateImagery name="DragGhost" clipped="false" >
            <Layer priority="1" >
                <Section section="segment_normal">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
                <Section section="splitter_normal">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
                <Section section="label">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="AscendingSortIcon">
            <Layer>
                <Section section="ascend_icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="DescendingSortIcon">
            <Layer>
                <Section section="descend_icon" />
            </Layer>
        </StateImagery>
        <StateImagery name="GhostAscendingSortIcon" clipped="false">
            <Layer priority="1" >
                <Section section="ascend_icon">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="GhostDescendingSortIcon" clipped="false">
            <Layer priority="1" >
                <Section section="descend_icon">
                    <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
                </Section>
            </Layer>
        </StateImagery>
        <StateImagery name="Disabled">
            <Layer>
                <Section section="segment_normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="splitter_normal">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
                <Section section="label">
                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
                </Section>
            </Layer>
        </StateImagery>
    </WidgetLook>

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

    <!--
    ***************************************************
        Cateia/MultiColumnList
    ***************************************************
    -->
    <WidgetLook name="Cateia/MultiColumnList">
        <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></Dim>
            </Area>
		</NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/ListHeader" nameSuffix="__auto_listheader__">
            <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="0" /></Dim>
            </Area>
        </Child>
        <Child  type="Cateia/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" type="Width" offset="-26" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></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>
            </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>

    <!--
    ***************************************************
        Cateia/FramedMultiColumnList
    ***************************************************
    -->
    <WidgetLook name="Cateia/FramedMultiColumnList">
       <NamedArea name="ItemRenderingArea">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-30" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-30" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-30" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-30" /></Dim>
            </Area>
		</NamedArea>
        <NamedArea name="ItemRenderingAreaVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-30" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-30" /></Dim>
            </Area>
        </NamedArea>
        <NamedArea name="ItemRenderingAreaHVScroll">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="2" /></Dim>
                <Dim type="Width" ><UnifiedDim scale="1" type="Width" offset="-30" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-30" /></Dim>
            </Area>
        </NamedArea>
        <Child  type="Cateia/ListHeader" nameSuffix="__auto_listheader__">
            <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="0" /></Dim>
            </Area>
        </Child>
        <Child  type="Cateia/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" type="Width" offset="-26" /></Dim>
                <Dim type="Height" ><AbsoluteDim value="26" /></Dim>
            </Area>
            <VertAlignment type="BottomAligned" />
        </Child>
        <Child  type="Cateia/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
            <Area>
                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
                <Dim type="Width" ><AbsoluteDim value="26" /></Dim>
                <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></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" offset="-26" /></Dim>
                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" offset="-26" /></Dim>
                </Area>
                <Image type="TopLeftCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="TopRightCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="BottomLeftCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="BottomRightCorner" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="LeftEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="RightEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="TopEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
                <Image type="BottomEdge" imageset="Cateia-Images" image="OpaqueGreyPixel" />
            </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>

</Falagard>
