<?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 ScrollBarDownButton component. 
        Skin classes in the wireframe package are useful for using as a simple base for a custom skin.
        
       @see spark.components.supportClasses.ScrollBarBase
       @see spark.components.HScrollBar
       @see spark.components.VScrollBar

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

    <!-- background -->
    <s:Rect left="0" right="0" minWidth="14" top="0" bottom="0" minHeight="17">
        <s:stroke>
            <s:SolidColorStroke color="#666666" />
        </s:stroke>
        <s:fill>
            <s:SolidColor color="#EEEEEE" />
        </s:fill>
    </s:Rect>

    <!-- shadow (down state only) -->
    <s:Rect includeIn="down" left="0" right="0" y="0" height="4" radiusX="2">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry alpha="0.23" color="#000000" ratio="0"/>
                <s:GradientEntry alpha="0.20" color="#000000" ratio="0.4"/>
                <s:GradientEntry alpha="0.055" color="#000000" ratio="0.55"/>
                <s:GradientEntry alpha="0.0" color="#000000" ratio="0.8"/>
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    <s:Rect includeIn="down" x="0" width="4" top="0" bottom="0" radiusX="2">
        <s:fill>
            <s:LinearGradient rotation="0">
                <s:GradientEntry alpha="0.13" color="#000000" ratio="0"/>
                <s:GradientEntry alpha="0.12" color="#000000" ratio="0.2"/>
                <s:GradientEntry alpha="0.0" color="#000000" ratio="0.55"/>
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    
    <!-- arrow -->
    <s:Path data="M 4 7 L 7.5 0 0 0 Z" height="5" width="7" horizontalCenter="-0.5" verticalCenter="0.5">
        <s:fill>
            <s:SolidColor color="#666666" />
        </s:fill>
    </s:Path>

</s:Skin>
