Trouble Skinning HSlider

[ferrisb]

First, a picture of what's going on:

http://joshbuhler.com/images/sliders.jpg

I want the slider to appear like the slider on the right. However, once it loads in Flex, I get the slider on the left - with the shrunken thumb button.

The graphics were done in Flash CS3, and have been exported into a swf. The CSS rule I've defined for the slider is as follows:

Slider {
thumbDisabledSkin: Embed(source="/assets/skins/viewerSkin.swf", symbol="SliderThumb_disabledSkin");
thumbDownSkin: Embed(source="/assets/skins/viewerSkin.swf", symbol="SliderThumb_downSkin");
thumbOverSkin: Embed(source="/assets/skins/viewerSkin.swf", symbol="SliderThumb_overSkin");
thumbUpSkin: Embed(source="/assets/skins/viewerSkin.swf", symbol="SliderThumb_upSkin");
trackHighlightSkin: Embed(source="/assets/skins/viewerSkin.swf", symbol="SliderHighlight_Skin");
trackSkin: Embed(source="/assets/skins/viewerSkin.swf", symbol="SliderTrack_Skin");
dataTipOffset: -50;
}

I've been searching for ways to specify the height of the thumb for a while now, and haven't had any luck. Any suggestions?