<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    xmlns:flexlib="flexlib.controls.*"
    backgroundAlpha="0" 
    backgroundColor="0xFFFFFF" 
    paddingBottom="10" paddingTop="10"  viewSourceURL="srcview/index.html">    
    
    <mx:Style source="noThumstlye.css"/>

<mx:VBox width="100%" height="100%" paddingTop="10" paddingLeft="10" paddingRight="10">
    <mx:VBox height="80" width="100%" styleName="whiteBox">
    
         <mx:HBox paddingLeft="3" paddingTop="3" horizontalGap="4" backgroundColor="0xD3E2EB" borderStyle="solid" cornerRadius="5" 
             borderThickness="0" width="100%">
            <mx:Label text="Time Period" fontFamily="myTahoma" fontSize="11" color="0x000000"/>
        </mx:HBox>
                
         <mx:HBox horizontalAlign="center" width="100%" y="30">
             
         <flexlib:HSlider width="90%" id="timeSlider" value="5"
            allowTrackClick="false" allowThumbOverlap="true"
            labelStyleName="myTahoma" minimum="0" maximum="50" 
            styleName="myHSlider" tickInterval="5" snapInterval="1"
            thumbCount="2" liveDragging="false" showDataTip="true" dataTipPlacement="bottom" 
            dataTipOffset="3" showTrackHighlight="true" useHandCursor="true" buttonMode="true"/>
        
         </mx:HBox>
         
        <mx:filters> 
            <flash.filters:GlowFilter  xmlns:flash.filters='flash.filters.*' 
              alpha=".9" blurX="8" blurY="8" color="0xCCCCCC"/>
        </mx:filters>
        
    </mx:VBox>
</mx:VBox>
    
</mx:Application>