Не получается изменить стили для TabNavigator, в частности для Tab!

[PiterPPP]

Не получается поменять стили для TabNavigator, а именно для Tab.
Необходимо закруглить углы закладок (Tab-ов), но результат пока не достигнут.
Ниже приведен достаточно простой код, который бы помог в решении этой проблемы, но воз и ныне там.
Что делать не знаю. Есть у кого-нибудь мысли?
Код (позаимствованный из всемирной сети):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" >
 
	<mx:Style>
		@namespace mx "library://ns.adobe.com/flex/mx";
 
		mx|TabNavigator {
			backgroundColor: black;
			tabStyleName: "MyTabs";
			firstTabStyleName: "MyFirstTab";
			lastTabStyleName: "MyLastTab";
			selectedTabTextStyleName: "MySelectedTab";
		}
 
		.MyTabs {
			background-color: black;
			cornerRadius: 9;
			fontWeight: bold;
			color: black;
		}
 
		.MyFirstTab,
		.MyLastTab {
			backgroundColor: black;
			cornerRadius: 9;
			color: black;
		}
 
		.MySelectedTab {
			backgroundColor: haloBlue;
			cornerRadius: 9;
			color: haloBlue;
			textRollOverColor: haloBlue;
		}
	</mx:Style>
 
	<mx:TabNavigator id="tabNavigator"
			width="100%"
			height="100%"
			tabHeight="40">
		<mx:VBox label="Panel 1" backgroundColor="haloOrange">
			<mx:Label text="TabNavigator container panel 1"/>
		</mx:VBox>
		<mx:VBox label="Panel 2" backgroundColor="haloGreen">
			<mx:Label text="TabNavigator container panel 2"/>
		</mx:VBox>
		<mx:VBox label="Panel 3" backgroundColor="haloBlue">
			<mx:Label text="TabNavigator container panel 3"/>
		</mx:VBox>
		<mx:VBox label="Panel 4" backgroundColor="haloSilver">
			<mx:Label text="TabNavigator container panel 4"/>
		</mx:VBox>
	</mx:TabNavigator>
 
</mx:Application>