http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
index 9241f98..20545ce 100644
--- 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
@@ -23,37 +23,37 @@
 <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span 
class="MXMLDefault_Text">     xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
-            xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
-            xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" styleName="</span><span 
class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">MouseEvent</span>;
-            
-            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">controls</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-            
-            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span>:<span 
class="ActionScriptDefault_Text">MouseEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">fsg</span>:<span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">currentTarget</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-                <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptOperator">!=</span> <span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">openWithDefaultApplication</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With 
Default Application Sample</span><span class="MXMLDefault_Text">" 
skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span 
class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
verticalAlign="</span><span class="MXMLString">justify</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
-                     text="</span><span class="MXMLString">The Open With 
Default Application support allows you to open any file with it's associated 
default application. Locate a file
-item in the file system grid and double-click it to see it in 
action:</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed(source='up.png')</span><span 
class="MXMLDefault_Text">" click="</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">navigateUp</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
-                       enabled="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">canNavigateUp</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
-            <span 
class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" 
directory="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">desktopDirectory</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">150</span><span 
class="MXMLDefault_Text">" 
-                                   doubleClickEnabled="</span><span 
class="MXMLString">true</span><span class="MXMLDefault_Text">" 
doubleClick="</span><span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span 
class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span 
class="MXMLDefault_Text">     xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
+            xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" styleName="</span><span 
class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">MouseEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">controls</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span>:<span 
class="ActionScriptDefault_Text">MouseEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">fsg</span>:<span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">currentTarget</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptOperator">!=</span> <span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">openWithDefaultApplication</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With 
Default Application Sample</span><span class="MXMLDefault_Text">" 
skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span 
class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
verticalAlign="</span><span class="MXMLString">justify</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Open With 
Default Application support allows you to open any file with it's associated 
default application. Locate a file
+item in the file system grid and double-click it to see it in 
action:</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed(source='up.png')</span><span 
class="MXMLDefault_Text">" click="</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">navigateUp</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">canNavigateUp</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span 
class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" 
directory="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">desktopDirectory</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">150</span><span 
class="MXMLDefault_Text">" 
+                                   doubleClickEnabled="</span><span 
class="MXMLString">true</span><span class="MXMLDefault_Text">" 
doubleClick="</span><span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span 
class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
 <span 
class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
index e47ce20..cad6bc3 100755
--- 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
 <!--
 
 Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,8 +17,8 @@ See the License for the specific language governing 
permissions and
 limitations under the License.
 
 -->
-<application xmlns="http://ns.adobe.com/air/application/2.0";>
-
+<application xmlns="http://ns.adobe.com/air/application/2.0";>
+
 <!-- Adobe AIR Application Descriptor File Template.
 
        Specifies parameters for identifying, installing, and launching AIR 
applications.
@@ -29,125 +29,125 @@ limitations under the License.
                        
        minimumPatchLevel - The minimum patch level of the AIR runtime required 
to run 
                        the application. Optional.
--->
-
-       <!-- The application identifier string, unique to this application. 
Required. -->
-       <id>sample1</id>
-
-       <!-- Used as the filename for the application. Required. -->
-       <filename>sample1</filename>
-
+-->
+
+       <!-- The application identifier string, unique to this application. 
Required. -->
+       <id>sample1</id>
+
+       <!-- Used as the filename for the application. Required. -->
+       <filename>sample1</filename>
+
        <!-- The name that is displayed in the AIR application installer. 
-            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
-       <name>sample1</name>
-
-       <!-- An application version designator (such as "v1", "2.5", or "Alpha 
1"). Required. -->
-       <version>v1</version>
-
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <name>sample1</name>
+
+       <!-- An application version designator (such as "v1", "2.5", or "Alpha 
1"). Required. -->
+       <version>v1</version>
+
        <!-- Description, displayed in the AIR application installer.
-            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
-       <!-- <description></description> -->
-
-       <!-- Copyright information. Optional -->
-       <!-- <copyright></copyright> -->
-
-       <!-- Settings for the application's initial window. Required. -->
-       <initialWindow>
-               <!-- The main SWF or HTML file of the application. Required. -->
-               <!-- Note: In Flash Builder, the SWF reference is set 
automatically. -->
-               <content>[This value will be overwritten by Flash Builder in 
the output app.xml]</content>
-               
-               <!-- The title of the main window. Optional. -->
-               <!-- <title></title> -->
-
-               <!-- The type of system chrome to use (either "standard" or 
"none"). Optional. Default standard. -->
-               <!-- <systemChrome></systemChrome> -->
-
-               <!-- Whether the window is transparent. Only applicable when 
systemChrome is none. Optional. Default false. -->
-               <!-- <transparent></transparent> -->
-
-               <!-- Whether the window is initially visible. Optional. Default 
false. -->
-               <!-- <visible></visible> -->
-
-               <!-- Whether the user can minimize the window. Optional. 
Default true. -->
-               <!-- <minimizable></minimizable> -->
-
-               <!-- Whether the user can maximize the window. Optional. 
Default true. -->
-               <!-- <maximizable></maximizable> -->
-
-               <!-- Whether the user can resize the window. Optional. Default 
true. -->
-               <!-- <resizable></resizable> -->
-
-               <!-- The window's initial width. Optional. -->
-               <!-- <width></width> -->
-
-               <!-- The window's initial height. Optional. -->
-               <!-- <height></height> -->
-
-               <!-- The window's initial x position. Optional. -->
-               <!-- <x></x> -->
-
-               <!-- The window's initial y position. Optional. -->
-               <!-- <y></y> -->
-
-               <!-- The window's minimum size, specified as a width/height 
pair, such as "400 200". Optional. -->
-               <!-- <minSize></minSize> -->
-
-               <!-- The window's initial maximum size, specified as a 
width/height pair, such as "1600 1200". Optional. -->
-               <!-- <maxSize></maxSize> -->
-       </initialWindow>
-
-       <!-- The subpath of the standard default installation location to use. 
Optional. -->
-       <!-- <installFolder></installFolder> -->
-
-       <!-- The subpath of the Programs menu to use. (Ignored on operating 
systems without a Programs menu.) Optional. -->
-       <!-- <programMenuFolder></programMenuFolder> -->
-
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <!-- <description></description> -->
+
+       <!-- Copyright information. Optional -->
+       <!-- <copyright></copyright> -->
+
+       <!-- Settings for the application's initial window. Required. -->
+       <initialWindow>
+               <!-- The main SWF or HTML file of the application. Required. -->
+               <!-- Note: In Flash Builder, the SWF reference is set 
automatically. -->
+               <content>[This value will be overwritten by Flash Builder in 
the output app.xml]</content>
+               
+               <!-- The title of the main window. Optional. -->
+               <!-- <title></title> -->
+
+               <!-- The type of system chrome to use (either "standard" or 
"none"). Optional. Default standard. -->
+               <!-- <systemChrome></systemChrome> -->
+
+               <!-- Whether the window is transparent. Only applicable when 
systemChrome is none. Optional. Default false. -->
+               <!-- <transparent></transparent> -->
+
+               <!-- Whether the window is initially visible. Optional. Default 
false. -->
+               <!-- <visible></visible> -->
+
+               <!-- Whether the user can minimize the window. Optional. 
Default true. -->
+               <!-- <minimizable></minimizable> -->
+
+               <!-- Whether the user can maximize the window. Optional. 
Default true. -->
+               <!-- <maximizable></maximizable> -->
+
+               <!-- Whether the user can resize the window. Optional. Default 
true. -->
+               <!-- <resizable></resizable> -->
+
+               <!-- The window's initial width. Optional. -->
+               <!-- <width></width> -->
+
+               <!-- The window's initial height. Optional. -->
+               <!-- <height></height> -->
+
+               <!-- The window's initial x position. Optional. -->
+               <!-- <x></x> -->
+
+               <!-- The window's initial y position. Optional. -->
+               <!-- <y></y> -->
+
+               <!-- The window's minimum size, specified as a width/height 
pair, such as "400 200". Optional. -->
+               <!-- <minSize></minSize> -->
+
+               <!-- The window's initial maximum size, specified as a 
width/height pair, such as "1600 1200". Optional. -->
+               <!-- <maxSize></maxSize> -->
+       </initialWindow>
+
+       <!-- The subpath of the standard default installation location to use. 
Optional. -->
+       <!-- <installFolder></installFolder> -->
+
+       <!-- The subpath of the Programs menu to use. (Ignored on operating 
systems without a Programs menu.) Optional. -->
+       <!-- <programMenuFolder></programMenuFolder> -->
+
        <!-- The icon the system uses for the application. For at least one 
resolution,
-                specify the path to a PNG file included in the AIR package. 
Optional. -->
+                specify the path to a PNG file included in the AIR package. 
Optional. -->
        <!-- <icon>
                <image16x16></image16x16>
                <image32x32></image32x32>
                <image48x48></image48x48>
                <image128x128></image128x128>
-       </icon> -->
-
+       </icon> -->
+
        <!-- Whether the application handles the update when a user 
double-clicks an update version
        of the AIR file (true), or the default AIR application installer 
handles the update (false).
-       Optional. Default false. -->
-       <!-- <customUpdateUI></customUpdateUI> -->
-       
+       Optional. Default false. -->
+       <!-- <customUpdateUI></customUpdateUI> -->
+       
        <!-- Whether the application can be launched when the user clicks a 
link in a web browser.
-       Optional. Default false. -->
-       <!-- <allowBrowserInvocation></allowBrowserInvocation> -->
-
-       <!-- Listing of file types for which the application can register. 
Optional. -->
-       <!-- <fileTypes> -->
-
-               <!-- Defines one file type. Optional. -->
-               <!-- <fileType> -->
-
-                       <!-- The name that the system displays for the 
registered file type. Required. -->
-                       <!-- <name></name> -->
-
-                       <!-- The extension to register. Required. -->
-                       <!-- <extension></extension> -->
-                       
-                       <!-- The description of the file type. Optional. -->
-                       <!-- <description></description> -->
-                       
-                       <!-- The MIME content type. -->
-                       <!-- <contentType></contentType> -->
-                       
-                       <!-- The icon to display for the file type. Optional. 
-->
+       Optional. Default false. -->
+       <!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+       <!-- Listing of file types for which the application can register. 
Optional. -->
+       <!-- <fileTypes> -->
+
+               <!-- Defines one file type. Optional. -->
+               <!-- <fileType> -->
+
+                       <!-- The name that the system displays for the 
registered file type. Required. -->
+                       <!-- <name></name> -->
+
+                       <!-- The extension to register. Required. -->
+                       <!-- <extension></extension> -->
+                       
+                       <!-- The description of the file type. Optional. -->
+                       <!-- <description></description> -->
+                       
+                       <!-- The MIME content type. -->
+                       <!-- <contentType></contentType> -->
+                       
+                       <!-- The icon to display for the file type. Optional. 
-->
                        <!-- <icon>
                                <image16x16></image16x16>
                                <image32x32></image32x32>
                                <image48x48></image48x48>
                                <image128x128></image128x128>
-                       </icon> -->
-                       
-               <!-- </fileType> -->
-       <!-- </fileTypes> -->
-
-</application>
+                       </icon> -->
+                       
+               <!-- </fileType> -->
+       <!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
index a098cd6..6897276 100644
--- 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,35 +17,35 @@
   limitations under the License.
 
 -->
-<mx:Module     xmlns:fx="http://ns.adobe.com/mxml/2009"; 
-                       xmlns:s="library://ns.adobe.com/flex/spark" 
-                       xmlns:mx="library://ns.adobe.com/flex/mx" 
styleName="plain" width="100%" height="100%">
-       <fx:Script>
-               <![CDATA[
-                       import flash.events.MouseEvent;
-                       
-                       import mx.controls.FileSystemDataGrid;
-                       
-                       protected function 
datagridHandler(event:MouseEvent):void
-                       {
-                               var fsg:FileSystemDataGrid = 
event.currentTarget as FileSystemDataGrid;
-                               if (fsg.selectedItem != null)
-                                       (fsg.selectedItem as 
File).openWithDefaultApplication();
-                       }
-               ]]>
-       </fx:Script>
-       
-       <s:Panel width="100%" height="100%" title="Open With Default 
Application Sample" skinClass="skins.TDFPanelSkin">
-               <s:VGroup top="10" left="10">
-                       <s:Label width="660" verticalAlign="justify" 
color="#323232" 
-                                        text="The Open With Default 
Application support allows you to open any file with it's associated default 
application. Locate a file
-item in the file system grid and double-click it to see it in action:"/>
-                       <mx:Button icon="@Embed(source='up.png')" 
click="fileGrid.navigateUp();"
-                                          enabled="{fileGrid.canNavigateUp}"/>
-                       <mx:FileSystemDataGrid id="fileGrid" 
directory="{File.desktopDirectory}" width="660" height="150" 
-                                                                  
doubleClickEnabled="true" doubleClick="datagridHandler(event)">
-                       </mx:FileSystemDataGrid>        
-               </s:VGroup>
-       </s:Panel>
-
+<mx:Module     xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                       xmlns:s="library://ns.adobe.com/flex/spark" 
+                       xmlns:mx="library://ns.adobe.com/flex/mx" 
styleName="plain" width="100%" height="100%">
+       <fx:Script>
+               <![CDATA[
+                       import flash.events.MouseEvent;
+                       
+                       import mx.controls.FileSystemDataGrid;
+                       
+                       protected function 
datagridHandler(event:MouseEvent):void
+                       {
+                               var fsg:FileSystemDataGrid = 
event.currentTarget as FileSystemDataGrid;
+                               if (fsg.selectedItem != null)
+                                       (fsg.selectedItem as 
File).openWithDefaultApplication();
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:Panel width="100%" height="100%" title="Open With Default 
Application Sample" skinClass="skins.TDFPanelSkin">
+               <s:VGroup top="10" left="10">
+                       <s:Label width="660" verticalAlign="justify" 
color="#323232" 
+                                        text="The Open With Default 
Application support allows you to open any file with it's associated default 
application. Locate a file
+item in the file system grid and double-click it to see it in action:"/>
+                       <mx:Button icon="@Embed(source='up.png')" 
click="fileGrid.navigateUp();"
+                                          enabled="{fileGrid.canNavigateUp}"/>
+                       <mx:FileSystemDataGrid id="fileGrid" 
directory="{File.desktopDirectory}" width="660" height="150" 
+                                                                  
doubleClickEnabled="true" doubleClick="datagridHandler(event)">
+                       </mx:FileSystemDataGrid>        
+               </s:VGroup>
+       </s:Panel>
+
 </mx:Module>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
index e47ce20..cad6bc3 100644
--- 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
 <!--
 
 Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,8 +17,8 @@ See the License for the specific language governing 
permissions and
 limitations under the License.
 
 -->
-<application xmlns="http://ns.adobe.com/air/application/2.0";>
-
+<application xmlns="http://ns.adobe.com/air/application/2.0";>
+
 <!-- Adobe AIR Application Descriptor File Template.
 
        Specifies parameters for identifying, installing, and launching AIR 
applications.
@@ -29,125 +29,125 @@ limitations under the License.
                        
        minimumPatchLevel - The minimum patch level of the AIR runtime required 
to run 
                        the application. Optional.
--->
-
-       <!-- The application identifier string, unique to this application. 
Required. -->
-       <id>sample1</id>
-
-       <!-- Used as the filename for the application. Required. -->
-       <filename>sample1</filename>
-
+-->
+
+       <!-- The application identifier string, unique to this application. 
Required. -->
+       <id>sample1</id>
+
+       <!-- Used as the filename for the application. Required. -->
+       <filename>sample1</filename>
+
        <!-- The name that is displayed in the AIR application installer. 
-            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
-       <name>sample1</name>
-
-       <!-- An application version designator (such as "v1", "2.5", or "Alpha 
1"). Required. -->
-       <version>v1</version>
-
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <name>sample1</name>
+
+       <!-- An application version designator (such as "v1", "2.5", or "Alpha 
1"). Required. -->
+       <version>v1</version>
+
        <!-- Description, displayed in the AIR application installer.
-            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
-       <!-- <description></description> -->
-
-       <!-- Copyright information. Optional -->
-       <!-- <copyright></copyright> -->
-
-       <!-- Settings for the application's initial window. Required. -->
-       <initialWindow>
-               <!-- The main SWF or HTML file of the application. Required. -->
-               <!-- Note: In Flash Builder, the SWF reference is set 
automatically. -->
-               <content>[This value will be overwritten by Flash Builder in 
the output app.xml]</content>
-               
-               <!-- The title of the main window. Optional. -->
-               <!-- <title></title> -->
-
-               <!-- The type of system chrome to use (either "standard" or 
"none"). Optional. Default standard. -->
-               <!-- <systemChrome></systemChrome> -->
-
-               <!-- Whether the window is transparent. Only applicable when 
systemChrome is none. Optional. Default false. -->
-               <!-- <transparent></transparent> -->
-
-               <!-- Whether the window is initially visible. Optional. Default 
false. -->
-               <!-- <visible></visible> -->
-
-               <!-- Whether the user can minimize the window. Optional. 
Default true. -->
-               <!-- <minimizable></minimizable> -->
-
-               <!-- Whether the user can maximize the window. Optional. 
Default true. -->
-               <!-- <maximizable></maximizable> -->
-
-               <!-- Whether the user can resize the window. Optional. Default 
true. -->
-               <!-- <resizable></resizable> -->
-
-               <!-- The window's initial width. Optional. -->
-               <!-- <width></width> -->
-
-               <!-- The window's initial height. Optional. -->
-               <!-- <height></height> -->
-
-               <!-- The window's initial x position. Optional. -->
-               <!-- <x></x> -->
-
-               <!-- The window's initial y position. Optional. -->
-               <!-- <y></y> -->
-
-               <!-- The window's minimum size, specified as a width/height 
pair, such as "400 200". Optional. -->
-               <!-- <minSize></minSize> -->
-
-               <!-- The window's initial maximum size, specified as a 
width/height pair, such as "1600 1200". Optional. -->
-               <!-- <maxSize></maxSize> -->
-       </initialWindow>
-
-       <!-- The subpath of the standard default installation location to use. 
Optional. -->
-       <!-- <installFolder></installFolder> -->
-
-       <!-- The subpath of the Programs menu to use. (Ignored on operating 
systems without a Programs menu.) Optional. -->
-       <!-- <programMenuFolder></programMenuFolder> -->
-
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <!-- <description></description> -->
+
+       <!-- Copyright information. Optional -->
+       <!-- <copyright></copyright> -->
+
+       <!-- Settings for the application's initial window. Required. -->
+       <initialWindow>
+               <!-- The main SWF or HTML file of the application. Required. -->
+               <!-- Note: In Flash Builder, the SWF reference is set 
automatically. -->
+               <content>[This value will be overwritten by Flash Builder in 
the output app.xml]</content>
+               
+               <!-- The title of the main window. Optional. -->
+               <!-- <title></title> -->
+
+               <!-- The type of system chrome to use (either "standard" or 
"none"). Optional. Default standard. -->
+               <!-- <systemChrome></systemChrome> -->
+
+               <!-- Whether the window is transparent. Only applicable when 
systemChrome is none. Optional. Default false. -->
+               <!-- <transparent></transparent> -->
+
+               <!-- Whether the window is initially visible. Optional. Default 
false. -->
+               <!-- <visible></visible> -->
+
+               <!-- Whether the user can minimize the window. Optional. 
Default true. -->
+               <!-- <minimizable></minimizable> -->
+
+               <!-- Whether the user can maximize the window. Optional. 
Default true. -->
+               <!-- <maximizable></maximizable> -->
+
+               <!-- Whether the user can resize the window. Optional. Default 
true. -->
+               <!-- <resizable></resizable> -->
+
+               <!-- The window's initial width. Optional. -->
+               <!-- <width></width> -->
+
+               <!-- The window's initial height. Optional. -->
+               <!-- <height></height> -->
+
+               <!-- The window's initial x position. Optional. -->
+               <!-- <x></x> -->
+
+               <!-- The window's initial y position. Optional. -->
+               <!-- <y></y> -->
+
+               <!-- The window's minimum size, specified as a width/height 
pair, such as "400 200". Optional. -->
+               <!-- <minSize></minSize> -->
+
+               <!-- The window's initial maximum size, specified as a 
width/height pair, such as "1600 1200". Optional. -->
+               <!-- <maxSize></maxSize> -->
+       </initialWindow>
+
+       <!-- The subpath of the standard default installation location to use. 
Optional. -->
+       <!-- <installFolder></installFolder> -->
+
+       <!-- The subpath of the Programs menu to use. (Ignored on operating 
systems without a Programs menu.) Optional. -->
+       <!-- <programMenuFolder></programMenuFolder> -->
+
        <!-- The icon the system uses for the application. For at least one 
resolution,
-                specify the path to a PNG file included in the AIR package. 
Optional. -->
+                specify the path to a PNG file included in the AIR package. 
Optional. -->
        <!-- <icon>
                <image16x16></image16x16>
                <image32x32></image32x32>
                <image48x48></image48x48>
                <image128x128></image128x128>
-       </icon> -->
-
+       </icon> -->
+
        <!-- Whether the application handles the update when a user 
double-clicks an update version
        of the AIR file (true), or the default AIR application installer 
handles the update (false).
-       Optional. Default false. -->
-       <!-- <customUpdateUI></customUpdateUI> -->
-       
+       Optional. Default false. -->
+       <!-- <customUpdateUI></customUpdateUI> -->
+       
        <!-- Whether the application can be launched when the user clicks a 
link in a web browser.
-       Optional. Default false. -->
-       <!-- <allowBrowserInvocation></allowBrowserInvocation> -->
-
-       <!-- Listing of file types for which the application can register. 
Optional. -->
-       <!-- <fileTypes> -->
-
-               <!-- Defines one file type. Optional. -->
-               <!-- <fileType> -->
-
-                       <!-- The name that the system displays for the 
registered file type. Required. -->
-                       <!-- <name></name> -->
-
-                       <!-- The extension to register. Required. -->
-                       <!-- <extension></extension> -->
-                       
-                       <!-- The description of the file type. Optional. -->
-                       <!-- <description></description> -->
-                       
-                       <!-- The MIME content type. -->
-                       <!-- <contentType></contentType> -->
-                       
-                       <!-- The icon to display for the file type. Optional. 
-->
+       Optional. Default false. -->
+       <!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+       <!-- Listing of file types for which the application can register. 
Optional. -->
+       <!-- <fileTypes> -->
+
+               <!-- Defines one file type. Optional. -->
+               <!-- <fileType> -->
+
+                       <!-- The name that the system displays for the 
registered file type. Required. -->
+                       <!-- <name></name> -->
+
+                       <!-- The extension to register. Required. -->
+                       <!-- <extension></extension> -->
+                       
+                       <!-- The description of the file type. Optional. -->
+                       <!-- <description></description> -->
+                       
+                       <!-- The MIME content type. -->
+                       <!-- <contentType></contentType> -->
+                       
+                       <!-- The icon to display for the file type. Optional. 
-->
                        <!-- <icon>
                                <image16x16></image16x16>
                                <image32x32></image32x32>
                                <image48x48></image48x48>
                                <image128x128></image128x128>
-                       </icon> -->
-                       
-               <!-- </fileType> -->
-       <!-- </fileTypes> -->
-
-</application>
+                       </icon> -->
+                       
+               <!-- </fileType> -->
+       <!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
index 9241f98..20545ce 100644
--- 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
@@ -23,37 +23,37 @@
 <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span 
class="MXMLDefault_Text">     xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
-            xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
-            xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" styleName="</span><span 
class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">MouseEvent</span>;
-            
-            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">controls</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-            
-            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span>:<span 
class="ActionScriptDefault_Text">MouseEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">fsg</span>:<span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">currentTarget</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-                <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptOperator">!=</span> <span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">openWithDefaultApplication</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With 
Default Application Sample</span><span class="MXMLDefault_Text">" 
skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span 
class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
verticalAlign="</span><span class="MXMLString">justify</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
-                     text="</span><span class="MXMLString">The Open With 
Default Application support allows you to open any file with it's associated 
default application. Locate a file
-item in the file system grid and double-click it to see it in 
action:</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed(source='up.png')</span><span 
class="MXMLDefault_Text">" click="</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">navigateUp</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
-                       enabled="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">canNavigateUp</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
-            <span 
class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" 
directory="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">desktopDirectory</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">150</span><span 
class="MXMLDefault_Text">" 
-                                   doubleClickEnabled="</span><span 
class="MXMLString">true</span><span class="MXMLDefault_Text">" 
doubleClick="</span><span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span 
class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span 
class="MXMLDefault_Text">     xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
+            xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" styleName="</span><span 
class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">MouseEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">controls</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span>:<span 
class="ActionScriptDefault_Text">MouseEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">fsg</span>:<span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">currentTarget</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptOperator">!=</span> <span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">fsg</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">selectedItem</span> <span 
class="ActionScriptReserved">as</span> <span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">openWithDefaultApplication</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With 
Default Application Sample</span><span class="MXMLDefault_Text">" 
skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span 
class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
verticalAlign="</span><span class="MXMLString">justify</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Open With 
Default Application support allows you to open any file with it's associated 
default application. Locate a file
+item in the file system grid and double-click it to see it in 
action:</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed(source='up.png')</span><span 
class="MXMLDefault_Text">" click="</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">navigateUp</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">fileGrid</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">canNavigateUp</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span 
class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" 
directory="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">desktopDirectory</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span 
class="MXMLString">660</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">150</span><span 
class="MXMLDefault_Text">" 
+                                   doubleClickEnabled="</span><span 
class="MXMLString">true</span><span class="MXMLDefault_Text">" 
doubleClick="</span><span 
class="ActionScriptDefault_Text">datagridHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span 
class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
 <span 
class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/styles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/styles.css 
b/TourDeFlex/TourDeFlex/src/styles.css
index 4095871..be8c857 100644
--- a/TourDeFlex/TourDeFlex/src/styles.css
+++ b/TourDeFlex/TourDeFlex/src/styles.css
@@ -14,407 +14,407 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@namespace mx "library://ns.adobe.com/flex/mx";
-
-mx|Application
-{
-       theme-color:#E0E0E0;
-       modal-transparency:0.5;
-       modal-transparency-blur:0;
-}
-
-/* todo: use apache font
-@font-face {
-    src: url("assets/MyriadWebPro.ttf");
-    fontFamily: eFontFamily;
-}
-*/
-
-.mainWindow
-{
-       /* background-color:#262626; */
-}
-
-.mainBackground
-{
-       background-color:#262626;
-}
-
-.applicationHeader
-{
-       borderSkin: Embed(skinClass='TopPanelWLogo');
-}
-
-.applicationFooter
-{
-       borderSkin: Embed(skinClass='FootPanel');
-       color:#A4A4A4;
-}
-
-.applicationCloseButton
-{
-       /* icon: Embed(skinClass='CloseIcon');
-       skin: Embed(source="images/button_clear.png"); */
-       skin: Embed(skinClass='CloseButton');
-}
-
-.applicationMaximizeButton
-{
-       /* icon: Embed(skinClass='WindowIcon');
-       skin: Embed(source="images/button_clear.png"); */
-       skin: Embed(skinClass='WindowButton');
-}
-
-.applicationMinimizeButton
-{
-       /* icon: Embed(skinClass='MinimizeIcon');
-       skin: Embed(source="images/button_clear.png"); */
-       skin: Embed(skinClass='MinimizeButton');
-}
-
-.aboutButton
-{
-       skin: Embed(skinClass='AboutButton');
-}
-
-.aboutComboBox
-{
-       skin: Embed(skinClass='DropMenu');
-       color:#DDDDDD;
-       alternatingItemColors:#222222,#222222;
-}
-
-mx|Alert
-{
-       color:#323232;  
-       background-color:#E3E3E3;
-       border-color:#000000;
-       border-alpha: 0.7;
-       header-height:20;
-       theme-color: #848484;
-       title-style-name:alertTitle;
-} 
-
-.alertTitle
-{
-       color:#FFFFFF;
-       font-weight:bold;
-}
-
-.outerDividedBoxes
-{
-       /* background-color:#D4CDCA;
-       corner-radius:8;
-       border-style:solid;
-       padding-bottom:8;
-       padding-left:8;
-       padding-right:8;
-       padding-top:8; */
-       backgroundImage: Embed(skinClass='BoxSkin');
-       backgroundSize: "100%";
-       paddingTop: 7;
-       paddingLeft: 7;
-       paddingRight: 9;
-       paddingBottom: 16;
-}
-
-.illustrationsBox
-{      
-       background-color:#AFA7A1;
-       backgroundAlpha: 0.2;
-       corner-radius:5;        
-       border-style:solid;     
-       border-color:#C4C2C2;
-       border-alpha: 0.5;
-       padding-bottom:5;
-       padding-left:5;
-       padding-right:5;
-       padding-top:5;  
-}
-
-.illustrationTabs
-{
-       background-color:#AEAEAE;
-       border-color:#aea6a0;
-       background-alpha: 0.5;
-       padding-top:1;
-       horizontal-gap:2;
-       tab-height:20;
-}
-
-.illustrationFirstTab
-{
-       border-color:#555555;
-       backgroundColor:#888888;
-       font-weight:normal;
-}
-
-.illustrationLastTab
-{
-       border-color:#555555;   
-       backgroundColor:#888888;
-       font-weight:normal;
-}
-
-.illustrationTab
-{
-       border-color:#555555;
-       corner-radius:6;
-       backgroundColor:#888888;
-       font-weight:normal;
-}
-
-.illustrationTabSelected
-{
-       color: #ffffff;
-       font-weight:bold;
-}
-
-.documentTabs
-{
-       background-color:#AEAEAE;
-       border-color:#AFA7A1;
-       background-alpha: 0.7;
-       padding-top:1;
-       horizontal-gap:2;
-       tab-height:20;
-}
-
-.documentFirstTab
-{
-       border-color:#555555;
-       backgroundColor:#888888;
-       font-weight:normal;
-}
-
-.documentLastTab
-{
-       border-color:#555555;
-       backgroundColor:#888888;
-       font-weight:normal;
-}
-
-.documentTab
-{
-       border-color:#555555;
-       corner-radius:6;
-       backgroundColor:#888888;
-       font-weight:normal;
-}
-
-.documentTabSelected
-{
-       color: #ffffff;
-       font-weight:bold;
-}
-
-.wipeWindow
-{
-       background-alpha:1.0;
-       /* background-color:#D4CDCA; */
-       background-image: Embed(skinClass='BoxSkin');
-       background-size: "100%";
-       /* border-color:#D4CDCA; */
-       /* border-style:solid; */
-       corner-radius:8;
-       padding-bottom:12;
-       padding-left:8;
-       padding-right:24;
-       padding-top:8;
-}
-
-.searchWindowTagBox
-{
-       background-color:#AFA7A1;
-       background-alpha: 0.2;
-       corner-radius:5;        
-       border-style:solid;     
-       border-color:#C4C2C2;
-       padding-bottom:8;
-       padding-left:8;
-       padding-right:8;
-       padding-top:8;
-}
-
-.searchWindowTags
-{
-       background-color:#AEAEAE;
-       border-color:#AFA7A1;
-       background-alpha: 0.5;
-       corner-radius:5;        
-       border-style:solid;     
-       padding-bottom:8;
-       padding-left:8;
-       padding-right:8;
-       padding-top:8;
-}
-
-.tagGridFirstRowItem
-{
-       padding-left:8;
-       padding-top:8;
-}
-
-.tagGridFirstRow
-{
-       border-sides:left;
-       border-style:solid;
-       border-color:#ACACAC;
-       padding-left:8;
-       padding-top:8;
-}
-
-.tagGridFirstItem
-{
-       border-sides:top;
-       border-style:solid;
-       border-color:#ACACAC;
-       padding-left:8;
-       padding-top:8;
-}
-
-.tagGridItem
-{
-       border-sides:left,top;
-       border-style:solid;
-       border-color:#ACACAC;
-       padding-left:8;
-       padding-top:8;
-}
-
-.tagCheckBox
-{
-       font-size:12;
-}
-
-.headingLabel
-{
-       font-weight:bold;
-       font-size:12;
-}
-
-mx|Button
-{
-       skin: Embed(skinClass='ButtonSkin');
-}
-
-mx|ComboBox
-{
-       skin: Embed(skinClass='DropDownSkin');
-       fontWeight: "normal";
-}
-
-.buttonSkin
-{
-       skin: Embed(skinClass='ButtonSkin');
-}
-
-mx|ToggleButtonBar
-{
-       buttonStyleName: "toggleButtonBarButton";
-       firstButtonStyleName: "toggleButtonBarFirstButton";
-       lastButtonStyleName: "toggleButtonBarLastButton";
-}
-.toggleButtonBarButton
-{
-       skin: Embed(skinClass="ToggleButtonBar$button_skin");
-}
-.toggleButtonBarFirstButton
-{
-       skin: Embed(skinClass="ToggleButtonBar$firstButton_skin");
-}
-.toggleButtonBarLastButton
-{
-       skin: Embed(skinClass="ToggleButtonBar$lastButton_skin");
-}
-
-mx|TabNavigator
-{
-       tabStyleName: "tabBarTab";
-       firstTabStyleName: "tabBarTab";
-       lastTabStyleName: "tabBarTab";
-}
-
-mx|TabBar
-{
-       tabStyleName: "tabBarTab";
-       firstTabStyleName: "tabBarTab";
-       lastTabStyleName: "tabBarTab";
-}
-.tabBarTab
-{
-       skin: Embed(skinClass="TabBar$tab_skin");
-}
-
-.closeButton
-{      
-       /* overSkin: Embed("images/button_close_overSkin.png");
-       upSkin: Embed("images/button_close_upSkin.png");
-       downSkin: Embed("images/button_close_downSkin.png"); */
-       skin: Embed(skinClass='SearchCloseButton');
-}
-
-.commentButton
-{
-       icon: Embed("images/button_comment_icon.png");
-       disabled-icon: Embed("images/button_commentDisabled_icon.png");
-}
-
-.downloadButton
-{
-       icon: Embed("images/button_download_icon.png");
-       disabled-icon: Embed("images/button_downloadDisabled_icon.png");
-}
-
-.buttonBrowser
-{
-       icon: Embed("images/web.png");
-       disabled-icon: Embed("images/web_disabled.png");        
-}
-
-.maximizeButton
-{
-       icon: Embed("images/expand.png");
-       disabled-icon: Embed("images/expand_disabled.png");     
-}
-
-.searchButton
-{
-       /* icon: Embed("images/button_search_icon.png"); */
-       icon: Embed(skinClass='SearchIcon');
-       fontWeight: "normal";
-}
-
-.downloadWindow
-{
-       bar-color:#9D0B12;
-       background-color:#AFA7A1;
-       corner-radius:12;
-       border-style:solid;
-       rounded-bottom-corners:true;
-       padding-bottom:8;
-       padding-left:8;
-       padding-right:8;
-       padding-top:8;
-}
-
-.cornerResizer
-{
-       overSkin: Embed("images/corner_resizer.png");
-       upSkin: Embed("images/corner_resizer.png");
-       downSkin: Embed("images/corner_resizer.png");
-}
-
-mx|Tree
-{
-       rollOverColor: #EEEEEE;
-       selectionColor: #E0E0E0;
-       indentation: 21;
-}
-
-mx|List, mx|ComboBox
-{
-       rollOverColor: #EEEEEE;
-       selectionColor: #E0E0E0;
-}
-
+@namespace mx "library://ns.adobe.com/flex/mx";
+
+mx|Application
+{
+       theme-color:#E0E0E0;
+       modal-transparency:0.5;
+       modal-transparency-blur:0;
+}
+
+/* todo: use apache font
+@font-face {
+    src: url("assets/MyriadWebPro.ttf");
+    fontFamily: eFontFamily;
+}
+*/
+
+.mainWindow
+{
+       /* background-color:#262626; */
+}
+
+.mainBackground
+{
+       background-color:#262626;
+}
+
+.applicationHeader
+{
+       borderSkin: Embed(skinClass='TopPanelWLogo');
+}
+
+.applicationFooter
+{
+       borderSkin: Embed(skinClass='FootPanel');
+       color:#A4A4A4;
+}
+
+.applicationCloseButton
+{
+       /* icon: Embed(skinClass='CloseIcon');
+       skin: Embed(source="images/button_clear.png"); */
+       skin: Embed(skinClass='CloseButton');
+}
+
+.applicationMaximizeButton
+{
+       /* icon: Embed(skinClass='WindowIcon');
+       skin: Embed(source="images/button_clear.png"); */
+       skin: Embed(skinClass='WindowButton');
+}
+
+.applicationMinimizeButton
+{
+       /* icon: Embed(skinClass='MinimizeIcon');
+       skin: Embed(source="images/button_clear.png"); */
+       skin: Embed(skinClass='MinimizeButton');
+}
+
+.aboutButton
+{
+       skin: Embed(skinClass='AboutButton');
+}
+
+.aboutComboBox
+{
+       skin: Embed(skinClass='DropMenu');
+       color:#DDDDDD;
+       alternatingItemColors:#222222,#222222;
+}
+
+mx|Alert
+{
+       color:#323232;  
+       background-color:#E3E3E3;
+       border-color:#000000;
+       border-alpha: 0.7;
+       header-height:20;
+       theme-color: #848484;
+       title-style-name:alertTitle;
+} 
+
+.alertTitle
+{
+       color:#FFFFFF;
+       font-weight:bold;
+}
+
+.outerDividedBoxes
+{
+       /* background-color:#D4CDCA;
+       corner-radius:8;
+       border-style:solid;
+       padding-bottom:8;
+       padding-left:8;
+       padding-right:8;
+       padding-top:8; */
+       backgroundImage: Embed(skinClass='BoxSkin');
+       backgroundSize: "100%";
+       paddingTop: 7;
+       paddingLeft: 7;
+       paddingRight: 9;
+       paddingBottom: 16;
+}
+
+.illustrationsBox
+{      
+       background-color:#AFA7A1;
+       backgroundAlpha: 0.2;
+       corner-radius:5;        
+       border-style:solid;     
+       border-color:#C4C2C2;
+       border-alpha: 0.5;
+       padding-bottom:5;
+       padding-left:5;
+       padding-right:5;
+       padding-top:5;  
+}
+
+.illustrationTabs
+{
+       background-color:#AEAEAE;
+       border-color:#aea6a0;
+       background-alpha: 0.5;
+       padding-top:1;
+       horizontal-gap:2;
+       tab-height:20;
+}
+
+.illustrationFirstTab
+{
+       border-color:#555555;
+       backgroundColor:#888888;
+       font-weight:normal;
+}
+
+.illustrationLastTab
+{
+       border-color:#555555;   
+       backgroundColor:#888888;
+       font-weight:normal;
+}
+
+.illustrationTab
+{
+       border-color:#555555;
+       corner-radius:6;
+       backgroundColor:#888888;
+       font-weight:normal;
+}
+
+.illustrationTabSelected
+{
+       color: #ffffff;
+       font-weight:bold;
+}
+
+.documentTabs
+{
+       background-color:#AEAEAE;
+       border-color:#AFA7A1;
+       background-alpha: 0.7;
+       padding-top:1;
+       horizontal-gap:2;
+       tab-height:20;
+}
+
+.documentFirstTab
+{
+       border-color:#555555;
+       backgroundColor:#888888;
+       font-weight:normal;
+}
+
+.documentLastTab
+{
+       border-color:#555555;
+       backgroundColor:#888888;
+       font-weight:normal;
+}
+
+.documentTab
+{
+       border-color:#555555;
+       corner-radius:6;
+       backgroundColor:#888888;
+       font-weight:normal;
+}
+
+.documentTabSelected
+{
+       color: #ffffff;
+       font-weight:bold;
+}
+
+.wipeWindow
+{
+       background-alpha:1.0;
+       /* background-color:#D4CDCA; */
+       background-image: Embed(skinClass='BoxSkin');
+       background-size: "100%";
+       /* border-color:#D4CDCA; */
+       /* border-style:solid; */
+       corner-radius:8;
+       padding-bottom:12;
+       padding-left:8;
+       padding-right:24;
+       padding-top:8;
+}
+
+.searchWindowTagBox
+{
+       background-color:#AFA7A1;
+       background-alpha: 0.2;
+       corner-radius:5;        
+       border-style:solid;     
+       border-color:#C4C2C2;
+       padding-bottom:8;
+       padding-left:8;
+       padding-right:8;
+       padding-top:8;
+}
+
+.searchWindowTags
+{
+       background-color:#AEAEAE;
+       border-color:#AFA7A1;
+       background-alpha: 0.5;
+       corner-radius:5;        
+       border-style:solid;     
+       padding-bottom:8;
+       padding-left:8;
+       padding-right:8;
+       padding-top:8;
+}
+
+.tagGridFirstRowItem
+{
+       padding-left:8;
+       padding-top:8;
+}
+
+.tagGridFirstRow
+{
+       border-sides:left;
+       border-style:solid;
+       border-color:#ACACAC;
+       padding-left:8;
+       padding-top:8;
+}
+
+.tagGridFirstItem
+{
+       border-sides:top;
+       border-style:solid;
+       border-color:#ACACAC;
+       padding-left:8;
+       padding-top:8;
+}
+
+.tagGridItem
+{
+       border-sides:left,top;
+       border-style:solid;
+       border-color:#ACACAC;
+       padding-left:8;
+       padding-top:8;
+}
+
+.tagCheckBox
+{
+       font-size:12;
+}
+
+.headingLabel
+{
+       font-weight:bold;
+       font-size:12;
+}
+
+mx|Button
+{
+       skin: Embed(skinClass='ButtonSkin');
+}
+
+mx|ComboBox
+{
+       skin: Embed(skinClass='DropDownSkin');
+       fontWeight: "normal";
+}
+
+.buttonSkin
+{
+       skin: Embed(skinClass='ButtonSkin');
+}
+
+mx|ToggleButtonBar
+{
+       buttonStyleName: "toggleButtonBarButton";
+       firstButtonStyleName: "toggleButtonBarFirstButton";
+       lastButtonStyleName: "toggleButtonBarLastButton";
+}
+.toggleButtonBarButton
+{
+       skin: Embed(skinClass="ToggleButtonBar$button_skin");
+}
+.toggleButtonBarFirstButton
+{
+       skin: Embed(skinClass="ToggleButtonBar$firstButton_skin");
+}
+.toggleButtonBarLastButton
+{
+       skin: Embed(skinClass="ToggleButtonBar$lastButton_skin");
+}
+
+mx|TabNavigator
+{
+       tabStyleName: "tabBarTab";
+       firstTabStyleName: "tabBarTab";
+       lastTabStyleName: "tabBarTab";
+}
+
+mx|TabBar
+{
+       tabStyleName: "tabBarTab";
+       firstTabStyleName: "tabBarTab";
+       lastTabStyleName: "tabBarTab";
+}
+.tabBarTab
+{
+       skin: Embed(skinClass="TabBar$tab_skin");
+}
+
+.closeButton
+{      
+       /* overSkin: Embed("images/button_close_overSkin.png");
+       upSkin: Embed("images/button_close_upSkin.png");
+       downSkin: Embed("images/button_close_downSkin.png"); */
+       skin: Embed(skinClass='SearchCloseButton');
+}
+
+.commentButton
+{
+       icon: Embed("images/button_comment_icon.png");
+       disabled-icon: Embed("images/button_commentDisabled_icon.png");
+}
+
+.downloadButton
+{
+       icon: Embed("images/button_download_icon.png");
+       disabled-icon: Embed("images/button_downloadDisabled_icon.png");
+}
+
+.buttonBrowser
+{
+       icon: Embed("images/web.png");
+       disabled-icon: Embed("images/web_disabled.png");        
+}
+
+.maximizeButton
+{
+       icon: Embed("images/expand.png");
+       disabled-icon: Embed("images/expand_disabled.png");     
+}
+
+.searchButton
+{
+       /* icon: Embed("images/button_search_icon.png"); */
+       icon: Embed(skinClass='SearchIcon');
+       fontWeight: "normal";
+}
+
+.downloadWindow
+{
+       bar-color:#9D0B12;
+       background-color:#AFA7A1;
+       corner-radius:12;
+       border-style:solid;
+       rounded-bottom-corners:true;
+       padding-bottom:8;
+       padding-left:8;
+       padding-right:8;
+       padding-top:8;
+}
+
+.cornerResizer
+{
+       overSkin: Embed("images/corner_resizer.png");
+       upSkin: Embed("images/corner_resizer.png");
+       downSkin: Embed("images/corner_resizer.png");
+}
+
+mx|Tree
+{
+       rollOverColor: #EEEEEE;
+       selectionColor: #E0E0E0;
+       indentation: 21;
+}
+
+mx|List, mx|ComboBox
+{
+       rollOverColor: #EEEEEE;
+       selectionColor: #E0E0E0;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/html-template/history/history.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/history/history.css 
b/TourDeFlex/TourDeFlex3/html-template/history/history.css
index 913d444..822d47e 100755
--- a/TourDeFlex/TourDeFlex3/html-template/history/history.css
+++ b/TourDeFlex/TourDeFlex3/html-template/history/history.css
@@ -1,22 +1,22 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- *     contributor license agreements.  See the NOTICE file distributed with
- *     this work for additional information regarding copyright ownership.
- *     The ASF licenses this file to You under the Apache License, Version 2.0
- *     (the "License"); you may not use this file except in compliance with
- *     the License.  You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- *     Unless required by applicable law or agreed to in writing, software
- *     distributed under the License is distributed on an "AS IS" BASIS,
- *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *     See the License for the specific language governing permissions and
- *     limitations under the License.
- */
-/* This CSS stylesheet defines styles used by required elements in a flex 
application page that supports browser history */
-
-#ie_historyFrame { width: 0px; height: 0px; display:none }
-#firefox_anchorDiv { width: 0px; height: 0px; display:none }
-#safari_formDiv { width: 0px; height: 0px; display:none }
-#safari_rememberDiv { width: 0px; height: 0px; display:none }
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ *     contributor license agreements.  See the NOTICE file distributed with
+ *     this work for additional information regarding copyright ownership.
+ *     The ASF licenses this file to You under the Apache License, Version 2.0
+ *     (the "License"); you may not use this file except in compliance with
+ *     the License.  You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *     Unless required by applicable law or agreed to in writing, software
+ *     distributed under the License is distributed on an "AS IS" BASIS,
+ *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *     See the License for the specific language governing permissions and
+ *     limitations under the License.
+ */
+/* This CSS stylesheet defines styles used by required elements in a flex 
application page that supports browser history */
+
+#ie_historyFrame { width: 0px; height: 0px; display:none }
+#firefox_anchorDiv { width: 0px; height: 0px; display:none }
+#safari_formDiv { width: 0px; height: 0px; display:none }
+#safari_rememberDiv { width: 0px; height: 0px; display:none }

Reply via email to