<?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 Spark skin class for the thumb of the MX ScrollBar component. 

      @see mx.controls.scrollClasses.ScrollBar        
        
      @langversion 3.0
      @playerversion Flash 10
      @playerversion AIR 1.5
      @productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" >

    <fx:Script>
        /**
         * @private
         */
        override protected function initializationComplete():void
        {
            useChromeColor = true;
            super.initializationComplete();
        }
    </fx:Script>
        
    <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" top="-1" right="0" bottom="-1" minWidth="14">
        <s:stroke>
            <s:SolidColorStroke color="0x5C5C5C" weight="1"/>
        </s:stroke>
        <s:fill>
            <s:SolidColor color="0xFFFFFF" />
        </s:fill>
    </s:Rect>

    <!-- fill -->
    <s:Rect left="1" top="0" right="1" bottom="0">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFAFAFA"
                               color.over="0xC7C7C7"
                               color.down="0xBBBBBB" />
                <s:GradientEntry color="0xF0F0F0" 
                               color.over="0xB2B2B2"
                               color.down="0x8B8B8B" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    
    <!-- highlight -->
    <s:Rect left="1" top="0" bottom="0" width="6">
        <s:fill>
            <s:SolidColor color="0xFFFFFF"
                        alpha="0.75"
                        alpha.over="0.33"
                        alpha.down="0.33" />
        </s:fill>
    </s:Rect>
    
    <!-- inside stroke -->
    <s:Rect left="1" top="0" right="1" bottom="0">
        <s:stroke>
            <s:LinearGradientStroke rotation="90" weight="1">
                <s:GradientEntry color="0xFFFFFF" 
                               alpha="1"
                               alpha.over="0.55"
                               alpha.down="0.12" />
                <s:GradientEntry color="0xFFFFFF" 
                               alpha="0.22" 
                               alpha.over="0.121" 
                               alpha.down="0.0264" />
            </s:LinearGradientStroke>
        </s:stroke>
    </s:Rect>

    <!-- drop shadow -->
    <s:Rect left="1" top="-2" right="1" height="1">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.12" />
        </s:fill>
    </s:Rect>
    <s:Rect bottom="-3" left="1" right="1" height="2">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.12" />
        </s:fill>
    </s:Rect>
    <s:Rect bottom="-2" left="1" right="1" height="1">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.12" />
        </s:fill>
    </s:Rect>
</s:SparkSkin>
