<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/01/03/styling-the-alert-controls-nested-buttons/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white"
		creationComplete="init();" viewSourceURL="srcview/index.html">

	<mx:Style>
		@font-face {
			src: local("Comic Sans MS");
			fontFamily: myComicSansMS;
			fontWeight: normal;
		}

		Alert {
			buttonStyleName: myCustomButtonStyleName;
		}

		.myCustomButtonStyleName {
			color: red;
			cornerRadius: 12;
			fontFamily: myComicSansMS;
			fontSize: 10;
			fontWeight: normal;
			textDecoration: underline;
			themeColor: red;
		}
	</mx:Style>

	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;

			private var alert:Alert;

			private function init():void {
				var myMessage:String = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\nDonec tincidunt sollicitudin sem.";
				var myTitle:String = "The quick brown fox jumped over the lazy dog";
				alert = Alert.show(myMessage, myTitle);
			}
		]]>
	</mx:Script>

	<mx:ApplicationControlBar dock="true">
		<mx:Button label="Launch alert" click="init();" />
	</mx:ApplicationControlBar>

</mx:Application>