<?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 ComboBoxButton component. 
 
     @see spark.components.ComboBox        
     @see spark.skins.wireframe.ComboBoxSkin

      @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" 
      minWidth="19" minHeight="21"
      alpha.disabled="0.5">

    <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>

    <!-- background -->
    <s:Rect left="0" right="0" top="0" bottom="0"
          width="69" height="20"
          topRightRadiusX="2" bottomRightRadiusX="2">
        <s:stroke>
            <s:SolidColorStroke color="#707070" />
        </s:stroke>
        <s:fill>
            <s:SolidColor color="#BABABA" color.up="#EEEEEE" color.over="#DDDDDD" color.down="#DDDDDD" />
        </s:fill>
    </s:Rect>

    <!-- shadow (down state only) -->
    <s:Rect left="2" top="1" right="2" height="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.25" />
        </s:fill>
    </s:Rect>
    <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.07" />
        </s:fill>
    </s:Rect>
    <s:Rect left="1" top="2" bottom="1" width="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.07" />
        </s:fill>
    </s:Rect>
    <s:Rect right="1" top="2" bottom="1" width="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.07" />
        </s:fill>
    </s:Rect>

    <!-- layer 8: arrow -->
    <!--- The arrow that users click to drop down the list. -->
    <s:Path right="6" verticalCenter="0" id="arrow"
          data="M 4.0 4.0 L 4.0 3.0 L 5.0 3.0 L 5.0 2.0 L 6.0 2.0 L 6.0 1.0 L 7.0 1.0 L 7.0 0.0 L 0.0 0.0 L 0.0 1.0 L 1.0 1.0 L 1.0 2.0 L 2.0 2.0 L 2.0 3.0 L 3.0 3.0 L 3.0 4.0 L 4.0 4.0">
        <s:fill>
             <s:SolidColor color="#666666" />
        </s:fill>
    </s:Path>
</s:Skin>
