incubator-adffaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From awi...@apache.org
Subject svn commit: r423795 [4/4] - in /incubator/adffaces/trunk/adf-faces: adf-faces-build/src/main/resources/META-INF/maven-faces-plugin/components/adf/core/ adf-faces-build/src/main/resources/META-INF/maven-faces-plugin/renderers/adf/ adf-faces-demo/src/mai...
Date Thu, 20 Jul 2006 06:08:56 GMT
Modified: incubator/adffaces/trunk/adf-faces/adf-faces-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/adf-faces/adf-faces-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss?rev=423795&r1=423794&r2=423795&view=diff
==============================================================================
--- incubator/adffaces/trunk/adf-faces/adf-faces-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss (original)
+++ incubator/adffaces/trunk/adf-faces/adf-faces-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss Wed Jul 19 23:08:55 2006
@@ -1,4128 +1,4155 @@
-<?xml version="1.0"?>
-<!--
-  Copyright 2006 The Apache Software Foundation.
-
-  Licensed 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.
--->
-
-<!--
-  base-desktop.xss defines all of the base styles for the Simple skins
--->
-
-<!-- DO NOT CHANGE THE DOCUMENT VERSION FROM ${version} -->
-<styleSheetDocument xmlns="http://myfaces.apache.org/uix/style"
-                    documentVersion="${version}"
-                    version="2.0">
-
-<!-- 
-
-  Please Note:  We are in the processing of reviewing the set of
-  style classes/named styles that are exposed to customizers.  Thus,
-  this style sheet document is temporarily divided into
-  two sections.  
-
-  The first section contains style definitions that 
-  have been reviewed and have been determined to be suitable for
-  use by customizers.
-
-  The second section contains style definitions that are required
-  by the Minimal or Simple Look And Feel implementations, but have
-  not yet been reviewed - and thus could potentially be changed or
-  moved back down into the MLAF/SLAF style sheets.
-
-  Please keep this in mind when adding new style definitions.
-
--->
-
-<styleSheet>
-
-  <!--
-
-    Section 1: Publically supported styles.   The styles defined in
-    this section have been reviewed and are considered suitable for use
-    by customizers.
-
-  -->
-
-  <!-- 
-    Global font named styles
-  -->
-
-  <!-- The default font family -->
-  <style name="AFDefaultFontFamily">
-    <property name="font-family">Arial,Helvetica,Geneva,sans-serif</property>
-  </style>
-
-  <!-- The default font -->
-  <style name="AFDefaultFont">
-    <includeStyle name="AFDefaultFontFamily"/>
-    <property name="font-size">10pt</property>
-    <property name="font-weight">normal</property>
-  </style>
-
-  <!-- The default bold font -->
-  <style name="AFDefaultBoldFont">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="font-weight">bold</property>
-  </style>
-
-  <!-- A very small font -->
-  <style name="AFVerySmallFont">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="font-size">-2pt</property>
-  </style>
-
-  <!-- A small font -->
-  <style name="AFSmallFont">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="font-size">-1pt</property>
-  </style>
-
-  <!-- A medium font - just slightly bigger than default -->
-  <style name="AFMediumFont">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="font-size">+1pt</property>
-  </style>
-
-  <!-- A large font -->
-  <style name="AFLargeFont">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="font-size">+3pt</property>
-  </style>
-
-  <!-- A very large font -->
-  <style name="AFVeryLargeFont">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="font-size">+6pt</property>
-  </style>
-
-  <!-- 
-    Global background color named styles
-  -->
-
-  <!-- AFDarkBackground defines the primary color in the
-       core (green) color ramp. -->
-  <style name="AFDarkBackground">
-    <property name="background-color">#669966</property> 
-  </style>
-
-  <!-- AFVeryDarkBackground is the darkest color in the 
-       core (green) color ramp. -->
-  <style name="AFVeryDarkBackground">
-    <includeStyle name="AFDarkBackground"/>
-    <property name="background-color">-#333333</property>
-  </style>
-
-  <!-- AFMediumBackground is the middle color in the 
-       core (green) color ramp. -->
-  <style name="AFMediumBackground">
-    <includeStyle name="AFDarkBackground"/>
-    <property name="background-color">+#333333</property>
-  </style>
-
-  <!-- AFLightBackground is the lightest color in the 
-       core (green) color ramp. -->
-  <style name="AFLightBackground">
-    <includeStyle name="AFDarkBackground"/>
-    <property name="background-color">+#666666</property>
-  </style>
-
-  <!-- AFDarkAccentBackground defines the primary color in the 
-       accent (grey) color ramp.  -->
-  <style name="AFDarkAccentBackground">
-    <property name="background-color">#CCCCCC</property>
-  </style>
-
-  <!-- AFVeryDarkAccentBackground is the darkest color in the accent (grey)
-       color ramp. -->
-  <style name="AFVeryDarkAccentBackground">
-    <includeStyle name="AFDarkAccentBackground"/>
-    <property name="background-color">-#333333</property>
-  </style>
-
-  <!-- AFMediumAccentBackground is the middle color in the accent (grey)
-       color ramp.  -->
-  <style name="AFMediumAccentBackground">
-    <includeStyle name="AFDarkAccentBackground"/>
-    <property name="background-color">+#333300</property>
-  </style>
-
-  <!-- AFLightAccentBackground is the lightest color in the accent (grey)
-       color ramp. -->
-  <style name="AFLightAccentBackground">
-    <includeStyle name="AFDarkAccentBackground"/>
-    <property name="background-color">+#1D1C1C</property>
-    <!--property name="background-color">#E9E8E8</property-->
-  </style>
-
-  <!-- AFTextBackground is the (white) background color used for
-       most text -->
-  <style name="AFTextBackground">
-    <property name="background-color">#ffffff</property>
-  </style>
-
-  <!-- 
-    Global foreground color named styles
-  -->
-
-  <!-- AFVeryDarkForeground is the darkest foreground color in the core (green)
-       color ramp -->
-  <style name="AFVeryDarkForeground">
-    <includeProperty name="AFVeryDarkBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-
-  <!-- AFDarkForeground is the primary foreground color in the core (green)
-       color ramp -->
-  <style name="AFDarkForeground">
-    <includeProperty name="AFDarkBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFMediumForeground is the middle foreground color in the core (green)
-       color ramp -->
-  <style name="AFMediumForeground">
-    <includeProperty name="AFMediumBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFLightForeground is the lightest foreground color in the core (green)
-       color ramp -->
-  <style name="AFLightForeground">
-    <includeProperty name="AFLightBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFVeryDarkAccentForeground is the darkest foreground color in the
-       accent (grey) color ramp -->
-  <style name="AFVeryDarkAccentForeground">
-    <includeProperty name="AFVeryDarkAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFDarkAccentForeground is the primary foreground color in the
-       accent (grey) color ramp -->
-  <style name="AFDarkAccentForeground">
-    <includeProperty name="AFDarkAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFMediumAccentForeground is the middle foreground color in the
-       accent (grey) color ramp -->
-  <style name="AFMediumAccentForeground">
-    <includeProperty name="AFMediumAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFLightAccentForeground is the lightest foreground color in the
-       accent (grey) color ramp -->
-  <style name="AFLightAccentForeground">
-    <includeProperty name="AFLightAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- AFTextForeground is the (black) foreground color used for almost
-       all text -->
-  <style name="AFTextForeground">
-    <property name="color">#000000</property>
-  </style>
-
-
-  <!-- AFSelectedTextForeground is the (white) foreground color used for
-       "selected" text - text which is typically drawn on a dark
-       background -->
-  <style name="AFSelectedTextForeground">
-    <includeProperty name="AFTextBackground"
-                     propertyName="background-color"
-                     localPropertyName="color"/>
-  </style>
-
-  <!-- Style for error text -->
-  <style name="AFErrorTextForeground">
-    <property name="color">#cc0000</property>
-  </style>
-
-  <!-- Link colors -->
-  <style name="AFLinkForeground">
-    <includeProperty name="AFDarkBackground" 
-                     propertyName="background-color" 
-                     localPropertyName="color" />
-    <property name="color">-#666633</property>
-  </style>
-
-  <style name="AFActiveLinkForeground">
-    <includeStyle name="AFLinkForeground"/>
-    <property name="color">+#003333</property>
-  </style>
-
-  <style name="AFVisitedLinkForeground">
-    <includeStyle name="AFLinkForeground"/>
-    <property name="color">+#333333</property>
-  </style>
-
-  <style name="AFDisabledLinkForeground">
-    <includeStyle name="AFLinkForeground"/>
-    <property name="color">+#666666</property>
-  </style>
-
-  <!-- 
-    Border named sytles
-  -->
-
-  <style name="AFDarkBorder">
-    <includeProperty name="AFDarkBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>    
-
-  <style name="AFVeryDarkBorder">
-    <includeProperty name="AFVeryDarkBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>     
-
-  <style name="AFMediumBorder">
-    <includeProperty name="AFMediumBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>    
-
-  <style name="AFLightBorder">
-    <includeProperty name="AFLightBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>  
-
-  <style name="AFDarkAccentBorder">
-    <includeProperty name="AFDarkAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>
-
-  <style name="AFVeryDarkAccentBorder">
-    <includeProperty name="AFVeryDarkAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>
-
-  <style name="AFMediumAccentBorder">
-    <includeProperty name="AFMediumAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>
-
-  <style name="AFLightAccentBorder">
-    <includeProperty name="AFLightAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>
-
-  <!--
-    Alignment named styles
-  -->
-
-  <style name="AFStartTextAlign">
-    <property name="text-align">left</property>
-  </style>
-
-  <style name="AFEndTextAlign">
-    <property name="text-align">right</property>
-  </style>
-  
-  <!-- TODO New for Fusion Doc -->
-  <style name="AFEndPadding">
-    <property name="padding">0px 8px 0px 0px</property>
-  </style> 
-
-  <!-- Additional named styles for alignment;  not strictly necessary,
-       since these aren't actually ever overridden, but it
-       does make alignment in our XSS more obvious -->
-  <style name="AFLeftTextAlign">
-    <property name="text-align">left</property>
-  </style>
-
-  <style name="AFRightTextAlign">
-    <property name="text-align">right</property>
-  </style>
-
-  <style name="AFCenterTextAlign">
-    <property name="text-align">center</property>
-  </style>
-
-  <!--
-    Global text style classes. These are available to the application
-    developer to use on outputText and outputFormatted.
-  -->
-  <style selector=".AFInstructionText">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>
-
-  <style selector=".AFInstructionTextDisabled">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="MediumExtraAccentForeground"/>
-  </style>
-  
-  <style selector=".AFDataText">
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>
-  
-  <style selector=".AFDataTextDisabled">
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="MediumExtraAccentForeground"/>
-  </style>
-  
-  <style selector=".AFDataNumber">
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFTextForeground"/>
-    <includeStyle name="AFRightTextAlign"/>
-  </style>
-  
-  <style selector=".AFDataNumberDisabled">
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="MediumExtraAccentForeground"/>
-    <includeStyle name="AFRightTextAlign"/>
-  </style>  
-  <!-- also used in our select components and the composites that use these,
-       like shuttle and chooseDate. -->
-  <style selector=".AFFieldText">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>
-  
-  <style selector=".AFFieldTextDisabled">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="MediumExtraAccentForeground"/>
-  </style>
-
-  <style selector=".AFFieldNumber">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFRightTextAlign"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>
-
-  <style selector=".AFFieldNumberDisabled">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFRightTextAlign"/>
-    <includeStyle name="MediumExtraAccentForeground"/>
-  </style>
-  
-  <!-- TODO Doc changes:
-  .AFLabelText - 
-    if you skinned this, rename to .AFLabel:alias 
-    or include .AFLabelText in .AFLabel:alias 
-  .AFLabelCell -
-    if you skinned this, put these changes in .AFLabel:alias or include 
-    .AFLabelCell in .AFLabel:alias
-  -->
-  <!-- until I sync up server-side components, use this -->
-  <!-- TODO get rid of this when server-side components have the same styles! -->
-  <style selector=".AFLabelText">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector=".AFLabelCell">
-    <includeStyle name="AFEndPadding"/>   
-  </style>  
-  
-  <!-- NEW for Fusion. -->
-  <!-- This allows server-side labels to have the same color -->
-  <style name="AFLabelTextForeground">
-    <includeStyle name="AFTextForeground"/>
-  </style>
-  <style name="AFLabelTextForegroundDisabled">
-    <includeStyle name="AFTextForeground"/>
-  </style>
-  <!-- NEW for Fusion. -->
-  <style name="AFLabel">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFEndTextAlign"/>
-    <includeStyle name="AFLabelTextForeground"/>
-    <property name="font-weight">normal</property>
-    <includeStyle name="AFEndPadding"/>   
-  </style>
-  
-  <!-- This is a convenience for people that want all disabled labels to look the same -->
-  <!-- TODO New for Fusion  -->
-  <style name="AFLabelDisabled">
-    <includeStyle name="AFLabel"/>
-    <includeStyle name="AFLabelTextForegroundDisabled"/>
-  </style>
-
-  <!-- 
-    Global Icon Styles
-  -->
-  <style selector=".AFErrorIconStyle">
-    <includeStyle name="AFErrorTextForeground"/>
-    <property name="font-family">monospace</property>
-    <property name="font-weight">bold</property>
-  </style>
-
-  <style selector=".AFInfoIconStyle">
-    <includeStyle name="AFDarkForeground"/>
-    <property name="font-family">monospace</property>
-    <property name="font-weight">bold</property>
-  </style>
-
-  <style selector=".AFWarningIconStyle">
-    <includeStyle name="AFDarkForeground"/>
-    <property name="font-family">monospace</property>
-    <property name="font-weight">bold</property>
-  </style>
-
-  <style selector=".AFRequiredIconStyle">
-    <includeStyle name="AFDarkForeground"/>
-    <!-- This style is only applied to the required icon ('*'),
-         so we don't have to worry about picking a font that
-         can be used for non-English text -->
-    <property name="font-family">Courier,sans-serif</property>
-  </style>
-
-  <style selector=".AFQuickSelectIconStyle">
-    <includeStyle name="AFDarkForeground"/>
-    <property name="font-family">monospace</property>
-    <property name="font-weight">bold</property>
-  </style>
-
-
-  <style selector=".AFQuickSelectDisabledIconStyle">
-    <includeStyle name="MediumExtraAccentForeground"/>
-    <property name="font-family">monospace</property>
-    <property name="font-weight">bold</property>
-  </style>
-
-  <!--
-     Global Link Styles
-
-     Note: Keep these near the top so that .OraLink gets a
-     2 character alias.
-  -->
-
-  <style selector=".OraLink:link">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFLinkForeground"/>
-  </style>
-
-  <style selector=".OraLink:active">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFActiveLinkForeground"/>
-  </style>
-
-  <style selector=".OraLink:visited">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFVisitedLinkForeground"/>   
-  </style>  
-
-  <style selector=".OraLinkDisabled">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-  
-  <!-- New for Fusion. TODO Doc these keys and a changes doc -->
-  
-
-  <style selector="af|outputText">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>  
-  
-
-  <style selector="af|outputFormatted">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>    
-  
-  <!-- form control styles -->
-  <style selector="af|outputLabel">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|inputChoice::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|inputFile::label">
-    <includeStyle name="AFLabel"/>
-  </style>  
-  <style selector="af|inputText::label">
-    <includeStyle name="AFLabel"/>
-  </style>  
-  <style selector="af|selectBooleanCheckbox::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|selectBooleanRadio::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|selectInputColor::label">
-    <includeStyle name="AFLabel"/>
-  </style>   
-  <style selector="af|selectInputDate::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|selectInputText::label">
-    <includeStyle name="AFLabel"/>
-  </style>  
-  <style selector="af|selectManyCheckbox::label">
-    <includeStyle name="AFLabel"/>
-  </style> 
-  <style selector="af|selectManyListbox::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|selectOneChoice::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|selectOneListbox::label">
-    <includeStyle name="AFLabel"/>
-  </style> 
-  <style selector="af|selectOneRadio::label">
-    <includeStyle name="AFLabel"/>
-  </style>
-  
-  <style selector="af|panelLabelAndMessage::label">
-    <includeStyle name="AFLabel"/>
-  </style>  
-  
-  <!-- New for Fusion. No need to doc these, this is a convenience -->
-  <!-- we will doc AFLabelDisabled. -->
-  <style selector="af|inputChoice:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>
-  <style selector="af|inputText:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>  
-  <style selector="af|selectBooleanCheckbox:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>
-  <style selector="af|selectBooleanRadio:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>
-  <style selector="af|selectInputColor:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>  
-  <style selector="af|selectInputDate:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>
-  <style selector="af|selectInputText:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>  
-  <style selector="af|selectManyCheckbox:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style> 
-  <style selector="af|selectManyListbox:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>
-  <style selector="af|selectOneChoice:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>
-  <style selector="af|selectOneListbox:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style> 
-  <style selector="af|selectOneRadio:disabled::label">
-    <includeStyle name="AFLabelDisabled"/>
-  </style>  
-
-  <style selector="af|inputChoice::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|inputChoice::content-input">
-    <includeStyle selector="af|inputChoice::content"/>
-  </style>  
-  <style selector="af|inputText::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>   
-  <style selector="af|selectBooleanCheckbox::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|selectBooleanRadio::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|selectInputColor::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>  
-  <style selector="af|selectInputDate::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|selectInputText::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>  
-  <style selector="af|selectManyCheckbox::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style> 
-  <style selector="af|selectManyListbox::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|selectOneChoice::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|selectOneListbox::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  <style selector="af|selectOneRadio::content">
-    <includeStyle name="AFFormControlContent"/>
-  </style>
-  
-  <!-- place-holder. No need to style this for base -->
-  <style selector="af|selectOneRadio::item-text">
-  </style>
-  <style selector="af|selectManyCheckbox::item-text">
-  </style>
-  
-  <!-- inputText's marker style classes that will style the content piece -->
-  <!-- when the user says styleClass="AFFieldNumberMarker", for example -->
-  <style selector="af|inputText.AFFieldTextMarker::content">
-    <includeStyle selector=".AFFieldText"/>
-  </style> 
-  <style selector="af|inputText:disabled.AFFieldTextMarker::content">
-    <includeStyle selector=".AFFieldText"/>
-  </style>   
-  <style selector="af|inputText.AFFieldNumberMarker::content">
-    <includeStyle selector=".AFFieldNumber"/>
-  </style> 
-  <style selector="af|inputText:disabled.AFFieldNumberMarker::content">
-    <includeStyle selector=".AFFieldNumberDisabled"/>
-  </style> 
-  <style selector="af|inputText.AFFieldTextLTRMarker::content">
-    <includeStyle selector=".AFFieldTextLTR"/>
-  </style> 
-  <style selector="af|inputText:disabled.AFFieldTextLTRMarker::content">
-    <includeStyle selector=".AFFieldTextLTRDisabled"/>
-  </style> 
-  <style selector="af|inputText.AFPhoneFieldTextMarker::content">
-    <includeStyle selector=".AFPhoneFieldText"/>
-  </style> 
-  <style selector="af|inputText:disabled.AFPhoneFieldTextMarker::content">
-    <includeStyle selector=".AFPhoneFieldTextDisabled"/>
-  </style>
-  <style selector="af|inputText.AFPostalCodeFieldTextMarker::content">
-    <includeStyle selector=".AFPostalCodeFieldText"/>
-  </style> 
-  <style selector="af|inputText:disabled.AFPostalCodeFieldTextMarker::content">
-    <includeStyle selector=".AFPostalCodeFieldTextDisabled"/>
-  </style>   
-  <style selector="af|inputText.AFAddressFieldTextMarker::content">
-    <includeStyle selector=".AFAddressFieldText"/>
-  </style> 
-  <style selector="af|inputText:disabled.AFAddressFieldTextMarker::content">
-    <includeStyle selector=".AFAddressFieldTextDisabled"/>
-  </style> 
-  <!-- inputChoices's marker style classes that will style the content piece -->
-  <!-- when the user says styleClass="AFFieldNumberMarker", for example -->
-  <style selector="af|inputChoice.AFFieldTextMarker::content-input">
-    <includeStyle selector=".AFFieldText"/>
-  </style> 
-  <style selector="af|inputChoice:disabled.AFFieldTextMarker::content-input">
-    <includeStyle selector=".AFFieldText"/>
-  </style>   
-  <style selector="af|inputChoice.AFFieldNumberMarker::content-input">
-    <includeStyle selector=".AFFieldNumber"/>
-  </style> 
-  <style selector="af|inputChoice:disabled.AFFieldNumberMarker::content-input">
-    <includeStyle selector=".AFFieldNumberDisabled"/>
-  </style> 
-  <style selector="af|inputChoice.AFFieldTextLTRMarker::content-input">
-    <includeStyle selector=".AFFieldTextLTR"/>
-  </style> 
-  <style selector="af|inputChoice:disabled.AFFieldTextLTRMarker::content-input">
-    <includeStyle selector=".AFFieldTextLTRDisabled"/>
-  </style> 
-  <style selector="af|inputChoice.AFPhoneFieldTextMarker::content-input">
-    <includeStyle selector=".AFPhoneFieldText"/>
-  </style> 
-  <style selector="af|inputChoice:disabled.AFPhoneFieldTextMarker::content-input">
-    <includeStyle selector=".AFPhoneFieldTextDisabled"/>
-  </style>
-  <style selector="af|inputChoice.AFPostalCodeFieldTextMarker::content-input">
-    <includeStyle selector=".AFPostalCodeFieldText"/>
-  </style> 
-  <style selector="af|inputChoice:disabled.AFPostalCodeFieldTextMarker::content-input">
-    <includeStyle selector=".AFPostalCodeFieldTextDisabled"/>
-  </style>   
-  <style selector="af|inputChoice.AFAddressFieldTextMarker::content-input">
-    <includeStyle selector=".AFAddressFieldText"/>
-  </style> 
-  <style selector="af|inputChoice:disabled.AFAddressFieldTextMarker::content-input">
-    <includeStyle selector=".AFAddressFieldTextDisabled"/>
-  </style> 
-  
-<!-- use this to style all required icons the same -->
-<!-- .AFRequiredIconStyle:alias This is NOT the same as the selector 
-.AFRequiredIconStyle that we have in server-side components. That is a selector, this is an alias -->
-  <style name="AFRequiredIconStyle">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  <!-- required icon -->
-  <style selector="af|outputLabel::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|inputChoice::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|inputText::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|selectBooleanCheckbox::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|selectBooleanRadio::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|selectInputDate::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style> 
-  <style selector="af|selectManyCheckbox::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style> 
-  <style selector="af|selectManyListbox::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|selectOneChoice::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
-  <style selector="af|selectOneListbox::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style> 
-  <style selector="af|selectOneRadio::required-icon-style">
-    <includeStyle name="AFRequiredIconStyle"/>
-  </style>
- 
-  <!-- required group icon. TODO Doc only when we have the requiredGroup attribute --> 
-  <style name="AFRequiredGroupIconStyle">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-  
-  <style selector="af|outputLabel::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|inputChoice::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|inputText::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|selectBooleanCheckbox::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|selectBooleanRadio::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|selectInputDate::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style> 
-  <style selector="af|selectManyCheckbox::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style> 
-  <style selector="af|selectManyListbox::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|selectOneChoice::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>
-  <style selector="af|selectOneListbox::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style> 
-  <style selector="af|selectOneRadio::group-icon-style">
-    <includeStyle name="AFRequiredGroupIconStyle"/>
-  </style>  
-  <!-- menuList styles
-  -->
-  <style selector="af|menuList::selected">
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFLightBackground"/>
-  </style>
-
-  <style selector="af|menuList">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  <!-- 
-    af:menuChoice Styles
-  -->
-
-  <style selector="af|menuChoice::label">
-    <includeStyle name="AFVerySmallFont"/>
-  </style>
-
-  <!--
-    Body Styles
-  -->
-
-  <style selector="BODY">
-    <includeStyle name="AFTextBackground"/>
-    <includeStyle name="AFDefaultFontFamily"/>
-  </style>
-
-  <!-- form controls -->
-  <!-- alias for the content of the form controls -->
-  <!-- 10.1.3 uses AFFieldText, so this is a good way to keep old skins working -->
-  <!-- otherwise I could include the same styles that AFFieldText includes -->
-  <style name="AFFormControlContent">
-    <includeStyle selector=".AFFieldText"/>
-  </style>
-  
-  
-  <!-- menuPath alias names -->
-  <!-- use the alias names  when you want to customize -->
-  <!-- one style and affect more than one -->
-  <!-- e.g., both af|menuPath and af|treeTable::path include the -->
-  <!-- AFPath style -->
-  <!-- this way if you want to change the style for af|menuPath and -->
-  <!-- af|treeTable::path to the same, the most convenient way -->
-  <!-- is to change the AFPath -->
-  <style name="AFPath">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFLinkForeground"/>
-  </style>
-    
-  <style name="AFPathStep">
-    <includeStyle name="AFLinkForeground"/>
-    <includeProperty name="SmallLinkFont" propertyName="font-size"/>
-  </style>
-  
-  <style name="AFPathSelectedStep">
-    <includeStyle name="AFTextForeground"/>
-  </style> 
-   
-  
-  <!--
-    af:treeTable menuPath  styles
-  -->
-  <style selector="af|treeTable::path">
-    <includeStyle name="AFPath"/>
-  </style>
-
-  <style selector="af|treeTable::path-step">
-    <includeStyle name="AFPathStep"/>
-  </style>
-
-  <style selector="af|treeTable::path-selected-step">
-    <includeStyle name="AFPathStep"/>
-    <includeStyle name="AFPathSelectedStep"/>
-  </style>
-  
-  <!--
-    af:menuPath Styles
-    @todo What calls MenuPathRenderer?
-  -->
-
-  <style selector="af|menuPath">
-    <includeStyle name="AFPath"/>
-  </style>
-
-  <style selector="af|menuPath::step">
-    <includeStyle name="AFPathStep"/>
-  </style>
-
-  <style selector="af|menuPath::selected-step">
-    <includeStyle name="AFPathSelectedStep"/>
-    <includeStyle selector="af|menuPath::step"/>
-  </style>
-
-  <!--
-    af:panelList Styles
-  -->
-  <!--style selector=".OraBulletedList A">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFLinkForeground"/>
-  </style>
-
-  <style selector=".OraBulletedList UL">
-    <property name="margin-top">4px</property>
-    <property name="margin-bottom">4px</property>
-  </style-->
-
-  <style selector="af|panelList::link">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFLinkForeground"/>
-  </style>
-
-  <style selector="af|panelList::unordered-list">
-    <property name="margin-top">4px</property>
-    <property name="margin-bottom">4px</property>
-  </style>
-  <!--
-    Button Styles
-  -->
-
-  <style selector="button">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  <!-- 
-    ColorField styles 
-  -->
-  <style selector="af|selectInputColor::swatch-overlay">
-    <property name="position">relative</property>
-    <property name="left">-7px</property>
-    <property name="top">5px</property>
-  </style>
-
-  <!-- navigationLevel styles -->
-  <style selector="af|navigationLevelBar">
-    <property name="background-color">#EFEFEF</property>
-    <property name="padding-left">6px</property>
-    <property name="padding-right">6px</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-enabled">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-enabled">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-enabled af|navigationLevelBar::bar-content">
-    <property name="color">black</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-enabled af|navigationLevelBar::bar-content">
-    <property name="color">black</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-enabled af|navigationLevelBar::bar-content a">
-    <property name="color">black</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-enabled af|navigationLevelBar::bar-content a">
-    <property name="color">black</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-enabled af|navigationLevelBar::bar-content a:hover">
-    <property name="text-decoration">underline</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-enabled af|navigationLevelBar::bar-content a:hover">
-    <property name="text-decoration">underline</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-disabled af|navigationLevelBar::bar-content">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-disabled af|navigationLevelBar::bar-content">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-disabled af|navigationLevelBar::bar-content a">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-inactive-disabled af|navigationLevelBar::bar-content a">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-enabled af|navigationLevelBar::bar-content">
-    <property name="font-weight">bold</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-active-disabled af|navigationLevelBar::bar-content">
-    <property name="font-weight">bold</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-content">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="padding-top">3px</property>
-    <property name="padding-bottom">3px</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-content a">
-    <property name="text-decoration">none</property>
-  </style>
-  <style selector="af|navigationLevelBar::bar-separator">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="padding-left">6px</property>
-    <property name="padding-right">6px</property>
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-enabled">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-inactive-disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-inactive-enabled">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-enabled af|navigationLevel::buttons-content a:hover">
-    <property name="text-decoration">underline</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-inactive-enabled af|navigationLevel::buttons-content a:hover">
-    <property name="text-decoration">underline</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-disabled af|navigationLevel::buttons-content">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-inactive-disabled af|navigationLevel::buttons-content">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-disabled af|navigationLevel::buttons-content a">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-inactive-disabled af|navigationLevel::buttons-content a">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-enabled af|navigationLevel::buttons-content">
-    <property name="font-weight">bold</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-active-disabled af|navigationLevel::buttons-content">
-    <property name="font-weight">bold</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-content">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="padding-top">3px</property>
-    <property name="padding-bottom">3px</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-content a">
-    <property name="text-decoration">none</property>
-  </style>
-  <style selector="af|navigationLevel::buttons-separator">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="padding-left">6px</property>
-    <property name="padding-right">6px</property>
-  </style>
-  <style selector="af|navigationLevel::choice-label">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-  <style selector="af|navigationLevel::choice-options">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-  <style selector="af|navigationLevel::choice-button">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-  <style selector="af|navigationLevel::list-active-disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevel::list-active-enabled">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevel::list-inactive-disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevel::list-inactive-enabled">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevel::list-active-enabled af|navigationLevel::list-content a:hover">
-    <property name="text-decoration">underline</property>
-  </style>
-  <style selector="af|navigationLevel::list-inactive-enabled af|navigationLevel::list-content a:hover">
-    <property name="text-decoration">underline</property>
-  </style>
-  <style selector="af|navigationLevel::list-active-disabled af|navigationLevel::list-content">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::list-inactive-disabled af|navigationLevel::list-content">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::list-active-disabled af|navigationLevel::list-content a">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::list-inactive-disabled af|navigationLevel::list-content a">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevel::list-active-enabled af|navigationLevel::list-content">
-    <property name="font-weight">bold</property>
-  </style>
-  <style selector="af|navigationLevel::list-active-disabled af|navigationLevel::list-content">
-    <property name="font-weight">bold</property>
-  </style>
-  <style selector="af|navigationLevel::list-content">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="padding-top">3px</property>
-    <property name="padding-bottom">3px</property>
-  </style>
-  <style selector="af|navigationLevel::list-content a">
-    <property name="text-decoration">none</property>
-  </style>
-  <style selector="af|navigationLevel::list-bullet">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="vertical-align">middle</property>
-    <property name="width">17px</property>
-    <property name="background-image">url('../../images/list-bullet.gif')</property>
-    <property name="background-position">center</property>
-    <property name="background-repeat">no-repeat</property>
-  </style>
-  <style selector="af|navigationLevelTabs">
-    <property name="height">26px</property>
-    <property name="overflow">hidden</property>
-  </style>
-  <style name=".p_AFOverlappingTabTopHeight">
-    <property name="height">22px</property>
-  </style> 
-  <style name=".p_AFOverlappingTabBottomHeight">
-    <property name="height">4px</property>
-  </style> 
-  <style selector="af|navigationLevelTabs::tabs-active">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive">
-    <property name="cursor">pointer</property>
-  </style>
-  <style selector="af|navigationLevelTabs af|navigationLevelTabs::tabs-active:disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevelTabs af|navigationLevelTabs::tabs-inactive:disabled">
-    <property name="cursor">default</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start-join">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start-join-from-active">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start-join-from-inactive">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-mid">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-end-join-to-inactive">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-end">
-    <includeStyle name=".p_AFOverlappingTabTopHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-start">
-    <includeStyle name=".p_AFOverlappingTabBottomHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-start-content">
-    <includeStyle name=".p_AFOverlappingTabBottomHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-mid">
-    <includeStyle name=".p_AFOverlappingTabBottomHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-mid-content">
-    <includeStyle name=".p_AFOverlappingTabBottomHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-end">
-    <includeStyle name=".p_AFOverlappingTabBottomHeight"/>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-end-content">
-    <includeStyle name=".p_AFOverlappingTabBottomHeight"/>
-  </style>
-  <!-- =-= mcc TODO the following tab styles need corresponding RTL versions, images too -->
-  <style selector="af|navigationLevelTabs::tabs-start">
-    <property name="width">26px</property>
-    <property name="background-position">top right</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start-join">
-    <property name="width">26px</property>
-    <property name="background-position">top right</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-start">
-    <property name="background-repeat">repeat-x</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-start-content">
-    <property name="width">17px</property>
-    <property name="background-repeat">no-repeat</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start-join-from-active">
-    <property name="width">14px</property>
-    <property name="background-repeat">no-repeat</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-start-join-from-inactive">
-    <property name="width">14px</property>
-    <property name="background-repeat">no-repeat</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-end-join-to-inactive">
-    <property name="width">12px</property>
-    <property name="background-repeat">no-repeat</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-mid">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="padding-left">3px</property>
-    <property name="color">#000000</property>
-    <property name="white-space">nowrap</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-mid A">
-    <includeStyle name="AFDefaultFont"/>
-    <property name="color">#000000</property>
-    <property name="text-decoration">none</property>
-  </style>
-  <style selector="af|navigationLevelTabs af|navigationLevelTabs::tabs-active:disabled af|navigationLevelTabs::tabs-mid">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevelTabs af|navigationLevelTabs::tabs-inactive:disabled af|navigationLevelTabs::tabs-mid">
-    <property name="color">gray</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-mid">
-    <property name="background-repeat">repeat-x</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-end">
-    <property name="width">15px</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-end">
-    <property name="background-repeat">repeat-x</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-end-join">
-    <property name="background-repeat">repeat-x</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-bottom-end-content">
-    <property name="width">100%</property>
-    <property name="background-repeat">no-repeat</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-start">
-    <property name="background-image">url('../../images/tab3-start-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-start-join">
-    <property name="background-image">url('../../images/tab3-start-join-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-start-join">
-    <property name="background-image">url('../../images/tab3-start-join-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-bottom-start">
-    <property name="background-image">url('../../images/tab3-bot-mid-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-bottom-start-content">
-    <property name="background-image">url('../../images/tab3-bot-start-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-mid">
-    <property name="background-image">url('../../images/tab3-mid-selected.gif')</property>
-    <property name="font-weight">bold</property>
-    <property name="color">#585955</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-mid A">
-    <property name="font-weight">bold</property>
-    <property name="color">#585955</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-bottom-mid">
-    <property name="background-image">url('../../images/tab3-bot-mid-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-end-join-to-inactive">
-    <property name="background-image">url('../../images/tab3-end-join-selected-to-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-end">
-    <property name="background-image">url('../../images/tab3-end-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-bottom-end">
-    <property name="background-image">url('../../images/tab3-bot-mid-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-bottom-end-join">
-    <property name="background-image">url('../../images/tab3-bot-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-active af|navigationLevelTabs::tabs-bottom-end-content">
-    <property name="background-image">url('../../images/tab3-bot-end-selected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-start">
-    <property name="background-image">url('../../images/tab3-start-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-bottom-start">
-    <property name="background-image">url('../../images/tab3-bot-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-bottom-start-content">
-    <property name="background-image">none</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-start-join-from-active">
-    <property name="background-image">url('../../images/tab3-start-join-selected-to-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-start-join-from-inactive">
-    <property name="background-image">url('../../images/tab3-start-join-deselected-to-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-mid">
-    <property name="background-image">url('../../images/tab3-mid-deselected.gif')</property>
-    <property name="color">#000000</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-mid A">
-    <property name="color">#000000</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-bottom-mid">
-    <property name="background-image">url('../../images/tab3-bot-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-end-join-to-inactive">
-    <property name="background-image">url('../../images/tab3-end-join-deselected-to-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-end">
-    <property name="background-image">url('../../images/tab3-end-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-bottom-end">
-    <property name="background-image">url('../../images/tab3-bot-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-bottom-end-join">
-    <property name="background-image">url('../../images/tab3-bot-deselected.gif')</property>
-  </style>
-  <style selector="af|navigationLevelTabs::tabs-inactive af|navigationLevelTabs::tabs-bottom-end-content">
-    <property name="background-image">none</property>
-  </style>
-  <!-- =-= mcc TODO Doc the navigationLevel style classes -->
-
-  <style selector="af|navigationPath">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  <!-- panelForm styles -->
-  <style selector="af|panelForm::column">
-    <property name="vertical-align">top</property>
-  </style>
-  <style selector="af|panelForm::separator">
-    <property name="background-color">gray</property>
-    <property name="height">1px</property>
-    <property name="font-size">1px</property>
-    <property name="margin-top">3px</property>
-    <property name="margin-bottom">3px</property>
-  </style>
-  <style selector="af|panelForm::cell">
-    <property name="padding">0px</property>
-  </style>
-  <style selector="af|panelForm::label-cell">
-    <includeStyle name="AFLabel"/>
-  </style>
-  <style selector="af|panelForm::label-stacked-cell">
-    <includeStyle selector="af|panelForm::cell"/>
-    <property name="text-align">left</property>
-  </style>
-  <style selector="af|panelForm::content-cell">
-    <includeStyle selector="af|panelForm::cell"/>
-  </style>
-  <style selector="af|panelForm::message-cell">
-    <includeStyle selector="af|panelForm::cell"/>
-  </style> 
-   <!--
-      panelBox Styles
-  
-      Note: panelBox use one of two different style strategies,
-      depending on whether a header is present.  If the panelBox
-      has a header, then three style classes are used:
-  
-      1. The outer container is labeled with one of the 
-         af|panelBox[Background] style classes.
-  
-      2. The portion of the content container which contains the header
-         is labeled with the af|panelBox::header style class.
-  
-      3. The portion of the panelBox which contains the body
-         is labeled with the af|panelBox::body style class.
-  
-      This allows styles to be applied to the header or body selectively
-      based on the background color by using contextual selectors like:
-  
-      af|panelBox::dark af|panelBox::body { Dark body colors }
-      af|panelBox::light af|panelBox::body { Light body colors }
-  
-      Content containers which contain content but do not have a header only 
-      have two style classes:
-  
-      1. The outer container is labeled with one of the 
-         af|panelBox::content[Background] style classes, ie.
-         af|panelBox::content-dark instead of af|panelBox::dark.
-  
-      2. The portion of the content container which contains the body
-         is labeled with the af|panelBox::body style class.
-  
-      af|panelBox::header is not used for these content containers.
-  
-    -->
-    <!--AFPanelBox: used in af|panelBox::transparent, af|panelBox::light, 
-    af|panelBox::medium, and af|panelBox::dark 
-    -->
-    <style name="AFPanelBox">
-    </style>
-    <!-- when there is a header, the outer container contains on of the
-      af|panelBox::[background] styles
-    -->
-    <style selector="af|panelBox::transparent">
-      <includeStyle name="AFPanelBox"/>
-    </style>
-
-    
-    <style selector="af|panelBox::light">
-      <includeStyle name="AFPanelBox"/>
-    </style>
-   
-    <style selector="af|panelBox::medium">
-      <includeStyle name="AFPanelBox"/>
-    </style>
-    
-    <style selector="af|panelBox::dark">
-      <includeStyle name="AFPanelBox"/>
-    </style>
-    
-  <!-- since we render in standards mode, images don't take up the entire 
-       table cell unless we use vertical-align:bottom.
-       We don't publish these obviously, cuz they expose the html -->
-    <style selector="af|panelBox::transparent img">
-      <property name="vertical-align">bottom</property>
-    </style> 
-    <style selector="af|panelBox::light img">
-      <property name="vertical-align">bottom</property>
-    </style>  
-    <style selector="af|panelBox::medium img">
-      <property name="vertical-align">bottom</property>
-    </style>  
-    <style selector="af|panelBox::dark img">
-      <property name="vertical-align">bottom</property>
-    </style>    
-      
-    <style selector="af|panelBox::header">
-      <includeStyle name="AFMediumBackground"/>
-      <includeStyle name="TextForegroundDarkBackground"/>
-    </style>
-
-  <!-- AFBoxBackground: used in AFShuttleBoxBackground and 
-      <style selector="af|panelBox::light af|panelBox::body"> and
-          <style selector="af|panelBox::content-light af|panelBox::body">
-  -->
-        
-    <style name="AFBoxBackground">
-         <includeStyle name="AFLightAccentBackground"/>
-    </style>
-    
-    <style name="AFShuttleBoxBackground">
-         <includeStyle name="AFBoxBackground"/>
-    </style>
-    
-    <style name="AFPanelBoxMediumBackground">
-      <includeStyle name="AFMediumAccentBackground"/>
-    </style>
-  
-    <style name="AFPanelBoxDarkBackground">
-      <includeStyle name="AFDarkAccentBackground"/>
-    </style>
-     
-    <style name="AFPanelBoxBody">
-    </style>  
-  
-    <style selector="af|panelBox::transparent af|panelBox::body">
-      <includeStyle name="AFPanelBoxBody"/>
-    </style>
-    
-    <style selector="af|panelBox::light af|panelBox::body">
-      <includeStyle name="AFBoxBackground"/>
-      <includeStyle name="AFPanelBoxBody"/>
-    </style>
-   
-    <style selector="af|panelBox::medium af|panelBox::body">
-      <includeStyle name="AFPanelBoxMediumBackground"/>
-      <includeStyle name="AFPanelBoxBody"/>
-    </style>
-    
-    
-    <style selector="af|panelBox::dark af|panelBox::body">
-      <includeStyle name="AFPanelBoxDarkBackground"/>
-      <includeStyle name="AFPanelBoxBody"/>
-    </style>
-  
-    
-    <!-- Named style which is included by all of the
-         af|panelBox::content[Background] style classes
-         and AFShuttleBoxContent-->
-    <style name="AFBoxContent">
-      <includeStyle name="AFDefaultFont"/>
-    </style>
-    
-    <style name="AFShuttleBoxContent">
-      <includeStyle name="AFBoxContent"/>
-    </style>
-    
-  
-    <!-- These styles are only used by panelBox which
-         do not have headers (and shuttle's box)-->  
-    <style selector="af|panelBox::content-transparent">
-      <includeStyle name="AFBoxContent"/>
-    </style> 
-    
-    <style selector="af|panelBox::content-light">
-      <includeStyle name="AFBoxContent"/>
-    </style>  
-    
-    <style selector="af|selectManyShuttle::box-content">
-      <includeStyle name="AFShuttleBoxContent"/>
-    </style> 
-  
-    <style selector="af|selectOrderShuttle::box-content">
-      <includeStyle name="AFShuttleBoxContent"/>
-    </style>
-  <!-- since we render in standards mode, images don't take up the entire 
-       table cell unless we use vertical-align:bottom.-->   
-    <style selector="af|selectManyShuttle::box-content img">
-      <property name="vertical-align">bottom</property>
-    </style> 
-    <style selector="af|selectOrderShuttle::box-content img">
-      <property name="vertical-align">bottom</property>
-    </style>  
-  
-    <style selector="af|panelBox::content-medium">
-      <includeStyle name="AFBoxContent"/>
-    </style> 
-    
-    
-    <style selector="af|panelBox::content-dark">
-      <includeStyle name="AFBoxContent"/>
-    </style> 
-    
-    <!-- since we render in standards mode, images don't take up the entire 
-         table cell unless we use vertical-align:bottom.
-         We don't publish these obviously, cuz they expose the html -->
-    <style selector="af|panelBox::content-transparent img">
-      <property name="vertical-align">bottom</property>
-    </style> 
-    <style selector="af|panelBox::content-light img">
-      <property name="vertical-align">bottom</property>
-    </style>  
-    <style selector="af|panelBox::content-medium img">
-      <property name="vertical-align">bottom</property>
-    </style>  
-    <style selector="af|panelBox::content-dark img">
-      <property name="vertical-align">bottom</property>
-    </style>        
-    
-    <!-- Named style for all panelBox bodies for 
-         panelBox which do not have headers -->
-    
-    <style name="AFBoxContentBody">
-    </style>
-  
-    <style name="AFShuttleBoxContentBody">
-      <includeStyle name="AFBoxContentBody"/>
-    </style>
-    
-    <style selector="af|panelBox::content-transparent af|panelBox::body">
-      <includeStyle name="AFBoxContentBody"/>
-    </style>
-    
-     
-    <style selector="af|panelBox::content-light af|panelBox::body">
-      <includeStyle name="AFBoxBackground"/>
-      <includeStyle name="AFBoxContentBody"/>
-    </style>
-    
-    <style selector="af|selectManyShuttle::box-content af|selectManyShuttle::box-body">
-      <includeStyle name="AFShuttleBoxBackground"/>
-      <includeStyle name="AFShuttleBoxContentBody"/>
-    </style>
-    
-    <style selector="af|selectOrderShuttle::box-content af|selectOrderShuttle::box-body">
-      <includeStyle name="AFShuttleBoxBackground"/>
-      <includeStyle name="AFShuttleBoxContentBody"/>
-    </style>
-    
-    <style selector="af|panelBox::content-medium af|panelBox::body">
-      <includeStyle name="AFPanelBoxMediumBackground"/>
-      <includeStyle name="AFBoxContentBody"/>
-    </style>
-    
-    
-    <style selector="af|panelBox::content-dark af|panelBox::body">
-      <includeStyle name="AFPanelBoxDarkBackground"/>
-      <includeStyle name="AFBoxContentBody"/>
-    </style>
-    
- 
-  <!--
-    Footer Styles
-  -->
-
-  <style name="AFFooterMessageText">
-    <includeStyle name="AFVerySmallFont"/>
-    <includeStyle name="AFTextForeground"/>
-    <property name="white-space">nowrap</property>
-  </style>
-
-  <style name="AFFooterMessageLink">
-    <includeStyle name="AFLinkForeground"/>
-  </style>
-
-  <style selector="af|panelPage::copyright">
-    <includeStyle name="AFFooterMessageText"/>
-  </style>
-
-  <style selector="af|panelPage::copyright-link">
-    <includeStyle name="AFFooterMessageLink"/>
-  </style>
-
-  <style selector="af|panelPage::privacy">
-    <includeStyle name="AFFooterMessageText"/>
-  </style>
-
-  <style selector="af|panelPage::privacy-link">
-    <includeStyle name="AFFooterMessageLink"/>
-  </style>
-
-  <style selector="af|panelPage::about">
-    <includeStyle name="AFFooterMessageText"/>
-  </style>
-
-  <style selector="af|panelPage::about-link">
-    <includeStyle name="AFFooterMessageLink"/>
-  </style>
-
-  <!--
-     af:menuButtons Styles
-   -->
-   <!-- this style is included in all three styles below -->
-   <style name="AFMenuButtons">
-      <includeStyle name="AFDefaultFont"/>
-   </style>
-   
-   <style selector="af|menuButtons::text">
-     <includeStyle name="AFLinkForeground"/>
-     <includeStyle name="AFMenuButtons"/>
-   </style>
-
-   <style selector="af|menuButtons::icon-style">
-   </style>
-  
-   <style selector="af|menuButtons::text-selected">
-     <includeStyle name="AFDarkForeground"/>
-     <includeStyle name="AFMenuButtons"/>  
-   </style>
-   
-   <style selector="af|menuButtons::text-disabled">
-     <includeStyle name="AFVeryDarkAccentForeground"/>
-     <includeStyle name="AFMenuButtons"/>
-   </style>
-
-
-  <!-- 
-    menuBar Styles
-  -->
-
-  <style selector="af|menuBar">
-    <includeStyle name="AFDarkBackground"/>
-    <includeStyle name="TextForegroundDarkBackground"/>
-    <includeStyle name="AFDefaultFont"/>
-    <property name="min-height">4px</property>
-  </style>
-  
-  <!-- since we render in standards mode, images don't take up the entire 
-       table cell unless we use vertical-align:bottom.-->
-  <style selector="af|menuBar img">
-    <property name="vertical-align">bottom</property>
-  </style>
-
-  <style name="AFMenuBarItem">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  
-  <style selector="af|menuBar::enabled">
-    <includeStyle name="AFMenuBarItem"/>
-  </style>
-
-  <style selector="af|menuBar::selected">
-    <includeStyle name="AFMenuBarItem"/>
-  </style>
-
-  <style name="AFMenuBarLink">
-    <includeStyle name="TextForegroundDarkBackground"/>
-  </style>
-  
-  <style selector="af|menuBar::enabled-link">
-    <includeStyle name="AFMenuBarLink"/>
-  </style>
-
-  <style selector="af|menuBar::selected-link">
-    <includeStyle name="AFMenuBarLink"/>
-  </style>
-
-  <style selector="af|menuBar::separator">
-    <includeStyle name="TextForegroundDarkBackground"/>
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  <!-- 
-    HGrid styles 
-  -->
-  <style selector="af|treeTable::expansion">
-    <includeStyle name="AFDarkForeground"/>
-
-    <!-- Shift icon over to the start of the cell as
-         described in bug 2296869. -->
-    <property name="position">absolute</property>
-    <property name="top">0px</property>
-    <property name="left">-18px</property>
-  </style>
-
-  <style selector="af|treeTable::focus">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFDarkForeground"/>
-    <property name="font-family">monospace</property>
-  </style>
-
-  <style selector="af|treeTable::locator">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFVeryDarkAccentForeground"/>
-    <property name="font-family">monospace</property>
-  </style>  
-   <!-- 
-      showOnePanel Styles
-    -->
-  
-    <style selector="af|showOnePanel::container">  
-      <includeStyle name="AFVeryDarkAccentBorder"/>
-      <property name="border-width">0px 1px 1px 1px</property>
-      <property name="border-style">solid</property>
-    </style>
-  
-    <style name="AFShowOnePanelHeaderBase">
-      <includeStyle name="AFVeryDarkAccentBorder"/>
-      <property name="height">21px</property>
-      <property name="text-decoration">none</property>
-      <property name="white-space">nowrap</property>    
-      <property name="padding-right">5px</property>
-      <property name="border-style">solid</property>
-    </style>
-  
-    <style selector="af|showOnePanel::header-collapsed">
-      <includeStyle name="AFShowOnePanelHeaderBase"/>
-      <property name="border-width">1px 0px 0px 0px</property>
-      <property name="border-style">solid</property>
-      <property name="cursor">pointer</property>
-      <property name="padding-left">5px</property>
-    </style>
-  
-    <style selector="af|showOnePanel::header-expanded">
-      <includeStyle name="AFShowOnePanelHeaderBase"/>
-      <property name="border-width">1px 0px 1px 0px</property>
-      <property name="padding-left">2px</property>
-    </style>
-  
-    <style selector="af|showOnePanel::header-disabled">
-      <includeStyle name="AFShowOnePanelHeaderBase"/>
-      <property name="border-width">1px 0px 0px 0px</property>
-      <property name="padding-left">18px</property>
-    </style>
-  
-    <style selector="af|showOnePanel::content">
-      <property name="vertical-align">top</property>
-      <property name="margin">5px</property>
-    </style>
-  
-    <style selector="af|showOnePanel::title-link">
-      <includeStyle name="AFDefaultFont"/>
-      <property name="background">transparent</property>
-      <property name="color">#669966</property>
-      <property name="display">block</property>
-      <property name="padding-top">2px</property>
-      <property name="text-decoration">none</property>
-    </style>
-  
-    <style selector="af|showOnePanel::title-disabled-link">
-      <includeStyle name="AFDefaultFont"/>
-      <property name="color">#999999</property>
-      <property name="display">block</property>
-      <property name="padding-top">2px</property>
-      <property name="text-decoration">none</property>
-    </style>
-
-  <!-- 
-    Header styles. panelHeader, showDetailHeader, messages header.
-  -->
-  
-  <style name="AFHeaderText">
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-  
-  <style selector=".AFHeaderLevelOne">
-    <includeStyle name="AFLargeFont"/>
-    <includeStyle name="AFHeaderText"/>
-  </style>
-  
-  <style selector=".AFHeaderLevelTwo">
-    <includeStyle name="AFMediumFont"/>
-    <includeStyle name="AFHeaderText"/>
-  </style> 
-  
-  <style selector=".AFHeaderLevelThreePlus">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFHeaderText"/>
-  </style>  
-  
-  <style selector="af|panelHeader::level-one">
-    <includeStyle selector=".AFHeaderLevelOne"/>
-  </style>
-  
-  <style selector="af|panelHeader::level-two">
-    <includeStyle selector=".AFHeaderLevelTwo"/>
-  </style>  
-
-  <style selector="af|panelHeader::level-three">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-
-  </style>  
-
-  <style selector="af|panelHeader::level-four">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-  </style>  
-
-  <style selector="af|panelHeader::level-five">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-  </style>  
-  
-  <style selector="af|panelHeader::level-six">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-
-  </style>
-  
-  <style selector="af|showDetailHeader::level-one">
-    <includeStyle selector=".AFHeaderLevelOne"/>
-  </style>
-
-  <style selector="af|showDetailHeader::level-two">
-    <includeStyle selector=".AFHeaderLevelTwo"/>
-  </style>
-
-  <style selector="af|showDetailHeader::level-three">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-  </style>  
-
-  <style selector="af|showDetailHeader::level-four">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-  </style>  
-
-  <style selector="af|showDetailHeader::level-five">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-  </style>  
-  
-  <style selector="af|showDetailHeader::level-six">
-    <includeStyle selector=".AFHeaderLevelThreePlus"/>
-  </style>  
-
-  <style selector="af|panelHeader::error">
-    <includeStyle selector=".AFHeaderLevelOne"/>
-    <includeStyle name="AFErrorTextForeground"/>
-  </style>
-  
-  <style selector="af|messages::error">
-    <includeStyle selector=".AFHeaderLevelOne"/>
-    <includeStyle name="AFErrorTextForeground"/>
-  </style> 
-  
-  <style selector="af|messages::header">
-    <includeStyle selector=".AFHeaderLevelOne"/>
-  </style>
-  
-
-  
-  <!--
-    af:messages Styles
-  -->
-
-  <style selector="af|messages">
-    <includeStyle name="AFDefaultFont"/>
-    <!--includeStyle name="AFMediumAccentBackground"/-->
-    <includeStyle name="AFVeryDarkForeground"/>
-  </style>
-  <!-- since we render in standards mode, images don't take up the entire 
-       table cell unless we use vertical-align:bottom.-->  
-  <style selector="af|messages img">
-    <property name="vertical-align">bottom</property>  
-  </style>
-
-  <!--style selector=".p_OraMessageBoxMessage"-->
-  <style selector="af|messages::message-text">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFDarkForeground"/>
-    <includeStyle name="MessageBoxMargin"/>
-  </style>  
-  
-  <!--
-    panelSideBar styles
-  -->
-
-  <style selector="af|panelSideBar">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFVeryDarkForeground"/>
-    <includeStyle name="AFVeryDarkAccentBorder"/>
-  </style>
-  
-  <!-- put the background color on the td -->
-  <style selector="af|panelSideBar::body">
-    <includeStyle name="AFLightAccentBackground"/>
-  </style>
-  
-  <!--
-    SortableHeader styles
-  -->
-  <style selector=".AFSortableHeaderSortIcon">
-    <includeStyle name="AFSmallFont"/>
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-
-
-  <!-- 
-    MenuTabs Styles
-  -->
-
-
-  <style selector="af|menuTabs">
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-  <!-- since we render in standards mode, images don't take up the entire 
-       table cell unless we use vertical-align:bottom.-->
-  <style selector="af|menuTabs img">
-    <property name="vertical-align">bottom</property>
-  </style>
-  
-  <!-- this style is included in enabled, selected, and disabled styles-->
-  <style name="AFTabBarItem">
-  </style>
-  
-  <!-- this style is included in enabled-link and selected-link styles -->
-  <style name="AFTabBarLink">
-  </style>
-
-  <style selector="af|menuTabs::enabled">
-    <includeStyle name="AFLightAccentBackground"/>
-    <includeStyle name="AFTabBarItem"/>   
-  </style>
-
-  <style selector="af|menuTabs::selected">
-    <includeStyle name="AFDarkBackground"/>
-    <includeStyle name="AFTabBarItem"/>   
-   </style>
-
-  <style selector="af|menuTabs::disabled">
-    <includeStyle name="AFLightAccentBackground"/>
-    <includeStyle name="AFVeryDarkAccentForeground"/>
-    <includeStyle name="AFTabBarItem"/>
-  </style>
-
-  <style selector="af|menuTabs::enabled-link">
-    <includeStyle name="AFTabBarLink"/>
-    <includeStyle name="AFVeryDarkForeground"/>
-  </style>
-
-  <style selector="af|menuTabs::selected-link">
-    <includeStyle name="AFTabBarLink"/>
-    <includeStyle name="AFLightForeground"/>
-  </style>
-
-  <!-- 
-     By default we don't want any space between tabs, so we 
-     set the af|menuTabs::separator's width to 0px
-  -->
-
-  <style selector="af|menuTabs::separator">
-    <property name="width">0px</property>
-  </style>
-
-  <!--
-    Table Styles
-  -->
-
-  <!-- Rendering on table which contains the actual content -
-       everything between the top/bottom control bars -->
-  <style selector="af|table::content">
-    <property name="border-collapse">collapse</property>
-  </style> 
-  
-  <style selector="af|treeTable::content">
-    <property name="border-collapse">collapse</property>
-  </style>
-  
-  <!-- Contains top navigation bar of table -->
-  <style selector="af|table::control-bar-top">
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle selector=".OraTableBorder1101"/>
-    <property name="padding">1px 2px</property> 
-  </style>
-
-  <!-- Contains bottom navigation bar of table-->
-  <style selector="af|table::control-bar-bottom">
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle selector=".OraTableBorder0111"/>
-    <property name="padding">1px 2px</property> 
-  </style>  
-  
-  <!-- Contains top navigation bar of treeTable -->
-  <style selector="af|treeTable::control-bar-top">
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle selector=".OraTableBorder1101"/>
-    <property name="padding">1px 2px</property> 
-  </style>
-
-  <!-- Contains bottom navigation bar of treeTable-->
-  <style selector="af|treeTable::control-bar-bottom">
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle selector=".OraTableBorder0111"/>
-    <property name="padding">1px 2px</property> 
-  </style> 
-  
-  <!-- Contains Select All | Select None links -->
-  <style selector="af|table::sub-control-bar">
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle selector=".OraTableBorder1101"/>
-    <property name="padding">1px 2px</property> 
-  </style>
-  
-  <!-- Contains Select All | Select None links -->
-  <style selector="af|treeTable::sub-control-bar">
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle selector=".OraTableBorder1101"/>
-    <property name="padding">1px 2px</property> 
-  </style>
-  
-  <!-- table data cell styles -->
-  <style name="AFTableCellDataText">
-    <includeStyle name="AFDefaultFont"/>
-    <includeStyle name="AFTextForeground"/>
-  </style>
-
-  <style name="AFTableCellDataBackgroundColor">    
-    <includeStyle name="AFLightAccentBackground"/>
-  </style>  
-
-  <style name="AFTableCellDataBandedBackgroundColor">    
-    <!-- Table cell background color shouldn't vary with text background -->
-    <property name="background-color">#ffffff</property>
-  </style> 
-  
-  <style name="AFTableCellDataBorderColor">    
-    <includeStyle name="AFVeryDarkAccentBorder"/>
-  </style>    
-  
-  <style name="AFTableCellDataVerticalAlign">
-      <property name="vertical-align">baseline</property>
-  </style>
-  
-  <style selector="af|column::cell-text">
-    <includeStyle name="AFTableCellDataText"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-  </style>
-  
-  <style selector="af|column::cell-text-band">
-    <includeStyle name="AFTableCellDataText"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-    <includeStyle name="AFTableCellDataBandedBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-  </style>
-
-  <style selector="af|column::cell-number">
-    <includeStyle name="AFTableCellDataText"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle name="AFRightTextAlign"/>
-    <property name="padding-right">2px</property>
-  </style>
-
-  <style selector="af|column::cell-number-band">
-    <includeStyle name="AFTableCellDataText"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-    <includeStyle name="AFTableCellDataBandedBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle name="AFRightTextAlign"/>
-    <property name="padding-right">2px</property>
-  </style>
-  
-  <style selector="af|column::cell-icon-format">
-    <includeStyle name="AFTableCellDataText"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-    <includeStyle name="AFTableCellDataBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle name="AFCenterTextAlign"/>
-  </style>
-  <style selector="af|tableSelectOne::cell-icon-format">
-    <includeStyle selector="af|column::cell-icon-format"/>
-  </style>
-  <style selector="af|tableSelectMany::cell-icon-format">
-    <includeStyle selector="af|column::cell-icon-format"/>
-  </style>  
-
-  <style selector="af|column::cell-icon-format-band">
-    <includeStyle name="AFTableCellDataText"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-    <includeStyle name="AFTableCellDataBandedBackgroundColor"/>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-    <includeStyle name="AFCenterTextAlign"/>
-  </style>
-
-  <style selector="af|tableSelectOne::cell-icon-format-band">
-    <includeStyle selector="af|column::cell-icon-format-band"/>
-  </style>
-  <style selector="af|tableSelectMany::cell-icon-format-band">
-    <includeStyle selector="af|column::cell-icon-format-band"/>
-  </style>
-  
-  <style selector="af|column::header-text">
-    <includeStyle name="TableCellHeaderBorderColor"/>
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFStartTextAlign"/>
-    <includeStyle name="AFDarkAccentBackground"/>
-    <includeStyle name="AFDarkForeground"/>
-    <property name="vertical-align">bottom</property>
-  </style>
-
-  <style selector="af|column::header-number">
-    <includeStyle selector="af|column::header-text"/>
-    <includeStyle name="AFRightTextAlign"/>
-  </style>
-
-  <style selector="af|column::header-icon-format">
-    <includeStyle selector="af|column::header-text"/>
-    <includeStyle name="AFCenterTextAlign"/>
-  </style>
-
-  <style selector="af|column::row-header-text">
-    <includeStyle name="TableCellHeaderBorderColor"/>
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFEndTextAlign"/>
-    <includeStyle name="AFDarkAccentBackground"/>
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-
-  <style selector="af|table::detail">
-    <includeStyle name="AFTableCellDataText"/>
-    <!-- Table cell background color shouldn't vary with text background -->
-    <property name="background-color">#ffffff</property>
-    <includeStyle name="AFTableCellDataBorderColor"/>
-  </style>
-
-  <style selector="af|table::column-footer">
-    <includeStyle name="TableCellHeaderBorderColor"/>
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFStartTextAlign"/>
-    <includeStyle name="AFDarkAccentBackground"/>
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-
-  <!-- for totalRow button and text -->
-  <!-- jmw are we still using the TotalRow renderer that uses this style? -->
-  <style selector=".OraTableTotal">
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFEndTextAlign"/>
-    <includeStyle name="AFDarkAccentBackground"/>
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-
-  <!-- for cells containing a total -->
-  <style selector="af|column::total-number">
-    <includeStyle name="TableCellHeaderBorderColor"/>
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFRightTextAlign"/>
-    <includeStyle name="AFDarkAccentBackground"/>
-    <includeStyle name="AFTextForeground"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-  </style>
-
-  <!-- for cells containing a total -->
-  <style selector="af|column::total-text">
-    <includeStyle name="TableCellHeaderBorderColor"/>
-    <includeStyle name="AFDefaultBoldFont"/>
-    <includeStyle name="AFStartTextAlign"/>
-    <includeStyle name="AFDarkAccentBackground"/>
-    <includeStyle name="AFTextForeground"/>
-    <includeStyle name="AFTableCellDataVerticalAlign"/>
-  </style>
-
-  <style selector="af|column::sortable-header-text">
-    <includeStyle selector="af|column::header-text"/>
-    <property name="cursor">pointer</property>
-  </style>
-
-  <style selector="af|column::sortable-header-number">
-    <includeStyle selector="af|column::sortable-header-text"/>
-    <includeStyle name="AFRightTextAlign"/>
-  </style>
-
-  <style selector="af|column::sortable-header-icon-format">
-    <includeStyle selector="af|column::sortable-header-text"/>
-    <includeStyle name="AFCenterTextAlign"/>
-  </style>
-
-  <!--
-    Train Styles
-  -->
-
-  <style name="af|processTrain"/>
-  
-  <style name="AFTrainStation">  
-    <includeStyle name="AFDefaultFont"/>
-  </style>
-
-  <style selector="af|processTrain::step-active">
-    <includeStyle name="AFTrainStation"/>
-    <includeStyle name="AFDarkBorder"/>
-    <includeStyle name="AFDarkForeground"/>
-    <property name="font-weight">bold</property>
-  </style>
-
-  <style selector="af|processTrain::step-visited">
-    <includeStyle name="AFTrainStation"/>
-    <includeStyle name="DarkExtraAccentForeground"/>
-    <includeProperty name="MediumExtraAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>
-
-  <style selector="af|processTrain::visited af|processTrain::link">
-    <includeStyle name="DarkExtraAccentForeground"/>
-  </style>
-
-  <style selector="af|processTrain::step-disabled">
-    <includeStyle name="AFTrainStation"/>
-    <includeStyle name="MediumExtraAccentForeground"/>
-    <includeProperty name="LightExtraAccentBackground"
-                     propertyName="background-color"
-                     localPropertyName="border-color"/>
-  </style>
-  
-  <style selector="af|processTrain::step-unvisited">
-    <includeStyle name="AFTrainStation"/>
-    <includeStyle name="AFDarkBorder"/>
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-
-  <style selector="af|processTrain::step-visited af|processTrain::link">
-    <includeStyle name="AFDarkForeground"/>
-  </style>
-
-  
-  <style selector="af|processTrain::sub-start">
-    <includeStyle name="AFDarkBorder"/>
-    <property name="border-style">solid</property>
-    <property name="border-width">2px 2px 0px 0px</property>
-    <property name="padding">0pt</property>
-  </style>
-
-  <style selector="af|processTrain::sub-end">
-    <includeStyle name="AFDarkBorder"/>
-    <property name="border-style">solid</property>
-    <property name="border-width">2px 0px 0px 2px</property>
-    <property name="padding">0pt</property>
-  </style>
-  
-  
-
-  <!--
-
-    Section 2: Private styles.   The styles defined in this section need
-    to be reviewed to determine whether they should be exposed to 
-    customizers.
-
-  -->
-
-  <!--
-    Private Font Styles:  These styles should probably be made public.
-  -->
-
-  <!-- A very small font for text which appears within a link -->
-  <style name="VerySmallLinkFont">
-    <includeStyle name="AFVerySmallFont"/>
-  </style>
-
-  <!-- A small font for text which appears within a link -->
-  <style name="SmallLinkFont">
-    <includeStyle name="AFSmallFont"/>
-  </style>
-
-
-  <!--
-    Private Color Styles:  Most of these styles should probably
-    just be documented and made public.
-  -->
-
-  <!-- The "extra" accent ramp is a gray color ramp used in various places
-       to provide shading.  VeryDarkExtraAccentBackground is the darkest
-       color in this color ramp. -->
-  <style name="VeryDarkExtraAccentBackground">
-    <property name="background-color">#333333</property>
-  </style>
-
-  <!-- The "extra" accent ramp is a gray color ramp used in various places
-       to provide shading.  DarkExtraAccentBackground is the primary
-       color in this color ramp. -->  
-  <style name="DarkExtraAccentBackground">
-    <property name="background-color">#666666</property>
-  </style>
-
-  <!-- The "extra" accent ramp is a gray color ramp used in various places
-       to provide shading.  MediumExtraAccentBackground is the middle
-       color in this color ramp. -->
-  <style name="MediumExtraAccentBackground">
-    <property name="background-color">#999999</property>
-  </style>
-
-  <!-- The "extra" accent ramp is a gray color ramp used in various places
-       to provide shading.  LightExtraAccentBackground is the lightest
-       color in this color ramp. -->
-  <style name="LightExtraAccentBackground">
-    <property name="background-color">#cccccc</property>
-  </style>
-
-  <!-- VeryDarkExtraAccentForeground is the darkest foreground color in the
-       extra accent (gray) color ramp -->
-  <style name="VeryDarkExtraAccentForeground">
-    <includeProperty name="VeryDarkExtraAccentBackground"
-                     propertyName="background-color"

[... 5919 lines stripped ...]


Mime
View raw message