<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/12/changing-a-slider-controls-thumb-skin/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:Style>
		ToolTip {
			backgroundAlpha: 1.0;
			backgroundColor: haloBlue;
			fontWeight: bold;
			color: white;
		}

		HSlider {
			thumbSkin: Embed(source="assets/bug.png");
			dataTipPlacement: right;
			dataTipOffset: 0;
		}
	</mx:Style>

	<mx:HSlider id="slider"
			minimum="-10"
			maximum="20"
			labels="[-10, 0, 10, 20]"
			snapInterval="1"
			tickInterval="10"
			liveDragging="true"
			dataTipPrecision="0"
			showTrackHighlight="true" />

</mx:Application>