<?xml version="1.0" encoding="utf-8"?>

<!--

    ADOBE SYSTEMS INCORPORATED
    Copyright 2008 Adobe Systems Incorporated
    All Rights Reserved.
    
    NOTICE: Adobe permits you to use, modify, and distribute this file
    in accordance with the terms of the license agreement accompanying it.

-->

<!--- The default wireframe skin class for the Spark TitleWindowCloseButton component. 
        Skin classes in the wireframe package are useful for using as a simple base for a custom skin.
        
     @see spark.components.TitleWindow

      @langversion 3.0
      @playerversion Flash 10
      @playerversion AIR 1.5
      @productversion Flex 4
-->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    
    <fx:Metadata>
        /** 
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
         */
        [HostComponent("spark.components.Button")]
    </fx:Metadata>
    
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>
    
    <!-- drop shadow -->
    <!--- @private -->
    <s:RectangularDropShadow id="dropShadow" blurX="0" blurY="0" alpha="0" 
                             alpha.over="0.85" alpha.down=".85" distance="1"
                             angle="90" color="#FFFFFF" left="0" top="0" right="0" bottom="0"/>
    
    <!-- border/fill -->
    <s:Rect left="0" top="0" right="0" bottom="0">
        <s:stroke>
            <s:SolidColorStroke color="#707070"
                                alpha.up="0.0"
                                weight="1"/>
        </s:stroke>
        <s:fill>
            <s:SolidColor color="#EEEEEE" alpha="0" alpha.down="1.0" />
        </s:fill>
    </s:Rect>
    
    <!-- inner shadow -->
    <!--- @private -->
    <s:Rect id="cbshad" left="1" right="1" top="1" height="1" >
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0" alpha.down="0.22" />
        </s:fill>
    </s:Rect>
    
    <!-- Defines the appearance of the X. -->
    <s:Group top="1" left="1">      
        <s:Path blendMode="normal" alpha=".85"
                data="M 3 5 L 4 5 L 4 6 L 5 6 L 5 7 L 4 7 L 4 8 L 3 8 L 3 9 L 4 9 L 4 10 L 5 10 L 5 9 L 6 9 L 6 8 L 7 8 L 7 9 L 8 9 L 8 10 L 9 10 L 9 9 L 10 9 L 10 8 L 9 8 L 9 7 L 8 7 L 8 6 L 9 6 L 9 5 L 10 5 L 10 4 L 9 4 L 9 3 L 8 3 L 8 4 L 7 4 L 7 5 L 6 5 L 6 4 L 5 4 L 5 3 L 4 3 L 4 4 L 3 4 L 3 5 Z">
            <s:fill>
                <s:SolidColor color="#666666" />
            </s:fill>
        </s:Path>
        
        <s:Path blendMode="normal" alpha=".75"
                data="M 3 3 L 4 3 L 4 4 L 3 4 L 3 3 M 3 9 L 4 9 L 4 10 L 3 10 L 3 9 M 9 3 L 10 3 L 10 4 L 9 4 L 9 3 M 9 9 L 10 9 L 10 10 L 9 10 L 9 9 Z">
            <s:fill>
                <s:SolidColor color="#666666" />
            </s:fill>
        </s:Path>
        
        <s:Path blendMode="normal" alpha=".85" 
                data="M 3 5 L 3 6 L 4 6 L 4 7 L 5 7 L 5 6 L 4 6 L 4 5 L 3 5 M 8 6 L 8 7 L 9 7 L 9 6 L 10 6 L 10 5 L 9 5 L 9 6 L 8 6 M 3 10 L 3 11 L 5 11 5 10 L 6 10 L 6 9 L 7 9 L 7 10 L 8 10 L 8 11 L 10 11 L 10 10 L 8 10 L 8 9 L 7 9 L 7 8 L 6 8 L 6 9 L 5 9 L 5 10 L 3 10 Z">
            <s:fill>
                <s:SolidColor color="#FFFFFF" />
            </s:fill>
        </s:Path>
    </s:Group>
</s:Skin>