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

      @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"
        alpha.disabledStates="0.5">

    <fx:Metadata>
        /** 
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
         */
        [HostComponent("spark.components.RadioButton")]
    </fx:Metadata> 
    
    <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="upAndSelected" />
        <s:State name="overAndSelected" stateGroups="overStates" />
        <s:State name="downAndSelected" stateGroups="downStates" />
        <s:State name="disabledAndSelected" stateGroups="disabledStates" />
    </s:states>

    <s:Group verticalCenter="0">
        <!-- background -->
        <s:Ellipse left="0" top="0" width="12" height="12">
            <s:stroke>            
                <s:SolidColorStroke color="#5C5C5C" />
            </s:stroke>
            <s:fill>
                <s:SolidColor color="#EEEEEE" color.overStates="#FFFFFF" 
                          color.downStates="#FFFFFF" />
            </s:fill>
        </s:Ellipse>

        <!-- shadow (down states only) -->
        <s:Ellipse left="1.0" top="0.5" right="1" bottom="0.5" includeIn="downStates">
            <s:stroke> 
                <s:LinearGradientStroke rotation="90">
                    <s:GradientEntry color="#5C5C5C" alpha="0.25" />
                    <s:GradientEntry color="#5C5C5C" alpha="0" />
                </s:LinearGradientStroke>
            </s:stroke>
        </s:Ellipse>
        
        <!-- center -->
        <s:Ellipse left="4" top="3.5" width="5" height="5" 
                    includeIn="upAndSelected, overAndSelected, downAndSelected, disabledAndSelected">
            <s:fill>
                <s:SolidColor color="#464646" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    <!-- Label -->
    <!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
    <s:Label id="labelDisplay"
             textAlign="start"
             verticalAlign="middle"
             maxDisplayedLines="1"
             left="18" right="0" top="3" bottom="3" verticalCenter="2" />

</s:Skin>
