<?xml version="1.0" encoding="utf-8"?>
<GraphicBorderSkin xmlns:mx="http://www.adobe.com/2006/mxml" 
  xmlns="com.degrafa.skins.*"
  xmlns:paint="com.degrafa.paint.*"
  xmlns:geometry="com.degrafa.geometry.*">
 
<mx:Script>
<![CDATA[
import mx.utils.ColorUtil;

[Bindable]
private var awidth:Number;
[Bindable]
private var aheight:Number;
 
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void {
    var primary:uint = this.getStyle( 'borderColor' );
    theStroke.color = primary;
    MC1.color = ColorUtil.adjustBrightness( primary, 50 );
    MC2.color = ColorUtil.adjustBrightness( primary, 70 );

    super.updateDisplayList(unscaledWidth, unscaledHeight);

    awidth = unscaledWidth;
    aheight = unscaledHeight;
}
]]>
</mx:Script>
 
<fills>
<paint:LinearGradientFill id="MainFill" angle="90" >
      <paint:GradientStop id="MC1" color="#EE9819"/>
      <paint:GradientStop id="MC2" color="#FAE38F"/>
</paint:LinearGradientFill>
 
<paint:LinearGradientFill id="WashFill" angle="90" >
      <paint:GradientStop alpha=".75" color="#FFFFFF"/>
      <paint:GradientStop alpha="0" color="#FFFFFF"/>
</paint:LinearGradientFill>
</fills>
 
<stroke>
    <paint:SolidStroke color="#EE9819" id="theStroke" weight="1" />
</stroke>
 
<geometry>
<geometry:RoundedRectangle cornerRadius="9" height="{aheight}" width="{awidth}"
    fill="{MainFill}" stroke="{theStroke}" />
<geometry:RoundedRectangle cornerRadius="7" height="{aheight/1.7}" width="{awidth-4}"
    x="2" y="2" fill="{WashFill}" />
</geometry>
 
</GraphicBorderSkin>