Styling specific states in a Spark ToggleButton control in Flex 4 (redux)

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/02/14/styling-specific-states-in-an-fxtogglebutton-control-in-flex-gumbo-redux/ -->
<s:Application name="Spark_ToggleButton_statesStyle_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        initialize="init();">
 
    <fx:Script>
        <![CDATA[
            import mx.styles.*;
 
            private function init():void {
                var theStyle:CSSStyleDeclaration;
                var condition:CSSCondition = new CSSCondition(CSSConditionKind.PSEUDO, "upAndSelected");
                var selector:CSSSelector = new CSSSelector("spark.components.ToggleButton", [condition]);
 
                // s|ToggleButton:upAndSelected
                theStyle = new CSSStyleDeclaration(selector);
                theStyle.setStyle("chromeColor", "haloOrange");
            }
        ]]>
    </fx:Script>
 
    <s:ToggleButton id="btn"
            label="Spark ToggleButton"
            horizontalCenter="0"
            verticalCenter="0" />
 
</s:Application>