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

<GraphicBorderSkin 
    
    xmlns:mx="http://www.adobe.com/2006/mxml"  
    xmlns="http://www.degrafa.com/2007" 
    xmlns:filters="flash.filters.*"
    >
            
    <states>
        
        <State name="overSkin" basedOn="upSkin">
            <SetProperty target="{rectFace}" name="fill" value="{faceFillOver}" />
        </State>
        
        <State name="downSkin" basedOn="overSkin">
            <SetProperty target="{rectFace}" name="fill" value="{bgFill}"/>
        </State>
        
        <State name="disabledSkin">
            <SetProperty target="{rectFace}" name="fill" value="{disabledFill}"/>
        </State>
        
        <State name="popUpOverSkin" basedOn="overSkin">
            <AddChild position="after">
            
                <IsocelesTriangleAutoShape 
                    
                    width="6" 
                    fill="{arrowFill}" 
                    height="6" 
                    x="{skinWidth-12}" 
                    y="{(skinHeight/2)-3}" 
                    >
                    
                    <transform>
                        <RotateTransform
                            
                            id="triangleTransform"
                            registrationPoint="center"
                            angle="180"
                            />
                    </transform>

                    </IsocelesTriangleAutoShape>
            
            </AddChild>
            <RemoveChild target="{slashOver}" />
        </State>
        
        <State name="popUpDownSkin" basedOn="popUpOverSkin" />
        
    </states>
    
    <fills>
    
        <LinearGradientFill id="faceFillUp" angle="90" >
            <GradientStop ratio="0" alpha="1" color="#ffffff"/>
            <GradientStop ratio="1" alpha="1" color="#ececec"/>
        </LinearGradientFill>
        
        <LinearGradientFill id="faceFillOver" angle="90" >
            <GradientStop ratio="0" alpha="1" color="#ffffff"/>
            <GradientStop ratio="1" alpha="1" color="#d4d4d4"/>
        </LinearGradientFill>
        
        <LinearGradientFill id="faceOuterFillUp" angle="90" >
            <GradientStop ratio="0" alpha="1" color="#d4d4d4"/>
            <GradientStop ratio="1" alpha="1" color="#c3c3c3"/>
        </LinearGradientFill>
        
        <SolidFill id="bgFill" color="#ffffff" alpha="1" />
        <SolidFill id="disabledFill" color="#ececec" alpha="1" />
        <SolidFill id="dotFill" color="#666666" alpha="1" />
        <SolidFill id="arrowFill" color="#333333" alpha="1" />
        
    </fills>
    
    <strokes>
        <SolidStroke id="slash" color="#333333" alpha="1" weight="1" />
    </strokes>
    
    <geometry>
        
        <RegularRectangle id="rectBackground" height="{skinHeight}" width="{skinWidth}" fill="{bgFill}" />
        <RegularRectangle id="rectFaceOuter" height="{skinHeight-2}" width="{skinWidth-2}" x="1" y="1" fill="{faceOuterFillUp}" />
        <RegularRectangle id="rectFace" height="{skinHeight-4}" width="{skinWidth-4}" x="2" y="2" fill="{faceFillUp}" />
        <Line id="slashOver" x="{skinWidth-12}" y="{skinHeight-6}" x1="{skinWidth-6}" y1="{6}" stroke="{slash}" />
        
    </geometry>
    
    
    
    
    
    
    
            
</GraphicBorderSkin>