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

<!--

    ADOBE SYSTEMS INCORPORATED
    Copyright 2009 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 wireframe skin class for the first button in the MX ButtonBar component. 
        
      @see mx.controls.ButtonBar

      @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="21" minHeight="21" 
        alpha.disabledStates="0.5">
    
    <!-- states -->
    <s:states>
        <s:State name="up" />
        <s:State name="over" stateGroups="overStates" />
        <s:State name="down" stateGroups="downStates" />
        <s:State name="disabled" stateGroups="disabledStates" />
        <s:State name="selectedUp" stateGroups="selectedStates, selectedUpStates" />
        <s:State name="selectedOver" stateGroups="overStates, selectedStates" />
        <s:State name="selectedDown" stateGroups="downStates, selectedStates" />
        <s:State name="selectedDisabled" stateGroups="selectedUpStates, disabledStates, selectedStates" />
    </s:states>
    
    <!-- fill -->
    <s:Path left="1" right="1" top="1" bottom="1" 
            data="M 67 0 l 0 18 l -65.2 0 C 0.8 18 0 17.2 0 16.2 L 0 1.8 C 0.8 0 0 0.8 1.8 0 L 67 0 z">
        <s:fill>
            <s:SolidColor color="#FFFFFF" color.over="#EEEEEE" 
                          color.down="#EEEEEE" color.selectedStates="#EEEEEE" />
        </s:fill>
    </s:Path>
    
    <!-- shadow (down state only) -->
    <s:Rect left="1" top="1" bottom="1" width="1" includeIn="downStates">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.07" />
        </s:fill>
    </s:Rect>
    <s:Rect right="1" top="1" bottom="1" width="1" includeIn="downStates">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.07" />
        </s:fill>
    </s:Rect>
    <s:Rect left="2" top="1" right="1" height="1" includeIn="downStates">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.25" />
        </s:fill>
    </s:Rect>
    <s:Rect left="1" top="2" right="1" height="1" includeIn="downStates">
        <s:fill>
            <s:SolidColor color="#5C5C5C" alpha="0.09" />
        </s:fill>
    </s:Rect>
    
    <!-- border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
    <s:Path left="0" right="0" top="0" bottom="0"
            data="M 69 0 l 0 20 l -67.2 0 C 0.8 20 0 19.2 0 18.2 L 0 1.8 C 0.8 0 0 0.8 1.8 0 L 69 0 z">
        <s:stroke>
            <s:SolidColorStroke color="#707070" />
        </s:stroke>
    </s:Path>
</s:Skin>