<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/11/03/customizing-a-slider-controls-data-tip/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

    <mx:Style>
        @font-face{
            src: local("Arial");
            fontFamily: "ArialEmbedded";
            fontWeight: bold;
        }

		HSlider {
			dataTipOffset: -22;
			dataTipStyleName: "myDataTip";
		}

		.myDataTip {
			backgroundColor: black;
			color: white;
			fontWeight: bold;
			fontFamily: ArialEmbedded;
			fontSize: 16;
		}
	</mx:Style>

	<mx:HSlider id="slider" />

</mx:Application>