/* ===========DEPRECATED========== */
/* Skins belonging to BLAF (Browser Look and Feel) family are deprecated */
/*
 Copyright (c) 2006, 2022, Oracle and/or its affiliates. 

  blafplus-medium-desktop.css defines the styles used by the desktop
  implementation of the BLAFPlus-Medium Skin.  The styles defined
  here are layered on top of the styles defined by the Simple Skin
  (base-desktop.xss/simple-desktop.xss/richcomponents-simple.css).
*/

/* Use Aliases whenever possible! They are defined originally in Trinidad's base-desktop.xss
or Fusion's richcomponents-simple-desktop.css

For every component key:  Instead of color:#000000;, use
-tr-rule-ref: selector(".AFTextForeground:alias");

Instead of font-family: Tahoma use
-tr-rule-ref: selector(".AFDefaultFontFamily:alias");

OR -- if you need
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
use
-tr-rule-ref: selector(".AFDefaultFont:alias");
// You shouldn't need both AFDefaultFontFamily:alias and AFDefaultFont:alias
// since AFDefaultFont:alias includes AFDefaultFontFamily:alias.

Instead of background-color: #FFFFFF; use
-tr-rule-ref: selector(".AFTextBackground:alias");
or, if it meant to be an accent color, like table background,
use
-tr-rule-ref: selector(".AFLightAccentBackground:alias");
(this difference is sort of fuzzy. use your best judgement)

Instead of background-color: #CCCCCC, use
-tr-rule-ref: selector(".AFDarkAccentBackground:alias");

If you are using the BLAF+ standard borders, see
.AFButtonBorderHover:alias and
.AFButtonBorder:alias.
ETC.
If you are using border on form components, use:
-tr-rule-ref: selector(".AFFormControlContentBorder:alias");
It includes:

  border-style: solid;
  border-width: 1px;
  border-color: #B9B9B4;

ETC (Make yourself familiar with our aliases below to see where you can use them.)
font-size: 9px, use
  -tr-rule-ref: selector(".AFVerySmallFont:alias");

*/


/* BLAFPlus spec says to use Tahoma, so overwrite the base definition*/
.AFDefaultFontFamily:alias {
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/* BLAFPlus says 11px, so override the base definition for font-size.
   The AFDefaultFont also includes AFDefaultFontFamily and font-weight: normal.
   Use AFDefaultBoldFont if you want this definition but with font-weight: bold
   instead of font-weight: normal.*/
.AFDefaultFont:alias {
  font-size: 11px;
}
/* override the base definition for background-color on LightAccent. */
/* .AFTextBackground:alias is also background-color: #FFFFFF; */
.AFLightAccentBackground:alias {
  background-color: #FFFFFF;
}

/* override the base definition */
.AFLinkForeground:alias,
.AFGlobalLink:alias {
  color: #003399;
}

/* override to change all the active links' borders. (new alias)*/
.AFActiveLinkBorder:alias {
  border: 1px dotted #003399;
}

/* override to change all the visited links' borders. (new alias) */
/* 72007C is purple */
.AFVisitedLinkBorder:alias {
  border: 1px dotted #72007C;
}

/* BLAFPlus wants this color for label */
/* brownish color */
/* override the base definition */
/* This is included in AFLabel and AFLabelDisabled */
.AFLabelTextForeground:alias,
.AFLabelTextForegroundDisabled:alias {
  color: #704A00;
}

/* Used for disabled input components */
/* Override the base definition */
/* used in disabled form components */
.AFVeryDarkAccentForeground:alias {
 color: #7E807A;
}

/* AFFormControlContent:alias is defined in base-desktop.xss. It includes AFFieldText
/* All the form controls have the same background-color for disabled, so use an alias */
.AFFormControlContentBackgroundDisabled:alias {
  background-color: #EBEAD5;
}

/* Border for disabled items in select lists */
.AFFormControlItemBorderDisabled:alias {
  border: 1px solid #EBEAD5;
}

.AFFormControlContentForegroundDisabled:alias {
  -tr-rule-ref: selector(".AFDarkAccentForeground:alias");
}

/* Borders on form content. (new alias) */
.AFFormControlContentBorder:alias {
  border-style: solid;
  border-width: 1px;
  border-color: #B9B9B4;
}
@accessibility-profile high-contrast {
  @agent gecko and (version: 1.9) {
    .AFFormControlContentBorder:alias {
      -tr-inhibit: border-style;
    }
  }
}

/* start of base button aliases */

/* NOTE: we set a height here as a measure to get buttons to render at a total of 21px
     height (with borders). With the various DOM structures w/wo icons/selectors/text, each browser
     contains idiosyncrocies that are wrapped up here. For example, without this setting all ie8
     buttons are correct size except a text-only CTB without a selector is 1px too short. When dealing
     with height it is equally important to review text alignment between different types of buttons. */
.AFButton:alias {
  min-height: 19px; 
}

/* Need to override set px units for font containers in large-fonts mode */
@accessibility-profile large-fonts {
  .AFButton:alias {
    height: auto; 
  }
}

/* Buttons have 9px l/r padding. We set the min-height to be 16px, so that text-only buttons appear to be the
   same size as buttons with our 'normal' icon height of 16px. We end up with 
   a height of 16 +2 t padding +1 t/b border +1 b padding for total button height of 21 px. */
.AFButtonLink:alias {
  padding: 2px 9px 1px 9px;
  min-height: 16px;
}

/* Text inside the button. Given height to match icon height (-1) for vertical text alignment.
   Height -1 is used so that we can finely adjust between browsers descrepancies. */
.AFButtonText:alias {
  min-height: 15px;
  display: inline-block;
}

/* Need to override set px units for font containers in large-fonts mode */
@accessibility-profile large-fonts {
  .AFButtonText:alias {
    height: auto;
  }
}

/* For Firefox, set the line height for compatible button sizes between windows / linux */
@agent gecko {
  .AFButtonText:alias {
    line-height: 1em;
  }
}

/* For Firefox 2 we need to use display moz-inline-block instead of inline-block. */
@agent gecko and (version: 1.8) {
  .AFButtonText:alias {
    display: -moz-inline-block;
  }
}

/* Base definition for <button> based buttons.
   NOTE: while we have made an effort to get consistent button widths/heights, these components are
     based on the HTML <button>, which is rendered differently based on OS and theme (in addition to
     browser). Because of this we will not necessarily have consistent button widths/heights across
     all OS/browsers. */
.AFButtonNative:alias {
  text-decoration: none;
  white-space: nowrap;
  margin: 0px;
  padding: 1px 5px 3px 6px;
}

@agent ie {
  .AFButtonNative:alias {
    padding: 2px 4px 1px 4px;
  }
}

@agent webkit {
  .AFButtonNative:alias {
    padding: 3px 9px 3px 9px;
  }
}

/* Google Chrome is based on webkit 525.19, so changing padding-top,
   padding-bottom for this webkit version as go/commandButtons are 23px
   high in Chrome. */
@agent webkit and (version: 525.19) {
  .AFButtonNative:alias {
    padding: 2px 9px 2px 9px;
  }
}

/* foreground color on disabled buttons. (new alias) */
.AFButtonForegroundDisabled:alias {
  color: #737373;
}

/* borders on buttons. (new alias) */
.AFButtonBorder:alias {
  border-style: solid;
  border-width: 1px;
  border-top-color: #DDDDD8;
  border-left-color: #B9B9B4;
  border-right-color: #B9B9B4;
  border-bottom-color: #797975;
}

/* Disabled buttons appear in a box with a different background color. */
.AFButtonBorderDisabled:alias {
  border: 1px solid #B9B9B4;
}

@accessibility-profile high-contrast {
  @agent gecko and (version: 1.9) {
    .AFButtonBorderDisabled:alias {
      -tr-inhibit: border-style;
    }
  }
}

/* borders on buttons in hover mode. (new alias) */
.AFButtonBorderHover:alias {
  border-width: 1px;
  border-style:solid;
  border-top-color:#ACBACF;
  border-left-color:#768092;
  border-right-color:#768092;
  border-bottom-color:#0A0B19;
}

/* borders on buttons in active mode. (new alias) */
.AFButtonBorderActive:alias {
  border-width: 1px;
  border-style:solid;
  border-top: 1px solid #00000A;
  border-left: 1px solid #677183;
  border-right: 1px solid #677183;
  border-bottom: 1px solid #9DABC0;
}

/* background on buttons. */
.AFButtonBackground:alias {
  background-color: #FDFDFA;
  /*background-image: url('/afr/button_bg_n.png');*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAKUlEQVQIHQXBgQkAMBCEsMP9Jy76NFk9tnF33EUdJSUaJikmGiUldWz7P4Apl3Po3swAAAAASUVORK5CYII=');
  background-position: bottom;
  background-repeat: repeat-x;
}

/* Style for BLAF+ mouse over (css hover pseudo-class) on buttons. */
.AFButtonBackgroundHover:alias {
  background-color: #EDFFFF;
  /*background-image: url('/afr/button_bg_mo.png');*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAALklEQVQIHQXBgRHAQAzCMM77r9oJYvhK+d4jCdujHXXY4RVvaLkbOjzRoaOWJD88qSmIwahKsQAAAABJRU5ErkJggg==');
}

/* background on buttons in active mode (mouse down). (new alias) */
.AFButtonBackgroundActive:alias {
  background-color: #E1ECF2;
  background-image: url('/afr/button_bg_md.png');
  background-position: top left;
  background-repeat: repeat-x;
}

/* background on buttons in disabled mode. No background image is shown. */
.AFButtonBackgroundDisabled:alias {
  background-color: #E5E5E0;
  background-image: none;
  text-decoration: none;
}

/* borders on drop-down buttons. (new alias)*/
.AFDropDownIconBorder:alias {
  border-style: solid;
  border-width: 1px;
  border-top-color: #DDDDD8;
  border-left-color: #B9B9B4;
  border-right-color: #B9B9B4;
  border-bottom-color: #797975;
}
.AFDropDownIconBorderHover:alias {
  border-style: solid;
  border-width: 1px;
  border-top-color: #ACBACF;
  border-left-color: #768092;
  border-right-color: #768092;
  border-bottom-color: #0A0B19;
}
/* borders on drop-down buttons in active mode. (new alias)*/
.AFDropDownIconBorderActive:alias {
  border-style: solid;
  border-width: 1px;
  border-top-color: #000000;
  border-left-color: #768092;
  border-right-color: #768092;
  border-bottom-color: #ACBACF;
}
/* common button background gradients. (new aliases)*/
.AFButtonGradient:alias {
  background-image: url("/afr/gradient_n.png");
}
.AFButtonGradientHover:alias {
  background-image: url("/afr/gradient_mo.png");
}
.AFButtonGradientActive:alias {
  background-image: url("/afr/gradient_md.png");
}

/* Disabled menu item */
.AFMenuItemDisabled:alias {
  color: #999999;
}

/* private - Border around a popup that contains menus (menu type popup). */
.AFPopupMenuBorder:alias {
  border-style: solid;
  border-width: 1px;
  border-top-color: #A9B6CB;
  border-right-color: #768092;
  border-left-color: #768092;
  border-bottom-color: #00000A;
}

.AFOverflowImageVerticalStartHover:alias {
  background-image: url('/afr/overflow_top_mo.png');
}

.AFOverflowImageVerticalStartDepressed:alias {
  background-image: url('/afr/overflow_top_md.png');
}

.AFOverflowImageVerticalEndHover:alias {
  background-image: url("/afr/overflow_bottom_mo.png");
}

.AFOverflowImageVerticalEndDepressed:alias {
  background-image: url("/afr/overflow_bottom_md.png");
}

.AFTableCellDataDropTargetColor:alias {
  background-color: #002A90;
  color: #ffffff;
}

.AFTableHeaderCellDataDropTargetColor:alias {
  background-color: #002A90;
  color: #ffffff;
}

.AFTableCellDataSelected:alias {
  background-color: #9CACC9;
}

.AFTableCellDataSelectedFocused:alias {
  background-color: #C4CEE0;
}

.AFTableCellDataSelectedBanded:alias {
  background-color: #9CACC9;
}

.AFTableCellDataSelectedBandedFocused:alias {
  background-color: #C4CEE0;
}

.AFTableCellDataSelectedInactive:alias {
  background-color: #C5C5C0;
}

.AFTableCellDataSelectedBandedInactive:alias {
  background-color: #C5C5C0;
}

/* TODO: Icons ending in Icon are not picked up (see Trinidad issue 277). For
the time being used :alias for the icon to work. */
.AFLogoIcon:alias {
  content: url(/afr/logo-oracle-light.png);
}

/* This key is an alias for the dynamic help icon style for hover. */
.AFDynamicHelpIconStyleHover:alias {
  background-image: url('/afr/helptopics_ovr.png');
}

/* Private - alias for pseudo classes of create icon in LOV */
.AFListOfValuesCreateIconStyleActive:alias {
  background-image: url("/afr/new_dwn.png");
}

.AFListOfValuesCreateIconStyleHover:alias {
  background-image: url("/afr/new_ovr.png");
}
.AFListOfValuesCreateIconStyleDisabled:alias {
  background-image: url("/afr/new_dis.png");
}
/* end private */

/* style for a branding bar container (e.g. on an af:panelBorderLayout or horizontal
   af:panelGroupLayout) */
.AFBrandingBar {
  border-bottom: 1px solid #61A1EF;
}

/* style for a container (e.g. an af:panelGroupLayout) for items inside of the branding bar
   container */
.AFBrandingBarItem {
  height: 2.5em;
}
/* Firefox on Mac OS X will not make branding bar items equal if height is 2.5em but 2.54em will */
@platform macos {
  @agent gecko {
    .AFBrandingBarItem {
      height: 2.54em;
    }
  }
}
@accessibility-profile large-fonts {
  .AFBrandingBarItem {
    height: 2em;
  }
}

/* Style for a decorative branding logo (e.g. on an af:spacer) placed inside a branding bar item wrapper. 
   The style uses background image which will not render under high contrast mode in some browsers. */
.AFBrandingBarLogo {
  width: 119px;
  height: 2.5em;
  background-image: url('/afr/logo-oracle-red.png');
}
@accessibility-profile large-fonts {
  .AFBrandingBarLogo {
    height: 2em;
  }
}

/* style for branding page title text (e.g. on an af:outputText) placed inside of a branding bar
   item wrapper */
.AFBrandingBarTitle {
  color: #A9DFF5;
  font-size: 18px;
  padding-top: 0.1em;
}
@accessibility-profile large-fonts {
  .AFBrandingBarTitle {
    font-size: large;
  }
}

/* style for supporting padding of navigationPane buttons when in a branding bar so that it can line
   up vertically */
.AFBrandingBar af|navigationPane-buttons {
  padding-top: 0.5em;
}
@accessibility-profile large-fonts {
  .AFBrandingBar af|navigationPane-buttons {
    padding-top: 0.4em;
  }
}

/* style for supporting padding of the status indicator when in a branding bar so that it can line
   up vertically */
.AFBrandingBar af|statusIndicator {
  padding: 0.4em 0.5em 0px 0.5em;
}

/* Style to apply to task/user stamp and key notation containers */
.AFStampContainer {
  font-size: 11px;
  font-family: Tahoma, Helvetica, sans-serif;
  color: #247275;
  padding-top: 2px;
}

/* Style for task stamp text labels */
.AFTaskStampTextLabel {
  white-space: nowrap;
  margin: 0px 4px;
}

/* Style for task stamp text values */
.AFTaskStampTextValue {
  font-weight: bold;
  white-space: nowrap;
  margin: 0px 0px 0px 4px;
}

/* Style for user stamp text labels */
.AFUserStampTextLabel {
  white-space: nowrap;
  margin: 0px 4px;
}

/* Style for user stamp text values */
.AFUserStampTextValue {
  white-space: nowrap;
  font-weight: bold;
  margin: 0px 4px;
}

/* Style for user stamp label and value separator */
.AFUserStampSeparator {
  margin: 0px 4px;
}

/* Style for user stamp switcher */
.AFUserStampSwitcher {
  margin: 0px 0px 0px 4px;
}

/* key notation main text */
.AFKeyNotationText {
  margin-left: 5px;
}

.AFKeyNotationText:rtl {
  margin-left: 0px;
  margin-right: 5px;
}

/* Style for dynamic help icon for hover */
af|column::dynamic-help-icon-style:hover,
af|inputColor::dynamic-help-icon-style:hover,
af|inputComboboxListOfValues::dynamic-help-icon-style:hover,
af|inputDate::dynamic-help-icon-style:hover,
af|inputFile::dynamic-help-icon-style:hover,
af|inputListOfValues::dynamic-help-icon-style:hover,
af|inputNumberSlider::dynamic-help-icon-style:hover,
af|inputNumberSpinbox::dynamic-help-icon-style:hover,
af|inputRangeSlider::dynamic-help-icon-style:hover,
af|inputText::dynamic-help-icon-style:hover,
af|panelHeader::dynamic-help-icon-style:hover,
af|panelLabelAndMessage::dynamic-help-icon-style:hover,
af|query::dynamic-help-icon-style:hover,
af|quickQuery::dynamic-help-icon-style:hover,
af|richTextEditor::dynamic-help-icon-style:hover,
af|selectBooleanCheckbox::dynamic-help-icon-style:hover,
af|selectBooleanRadio::dynamic-help-icon-style:hover,
af|selectManyCheckbox::dynamic-help-icon-style:hover,
af|selectManyChoice::dynamic-help-icon-style:hover,
af|selectManyListbox::dynamic-help-icon-style:hover,
af|selectManyShuttle::dynamic-help-icon-style:hover,
af|selectOneChoice::dynamic-help-icon-style:hover,
af|selectOneListbox::dynamic-help-icon-style:hover,
af|selectOneRadio::dynamic-help-icon-style:hover,
af|selectOrderShuttle::dynamic-help-icon-style:hover,
af|showDetailHeader::dynamic-help-icon-style:hover,
af|dialog::dynamic-help-icon-style:hover,
af|panelWindow::dynamic-help-icon-style:hover {
  -tr-rule-ref: selector(".AFDynamicHelpIconStyleHover:alias");
}

/* Style for dynamic help icon for disabled hover state.  In the disabled state the
   help icon isn't clickable (no onclick/href attributes rendered on the <a>).  This
   takes higher precedence in disabled state than just hover, turning off the hover
   icon.  Note, no need for disabled active, since in the disabled state it can't be
   active, because it isn't clickable (no onclick/href attributes rendered). */
af|column::dynamic-help-icon-style:disabled:hover,
af|inputColor::dynamic-help-icon-style:disabled:hover,
af|inputComboboxListOfValues::dynamic-help-icon-style:disabled:hover,
af|inputDate::dynamic-help-icon-style:disabled:hover,
af|inputFile::dynamic-help-icon-style:disabled:hover,
af|inputListOfValues::dynamic-help-icon-style:disabled:hover,
af|inputNumberSlider::dynamic-help-icon-style:disabled:hover,
af|inputNumberSpinbox::dynamic-help-icon-style:disabled:hover,
af|inputRangeSlider::dynamic-help-icon-style:disabled:hover,
af|inputText::dynamic-help-icon-style:disabled:hover,
af|panelHeader::dynamic-help-icon-style:disabled:hover,
af|panelLabelAndMessage::dynamic-help-icon-style:disabled:hover,
af|query::dynamic-help-icon-style:disabled:hover,
af|quickQuery::dynamic-help-icon-style:disabled:hover,
af|richTextEditor::dynamic-help-icon-style:disabled:hover,
af|selectBooleanCheckbox::dynamic-help-icon-style:disabled:hover,
af|selectBooleanRadio::dynamic-help-icon-style:disabled:hover,
af|selectManyCheckbox::dynamic-help-icon-style:disabled:hover,
af|selectManyChoice::dynamic-help-icon-style:disabled:hover,
af|selectManyListbox::dynamic-help-icon-style:disabled:hover,
af|selectManyShuttle::dynamic-help-icon-style:disabled:hover,
af|selectOneChoice::dynamic-help-icon-style:disabled:hover,
af|selectOneListbox::dynamic-help-icon-style:disabled:hover,
af|selectOneRadio::dynamic-help-icon-style:disabled:hover,
af|selectOrderShuttle::dynamic-help-icon-style:disabled:hover,
af|showDetailHeader::dynamic-help-icon-style:disabled:hover,
af|dialog::dynamic-help-icon-style:disabled:hover,
af|panelWindow::dynamic-help-icon-style:disabled:hover {
 -tr-rule-ref: selector(".AFDynamicHelpIconStyle:alias");
}

/* This key is an alias for the dynamic help icon style for active. */
.AFDynamicHelpIconStyleActive:alias {
  background-image: url('/afr/helptopics_dwn.png');
}

/* Style for dynamic help icon for active */
af|column::dynamic-help-icon-style:active,
af|inputColor::dynamic-help-icon-style:active,
af|inputComboboxListOfValues::dynamic-help-icon-style:active,
af|inputDate::dynamic-help-icon-style:active,
af|inputFile::dynamic-help-icon-style:active,
af|inputListOfValues::dynamic-help-icon-style:active,
af|inputNumberSlider::dynamic-help-icon-style:active,
af|inputNumberSpinbox::dynamic-help-icon-style:active,
af|inputRangeSlider::dynamic-help-icon-style:active,
af|inputText::dynamic-help-icon-style:active,
af|panelHeader::dynamic-help-icon-style:active,
af|panelLabelAndMessage::dynamic-help-icon-style:active,
af|query::dynamic-help-icon-style:active,
af|quickQuery::dynamic-help-icon-style:active,
af|richTextEditor::dynamic-help-icon-style:active,
af|selectBooleanCheckbox::dynamic-help-icon-style:active,
af|selectBooleanRadio::dynamic-help-icon-style:active,
af|selectManyCheckbox::dynamic-help-icon-style:active,
af|selectManyChoice::dynamic-help-icon-style:active,
af|selectManyListbox::dynamic-help-icon-style:active,
af|selectManyShuttle::dynamic-help-icon-style:active,
af|selectOneChoice::dynamic-help-icon-style:active,
af|selectOneListbox::dynamic-help-icon-style:active,
af|selectOneRadio::dynamic-help-icon-style:active,
af|selectOrderShuttle::dynamic-help-icon-style:active,
af|showDetailHeader::dynamic-help-icon-style:active,
af|dialog::dynamic-help-icon-style:active,
af|panelWindow::dynamic-help-icon-style:active {
  -tr-rule-ref: selector(".AFDynamicHelpIconStyleActive:alias");
}

af|column::dynamic-help-icon-style {
  margin-left: 3px;
}

/* For BLAF+'s inputText, we set the border color and padding. */
af|inputText::content {
  padding: 1px 2px 1px 3px;
  margin: 1px;
  width: 170px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* For BLAF+'s inputColor, we set padding. */
af|inputColor::input-chooser-wrapper {
  padding: 1px;
}
@agent webkit {
  af|inputColor::input-chooser-wrapper {
    padding: 0px;
  }
}
af|inputColor:fatal::input-chooser-wrapper,
af|inputColor:error::input-chooser-wrapper,
af|inputColor:warning::input-chooser-wrapper {
  padding: 0px;
}
@agent ie {
  af|inputColor::input-chooser-wrapper {
    margin: 1px;
    padding: 0px;
  }
  af|inputColor:fatal::input-chooser-wrapper,
  af|inputColor:error::input-chooser-wrapper,
  af|inputColor:warning::input-chooser-wrapper {
    margin: 1px 0px 1px 0px;
  }
}

af|inputDate::content {
  margin: 1px;
  padding: 1px 2px 1px 3px;
  width: 170px;
}
/* For BLAF+'s inputFile, we set the border color and padding. */
/* padding is ignored by FF native file input :( */
af|inputFile::content {
  margin: 1px;
  padding: 1px 2px 1px 3px;
}
/* For BLAF+'s inputfile, we set the border color and padding to align vertically*/
af|inputFile:disabled::content,
af|inputFile:read-only::content {
  border-width: 0px;
  padding: 0px 2px 1px 2px;
}
/* inputFile in update mode */
af|inputFile:update::content {
  border-width: 0px;
  padding: 0px 2px 1px 2px;
}

/* some browser specific alignment tweaks for update mode */
@agent ie {
  af|inputFile:update::content {
    padding-top: 1px;
  }
  af|inputFile af|commandButton {
    vertical-align:-40%;
    padding-top: 2px;
    padding-bottom: 1px;
  }
}
@agent gecko {
  af|inputFile:update::content {
    padding-bottom: 0px;
  }
  af|inputFile af|commandButton {
    padding-bottom: 3px;
  }
}
@agent webkit {
  af|inputFile:update::content {
    padding-bottom: 0px;
  }
  af|inputFile af|commandButton {
    padding-top: 2px;
    padding-bottom: 4px;
  }
}

af|inputComboboxListOfValues::container {
  margin: 1px;
}

af|inputComboboxListOfValues::content {
  margin-top: 2px;
  margin-bottom: 2px;
}

@agent webkit {
  af|inputComboboxListOfValues::content,
  af|inputComboboxListOfValues:edit-mode-select::content {
    margin-top: 1px;
    margin-bottom:1px;
  }
}

/* Firefox 2 does not display the inputComboboxListOfValues box correctly without these styles. */
@agent gecko and (version: 1.8) {
  af|inputComboboxListOfValues .AFPanelFormLayoutContentCell {
    padding: 4px 0px 2px 8px;
  }
  af|inputComboboxListOfValues::content,
  af|inputComboboxListOfValues:edit-mode-select::content {
    margin: 0px;
  }
}

af|inputListOfValues::content {
  margin: 1px;
}

af|inputListOfValues::content,
af|inputComboboxListOfValues::content {
  padding: 1px 2px 1px 3px;
}

/** styles the mouse down clickable launch icon **/
af|inputDate::launch-icon-style:active,
af|inputDate::launch-icon-style:hover:active{
  background-image:url("/afr/timedate_dwn.png");
}
/* Used for inputText when rows==1 and readOnly.
   Take out the borders and padding */
af|inputText:read-only::content,
af|inputNumberSpinbox:read-only::content,
af|inputDate:read-only::content,
af|inputListOfValues:read-only::content,
af|inputComboboxListOfValues:read-only::content {
  border-width: 0px;
  padding: 0px 2px 1px 2px;
  background-color: transparent;
}

/* added new bug11845290 */
af|inputText:read-only::content .AFPanelFormLayoutContentCell{
  padding: 0px 0px 1px 0px;
  
}
af|inputText:read-only::content {
  margin: 0px;
}
/*bug11845290  */
@agent ie {
  af|chooseDate::ampm-content-input {
    vertical-align:middle;
    cursor:default;
  }
}

@agent gecko {
  af|chooseDate::ampm-content-input {
    cursor:default;
  }
}

af|selectBooleanRadio::content-input,
af|selectOneRadio::content-input {
  cursor:default;
}

af|selectBooleanCheckbox::content-input,
af|selectManyCheckbox::content-input {
  cursor:default;
}

/* The option boxes need margin or else they will be flush up against the content area (this is
   because it should match what an inputText looks like; the left borders should be along the same
   vertical line).
   =-= This is a very unusual selector name, why is the root style class being applied to an
       internal element?
   =-= This should be something like af|selectOrderShuttle::option-box instead. */
af|selectOrderShuttle {
  margin: 1px;
}
@agent ie {
  af|selectOrderShuttle {
    margin: 0px 1px 1px 1px;
  }
}

/* The option boxes need margin or else they will be flush up against the content area (this is
   because it should match what an inputText looks like; the left borders should be along the same
   vertical line).
   =-= This is a very unusual selector name, why is the root style class being applied to an
       internal element?
   =-= This should be something like af|selectManyShuttle::option-box instead. */
af|selectManyShuttle {
  margin: 1px;
}
@agent ie {
  af|selectManyShuttle {
    margin: 0px 1px 1px 1px;
  }
}

af|selectManyChoice::content-input,
af|selectManyListbox::content-input,
af|selectManyShuttle::content-input,
af|selectOrderShuttle::content-input {
  vertical-align:middle;
  cursor:default;
}
/* get rid of the margin around IE checkbox */
@agent ie {
  af|selectManyChoice::content-input,
  af|selectManyShuttle::content-input,
  af|selectManyListbox::content-input,
  af|selectOrderShuttle::content-input {
    width:13px;
    height:13px;
    overflow:hidden;
  }
}
/* Firefox 2 does not display the selectManyChoice box correctly without these styles. */
@agent gecko and (version: 1.8) {
  af|selectManyChoice .AFPanelFormLayoutContentCell {
    padding: 5px 0px 3px 8px;
  }
  af|selectManyChoice::content {
    margin: 0px;
  }
}
/* Internet Explorer 7 puts too much empty space on the top of its control so these styles make it
   use the correct outer spacing to be consist with inputText. */
@agent ie {
  af|selectManyChoice::content {
    margin: 0px 0px 4px 0px;
  }
  af|selectManyChoice::dropdown {
    padding: 1px 0px 1px 0px;
  }
  af|selectManyChoice::control {
    padding-top: 1px;
  }
}
@agent ie and (version: 7.0) {
  af|selectManyChoice::control {
    padding-top: 0px;
  }
}

/* Internet Explorer 7 adds an extra pixel of padding-top to the af|panelFormLayout::content-cell
   and AFPanelFormLayoutContentCell so use one less pixel compared to the
   richcomponent-simple-desktop.css file. */
@agent ie {
  af|panelFormLayout::content-cell,
  .AFPanelFormLayoutContentCell {
    padding-top: 1px;
  }
}

/* used for inputText when disabled. For BLAF+ we set the background-color/text. */
af|inputText:disabled::content,
af|inputNumberSpinbox:disabled::content,
af|inputDate:disabled::content,
af|inputColor:disabled::content,
af|inputComboboxListOfValues:disabled::content,
af|inputListOfValues:disabled::content,
af|inputFile:disabled::content {
  cursor: default;
}
/* end form components blafplus-medium definitions */

/* use this to style all required icons the same */
/* This is a public style class, not an alias */
.AFRequiredIconStyle {
  color: #0D4988;
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}

/* use this to style all indexed icons the same */
.AFRequiredGroupIconStyle {
  color: #1CB103;
}

af|inputListOfValues af|contextInfo::launch-icon-style,
af|inputText af|contextInfo::launch-icon-style,
af|selectOneChoice af|contextInfo::launch-icon-style {
 margin-top:2px;
 margin-left:2px;
}


@agent webkit {
  af|inputText af|contextInfo::launch-icon-style,
  af|selectOneChoice af|contextInfo::launch-icon-style{
   margin-top:2px;
   margin-left:2px;
  }
}

@agent ie {

  af|inputListOfValues af|contextInfo::launch-icon-style {
    margin-top: 3px;
    margin-left: 2px;
  }

  af|inputText af|contextInfo::launch-icon-style,
  af|selectOneChoice af|contextInfo::launch-icon-style{
   margin-top:3px;
  }

  af|inputComboboxListOfValues af|contextInfo::launch-icon-style{
   margin-top:6px;
  }
}


@agent ie and (version: 8.0) {
  af|inputComboboxListOfValues af|contextInfo::launch-icon-style{
   margin-top:5px;
  }
  af|inputListOfValues af|contextInfo::launch-icon-style {
    margin-top:-1px;
  }

}

/* commandToolbarButton icons used by the Rich Text Editor for disabled,
   regular enabled icons are in simple skin*/
/* These icons must be URIIcons, not contextIcons to work.
   It's because in the RTE renderer, we pass the url to the commandToolbarButton.
   (This corresponds to what is done for PanelCollection.)
   */
af|richTextEditor::add-link-disabled-icon {
  content: url(/afr/link_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::remove-link-disabled-icon {
  content: url(/afr/unlink_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::clear-styling-disabled-icon {
  content: url(/afr/clear_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-disabled-icon {
  content: url(/afr/undo_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-disabled-icon:rtl {
  content: url(/afr/undo_dis_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-disabled-icon {
  content: url(/afr/redo_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-disabled-icon:rtl {
  content: url(/afr/redo_dis_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::bold-disabled-icon {
  content: url(/afr/bold_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::italic-disabled-icon {
  content: url(/afr/italic_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::underline-disabled-icon {
  content: url(/afr/underline_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::subscript-disabled-icon {
  content: url(/afr/subscript_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::superscript-disabled-icon {
  content: url(/afr/superscript_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::strikethrough-disabled-icon {
  content: url(/afr/strikethrough_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-left-disabled-icon {
  content: url(/afr/leftalign_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-center-disabled-icon {
  content: url(/afr/centeralign_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-right-disabled-icon {
  content: url(/afr/rightalign_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-full-disabled-icon {
  content: url(/afr/fullalign_dis.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-unordered-disabled-icon {
  content: url(/afr/bullist_dis.png);
  width: 16px;
  height: 16px;
}


af|richTextEditor::list-unordered-disabled-icon:rtl {
  content: url(/afr/bullist_dis_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-ordered-disabled-icon {
  content: url(/afr/numlist_dis.png);
  width: 16px;
  height: 16px;
}


af|richTextEditor::list-ordered-disabled-icon:rtl {
  content: url(/afr/numlist_dis_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::unindent-disabled-icon {
  content: url(/afr/unindent_dis.png);
  width: 16px;
  height: 16px;
}

/* use opposite icon in cse of rtl */
af|richTextEditor::unindent-disabled-icon:rtl {
  content: url(/afr/unindent_dis_rtl.png);
}

af|richTextEditor::indent-disabled-icon {
  content: url(/afr/indent_dis.png);
  width: 16px;
  height: 16px;
}

/* use opposite icon in cse of rtl */
af|richTextEditor::indent-disabled-icon:rtl {
  content: url(/afr/indent_dis_rtl.png);
}

/* rich text design mode icon */
af|richTextEditor::mode-rich-text-disabled-icon {
  content: url(/afr/designmode_dis.png);
}

/* rich text source code mode icon */
af|richTextEditor::mode-code-disabled-icon {
  content: url(/afr/codemode_dis.png);
}

/* end of commandToolbarButton disabled state icons used by the Rich Text Editor */



/* commandToolbarButton icons used by the Rich Text Editor for hover,
   regular enabled icons are in simple skin*/
/* These icons must be URIIcons, not contextIcons to work.
   It's because in the RTE renderer, we pass the url to the commandToolbarButton.
   (This corresponds to what is done for PanelCollection.)
   */

af|richTextEditor::add-link-hover-icon {
  content: url(/afr/link_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::remove-link-hover-icon {
  content: url(/afr/unlink_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::clear-styling-hover-icon {
  content: url(/afr/clear_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-hover-icon {
  content: url(/afr/undo_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-hover-icon:rtl {
  content: url(/afr/undo_ovr_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-hover-icon {
  content: url(/afr/redo_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-hover-icon:rtl {
  content: url(/afr/redo_ovr_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::bold-hover-icon {
  content: url(/afr/bold_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::italic-hover-icon {
  content: url(/afr/italic_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::underline-hover-icon {
  content: url(/afr/underline_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::subscript-hover-icon {
  content: url(/afr/subscript_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::superscript-hover-icon {
  content: url(/afr/superscript_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::strikethrough-hover-icon {
  content: url(/afr/strikethrough_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-left-hover-icon {
  content: url(/afr/leftalign_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-center-hover-icon {
  content: url(/afr/centeralign_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-right-hover-icon {
  content: url(/afr/rightalign_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-full-hover-icon {
  content: url(/afr/fullalign_ovr.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-unordered-hover-icon {
  content: url(/afr/bullist_ovr.png);
  width: 16px;
  height: 16px;
}


af|richTextEditor::list-unordered-hover-icon:rtl {
  content: url(/afr/bullist_ovr_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-ordered-hover-icon {
  content: url(/afr/numlist_ovr.png);
  width: 16px;
  height: 16px;
}


af|richTextEditor::list-ordered-hover-icon:rtl {
  content: url(/afr/numlist_ovr_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::unindent-hover-icon {
  content: url(/afr/unindent_ovr.png);
  width: 16px;
  height: 16px;
}

/* use opposite icon in cse of rtl */
af|richTextEditor::unindent-hover-icon:rtl {
  content: url(/afr/unindent_ovr_rtl.png);
}

af|richTextEditor::indent-hover-icon {
  content: url(/afr/indent_ovr.png);
  width: 16px;
  height: 16px;
}

/* use opposite icon in cse of rtl */
af|richTextEditor::indent-hover-icon:rtl {
  content: url(/afr/indent_ovr_rtl.png);
}

/* rich text design mode icon */
af|richTextEditor::mode-rich-text-hover-icon {
  content: url(/afr/designmode_ovr.png);
}

/* rich text source code mode icon */
af|richTextEditor::mode-code-hover-icon {
  content: url(/afr/codemode_ovr.png);
}

/* end of commandToolbarButton hover state icons used by the Rich Text Editor */



/* commandToolbarButton icons used by the Rich Text Editor for active,
   regular enabled icons are in simple skin*/
/* These icons must be URIIcons, not contextIcons to work.
   It's because in the RTE renderer, we pass the url to the commandToolbarButton.
   (This corresponds to what is done for PanelCollection.)
   */

af|richTextEditor::add-link-active-icon {
  content: url(/afr/link_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::remove-link-active-icon {
  content: url(/afr/unlink_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::clear-styling-active-icon {
  content: url(/afr/clear_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-active-icon {
  content: url(/afr/undo_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-active-icon:rtl {
  content: url(/afr/undo_dwn_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-active-icon {
  content: url(/afr/redo_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-active-icon:rtl {
  content: url(/afr/redo_dwn_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::bold-active-icon {
  content: url(/afr/bold_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::italic-active-icon {
  content: url(/afr/italic_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::underline-active-icon {
  content: url(/afr/underline_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::subscript-active-icon {
  content: url(/afr/subscript_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::superscript-active-icon {
  content: url(/afr/superscript_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::strikethrough-active-icon {
  content: url(/afr/strikethrough_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-left-active-icon {
  content: url(/afr/leftalign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-center-active-icon {
  content: url(/afr/centeralign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-right-active-icon {
  content: url(/afr/rightalign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-full-active-icon {
  content: url(/afr/fullalign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-unordered-active-icon {
  content: url(/afr/bullist_dwn.png);
  width: 16px;
  height: 16px;
}


af|richTextEditor::list-unordered-active-icon:rtl {
  content: url(/afr/bullist_dwn_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-ordered-active-icon {
  content: url(/afr/numlist_dwn.png);
  width: 16px;
  height: 16px;
}


af|richTextEditor::list-ordered-active-icon:rtl {
  content: url(/afr/numlist_dwn_rtl.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::unindent-active-icon {
  content: url(/afr/unindent_dwn.png);
  width: 16px;
  height: 16px;
}

/* use opposite icon in cse of rtl */
af|richTextEditor::unindent-active-icon:rtl {
  content: url(/afr/unindent_dwn_rtl.png);
}

af|richTextEditor::indent-active-icon {
  content: url(/afr/indent_dwn.png);
  width: 16px;
  height: 16px;
}

/* use opposite icon in cse of rtl */
af|richTextEditor::indent-active-icon:rtl {
  content: url(/afr/indent_dwn_rtl.png);
}

/* rich text design mode icon */
af|richTextEditor::mode-rich-text-active-icon {
  content: url(/afr/designmode_dwn.png);
}

/* rich text source code mode icon */
af|richTextEditor::mode-code-active-icon {
  content: url(/afr/codemode_dwn.png);
}

/* end of commandToolbarButton active state icons used by the Rich Text Editor */

/* Style Class for CommandToolbarButton Icon in LOV */
af|inputListOfValues::popup-create-icon-style:disabled {
  -tr-rule-ref: selector(".AFListOfValuesCreateIconStyleDisabled:alias");
}

af|inputListOfValues::popup-create-icon-style:hover {
  -tr-rule-ref: selector(".AFListOfValuesCreateIconStyleHover:alias");
}

af|inputListOfValues::popup-create-icon-style:active {
  -tr-rule-ref: selector(".AFListOfValuesCreateIconStyleActive:alias");
}

af|inputComboboxListOfValues::popup-create-icon-style:disabled {
  -tr-rule-ref: selector(".AFListOfValuesCreateIconStyleDisabled:alias");
}

af|inputComboboxListOfValues::popup-create-icon-style:hover {
  -tr-rule-ref: selector(".AFListOfValuesCreateIconStyleHover:alias");
}

af|inputComboboxListOfValues::popup-create-icon-style:active {
  -tr-rule-ref: selector(".AFListOfValuesCreateIconStyleActive:alias");
}
/* end of styles for CommandToolbarButton Icon in LOV */

/* start navigationPane */
/* most styles are in simple */

/* By default, use layout with overflow. */
af|navigationPane {
  -tr-layout-type: overflow;
}

/* Dropdown button gradient style is used for background and border. The transparent
 * border of 1px is needed so that things line up OK when 'real' border is displayed
 * on hover.
 */
af|navigationPane-choice::dropdown-cell {
  -tr-rule-ref: selector(".AFButtonGradient:alias");
  -tr-rule-ref: selector(".AFDropDownIconBorder:alias");
  background-position: left bottom;
}

/* Dropdown button style background and border change on hover */
af|navigationPane-choice::dropdown-cell:hover {
  -tr-rule-ref: selector(".AFButtonGradientHover:alias");
  -tr-rule-ref: selector(".AFDropDownIconBorderHover:alias");
}

/* Dropdown button style background and border change on active */
af|navigationPane-choice::dropdown-cell:active,
af|navigationPane-choice::dropdown-cell:hover:active {
  -tr-rule-ref: selector(".AFButtonGradientActive:alias");
  -tr-rule-ref: selector(".AFDropDownIconBorderActive:alias");
}

af|navigationPane-choice::link:hover,
af|navigationPane-choice::link:active,
af|navigationPane-choice::link:hover:active,
af|navigationPane-choice::link:focus {
  -tr-rule-ref: selector(".AFMediumBackground:alias");
  -tr-rule-ref: selector(".AFActiveLinkBorder:alias");
  padding: 1px;
  -tr-rule-ref: selector(".AFLinkForeground:alias");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  vertical-align: baseline;
  -tr-rule-ref: selector(".AFStartTextAlign:alias");
}

af|navigationPane-choice::link:disabled:active,
af|navigationPane-choice::link:disabled:focus,
af|navigationPane-choice::link:disabled:hover:active,
af|navigationPane-choice::link:disabled:hover {
  border: none;
  padding: 2px;
  -tr-rule-ref: selector(".AFTextForeground:alias");
  -tr-rule-ref: selector(".AFTextBackground:alias");
  text-decoration: none;
  cursor: default;
}

af|navigationPane-choice::link:selected:hover,
af|navigationPane-choice::link:selected:active,
af|navigationPane-choice::link:selected:hover:active,
af|navigationPane-choice::link:selected:focus {
  font-weight: bold;
  padding: 1px;
}

/* Override the simple text icon with image icons */
af|navigationPane-buttons::separator-icon {
  content: url(/afr/navPane_gSeparator.png);
  vertical-align: middle;
}

af|navigationPane-bar::separator-icon {
  content: url(/afr/navPane_sSeparator.png);
  vertical-align: middle;
}

/* moved from the default tonal style definition. (Note: there is no BLAF+ spec for this) */
af|navigationPane-list::link:disabled {
  color: gray;
}

/* end navigationPane */



/* commandNavigationItem */
/* all in simple */
/* end commandNavigationItem */


/* af:panelBox styles */

/* The headers on all the panelBoxes are different for blafplus-medium.
   They use background images instead of borders and colors. */

/* Padding size is to accomodate size of the start image, offsets header text. */
.AFPanelBoxHeaderStart:alias {
  background-repeat: no-repeat;
  background-position: top left;
  -tr-inhibit: background-color;
  -tr-inhibit: border-style;
  border-width: 0px 0px 0px 0px;
  padding: 0px 6px 0px 0px;
}

.AFPanelBoxHeaderCenter:alias {
  background-repeat: repeat-x;
  -tr-inhibit: background-color;
  -tr-inhibit: border-style;
  border-width: 0px 0px 0px 0px;
  color: #393B38;
}

/* Padding size is to accomodate size of the end image, offsets header text. */
.AFPanelBoxHeaderEnd:alias {
  background-repeat: no-repeat;
  background-position: top right;
  -tr-inhibit: background-color;
  -tr-inhibit: border-style;
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 6px;
}

/* Default color explicitly set to black, so that it is not overwritten by document in dark theme */
af|panelBox::content {
  border-width: 1px;
  -tr-rule-ref: selector(".AFTextForeground:alias");
}

/* Default color for content core dark explicitly set to white.
   The pseudo-class states appear after the pseudo-element because otherwise they will only apply to
   the root element which we do not want because you can nest panelBox components which would create
   a containment definition where inner panelBoxes would appear with a coloring different than what
   is assigned on that component's tag. */
af|panelBox::content:core:dark {
  color: #FFFFFF;
}

/* Inhibit the panelBox styles from simple */
.AFPanelBoxHeaderCoreDefault:alias,
.AFPanelBoxHeaderCoreLight:alias,
.AFPanelBoxHeaderCoreMedium:alias,
.AFPanelBoxHeaderCoreDark:alias,
.AFPanelBoxHeaderHighlightDefault:alias,
.AFPanelBoxHeaderHighlightLight:alias,
.AFPanelBoxHeaderHighlightMedium:alias,
.AFPanelBoxHeaderHighlightDark:alias
{
  -tr-inhibit: background-color;
  -tr-inhibit: border-color;
}

af|panelBox::header-start:core:default,
af|panelBox::header-end:core:default:rtl,
af|region::header-start:core:default,
af|region::header-end:core:default:rtl {
  background-image: url('/afr/ccont_header_start_m.png');
}

af|panelBox::header-center:core:default,
af|region::header-center:core:default {
  background-image: url('/afr/ccont_header_bg.png');
}

af|panelBox::header-end:core:default,
af|panelBox::header-start:core:default:rtl,
af|region::header-end:core:default,
af|region::header-start:core:default:rtl {
  background-image: url('/afr/ccont_header_end_m.png');
}

/* panelBox Core Light */
af|panelBox::header-start:core:light,
af|panelBox::header-end:core:light:rtl {
  background-image: url('/afr/ccont_b_header_start_m.png');
}

af|panelBox::header-center:core:light {
  background-image: url('/afr/ccont_b_header_bg.png');
}

af|panelBox::header-end:core:light,
af|panelBox::header-start:core:light:rtl {
  background-image: url('/afr/ccont_b_header_end_m.png');
}

/* panelBox Core Medium */
af|panelBox::header-start:core:medium,
af|panelBox::header-end:core:medium:rtl {
  background-image: url('/afr/ccont_bm_header_start_m.png');
}

af|panelBox::header-center:core:medium {
  background-image: url('/afr/ccont_bm_header_bg.png');
}

af|panelBox::header-end:core:medium,
af|panelBox::header-start:core:medium:rtl {
  background-image: url('/afr/ccont_bm_header_end_m.png');
}

/* panelBox Core Dark */
af|panelBox::header-start:core:dark,
af|panelBox::header-end:core:dark:rtl {
  background-image: url('/afr/ccont_bd_header_start_m.png');
}

af|panelBox::header-center:core:dark {
  background-image: url('/afr/ccont_bd_header_bg.png');
  color: #CFDCEB;
}

af|panelBox::header-end:core:dark,
af|panelBox::header-start:core:dark:rtl {
  background-image: url('/afr/ccont_bd_header_end_m.png');
}

/* panelBox Highlight Default */
af|panelBox::header-start:highlight:default,
af|panelBox::header-end:highlight:default:rtl {
  background-image: url('/afr/ccont_w_header_start_m.png');
}

af|panelBox::header-center:highlight:default {
  background-image: url('/afr/ccont_w_header_bg.png');
}

af|panelBox::header-end:highlight:default,
af|panelBox::header-start:highlight:default:rtl {
  background-image: url('/afr/ccont_w_header_end_m.png');
}

/* panelBox Highlight light */
af|panelBox::header-start:highlight:light,
af|panelBox::header-end:highlight:light:rtl {
  background-image: url('/afr/ccont_y_header_start_m.png');
}

af|panelBox::header-center:highlight:light {
  background-image: url('/afr/ccont_y_header_bg.png');
}

af|panelBox::header-end:highlight:light,
af|panelBox::header-start:highlight:light:rtl {
  background-image: url('/afr/ccont_y_header_end_m.png');
}

/* panelBox Highlight Medium */
af|panelBox::header-start:highlight:medium,
af|panelBox::header-end:highlight:medium:rtl {
  background-image: url('/afr/ccont_o_header_start_m.png');
}

af|panelBox::header-center:highlight:medium {
  background-image: url('/afr/ccont_o_header_bg.png');
}

af|panelBox::header-end:highlight:medium,
af|panelBox::header-start:highlight:medium:rtl {
  background-image: url('/afr/ccont_o_header_end_m.png');
}

/* panelBox Highlight Dark */
af|panelBox::header-start:highlight:dark,
af|panelBox::header-end:highlight:dark:rtl {
  background-image: url('/afr/ccont_t_header_start_m.png');
}

af|panelBox::header-center:highlight:dark {
  background-image: url('/afr/ccont_t_header_bg.png');
}

af|panelBox::header-end:highlight:dark,
af|panelBox::header-start:highlight:dark:rtl {
  background-image: url('/afr/ccont_t_header_end_m.png');
}


/* start panelFormLayout */
/* all styles in simple */
/* end panelFormLayout */

/* start panelLabelAndMessage */
/* all styles in simple */
/* end panelLabelAndMessage */

/* panelStretchLayout */
/* all styles in simple */
/* end panelStretchLayout */

/* train styles */
/* join in disabled state. */
af|train::join:disabled {
  background-color: #A6B3C8;
}
/* Join in unvisited enabled state. */
af|train::join:unvisited {
  background-color: #3463D3;
}
/* for a join in unvisited enabled state, in the vertical train */
af|train-vertical::join:unvisited {
  background-color: #3463D3;
}
/* for a join in disabled state, in vertical train. */
af|train-vertical::join:disabled {
  background-color: #A6B3C8;
}

af|train::parent-start-content,
af|train::parent-end-content,
af|train-vertical::parent-start-content,
af|train-vertical::parent-end-content
{
  color: #737373;
}

af|train::stop-link:unvisited:hover,
af|train-vertical::stop-link:unvisited:hover {
  text-decoration: underline;
}
af|train::stop-link:unvisited:active,
af|train-vertical::stop-link:unvisited:active {
  color:#72007C;
  text-decoration: underline;
}
af|train::stop-link:train-visited:hover,
af|train-vertical::stop-link:train-visited:hover,
af|train::stop-link:train-visited:active,
af|train::stop-link:train-visited:active {
  text-decoration: underline;
}
/* end train styles */

/* start trainButtonBar styles */

af|trainButtonBar {
  -tr-button-type: old;
}

/* All done with the .AFButton aliases */

/* end trainButtonBar styles */

/*
  tree Styles
*/
af|tree::node-stamp-text {
  color: #002A90;
}

af|tree::data-row:selected af|tree::node-stamp-text {
  color: #002A90;
  background-color: #B5BDD6;
  border-width: 1px;
  border-style: solid;
  border-color: #979991;
}

af|tree::data-row:selected:inactive af|tree::node-stamp-text {
  -tr-rule-ref: selector(".AFTableCellDataSelectedBandedInactiveColor:alias");
  border: 1px solid #E5E5E0;
  font-weight:bold;
}

/*
  treeTable Styles
  all in simple skin
*/

/*
  Tree Hierarchical Selector Styles
  all in simple skin
*/


/*
  ShowDetail Styles
  All in simple skin
*/

af|query {
  -tr-button-type: old;
}

/*
 * PanelHeader/ShowDetailHeader Styles
 */
af|panelHeader::title-table,
af|showDetailHeader::title-table,
af|query::title-table{
  -tr-inhibit: border-style;
  -tr-inhibit: border-color;
  border-width: 0px;
}

/* private - icon cell is given 21px height to ensure consistent row height, even when no icons are
   present in the title row */
af|panelHeader::icon-cell,
af|showDetailHeader::icon-cell {
  height: 21px;
}

af|panelHeader::title-text0,
af|panelHeader::title-text1,
af|panelHeader::title-text2,
af|panelHeader::title-text3,
af|panelHeader::title-text4,
af|panelHeader::title-text5,
af|showDetailHeader::title-text0,
af|showDetailHeader::title-text1,
af|showDetailHeader::title-text2,
af|showDetailHeader::title-text3,
af|showDetailHeader::title-text4,
af|showDetailHeader::title-text5,
af|query::title-text0,
af|query::title-text1,
af|query::title-text2,
af|query::title-text3,
af|query::title-text4,
af|query::title-text5 {
  color: #3E403D;
}

af|panelHeader::title-start0,
af|panelHeader::title-start2,
af|panelHeader::title-start3,
af|panelHeader::title-start4,
af|panelHeader::title-start5,
af|panelHeader::title-end0:rtl,
af|panelHeader::title-end2:rtl,
af|panelHeader::title-end3:rtl,
af|panelHeader::title-end4:rtl,
af|panelHeader::title-end5:rtl,
af|panelHeader::title-start0,
af|panelHeader::title-start2,
af|panelHeader::title-start3,
af|panelHeader::title-start4,
af|panelHeader::title-start5,
af|showDetailHeader::title-end0:rtl,
af|showDetailHeader::title-end2:rtl,
af|showDetailHeader::title-end3:rtl,
af|showDetailHeader::title-end4:rtl,
af|showDetailHeader::title-end5:rtl,
af|query::title-end0:rtl,
af|query::title-end2:rtl,
af|query::title-end3:rtl,
af|query::title-end4:rtl,
af|query::title-end5:rtl {
  background-position: top left;
}

af|panelHeader::title-start1,
af|panelHeader::title-end1:rtl,
af|showDetailHeader::title-start1,
af|showDetailHeader::title-end1:rtl,
af|query::title-start1,
af|query::title-end1:rtl {
  border-top: 1px solid #979991;
  border-left: 1px solid #979991;
}

af|panelHeader::title-end0,
af|panelHeader::title-end2,
af|panelHeader::title-end3,
af|panelHeader::title-end4,
af|panelHeader::title-end5,
af|panelHeader::title-start0:rtl,
af|panelHeader::title-start2:rtl,
af|panelHeader::title-start3:rtl,
af|panelHeader::title-start4:rtl,
af|panelHeader::title-start5:rtl {
  width: 1px;
  padding: 0px;
}

af|panelHeader::title-end1,
af|panelHeader::title-start1:rtl,
af|showDetailHeader::title-end1,
af|showDetailHeader::title-start1:rtl,
af|query::title-start1:rtl,
af|query::title-end1 {
  border-top: 1px solid #979991;
  border-right: 1px solid #979991;

}

af|panelHeader::title1,
af|showDetailHeader::title1,
af|query::title1 {
  border-top: 1px solid #979991;
}

af|showDetailHeader::title-start1,
af|showDetailHeader::title1,
af|showDetailHeader::title-end1,
af|query::title-start1,
af|query::title1,
af|query::title-end1
{
  border-bottom: 1px solid #979991;
}

/* Special disclosed styles */
af|showDetailHeader::title-table:disclosed af|showDetailHeader::title-start1,
af|showDetailHeader::title-table:disclosed af|showDetailHeader::title1,
af|showDetailHeader::title-table:disclosed af|showDetailHeader::title-end1,
af|query::title-table:disclosed af|query::title-start1,
af|query::title-table:disclosed af|query::title1,
af|query::title-table:disclosed af|query::title-end1
{
  border-bottom: none;
}

af|query:compact::title-start1,
af|query:compact::title-end1:rtl {
  background-image: none;
  border-bottom: none;
}

af|query:compact::title1 {
  background: none;
  border: none;
}

af|query:compact::title-start1:rtl,
af|query:compact::title-end1 {
  background-image: none;
  border-bottom: none;
}

af|panelHeader::title2,
af|panelHeader::title3,
af|panelHeader::title4,
af|panelHeader::title5,
af|showDetailHeader::title2,
af|showDetailHeader::title3,
af|showDetailHeader::title4,
af|showDetailHeader::title5,
af|query::title2,
af|query::title3,
af|query::title4,
af|query::title5 {
  background-image: none;
  border-bottom: 1px solid #A9ADB5;
}

af|panelHeader::content1,
af|showDetailHeader::content1,
af|query::content1 {
  border-left: 1px solid #979991;
  border-right: 1px solid #979991;
  border-bottom: 1px solid #979991;
  background-image: url('/afr/med_sub_BG.png');
  background-position: 0px -24px;
  background-repeat: repeat-x;
  background-color: #F8F8E8;
}

af|query:simple::content1 {
  border: 1px solid #979991;
}

af|query:compact::content1 {
  border: none;
}

/* query reorder dialog icons*/
af|query::move-top-icon-style:hover {
  background-image: url("/afr/shuttlereordertop_ovr.png");
}
af|query::move-top-icon-style:active {
  background-image: url("/afr/shuttlereordertop_dwn.png");
}
af|query::move-up-icon-style:hover {
  background-image: url("/afr/shuttlereorderup_ovr.png");
}
af|query::move-up-icon-style:active {
  background-image: url("/afr/shuttlereorderup_dwn.png");
}

af|query::move-down-icon-style:hover {
  background-image: url("/afr/shuttlereorderdown_ovr.png");
}
af|query::move-down-icon-style:active {
  background-image: url("/afr/shuttlereorderdown_dwn.png");
}

af|query::move-bottom-icon-style:hover {
  background-image: url("/afr/shuttlereorderbottom_ovr.png");
}
af|query::move-bottom-icon-style:active {
  background-image: url("/afr/shuttlereorderbottom_dwn.png");
}


/* start progressIndicator */
/* end progressIndicator */

/* start message */
/* end message */

/* shuttle Styles */
/*
 * selectXXXShuttle styles
 */
af|selectOrderShuttle,
af|selectManyShuttle {
  padding: 0px 0px 0px 0px;
}

af|selectOrderShuttle::content,
af|selectManyShuttle::content {
  border-color: #636661;
  border-style: solid;
  border-width: 0px;
}

af|selectOrderShuttle::container,
af|selectManyShuttle::container {
  border-color: #636661;
  border-style: solid;
  border-width: 1px;
}

af|selectOrderShuttle:read-only::content,
af|selectManyShuttle:read-only::content {
  border-width: 0px;
}

/* TODO =-=jmw: the color should probably match form control's label, and it doesn't.
It is close .
I can't find the visual spec for shuttle
*/
af|selectOrderShuttle::description,
af|selectManyShuttle::description {
  background-color: #EBF0FE;
  border-left-color: #B6B6AD;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #B6B6AD;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #B6B6AD;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

af|selectOrderShuttle::desc-cell,
af|selectManyShuttle::desc-cell {
  border-left-color: #B6B6AD;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #B6B6AD;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #B6B6AD;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

af|selectOrderShuttle::desc-area,
af|selectManyShuttle::desc-area {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  border-width: 0px;
  overflow-x: hidden;
  overflow-y: auto;
}
/* Style for the header text about the options boxes */
af|selectManyShuttle::header,
af|selectOrderShuttle::header {
  color: #3E403D;
}
af|selectOrderShuttle::icon-container,
af|selectManyShuttle::icon-container {
  display:block;
  background-repeat:no-repeat;
  background-position:center top;
}

/* selectManyShuttle and selectOrderShuttle icon images */
/* normal and :disabled icon images moved to simple */
/* TODO It would be nice if simple mode didn't have images for the move/etc icons */

/* disabled:hover and disabled:active need to be specified for each icon */
/* or it will pick up the :hover and :active states when :disabled       */

af|selectManyShuttle::move-horizontal-icon-style:hover,
af|selectOrderShuttle::move-horizontal-icon-style:hover {
  background-image: url("/afr/shuttleright_ovr.png");
}
af|selectManyShuttle::move-horizontal-icon-style:active,
af|selectOrderShuttle::move-horizontal-icon-style:active {
  background-image: url("/afr/shuttleright_dwn.png");
}
af|selectManyShuttle::move-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active {
  background-image: url("/afr/shuttleright_dis.png");
}
af|selectManyShuttle::move-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/shuttlerightbidi_ovr.png");
}
af|selectManyShuttle::move-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:active:rtl {
  background-image: url("/afr/shuttlerightbidi_dwn.png");
}
af|selectManyShuttle::move-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/shuttlerightbidi_dis.png");
}
af|selectManyShuttle::move-vertical-icon-style:hover,
af|selectOrderShuttle::move-vertical-icon-style:hover {
  background-image: url("/afr/shuttledown_ovr.png");
}
af|selectManyShuttle::move-vertical-icon-style:active,
af|selectOrderShuttle::move-vertical-icon-style:active {
  background-image: url("/afr/shuttledown_dwn.png");
}
af|selectManyShuttle::move-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::move-vertical-icon-style:disabled:hover,
af|selectManyShuttle::move-vertical-icon-style:disabled:active,
af|selectOrderShuttle::move-vertical-icon-style:disabled:active {
  background-image: url("/afr/shuttledown_dis.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:hover,
af|selectOrderShuttle::moveall-horizontal-icon-style:hover {
  background-image: url("/afr/shuttlerightall_ovr.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:active,
af|selectOrderShuttle::moveall-horizontal-icon-style:active {
  background-image: url("/afr/shuttlerightall_dwn.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active {
  background-image: url("/afr/shuttlerightall_dis.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/shuttleleftall_ovr.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:active:rtl {
  background-image: url("/afr/shuttleleftall_dwn.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/shuttleleftall_dis.png");
}
af|selectManyShuttle::moveall-vertical-icon-style:hover,
af|selectOrderShuttle::moveall-vertical-icon-style:hover {
  background-image: url("/afr/shuttledownall_ovr.png");
}
af|selectManyShuttle::moveall-vertical-icon-style:active,
af|selectOrderShuttle::moveall-vertical-icon-style:active {
  background-image: url("/afr/shuttledownall_dwn.png");
}
af|selectManyShuttle::moveall-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled:hover,
af|selectManyShuttle::moveall-vertical-icon-style:disabled:active,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled:active {
  background-image: url("/afr/shuttledownall_dis.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:hover,
af|selectOrderShuttle::remove-horizontal-icon-style:hover {
  background-image: url("/afr/shuttleleft_ovr.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:active,
af|selectOrderShuttle::remove-horizontal-icon-style:active {
  background-image: url("/afr/shuttleleft_dwn.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active {
  background-image: url("/afr/shuttleleft_dis.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/shuttleleftbidi_ovr.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:active:rtl {
  background-image: url("/afr/shuttleleftbidi_dwn.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/shuttleleftbidi_dis.png");
}
af|selectManyShuttle::remove-vertical-icon-style:hover,
af|selectOrderShuttle::remove-vertical-icon-style:hover {
  background-image: url("/afr/shuttleup_ovr.png");
}
af|selectManyShuttle::remove-vertical-icon-style:active,
af|selectOrderShuttle::remove-vertical-icon-style:active {
  background-image: url("/afr/shuttleup_dwn.png");
}
af|selectManyShuttle::remove-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover,
af|selectManyShuttle::remove-vertical-icon-style:disabled:active,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:active {
  background-image: url("/afr/shuttleup_dis.png");
}
af|selectManyShuttle::remove-vertical-icon-style:hover:rtl,
af|selectOrderShuttle::remove-vertical-icon-style:hover:rtl {
  background-image: url("/afr/shuttleupbidi_ovr.png");
}
af|selectManyShuttle::remove-vertical-icon-style:active:rtl,
af|selectOrderShuttle::remove-vertical-icon-style:active:rtl {
  background-image: url("/afr/shuttleupbidi_dwn.png");
}
af|selectManyShuttle::remove-vertical-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover:rtl,
af|selectManyShuttle::remove-vertical-icon-style:disabled:active:rtl,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:rtl {
  background-image: url("/afr/shuttleupbidi_dis.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:hover,
af|selectOrderShuttle::removeall-horizontal-icon-style:hover {
  background-image: url("/afr/shuttleleftall_ovr.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:active,
af|selectOrderShuttle::removeall-horizontal-icon-style:active {
  background-image: url("/afr/shuttleleftall_dwn.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active {
  background-image: url("/afr/shuttleleftall_dis.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/shuttleleftallbidi_ovr.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:active:rtl {
  background-image: url("/afr/shuttleleftallbidi_dwn.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/shuttleleftallbidi_dis.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:hover,
af|selectOrderShuttle::removeall-vertical-icon-style:hover {
  background-image: url("/afr/shuttleupall_ovr.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:active,
af|selectOrderShuttle::removeall-vertical-icon-style:active {
  background-image: url("/afr/shuttleupall_dwn.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover,
af|selectManyShuttle::removeall-vertical-icon-style:disabled:active,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:active {
  background-image: url("/afr/shuttleupall_dis.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:hover:rtl,
af|selectOrderShuttle::removeall-vertical-icon-style:hover:rtl {
  background-image: url("/afr/shuttleupallbidi_ovr.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:active:rtl,
af|selectOrderShuttle::removeall-vertical-icon-style:active:rtl {
  background-image: url("/afr/shuttleupallbidi_dwn.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover:rtl,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover:rtl,
af|selectManyShuttle::removeall-vertical-icon-style:disabled:active:rtl,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:active:rtl {
  background-image: url("/afr/shuttleupallbidi_dis.png");
}
/* selectOrderShuttle specific icon images */
af|selectOrderShuttle::move-top-icon-style:hover {
  background-image: url("/afr/shuttlereordertop_ovr.png");
}
af|selectOrderShuttle::move-top-icon-style:active {
  background-image: url("/afr/shuttlereordertop_dwn.png");
}
af|selectOrderShuttle::move-top-icon-style:disabled:hover,
af|selectOrderShuttle::move-top-icon-style:disabled:active {
  background-image: url("/afr/shuttlereordertop_dis.png");
}

af|selectOrderShuttle::move-up-icon-style:hover {
  background-image: url("/afr/shuttlereorderup_ovr.png");
}
af|selectOrderShuttle::move-up-icon-style:active {
  background-image: url("/afr/shuttlereorderup_dwn.png");
}
af|selectOrderShuttle::move-up-icon-style:disabled:hover,
af|selectOrderShuttle::move-up-icon-style:disabled:active {
  background-image: url("/afr/shuttlereorderup_dis.png");
}

af|selectOrderShuttle::move-down-icon-style:hover {
  background-image: url("/afr/shuttlereorderdown_ovr.png");
}
af|selectOrderShuttle::move-down-icon-style:active {
  background-image: url("/afr/shuttlereorderdown_dwn.png");
}
af|selectOrderShuttle::move-down-icon-style:disabled:hover,
af|selectOrderShuttle::move-down-icon-style:disabled:active {
  background-image: url("/afr/shuttlereorderdown_dis.png");
}

af|selectOrderShuttle::move-bottom-icon-style:hover {
  background-image: url("/afr/shuttlereorderbottom_ovr.png");
}
af|selectOrderShuttle::move-bottom-icon-style:active {
  background-image: url("/afr/shuttlereorderbottom_dwn.png");
}
af|selectOrderShuttle::move-bottom-icon-style:disabled:hover,
af|selectOrderShuttle::move-bottom-icon-style:disabled:active {
  background-image: url("/afr/shuttlereorderbottom_dis.png");
}

/* af|statusIndicator */
/* This icon represents the idle state. This icon is generally a non-animated icon
 * that indicates communication is NOT occuring with the server.
 */
af|statusIndicator::idle-icon {
  content: url("/afr/page_lev_idle.gif");
}

/* This icon represents the processing state. This icon is generally an animated icon
 * that indicates communication IS occuring with the server.
 */
af|statusIndicator::processing-icon {
  content: url("/afr/page_lev_busy.gif");
}

/* This icon is displayed when Active Data Service is in the process of connecting.
 * This icon is generally an animated icon.
 */
af|statusIndicator::connecting-icon {
  content: url("/afr/page_lev_connecting.gif");
}

/* This icon is displayed when Active Data Service is in the connected state. This
 * icon is generally a non-animated icon and may be the same as the idle state icon.
 */
af|statusIndicator::connected-icon {
  content: url("/afr/page_lev_connected.gif");
}

/* This icon is displayed when the Active Data Service has lost connection and is
 * attempting to reconnect. This icon is generally an animated icon.
 */
af|statusIndicator::reconnecting-icon {
  content: url("/afr/page_lev_reconnecting.gif");
}

/* This is displayed when the Active Data Service is in the disconnected state.
 * This icon is generally a non-animated icon used to indicate that no further
 * reconnection atempts will be made without user interaction.
 */
af|statusIndicator::disconnected-icon {
  content: url("/afr/page_lev_disconnected.gif");
}
/* end af|statusIndicator */

/* Page layout styles */
/* many have moved to simple. */

/* start of panelTabbed (and navigationPane-tabs) styles */

/* By default, use layout with overflow. */
af|panelTabbed {
  -tr-layout-type: overflow;
}

/* The bar container for "above" tabs */
/* private because not defined in the simple skin */
.AFTabAboveBarBackground:alias {
  background-image: url('/afr/tab_l3_above_bar.png');
}
af|panelTabbed::header {
  -tr-rule-ref: selector(".AFTabAboveBarBackground:alias");
}

/* The bar container for "below" tabs */
/* private because not defined in the simple skin */
.AFTabBelowBarBackground:alias {
  background-image: url('/afr/tab_l3_below_bar.png');
}
af|panelTabbed::footer {
  -tr-rule-ref: selector(".AFTabBelowBarBackground:alias");
}

/* Root element of a tab. Negative margin to support tab overlap. */
af|panelTabbed::tab,
af|navigationPane-tabs::tab {
  margin-right: -11px;
}

/* Hovered tabs should be at the same z-index as selected tabs. */
af|navigationPane-tabs::tab:hover,
af|panelTabbed::tab:hover {
  z-index: 1;
}
af|navigationPane-tabs::tab:rtl,
af|panelTabbed::tab:rtl {
  margin-right: 0px;
  margin-left: -11px;
}

/* All disabled, hovered z-indexes should be zero. */
af|navigationPane-tabs::tab:disabled:hover,
af|panelTabbed::tab:disabled:hover {
  z-index: 0;
}

/* The elements that make up each tab */
af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab-content-inner,
af|panelTabbed::tab-start,
af|panelTabbed::tab-end,
af|panelTabbed::tab-content,
af|panelTabbed::tab-content-inner {
  background-color: transparent;
  line-height: 1.85em;
}

/* The elements that make up the ends of each tab */
af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab-end,
af|panelTabbed::tab-start,
af|panelTabbed::tab-end {
  background-repeat: no-repeat;
  background-position: bottom;
}
af|panelTabbed::footer af|panelTabbed::tab-start,
af|panelTabbed::footer af|panelTabbed::tab-end {
  background-position: top;
}
@accessibility-profile large-fonts {
  af|navigationPane-tabs::tab-start,
  af|navigationPane-tabs::tab-end,
  af|panelTabbed::tab-start,
  af|panelTabbed::tab-end {
    background-position: top;
  }
  af|panelTabbed::footer af|panelTabbed::tab-start,
  af|panelTabbed::footer af|panelTabbed::tab-end {
    background-position: bottom;
  }
}

/* The element that makes up the start side of the tab */
.AFTabAboveStartUnselectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_above_start_n.png');
}
.AFTabAboveStartUnselectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_above_start_n_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabAboveStartUnselectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_above_start_n.png');
  }
  .AFTabAboveStartUnselectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_above_start_n_rtl.png');
  }
}
af|navigationPane-tabs::tab-start,
af|panelTabbed::tab-start {
  width: 10px;
  border: none;
  -tr-rule-ref: selector(".AFTabAboveStartUnselectedBackground:alias");
}

/* The element that makes up the end side of the tab */
.AFTabAboveEndUnselectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_above_end_n.png');
}
.AFTabAboveEndUnselectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_above_end_n_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabAboveEndUnselectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_above_end_n.png');
  }
  .AFTabAboveEndUnselectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_above_end_n_rtl.png');
  }
}
af|navigationPane-tabs::tab-end,
af|panelTabbed::tab-end {
  width: 20px;
  border: none;
  -tr-rule-ref: selector(".AFTabAboveEndUnselectedBackground:alias");
}

/* The element that makes up the middle of the tab */
.AFTabAboveMiddleUnselectedBackground:alias {
  background-image: url('/afr/tab_med_l3_above_mid_n.png');
}
@accessibility-profile large-fonts {
  .AFTabAboveMiddleUnselectedBackground:alias {
    background-image: url('/afr/tab_lf_l3_above_mid_n.png');
  }
}
af|navigationPane-tabs::tab-content,
af|panelTabbed::tab-content {
  background-repeat: repeat-x;
  background-position: bottom;
  border: none;
  -tr-rule-ref: selector(".AFTabAboveMiddleUnselectedBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab-content {
  background-position: top;
}
@accessibility-profile large-fonts {
  af|navigationPane-tabs::tab-content,
  af|panelTabbed::tab-content {
    background-position: top;
  }
  af|panelTabbed::footer af|panelTabbed::tab-content {
    background-position: bottom;
  }
}

/* The start side of the tab when contained within a footer bar */
.AFTabBelowStartUnselectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_below_start_n.png');
}
.AFTabBelowStartUnselectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_below_start_n_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabBelowStartUnselectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_below_start_n.png');
  }
  .AFTabBelowStartUnselectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_below_start_n_rtl.png');
  }
}
af|panelTabbed::footer af|panelTabbed::tab-start {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowStartUnselectedBackground:alias");
}

/* The end side of the tab when contained within a footer bar */
.AFTabBelowEndUnselectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_below_end_n.png');
}
.AFTabBelowEndUnselectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_below_end_n_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabBelowEndUnselectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_below_end_n.png');
  }
  .AFTabBelowEndUnselectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_below_end_n_rtl.png');
  }
}
af|panelTabbed::footer af|panelTabbed::tab-end {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowEndUnselectedBackground:alias");
}

/* The middle of the tab when contained within a footer bar */
.AFTabBelowMiddleUnselectedBackground:alias {
  background-image: url('/afr/tab_med_l3_below_mid_n.png');
}
@accessibility-profile large-fonts {
  .AFTabBelowMiddleUnselectedBackground:alias {
    background-image: url('/afr/tab_lf_l3_below_mid_n.png');
  }
}
af|panelTabbed::footer af|panelTabbed::tab-content {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowMiddleUnselectedBackground:alias");
}

/* Special styling for the start portion when contained within a selected tab */
.AFTabAboveStartSelectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_above_start_a.png');
}
.AFTabAboveStartSelectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_above_start_a_rtl.png');
}
.AFTabAboveStartUnselectedHoverBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_above_start_mo.png');
}
.AFTabAboveStartUnselectedHoverBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_above_start_mo_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabAboveStartSelectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_above_start_a.png');
  }
  .AFTabAboveStartSelectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_above_start_a_rtl.png');
  }
  .AFTabAboveStartUnselectedHoverBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_above_start_mo.png');
  }
  .AFTabAboveStartUnselectedHoverBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_above_start_mo_rtl.png');
  }
}
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-start,
af|panelTabbed::tab:selected af|panelTabbed::tab-start,
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-start,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-start,
af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-start {
  background-color: transparent;
  border: none;
  -tr-rule-ref: selector(".AFTabAboveStartSelectedBackground:alias");
}
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-start,
af|panelTabbed::tab:hover af|panelTabbed::tab-start {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveStartUnselectedHoverBackground:alias");
}
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-start,
af|panelTabbed::tab:disabled af|panelTabbed::tab-start,
af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-start,
af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-start {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabAboveStartUnselectedBackground:alias");
}

af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-start:rtl,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-start:rtl,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-start:rtl,
af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-start:rtl,
af|panelTabbed::tab:selected af|panelTabbed::tab-start:rtl,
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-start:rtl,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-start:rtl,
af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-start:rtl {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveStartSelectedBackground:alias");
}
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-start:rtl,
af|panelTabbed::tab:hover af|panelTabbed::tab-start:rtl {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveStartUnselectedHoverBackground:alias");
}
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-start:rtl,
af|panelTabbed::tab:disabled af|panelTabbed::tab-start:rtl,
af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-start:rtl,
af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-start:rtl {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabAboveStartUnselectedBackground:alias");
}

/* Special styling for the end portion when contained within a selected tab */
.AFTabAboveEndSelectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_above_end_a.png');
}
.AFTabAboveEndSelectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_above_end_a_rtl.png');
}
.AFTabAboveEndUnselectedHoverBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_above_end_mo.png');
}
.AFTabAboveEndUnselectedHoverBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_above_end_mo_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabAboveEndSelectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_above_end_a.png');
  }
  .AFTabAboveEndSelectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_above_end_a_rtl.png');
  }
  .AFTabAboveEndUnselectedHoverBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_above_end_mo.png');
  }
  .AFTabAboveEndUnselectedHoverBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_above_end_mo_rtl.png');
  }
}
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-end,
af|panelTabbed::tab:selected af|panelTabbed::tab-end,
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-end,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-end,
af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-end {
  background-color: transparent;
  border: none;
  -tr-rule-ref: selector(".AFTabAboveEndSelectedBackground:alias");
}
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-end,
af|panelTabbed::tab:hover af|panelTabbed::tab-end {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveEndUnselectedHoverBackground:alias");
}
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-end,
af|panelTabbed::tab:disabled af|panelTabbed::tab-end,
af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-end,
af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-end {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabAboveEndUnselectedBackground:alias");
}

af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-end:rtl,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-end:rtl,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-end:rtl,
af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-end:rtl,
af|panelTabbed::tab:selected af|panelTabbed::tab-end:rtl,
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-end:rtl,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-end:rtl,
af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-end:rtl {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveEndSelectedBackground:alias");
}
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-end:rtl,
af|panelTabbed::tab:hover af|panelTabbed::tab-end:rtl {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveEndUnselectedHoverBackground:alias");
}
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-end:rtl,
af|panelTabbed::tab:disabled af|panelTabbed::tab-end:rtl,
af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-end:rtl,
af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-end:rtl {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabAboveEndUnselectedBackground:alias");
}

/* Special styling for the middle portion when contained within a selected tab */
.AFTabAboveMiddleSelectedBackground:alias {
  background-image: url('/afr/tab_med_l3_above_mid_a.png');
}
.AFTabAboveMiddleUnselectedHoverBackground:alias {
  background-image: url('/afr/tab_med_l3_above_mid_mo.png');
}
@accessibility-profile large-fonts {
  .AFTabAboveMiddleSelectedBackground:alias {
    background-image: url('/afr/tab_lf_l3_above_mid_a.png');
  }
  .AFTabAboveMiddleUnselectedHoverBackground:alias {
    background-image: url('/afr/tab_lf_l3_above_mid_mo.png');
  }
}
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-content,
af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-content,
af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-content {
  background-color: transparent;
  -tr-rule-ref: selector(".AFTabAboveMiddleSelectedBackground:alias");
  border: none;
}
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:hover af|panelTabbed::tab-content {
  border: none;
  -tr-rule-ref: selector(".AFTabAboveMiddleUnselectedHoverBackground:alias");
}

/* Styles for text and links within the middle of each tab when contained in a disabled tab */
af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-link {
  color: #808080;
}
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabAboveMiddleUnselectedBackground:alias");
}

/* Special styling for the start portion when contained within a selected tab and the footer bar */
.AFTabBelowStartSelectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_below_start_a.png');
}
.AFTabBelowStartSelectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_below_start_a_rtl.png');
}
.AFTabBelowStartUnselectedHoverBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_below_start_mo.png');
}
.AFTabBelowStartUnselectedHoverBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_below_start_mo_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabBelowStartSelectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_below_start_a.png');
  }
  .AFTabBelowStartSelectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_below_start_a_rtl.png');
  }
  .AFTabBelowStartUnselectedHoverBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_below_start_mo.png');
  }
  .AFTabBelowStartUnselectedHoverBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_below_start_mo_rtl.png');
  }
}
af|panelTabbed::footer af|panelTabbed::tab:selected af|panelTabbed::tab-start,
af|panelTabbed::footer af|panelTabbed::tab:selected:hover af|panelTabbed::tab-start,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-start,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-start {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowStartSelectedBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:hover af|panelTabbed::tab-start {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowStartUnselectedHoverBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:disabled af|panelTabbed::tab-start,
af|panelTabbed::footer af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-start {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabBelowStartUnselectedBackground:alias");
}

af|panelTabbed::footer af|panelTabbed::tab:selected af|panelTabbed::tab-start:rtl,
af|panelTabbed::footer af|panelTabbed::tab:selected:hover af|panelTabbed::tab-start:rtl,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-start:rtl,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-start:rtl {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowStartSelectedBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:hover af|panelTabbed::tab-start:rtl {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowStartUnselectedHoverBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:disabled af|panelTabbed::tab-start:rtl,
af|panelTabbed::footer af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-start:rtl {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabBelowStartUnselectedBackground:alias");
}

/* Special styling for the end portion when contained within a selected tab and the footer bar */
.AFTabBelowEndSelectedBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_below_end_a.png');
}
.AFTabBelowEndSelectedBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_below_end_a_rtl.png');
}
.AFTabBelowEndUnselectedHoverBackground:alias:ltr {
  background-image: url('/afr/tab_med_l3_below_end_mo.png');
}
.AFTabBelowEndUnselectedHoverBackground:alias:rtl {
  background-image: url('/afr/tab_med_l3_below_end_mo_rtl.png');
}
@accessibility-profile large-fonts {
  .AFTabBelowEndSelectedBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_below_end_a.png');
  }
  .AFTabBelowEndSelectedBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_below_end_a_rtl.png');
  }
  .AFTabBelowEndUnselectedHoverBackground:alias:ltr {
    background-image: url('/afr/tab_lf_l3_below_end_mo.png');
  }
  .AFTabBelowEndUnselectedHoverBackground:alias:rtl {
    background-image: url('/afr/tab_lf_l3_below_end_mo_rtl.png');
  }
}
af|panelTabbed::footer af|panelTabbed::tab:selected af|panelTabbed::tab-end,
af|panelTabbed::footer af|panelTabbed::tab:selected:hover af|panelTabbed::tab-end,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-end,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-end {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowEndSelectedBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:hover af|panelTabbed::tab-end {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowEndUnselectedHoverBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:disabled af|panelTabbed::tab-end,
af|panelTabbed::footer af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-end {
  border: 0px solid black;
  -tr-rule-ref: selector(".AFTabBelowEndUnselectedBackground:alias");
}

af|panelTabbed::footer af|panelTabbed::tab:selected af|panelTabbed::tab-end:rtl,
af|panelTabbed::footer af|panelTabbed::tab:selected:hover af|panelTabbed::tab-end:rtl,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-end:rtl,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-end:rtl {
  -tr-rule-ref: selector(".AFTabBelowEndSelectedBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:hover af|panelTabbed::tab-end:rtl {
  -tr-rule-ref: selector(".AFTabBelowEndUnselectedHoverBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:disabled af|panelTabbed::tab-end:rtl,
af|panelTabbed::footer af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-end:rtl {
  -tr-rule-ref: selector(".AFTabBelowEndUnselectedBackground:alias");
}

/* Special styling for the middle portion when contained within a selected tab and the footer bar */
.AFTabBelowMiddleSelectedBackground:alias {
  background-image: url('/afr/tab_med_l3_below_mid_a.png');
}
.AFTabBelowMiddleUnselectedHoverBackground:alias {
  background-image: url('/afr/tab_med_l3_below_mid_mo.png');
}
@accessibility-profile large-fonts {
  .AFTabBelowMiddleSelectedBackground:alias {
    background-image: url('/afr/tab_lf_l3_below_mid_a.png');
  }
  .AFTabBelowMiddleUnselectedHoverBackground:alias {
    background-image: url('/afr/tab_lf_l3_below_mid_mo.png');
  }
}
af|panelTabbed::footer af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::footer af|panelTabbed::tab:selected:hover af|panelTabbed::tab-content,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled af|panelTabbed::tab-content,
af|panelTabbed::footer af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-content {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowMiddleSelectedBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:hover af|panelTabbed::tab-content {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowMiddleUnselectedHoverBackground:alias");
}
af|panelTabbed::footer af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|panelTabbed::footer af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content {
  border: none;
  -tr-rule-ref: selector(".AFTabBelowMiddleUnselectedBackground:alias");
}

/* Undisclosed tabs use blank remove icon unless hovered over. */
.AFTabRemoveImageUndisclosed:alias {
  background-image: url('/afr/removeTab_blank.png');
}

/* The active remove image (mousedown on an enabled remove image) */
.AFTabRemoveImageActive:alias {
  background-image: url('/afr/removeTab_md.png');
}   

/* tabs with disabled="true" don't show a remove icon in blaf skin */
.AFTabDisabledRemoveImage:alias {
  background-image: none;
  margin-left: inherit;
  width: 0px;
}

/* Undisclosed tabs with remove='disabled' use blank remove icon unless hovered over. */
.AFTabRemoveImageDisabledUndisclosed:alias {
  background-image: url('/afr/removeTab_blank.png');
}

/* New icon definition for hover on an enabled remove tab */
af|panelTabbed::disclosed-remove-icon-style:hover,
af|panelTabbed::undisclosed-remove-icon-style:hover,
af|navigationPane-tabs::disclosed-remove-icon-style:hover,
af|navigationPane-tabs::undisclosed-remove-icon-style:hover {
  background-image: url('/afr/removeTab_mo.png');
}

/* New icon definition for hover on a remove='disabled' tab */
af|panelTabbed::disclosed-remove-disabled-icon-style:hover,
af|panelTabbed::undisclosed-remove-disabled-icon-style:hover,
af|navigationPane-tabs::disclosed-remove-disabled-icon-style:hover,
af|navigationPane-tabs::undisclosed-remove-disabled-icon-style:hover {
  background-image: url('/afr/removeTab_dis.png');
}

/* end of panelTabbed (and navigationPane-tabs) styles */

af|table {
  border: 1px solid #636661;
}

af|table::column-resize-indicator {
  border-right: 2px dashed #979991;
}

.AFTableCellHeaderBackground:alias {
  background-image: url('/afr/th_bg_s.png');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color:#FFFDED;
}

.AFTableCellBandedBackground:alias {
  background-color: #EBEBEB;
}

af|column::banded-data-cell {
  -tr-rule-ref: selector(".AFTableCellBandedBackground:alias");
}

/**
 * We can't use :focus because the column doesn't have true browser
 * focus, but the column has focus for keyboard navigation. We need two styles
 * here since it is possible to set focus on the column even though column selection is not enabled
 */
af|column::column-header-cell:focused, af|column::column-header-cell:selected:focused{
  background-image: none;
  background-color: #A2ADBF;
}

af|column::column-header-cell:selected  {
  background-image: url('/afr/table_selected_rowCol_bg.png');
  background-repeat: repeat-x;
  background-position: top;
  background-color:#B3B2A8;
}

af|table::data-row:selected af|column::row-header-cell{
  background-image: url('/afr/table_selected_rowCol_bg.png');
  background-repeat: repeat-x;
  background-position: top;
  background-color:#B3B2A8;
}

af|table::data-row:highlighted af|column::row-header-cell{
  background-image: none;
  background-color:#E5F6FA;
}

af|table::data-row:highlighted af|column::data-cell,
af|table::data-row:highlighted af|column::banded-data-cell{
  background-color:#D6E6F1;
}

/**
 * We need both the styles since it is possible to navigate focused rows using keyboard without
 * selection
 */
af|table::data-row:selected af|column::row-header-cell:focused, af|column::row-header-cell:focused {
  background-image: none;
  background-color: #A2ADBF;
}

/* Override background-color to make it blafplus */
af|column::column-filter-cell {
  background-color:#F7F3E7;
}

/* Override the background-color and foreground color to make it blafplus */
af|column::data-cell.AFTableCellSubtotal {
  background-color: #F3F2EA;
  color: #333333;
}

.AFTableCellFrozenBorder:alias:ltr {
  border-right: 1px solid #9900FF;
}

.AFTableCellFrozenBorder:alias:rtl {
  border-left: 1px solid #9900FF;
}

.AFDataCollectionStatusMessage:alias {
  background-color:InfoBackground;
  border: 1px #333333 solid;
}

.AFColumnDropTarget {
  background-color: #BEC9DC;
  border: 1px solid #516790;
}

/* Start of the panelCollection Style*/
/* end of the panelCollection Style*/

/* start of menuBar styles */

af|menuBar {
  background-color: #EBEADA;
}

/* end of menuBar styles */

/* start of menu, commandMenuItem, and goMenuItem styles */

/* A highlighted menu bar item. The menu bar item is not only highlighted on mouseover, but also
   when its submenu is opened or when it's selected with the keyboard, so we can't just use the
   :hover state and need to use the :highlighted state instead. */
af|commandMenuItem::bar-item:highlighted,
af|goMenuItem::bar-item:highlighted,
af|menu::bar-item:highlighted {
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  padding: 1px 4px 0px 4px;
  background-image: url("/afr/menuBarItem_bg_mo.png");
  background-color: #EDFFFF;
}

/* A depressed menu bar item. The menu bar item is not only depressed on mousedown, but also
   on mouseover after a menu has been opened, so we can't just use the :active state and need to
   use the :depressed state instead. */
af|commandMenuItem::bar-item:depressed,
af|goMenuItem::bar-item:depressed,
af|menu::bar-item:depressed {
  padding: 1px 4px 0px 4px;
  background-image: url("/afr/menuBarItem_bg_md.png");
  background-color: #AABACD;
  border-width: 1px;
  border-style:solid;
  border-top: 1px solid #0A0B19;
  border-left: 1px solid #768092;
  border-right: 1px solid #768092;
  border-bottom: 1px solid #0A0B19;
}

/* the same dropdown icon is used for mouse over and mouse down */
af|menu:depressed af|menu::bar-item-open-icon-style,
af|menu:highlighted af|menu::bar-item-open-icon-style {
  background-image: url("/afr/dropdown_md.png");
}

af|menu:disabled::bar-item-open-icon-style {
  background-image: url("/afr/dropdown_d.png");
}

af|menuBar::overflow-container af|menu:depressed af|menu::bar-item-open-icon-style,
af|menuBar::overflow-container af|menu:highlighted af|menu::bar-item-open-icon-style {
  background-image: url("/afr/openSubmenu_n.png");
}

af|menuBar::overflow-container af|menu:depressed af|menu::bar-item-open-icon-style:rtl,
af|menuBar::overflow-container af|menu:highlighted af|menu::bar-item-open-icon-style:rtl {
background-image: url("/afr/openSubmenu_n_rtl.png");
}

af|menuBar::overflow-container af|menu:disabled::bar-item-open-icon-style {
  background-image: url("/afr/openSubmenu_d.png");
}

af|menuBar::overflow-container af|menu:disabled::bar-item-open-icon-style:rtl {
  background-image: url("/afr/openSubmenu_d_rtl.png");
}

af|menu::scroll-up-icon-style:hover {
  background-image: url("/afr/scrollUp_mo.png");
}

af|menu::scroll-up-icon-style:active {
  background-image: url("/afr/scrollUp_md.png");
}

af|menu::scroll-up-icon-style:disabled {
  background-image: url("/afr/scrollUp_d.png");
}

af|menu::scroll-down-icon-style:hover {
  background-image: url("/afr/scrollDown_mo.png");
}

af|menu::scroll-down-icon-style:active {
  background-image: url("/afr/scrollDown_md.png");
}

af|menu::scroll-down-icon-style:disabled {
  background-image: url("/afr/scrollDown_d.png");
}

/* The colored left part of the menu where the optional user defined icon goes. */
af|commandMenuItem::menu-item-icon-style,
af|goMenuItem::menu-item-icon-style,
af|menu::submenu-icon-style{
  background-color: #D1DDE7;
  border-color: #D1DDE7;
}

/* Check and radio type items need their color set specifically because of their opacity settings */
af|commandMenuItem::menu-item-check-icon-style,
af|commandMenuItem::menu-item-radio-icon-style {
  background-color: #D1DDE7;
}

/* When a menu item is highlighted the different parts of the item are styled. The menu item is not
   only highlighted on mouseover, but also when its submenu is opened or when it's selected with the
   keyboard, so we can't use the :hover state and use highlighted instead. */
af|commandMenuItem:highlighted::menu-item-text,
af|commandMenuItem:highlighted::menu-item-accelerator,
af|commandMenuItem:highlighted::menu-item-open-indicator,
af|goMenuItem:highlighted::menu-item-text,
af|goMenuItem:highlighted::menu-item-accelerator,
af|goMenuItem:highlighted::menu-item-open-indicator,
af|menu:highlighted::submenu-text,
af|menu:highlighted::submenu-accelerator,
af|menu:highlighted::submenu-open-indicator {
  background-color: #D1DDE7;
}

/* the seperator line */
af|menu::separator {
  background-color: #A9B6CB;
}

/* the menu 'fetching data...' message that is displayed for a contentDelviery=lazy menu when the
   menu is first selected and the data is being retrieved from the server.*/
af|menu::fetching-message {
  font-style: italic;
}

/* end of menu and commandMenuItem styles */


/* Start of toolbox styles */

/* Base style of the toolbox. */
af|toolbox {
  background-color: #EBEADA;
}

/* The main body of the toolbox, contains all toolbox rows. */
af|toolbox::body {
  border-top: 1px solid #636661;
  border-left: 1px solid #636661;
}

/* A row inside the toolbox. */
af|toolbox::row,
af|toolbox::last-row {
  border-bottom: 1px solid #636661;
  border-right: 1px solid #636661;
}

/* A leading cell (a cell before the last cell) in a toolbox row */
af|toolbox::leading-cell {
  border-right: 1px solid #979991;
}

af|toolbox::leading-cell:rtl {
  border-right: none;
  border-left: 1px solid #979991;
}

/* End of toolbox styles */


/* Start of toolbar styles */

/* Base style for the toolbar. */
af|toolbar {
  background-color: #EBEADA;
}

/* All non-commandToolbarButtons appear with a background image and border when on a toolbar, so we
   give them all a 1px l/r margin when on a toolbar. */
af|toolbar af|commandButton,
af|toolbar af|goButton,
af|toolbar af|resetButton,
af|toolbar af|commandButton:disabled,
af|toolbar af|goButton:disabled,
af|toolbar af|resetButton:disabled,
af|toolbar af|commandButton:text-only,
af|toolbar af|goButton:text-only {
  margin: 0px 1px;
}

/* End of toolbar styles */

/* Start of toolbar item styles */

/* On-the-toolbar buttons do not have a background image or border. */
af|toolbar af|button,
af|toolbar af|commandToolbarButton {
  border-color: transparent;
  background-image: none;
  background-color: transparent;
  
}

/* On-the-toolbar text-only buttons have a background image and border and get a 1px
   l/r margin. */
af|toolbar af|button:text-only,
af|toolbar af|commandToolbarButton:text-only {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  margin: 0px 1px;
}

/* Disabled off the toolbar buttons do not have a background image and have a border (assigned in
   simple to AFButtonBorderDisabled). */
af|button:disabled,
af|button:hover:disabled,
af|commandToolbarButton:disabled,
af|commandToolbarButton:hover:disabled {
  background-image: none;
  text-decoration: none;
}

/* Disabled on the toolbar buttons (not text only) do not have a background image and appear with a 
   transparent background color and no visible border. */
af|toolbar af|button:disabled,
af|toolbar af|button:hover:disabled ,
af|toolbar af|commandToolbarButton:disabled,
af|toolbar af|commandToolbarButton:hover:disabled {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}

/* Disabled on the toolbar text-only buttons do not have a background image and appear with the 
   disabled background color and disabled border. */
af|toolbar af|button:text-only:disabled,
af|toolbar af|button:text-only:hover:disabled,
af|toolbar af|commandToolbarButton:text-only:disabled,
af|toolbar af|commandToolbarButton:text-only:hover:disabled {
  background-image: none;
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
}

/* Restore hover effects on (enabled) toolbar buttons. */
af|toolbar af|button:hover,
af|toolbar af|button:text-only:hover,
af|toolbar af|commandToolbarButton:hover,
af|toolbar af|commandToolbarButton:text-only:hover
{
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
}

/* Restore (enabled) depressed and selected effects on toolbar buttons. */
af|toolbar af|commandToolbarButton:depressed,
af|toolbar af|commandToolbarButton:depressed:hover,
af|toolbar af|commandToolbarButton:selected,
af|toolbar af|commandToolbarButton:selected:hover,
af|toolbar af|commandToolbarButton:selected:active,
af|toolbar af|commandToolbarButton:selected:active:hover,
af|toolbar af|commandToolbarButton:text-only:depressed,
af|toolbar af|commandToolbarButton:text-only:depressed:hover,
af|toolbar af|commandToolbarButton:text-only:selected,
af|toolbar af|commandToolbarButton:text-only:selected:hover,
af|toolbar af|commandToolbarButton:text-only:selected:active,
af|toolbar af|commandToolbarButton:text-only:selected:active:hover,
af|toolbar af|button:selected,
af|toolbar af|button:selected:hover,
af|toolbar af|button:selected:active,
af|toolbar af|button:selected:active:hover,
af|toolbar af|button:text-only:depressed,
af|toolbar af|button:text-only:depressed:hover,
af|toolbar af|button:text-only:selected,
af|toolbar af|button:text-only:selected:hover,
af|toolbar af|button:text-only:selected:active,
af|toolbar af|button:text-only:selected:active:hover {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}

/* On-the-toolbar buttons control padding through subelements */
af|toolbar af|button::link,
af|toolbar af|commandToolbarButton::link {
  padding: 2px 2px 1px 2px;
}

af|toolbar af|button:text-only::link,
af|toolbar af|commandToolbarButton:text-only::link {
  padding: 2px 3px 1px 3px;
}

/* Buttons in Firefox 2+ need an extra 1px top padding for text alignment between text-only and 
   text with icon buttons. */
@agent gecko {
  af|button:text-only::link,
  af|commandToolbarButton:text-only::link {
    padding-top: 3px;
  }
  af|toolbar af|button:text-only::link,
  af|toolbar af|commandToolbarButton:text-only::link {
    padding-top: 3px;
  }
}

@agent webkit {

  /* in webkit, an icon and text toolbar button is 1px taller (an anchor containing an image and
     a span is for some reason 1px taller than without the span). To work around this, we'll give the
     link a min-height of 17 (+1 greater than normal) and only use padding +1 t/b (normally set to
     +2/+1. */
  af|button::link,
  af|toolbar af|button::link,
  af|toolbar af|button:text-only::link,
  af|commandToolbarButton::link,
  af|toolbar af|commandToolbarButton::link,
  af|toolbar af|commandToolbarButton:text-only::link {
    min-height: 17px;
    padding-top: 1px;
  }
}

/* The cell containing the dropdown icon used for popup buttons */
af|button::dropdown-cell,
af|commandToolbarButton::dropdown-cell {
  border-color: #B9B9B4;
}

af|button:hover::dropdown-cell,
af|commandToolbarButton:hover::dropdown-cell {
  border-color: #768092;
}

af|button:depressed::dropdown-cell,
af|button:depressed:hover::dropdown-cell,
af|button:selected::dropdown-cell,
af|button:selected:hover::dropdown-cell,
af|button:selected:active::dropdown-cell,
af|button:selected:active:hover::dropdown-cell,
af|commandToolbarButton:depressed::dropdown-cell,
af|commandToolbarButton:depressed:hover::dropdown-cell,
af|commandToolbarButton:selected::dropdown-cell,
af|commandToolbarButton:selected:hover::dropdown-cell,
af|commandToolbarButton:selected:active::dropdown-cell,
af|commandToolbarButton:selected:active:hover::dropdown-cell {
  border-color: #768092;
}

af|button:disabled::dropdown-cell,
af|commandToolbarButton:disabled::dropdown-cell {
  border-color: #B9B9B4;
}

/* selector icon for on and off the toolbar */
af|button:hover::dropdown-icon-style,
af|button:depressed::dropdown-icon-style,
af|button:depressed:hover::dropdown-icon-style,
af|button:selected::dropdown-icon-style,
af|button:selected:hover::dropdown-icon-style,
af|button:selected:active::dropdown-icon-style,
af|button:selected:active:hover::dropdown-icon-style,
af|commandToolbarButton:hover::dropdown-icon-style,
af|commandToolbarButton:depressed::dropdown-icon-style,
af|commandToolbarButton:depressed:hover::dropdown-icon-style,
af|commandToolbarButton:selected::dropdown-icon-style,
af|commandToolbarButton:selected:hover::dropdown-icon-style,
af|commandToolbarButton:selected:active::dropdown-icon-style,
af|commandToolbarButton:selected:active:hover::dropdown-icon-style {
  background-image: url('/afr/dropdown_md.png');
}

/* disabled selector icion for on and off the toolbar */
af|button:disabled::dropdown-icon-style,
af|button:hover:disabled::dropdown-icon-style,
af|button:depressed:disabled::dropdown-icon-style,
af|button:depressed:hover:disabled::dropdown-icon-style,
af|button:selected:disabled::dropdown-icon-style,
af|button:selected:hover:disabled::dropdown-icon-style,
af|button:selected:active:disabled::dropdown-icon-style,
af|button:selected:active:hover:disabled::dropdown-icon-style,
af|commandToolbarButton:disabled::dropdown-icon-style,
af|commandToolbarButton:hover:disabled::dropdown-icon-style,
af|commandToolbarButton:depressed:disabled::dropdown-icon-style,
af|commandToolbarButton:depressed:hover:disabled::dropdown-icon-style,
af|commandToolbarButton:selected:disabled::dropdown-icon-style,
af|commandToolbarButton:selected:hover:disabled::dropdown-icon-style,
af|commandToolbarButton:selected:active:disabled::dropdown-icon-style,
af|commandToolbarButton:selected:active:hover:disabled::dropdown-icon-style {
  background-image: url('/afr/dropdown_d.png');
}

/* end of commandToolbarButton styles */

/* start of chooseColor styles */
/* af|chooseColor blafplus extensions */
af|chooseColor {
  margin:10px;
}
/** Public
  * Styles the color swatch on standard color palette buttons
  */

af|chooseColor::button-swatch {
  border-color: #656565;
}
/** Public
  * Styles the standard color palette buttons.
  * Can use this to style background-image on the buttons and font.
  * Available pseudo-classes are the css-2 pseudo-classes available
  * to a button, like :hover.
  */
af|chooseColor::button {
  /*background-image: url('/afr/button_bg_n.png');*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAKUlEQVQIHQXBgQkAMBCEsMP9Jy76NFk9tnF33EUdJSUaJikmGiUldWz7P4Apl3Po3swAAAAASUVORK5CYII=');
  background-position: bottom;
  background-repeat: repeat-x;
  text-decoration: none;
  margin: 0px;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 1px;
  width:100%;
}

af|chooseColor::button:hover {
  /*background-image: url('/afr/button_bg_mo.png');*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAALklEQVQIHQXBgRHAQAzCMM77r9oJYvhK+d4jCdujHXXY4RVvaLkbOjzRoaOWJD88qSmIwahKsQAAAABJRU5ErkJggg==');
}

af|chooseColor::button:active {
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}

/* Private, TODO make color an alias */
af|chooseColor::lower-swatch-row-wrapper {
  border-color: #656565;
}
/* Public - can change the margin and width/height of color swatch */
af|chooseColor::swatch {
  border-color: #656565;
}
af|chooseColor::swatch-cell:hover {
  border-color:#8794A3;
}
af|chooseColor::swatch-cell:disabled:hover {
  border-color:white;
}

/* Public */
af|chooseColor::swatch-cell:selected {
  border-top-color:#6E7072;
  border-left-color:#6E7072;
  border-right-color:#E2E2E2;
  border-bottom-color:#E2E2E2;

  background-color:#C6C6C7;
}
/** The skinner can colorize the borders */
af|chooseColor::custom-slider {
  border-top-color:#6E7072;
  border-left-color:#6E7072;
  border-right-color:#E2E2E2;
  border-bottom-color:#E2E2E2;
}


/** Private  -  demensions have impact on overall layout */
af|chooseColor::custom-double-swatch-wrapper {
  border-color:gray;
}
/* End of chooseColor styles */

/* Start chooseDate */
/* Styles for month navigation arrows */
af|chooseDate::prev-month-arrow:hover,
af|chooseDate::next-month-arrow:hover:rtl
{
  background-image: url('/afr/previous_mo.png');
  background-repeat: no-repeat;
  display:block;
}
af|chooseDate::prev-month-arrow:active,
af|chooseDate::prev-month-arrow:hover:active,
af|chooseDate::next-month-arrow:active:rtl,
af|chooseDate::next-month-arrow:hover:active:rtl{
  background-image: url('/afr/previous_md.png');
  background-repeat: no-repeat;
  display:block;
}
af|chooseDate::next-month-arrow:hover,
af|chooseDate::prev-month-arrow:hover:rtl
{
  background-image: url('/afr/next_mo.png');
  background-repeat: no-repeat;
  display:block;
}
af|chooseDate::next-month-arrow:active,
af|chooseDate::next-month-arrow:hover:active,
af|chooseDate::prev-month-arrow:active:rtl,
af|chooseDate::prev-month-arrow:hover:active:rtl{
  background-image: url('/afr/next_md.png');
  background-repeat: no-repeat;
  display:block;
}

/* chooseDate: Week Header styles */
af|chooseDate::week-header-row {
  background-color: #DCE3F6;
  color: #0D4988;
  padding: 4px;
}

af|chooseDate::prev-month-day:selected,
af|chooseDate::next-month-day:selected,
af|chooseDate::regular-day:selected,
af|chooseDate::today:selected {
  background-color: #4B6EB2;
}

af|chooseDate::regular-day:selected:hover {
  background-color: #4B6EB2;
}

af|chooseDate::regular-day:disabled,
af|chooseDate::regular-day:disabled:hover{
 color: #BEBFC0;
 text-decoration: none;
}

af|chooseDate::regular-day:selected:disabled {
  background-color: #BEBFC0;
}
/* Previous/Next Month Dates */
af|chooseDate::prev-month-day,
af|chooseDate::next-month-day {
 color: #4B6EB2;
}

af|chooseDate::prev-month-day:hover,
af|chooseDate::next-month-day:hover {
  color: #4B6EB2;
}

af|chooseDate::prev-month-day:disabled,
af|chooseDate::prev-month-day:disabled:hover,
af|chooseDate::next-month-day:disabled,
af|chooseDate::next-month-day:disabled:hover {
  color: #BEBFC0;
  text-decoration: none;
}

af|chooseDate::prev-month-day:selected,
af|chooseDate::next-month-day:selected {
 color: #BEBFC0;
}
af|chooseDate::prev-month-day:selected:hover,
af|chooseDate::next-month-day:selected:hover {
  background-color: #638ED2;
}

af|chooseDate::prev-month-day:selected:disabled,
af|chooseDate::next-month-day:selected:disabled {
  background-color: #BEBFC0;
}
af|chooseDate::today:disabled {
  color: #BEBFC0;
}


/* chooseDate: separator */
af|chooseDate::line-separator {
  color: #B2BEDD;
}
/* End chooseDate */


/* Start of inputColor styles */
af|inputColor::content {
  padding: 1px 2px 1px 3px;
  width: 60px;
}
@agent webkit {
  af|inputColor::content {
    margin: 1px;
  }
  af|inputColor:fatal::content,
  af|inputColor:error::content,
  af|inputColor:warning::content {
    margin: 0px;
  }
}
@agent ie {
  af|inputColor::content {
    padding: 1px;
  }
  af|inputColor:fatal::content,
  af|inputColor:error::content,
  af|inputColor:warning::content {
    padding: 0px;
  }
}

af|inputColor:read-only::content {
  border-width:0px;
  padding: 3px 2px 1px 2px;
}
/** Private - can be public. But size should be fixed.
  *the style of the drop down arrow
  */
af|inputColor::launch-icon-style:hover {
  border-style: solid;
  border-top-color: #ACBACF;
  border-left-color: #768092;
  border-right-color: #768092;
  border-bottom-color: #656565;
  border-width:1px;
  overflow:hidden;
  background-image:url("/afr/arrow_mo.png");
}
/* End of inputColor styles */

/*****  Start: inputNumberSpinbox ****/
/* These styles extend what is in 'simple' (richcomponents-simple-desktop.css) */
af|inputNumberSpinbox::content {
  -tr-rule-ref: selector(".AFEndTextAlign:alias");
  padding: 1px 2px 1px 3px;
  margin: 1px;
}

/* This key styles the cell for the decrementor/incrementor icons. */
af|chooseDate::spinbox-cell,
af|inputNumberSpinbox::spinbox-cell {
  display: block;
  width: 11px;
  height: 6px;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-image: url("/afr/gradientSpinbox_n.png");
  padding: 0px;
}

af|chooseDate::increment-cell,
af|inputNumberSpinbox::increment-cell {
  margin-bottom: 1px;
}

af|chooseDate::spinbox-cell:disabled,
af|chooseDate::spinbox-cell:disabled:hover,
af|chooseDate::spinbox-cell:disabled:active,
af|chooseDate::increment-cell:disabled,
af|chooseDate::increment-cell:disabled:hover,
af|chooseDate::increment-cell:disabled:active,
af|chooseDate::decrement-cell:disabled,
af|chooseDate::decrement-cell:disabled:hover,
af|chooseDate::decrement-cell:disabled:active,
af|inputNumberSpinbox::spinbox-cell:disabled,
af|inputNumberSpinbox::spinbox-cell:disabled:hover,
af|inputNumberSpinbox::spinbox-cell:disabled:active,
af|inputNumberSpinbox::increment-cell:disabled,
af|inputNumberSpinbox::increment-cell:disabled:hover,
af|inputNumberSpinbox::increment-cell:disabled:active,
af|inputNumberSpinbox::decrement-cell:disabled,
af|inputNumberSpinbox::decrement-cell:disabled:hover,
af|inputNumberSpinbox::decrement-cell:disabled:active {
  display: block;
  width: 11px;
  height: 6px;
  -tr-rule-ref: selector(".AFFormControlContentBorder:alias");
  background-image: none;
  background-color: #F6F5EB;
  padding: 0px;
}

af|chooseDate::spinbox-cell:hover,
af|chooseDate::increment-cell:hover,
af|chooseDate::decrement-cell:hover,
af|inputNumberSpinbox::spinbox-cell:hover,
af|inputNumberSpinbox::increment-cell:hover,
af|inputNumberSpinbox::decrement-cell:hover {
  -tr-rule-ref: selector(".AFDropDownIconBorderHover:alias");
  background-image: url("/afr/gradientSpinbox_mo.png");
  padding: 0px;
}

af|chooseDate::spinbox-cell:active,
af|chooseDate::increment-cell:active,
af|chooseDate::decrement-cell:active,
af|inputNumberSpinbox::spinbox-cell:active,
af|inputNumberSpinbox::increment-cell:active,
af|inputNumberSpinbox::decrement-cell:active  {
  -tr-rule-ref: selector(".AFDropDownIconBorderActive:alias");
  background-image: url("/afr/gradientSpinbox_md.png");
  padding:0px;
}



/*****  END: inputNumberSpinbox *****/

/* Start selectOneListBox */

/*public
  Style on the separators in the list box
  */
af|selectOneListbox::separator {
  color:#979993;
  height:1px;
}

/* Private - can be public
   Styles selected list items in the popup
   list. Not compact specific
   If use selected state, it breaks chooseColor styles. This style is used
   when hover and selected. So it's not purly a "selected" state.
*/
af|selectOneListbox::item:active,
af|selectOneListbox::item:selected,
af|selectOneListbox::item:hover {
  background-color: #DCE3EB;
}


/* End selectOneListBox */

/* Start select*Choice */
af|selectManyChoice::content {
  margin: 2px 0px 3px 0px;
}
af|selectManyChoice::content:focus {
  background-color: #C4CEE0;
}
/* make selectOneChoice align with input text in a panel form layout */
af|selectOneChoice::content {
  margin: 1px;
}
af|selectOneChoice:fatal::content,
af|selectOneChoice:error::content,
af|selectOneChoice:warning::content {
  margin: 0px;
}
/* Extra margin is required in Internet Explorer for consistency with the inputText's outer
   spacing. */
@agent ie {
  af|selectOneChoice::content {
    margin: 2px 1px 2px 1px;
  }
  af|selectOneChoice:fatal::content,
  af|selectOneChoice:error::content,
  af|selectOneChoice:warning::content {
    margin: 3px 0px 3px 0px;
  }
  af|selectOneChoice:fatal::content-border,
  af|selectOneChoice:error::content-border,
  af|selectOneChoice:warning::content-border {
    margin: 0px;
  }
}

/** Private
  * This is a work around for IE not paying attention to :focus styles for 'input' elements.
  */
@agent ie {
  af|selectManyChoice::content:selected,
  af|selectOneChoice::content:selected {
    background-color: #C4CEE0;
  }
  af|selectManyChoice::content {
    vertical-align: 10%;
  }
}
af|selectManyChoice::dropdown {
  font-size: 9px;
}
af|selectManyChoice::dropdown-icon-style {
  font-size: 10px;
}
af|selectManyChoice::dropdown,
af|selectOneChoice::dropdown,
af|chooseDate::choice-list-dropdown{
  background-image: url("/afr/gradientDropdown_en.png");
  -tr-rule-ref: selector(".AFDropDownIconBorder:alias");
  background-position: bottom;
  background-repeat: repeat-x;
}

/** public
  * Styles the select*Choice gradient background of the dropdown icon
  */
af|selectOneChoice::compact-dropdown {
  background-image: url("/afr/gradientSpinbox_n.png");
  -tr-rule-ref: selector(".AFDropDownIconBorder:alias");
  background-position: left bottom;
  font-size: 4px;
}
af|selectManyChoice::dropdown:hover,
af|selectOneChoice::dropdown:hover,
af|chooseDate::choice-list-dropdown:hover{
  background-image: url("/afr/gradientDropdown_mo.png");
  -tr-rule-ref: selector(".AFDropDownIconBorderHover:alias");
}
af|selectOneChoice::compact-dropdown:hover{
  background-image: url("/afr/gradientSpinbox_mo.png");
  -tr-rule-ref: selector(".AFDropDownIconBorderHover:alias");
}

af|selectManyChoice::dropdown:active,
af|selectManyChoice::dropdown:hover:active,
af|selectOneChoice::dropdown:active,
af|selectOneChoice::dropdown:hover:active,
af|chooseDate::choice-list-dropdown:active,
af|chooseDate::choice-list-dropdown:hover:active{
  background-image: url("/afr/gradientDropdown_md.png");
  -tr-rule-ref: selector(".AFDropDownIconBorderActive:alias");
}
af|selectOneChoice::compact-dropdown:active,
af|selectOneChoice::compact-dropdown:hover:active{
  background-image: url("/afr/gradientSpinbox_md.png");
  -tr-rule-ref: selector(".AFDropDownIconBorderActive:alias");
}

af|selectManyChoice:disabled::dropdown,
af|selectManyChoice:disabled::dropdown:disabled:hover,
af|selectManyChoice:disabled::dropdown:disabled:active,
af|selectOneChoice:disabled::dropdown,
af|selectOneChoice:disabled::dropdown:disabled:hover,
af|selectOneChoice:disabled::dropdown:disabled:active,
af|selectOneChoice::dropdown:disabled,
af|selectOneChoice::dropdown:disabled:hover,
af|selectOneChoice::dropdown:disabled:active,
af|selectOneChoice:disabled::compact-dropdown,
af|selectOneChoice:disabled::compact-dropdown:disabled:hover,
af|selectOneChoice:disabled::compact-dropdown:disabled:active,
af|selectOneChoice::compact-dropdown:disabled,
af|selectOneChoice::compact-dropdown:disabled:hover,
af|selectOneChoice::compact-dropdown:disabled:active,
af|chooseDate::choice-list-dropdown:disabled,
af|chooseDate::choice-list-dropdown:disabled:hover,
af|chooseDate::choice-list-dropdown:disabled:active{
  border: 1px #B6B9B1 solid;
  background-image: none;
  background-color: #F8F7EF;
}

af|selectOneChoice::compact-dropdown-icon-style {
  font-size: 4px;
}

af|selectOneListbox::content {
  margin: 1px;
}
/* Extra margin is required in Internet Explorer for consistency with the inputText's outer
   spacing. */
@agent ie {
  af|selectOneListbox::content {
    margin: 2px 1px 2px 1px;
  }
  af|selectOneListbox:fatal::content,
  af|selectOneListbox:error::content,
  af|selectOneListbox:warning::content {
    margin: 1px 0px 1px 0px;
  }
}

af|selectManyListbox::content {
  margin: 1px;
}
/* Extra margin is required in Internet Explorer for consistency with the inputText's outer
   spacing. */
@agent ie {
  af|selectManyListbox::content {
    margin: 2px 1px 2px 1px;
  }
  af|selectManyListbox:fatal::content,
  af|selectManyListbox:error::content,
  af|selectManyListbox:warning::content {
    margin: 1px 0px 1px 0px;
  }
}


/* End of select*Choice style classes */

/* Start of popup selector styles */
/* The popup is a framework for displaying content as a popup. Other components can display popup
   using arbitrary conent as a popup selector and hence these are global skin selectors*/

/* top-center border */
.AFPopupSelectorHeader {
   border-top:solid #035C8A 1px;
}

/* top-start border */
.AFPopupSelectorHeaderStart {
  border-width:0px;
}

/* top-start border LTR */
.AFPopupSelectorHeaderStart:ltr {
  background-image:url("/afr/m_win_TLcorner.png");
  background-position: top;
}

/* top-start border RTL*/
.AFPopupSelectorHeaderStart:rtl {
  background-image:url("/afr/m_win_TRcorner.png");
  background-position: top;
}

/* top-end border*/
.AFPopupSelectorHeaderEnd {
  border-width:0px;
}

/* top-end border LTR */
.AFPopupSelectorHeaderEnd:ltr {
  background-image:url("/afr/m_win_TRcorner.png");
  background-position: top;
}

/* top-end border RTL */
.AFPopupSelectorHeaderEnd:rtl {
  background-image:url("/afr/m_win_TLcorner.png");
  background-position: top;
}

/* middle-start border LTR */
.AFPopupSelectorContentStart:ltr {
  border-left:solid #035C8A 1px;
}

/* middle-start border RTL */
.AFPopupSelectorContentStart:rtl {
  border-right:solid #035C8A 1px;
}

/* middle-end border LTR*/
.AFPopupSelectorContentEnd:ltr {
  border-right:solid #035C8A 1px;
}

/* middle-end border RTL */
.AFPopupSelectorContentEnd:rtl {
  border-left:solid #035C8A 1px;
}

/* bottom center border */
.AFPopupSelectorFooter {
  border-bottom:solid #035C8A 1px;
}

/* bottom-start border*/
.AFPopupSelectorFooterStart {
  border-width:0px;
}

/* bottom-start border LTR */
.AFPopupSelectorFooterStart:ltr {
  background-image:url("/afr/m_win_BLcorner.png");
}

/* bottom-start border RTL */
.AFPopupSelectorFooterStart:rtl {
  background-image:url("/afr/m_win_BRcorner.png");
}

/* bottom-start border*/
.AFPopupSelectorFooterEnd {
  border-width:0px;
}

/* bottom-end border LTR */
.AFPopupSelectorFooterEnd:ltr {
  background-image:url("/afr/m_win_BRcorner.png");
}

/* bottom-end border RTL*/
.AFPopupSelectorFooterEnd:rtl {
  background-image:url("/afr/m_win_BLcorner.png");
}

/* private - The square corner version of the popup selector should have a less decorative border than regular
   menus as seen in the inputComboboxListOfValues popup. */
.AFPopupSelector .AFPopupMenuPopup {
  border: 1px solid #636661;
}

/* End popup Selector styles */

/* document styles */
/* end document styles */

/* message/messages component */
.AFNoteWindow {
  -tr-rule-ref: selector(".AFTextBackground:alias");
  padding: 0px 0px;
  z-index: 2;
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}
.AFNoteWindowSeparator {
  color: #979993;
}

/* The separator between message group types (e.g. page-level and component-level) */
af|messages::message-group-type-separator {
  border-top: 1px solid #AAAAAA;
}

/* The bottom portion of the inline message */
.AFNoteWindowFooter {
  border-top: 1px solid #DFE0DE;
  background-color: transparent;
  clear: both;
  padding: 4px;
  margin-top: 2px;
}

.AFNoteWindowPreviousLink:hover {
  background-image: url("/afr/previous_trvArr_ovr.png");
}
.AFNoteWindowPreviousLink:hover:rtl {
  background-image: url("/afr/next_trvArr_ovr.png");
}

.AFNoteWindowPreviousLink:active {
  background-image: url("/afr/previous_trvArr_dwn.png");
}

.AFNoteWindowPreviousLink:active:rtl {
  background-image: url("/afr/next_trvArr_dwn.png");
}

.AFNoteWindowNextLink:hover {
  background-image: url("/afr/next_trvArr_ovr.png");
}

.AFNoteWindowNextLink:hover:rtl {
  background-image: url("/afr/previous_trvArr_ovr.png");
}
.AFNoteWindowNextLink:active {
  background-image: url("/afr/next_trvArr_dwn.png");
}

.AFNoteWindowNextLink:active:rtl {
  background-image: url("/afr/previous_trvArr_dwn.png");
}

.AFTooltip {
  color: InfoText;
  background-color: InfoBackground;
}

/* selectManyListbox */

af|selectManyChoice::item,
af|selectOrderShuttle::item,
af|selectManyShuttle::item,
af|selectManyListbox::item {
  line-height: 1em;
}
af|selectManyChoice::item:selected,
af|selectOrderShuttle::item:selected,
af|selectManyShuttle::item:selected,
af|selectManyListbox::item:selected {
  background-color:#DCE3EB;
}
af|selectOrderShuttle::item:disabled,
af|selectManyShuttle::item:disabled,
af|selectManyChoice::item:disabled,
af|selectManyListbox::item:disabled {
  -tr-rule-ref: selector(".AFFormControlItemBorderDisabled:alias");
}

af|selectManyShuttle::content-input,
af|selectOrderShuttle::content-input,
af|selectManyListbox::content-input {
  padding: 0px;
  margin: 1px 3px 1px 1px;
}

af|selectManyListbox::separator {
  border-bottom-color:#979993;
}

/* start/end outputLabel */


.RichPageProcessingIndicator {
  background-color: #FEFEFE;
}

/* Start links. These styles extend simple (see richcomponents-simple-desktop.css) */

af|commandLink,
af|goLink,
af|calendar::list-day-of-month-link,
af|calendar::list-title-link,
af|calendar::month-grid-cell-header-day-link,
af|calendar::month-overflow-link,
af|calendar::week-header-day-link {
  text-decoration: none;
}
/* We filter out :hover/:active in email mode, so the :hover styles that underline the link
   do not show up in email mode. Therefore we show the underline on the link at all times. */
@agent email {
  af|commandLink,
  af|goLink,
  af|messages::component-link,
  af|calendar::list-day-of-month-link,
  af|calendar::list-title-link,
  af|calendar::month-grid-cell-header-day-link,
  af|calendar::month-overflow-link,
  af|calendar::week-header-day-link {
    text-decoration: underline;
  }
}

af|messages::component-link {
  text-decoration: none;
  padding: 2px;
}

af|messages::component-link:focus {
  padding: 1px;
}

af|messages::component-link:visited:focus{
  padding: 1px;
}

af|commandLink:hover,
af|goLink:hover,
af|messages::component-link:hover,
af|calendar::list-day-of-month-link:hover,
af|calendar::list-title-link:hover,
af|calendar::month-grid-cell-header-day-link:hover,
af|calendar::month-overflow-link:hover,
af|calendar::week-header-day-link:hover {
  text-decoration: underline;
}

af|commandImageLink::text,
af|goImageLink::text,
af|link::text {
  text-decoration: none;
}

@agent email
{
  af|goLink:hover {
    text-decoration: none;
  }
}

af|commandImageLink::text:hover,
af|goImageLink::text:hover,
af|link::text:hover {
  text-decoration: underline;
}
/* End links. These styles extend simple (see richcomponents-simple-desktop.css) */

.AFCarouselItemBorder:alias {
  border: 1px solid #CCCCCC;
  /*box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;*/
}
/* In IE7, having a shadow disables the ability to have an opacity filter on the overlay element.
   In IE8, having a shadow disables the ability to have an opacity filter when the child component
   has a background-color.
   Therefore, there is no good version of IE that can support a shadow.
@agent ie {
  .AFCarouselItemBorder:alias {
    border: 0px solid #CCCCCC;
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    filter:progid:DXImageTransform.Microsoft.shadow(Color=#999999, Direction=180, Strength=2);
  }
}*/
@agent ie {
  .AFCarouselItemBorder:alias {
    filter: none;
    border: 1px solid #ADACB0; /* TODO #E0DFE3 for peripheral */
  }
}
/* Gecko 1.9.1 and later support -moz-box-shadow, turn off all of the borders since the shadow is sufficient. */
@agent gecko {
  .AFCarouselItemBorder:alias {
    border: 0px solid #CCCCCC;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
  }
}
/* Prior to Gecko 1.9.1, -moz-box-shadow was not supported, use a border instead. */
@agent gecko and (max-version: 1.9.0) {
  .AFCarouselItemBorder:alias {
    border: 1px solid #ADACB0; /* TODO #E0DFE3 for peripheral */
  }
}
/* In WebKit, turn off all of the borders since the shadow is sufficient. */
@agent webkit {
  .AFCarouselItemBorder:alias {
    border: 0px solid #CCCCCC;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
  }
}

af|carousel::item-text:vertical,
af|carousel::control-area:small:vertical,
af|carousel::control-area:compact:vertical {
  color: #3E403D;
  background-color: #F7FAFD;
  border-color: #BDBFC1;
}
/* In WebKit, turn off all of the borders since the shadow is sufficient. */
@agent ie {
  af|carousel::item-text:vertical,
  af|carousel::control-area:small:vertical,
  af|carousel::control-area:compact:vertical {
    border: 0px solid #BDBFC1;
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    filter:progid:DXImageTransform.Microsoft.shadow(Color=#999999, Direction=180, Strength=2);
  }
  af|carousel::item-text:vertical:small,
  af|carousel::item-text:vertical:compact {
    border: 0px none transparent;
    filter: none;
  }
}
/* In IE7, having a shadow disables the ability to have an opacity filter on the overlay element */
@agent ie and (version: 7) {
  af|carousel::item-text:vertical,
  af|carousel::control-area:small:vertical,
  af|carousel::control-area:compact:vertical {
    filter: none;
    border: 1px solid #BDBFC1;
  }
  af|carousel::item-text:vertical:small,
  af|carousel::item-text:vertical:compact {
    border: 0px none transparent;
  }
}
/* Gecko 1.9.1 and later support -moz-box-shadow, turn off all of the borders since the shadow is sufficient. */
@agent gecko {
  af|carousel::item-text:vertical,
  af|carousel::control-area:small:vertical,
  af|carousel::control-area:compact:vertical {
    border: 0px solid #BDBFC1;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
  }
  af|carousel::item-text:vertical:small,
  af|carousel::item-text:vertical:compact {
    -moz-box-shadow: none;
  }
}
/* Prior to Gecko 1.9.1, -moz-box-shadow was not supported, use a border instead. */
@agent gecko and (max-version: 1.9.0) {
  af|carousel::item-text:vertical,
  af|carousel::control-area:small:vertical,
  af|carousel::control-area:compact:vertical {
    border: 1px solid #BDBFC1;
  }
  af|carousel::item-text:vertical:small,
  af|carousel::item-text:vertical:compact {
    border: 0px none transparent;
  }
}
/* In WebKit, turn off all of the borders since the shadow is sufficient. */
@agent webkit {
  af|carousel::item-text:vertical,
  af|carousel::control-area:small:vertical,
  af|carousel::control-area:compact:vertical {
    border: 0px solid #BDBFC1;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
  }
  af|carousel::item-text:vertical:small,
  af|carousel::item-text:vertical:compact {
    -webkit-box-shadow: none;
  }
}

af|carousel::spin-info {
  font-size: 11px;
}
af|carousel::spin-info:vertical {
  font-size: 10px;
}

/* panelAccordion Styles */
af|panelAccordion::header {
  padding-bottom: 2px; /* compensate for the renderer subtracting 2 */
  
}
af|panelAccordion::header-subsequent {
  padding-bottom: 1px; /* compensate for the renderer subtracting 1 */
}

/* the body of a disclosed accordion panel */
af|panelAccordion::body-content {
  background-image: url('/afr/med_sub_BG.png');
  background-position: 0px -24px;
  background-repeat: repeat-x;
  background-color: #F8F8E8;
  -tr-rule-ref: selector(".AFTextForeground:alias");
}

/* the title element in each panel's header */
af|panelAccordion::header-title,
af|panelAccordion::header-title af|commandLink,
af|panelAccordion::header-title af|commandLink:active,
af|panelAccordion::header-title af|commandLink:hover,
af|panelAccordion::header-title af|commandLink:visited,
af|panelAccordion::header-title af|goLink,
af|panelAccordion::header-title af|goLink:active,
af|panelAccordion::header-title af|goLink:hover,
af|panelAccordion::header-title af|goLink:visited,
af|panelAccordion::header-title af|link,
af|panelAccordion::header-title af|link:active,
af|panelAccordion::header-title af|link:hover,
af|panelAccordion::header-title af|link:visited {
  color: #3E403D;
  font-weight: bold;
}

/* medium-style borders for the header */
af|panelAccordion::header-start,
af|panelAccordion::header-disclose,
af|panelAccordion::header-title,
af|panelAccordion::header-toolbar,
af|panelAccordion::header-end {
  border-top: 1px solid #979991;
  border-bottom-width: 0px;
}
af|panelAccordion::header-subsequent af|panelAccordion::header-start,
af|panelAccordion::header-subsequent af|panelAccordion::header-disclose,
af|panelAccordion::header-subsequent af|panelAccordion::header-title,
af|panelAccordion::header-subsequent af|panelAccordion::header-toolbar,
af|panelAccordion::header-subsequent af|panelAccordion::header-end {
  border-top-width: 0px;
}
af|panelAccordion::header-start,
af|panelAccordion::header-disclose,
af|panelAccordion::header-title,
af|panelAccordion::header-toolbar,
af|panelAccordion::header-end {
  background-color: #F8F8EA;
}
af|panelAccordion::header:disclosed af|panelAccordion::header-start,
af|panelAccordion::header:disclosed af|panelAccordion::header-disclose,
af|panelAccordion::header:disclosed af|panelAccordion::header-title,
af|panelAccordion::header:disclosed af|panelAccordion::header-toolbar,
af|panelAccordion::header:disclosed af|panelAccordion::header-end,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-start,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-disclose,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-title,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-toolbar,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-end {
  background-color: #FFFFFF;
}

/* medium-style edge borders for the header */
af|panelAccordion::header-start:ltr,
af|panelAccordion::header-end:rtl {
  border-left: 1px solid #979991;
}
af|panelAccordion::header-start:rtl,
af|panelAccordion::header-end:ltr {
  border-right: 1px solid #979991;
}

/* accomodate for the extra pixel when disclosed */
af|panelAccordion::header:disclosed af|panelAccordion::header-start,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-start,
af|panelAccordion::header:disclosed af|panelAccordion::header-end,
af|panelAccordion::header-subsequent:disclosed af|panelAccordion::header-end {
  padding-bottom: 1px;
}

/* inside of the header root, this is the end-cap on the "start" side */
af|panelAccordion::header-start {
  background-repeat: repeat-x;
  background-position: top;
  width: 3px;
}

/* inside of the header root, these are the containers for the non-end caps */
af|panelAccordion::header-disclose,
af|panelAccordion::header-title,
af|panelAccordion::header-toolbar {
  background-repeat: repeat-x;
}

/* inside of the header root, this is the end-cap on the "end" side */
af|panelAccordion::header-end {
  background-repeat: repeat-x;
  background-position: top;
  width: 3px;
}

/* end of panelAccordion styles */

af|inputListOfValues::search-icon-style:hover {
  background-image:url("/afr/lov_ovr.png");
  background-repeat: no-repeat;
}

af|inputListOfValues::search-icon-style:active {
  background-image:url("/afr/lov_dwn.png");
  background-repeat: no-repeat;
}

/*inputComboboxListOfValues styles */
/* style for the dropdown icon background*/
af|inputComboboxListOfValues::dropdown-cell {
  font-size: 9px;
  margin: 1px;
  vertical-align: 8%;
  background-image: url("/afr/gradientDropdown_en.png");
  -tr-rule-ref: selector(".AFDropDownIconBorder:alias");
}

/* style for the dropdown icon background when hover*/
af|inputComboboxListOfValues::dropdown-cell:hover {
  background-image: url("/afr/gradientDropdown_mo.png");
  -tr-rule-ref: selector(".AFDropDownIconBorderHover:alias");
}

/* style for the dropdown icon background when active*/
af|inputComboboxListOfValues::dropdown-cell:depressed,
af|inputComboboxListOfValues::dropdown-cell:active,
af|inputComboboxListOfValues::dropdown-cell:hover:active {
  background-image: url("/afr/gradientDropdown_md.png");
  -tr-rule-ref: selector(".AFDropDownIconBorderActive:alias");
}
/* style for the disabled dropdown icon background*/
af|inputComboboxListOfValues:disabled::dropdown-cell{
  border: 1px #B6B9B1 solid;
  background-image: none;
  background-color: #F8F7EF;
  font-size: 9px;
  margin: 1px;
  padding: 0px;
  vertical-align: 8%;
}

/* :hover/:active in blafplus, not simple */

af|quickQuery::search-icon-style:hover {
  background-image:url("/afr/go_ovr.png");
  background-repeat: no-repeat;
}

af|quickQuery::search-icon-style:hover:rtl {
  background-image:url("/afr/go_ovr_rtl.png");
}

af|quickQuery::search-icon-style:active {
  background-image:url("/afr/go_dwn.png");
  background-repeat: no-repeat;
}

af|quickQuery::search-icon-style:active:rtl {
  background-image:url("/afr/go_dwn_rtl.png");
}

/*
  Styles collapse/restore icons in vertical splitters.
  Can be used to set gradient images.
*/
af|panelSplitter::vertical-icon-style {
  background-image:url("/afr/splittervg.png");
}
af|panelSplitter::vertical-icon-style:hover {
  background-image:url("/afr/splittervgh.png");
}
/*
  Styles collapse/restore icons in horisontal splitters.
  Can be used to set gradient images
*/
af|panelSplitter::horizontal-icon-style {
  background-image:url("/afr/splitterhg.png");
}
af|panelSplitter::horizontal-icon-style:hover {
  background-image:url("/afr/splitterhgh.png");
}
/* Styles the container for the collapse/restore button in horizontal (side-by-side) splitters.
   Generally defines a vertical-align and padding-top or padding-bottom. */
af|panelSplitter::horizontal-icon-container {
  vertical-align: middle;
  -tr-inhibit: padding-bottom;
  -tr-inhibit: padding-top;
}

af|panelWindow::resize-ghost,
af|dialog::resize-ghost {
  border: solid 1px #B9C1D4;
}

af|panelWindow::header-start,
af|panelWindow::header,
af|panelWindow::header-end,
af|dialog::header-start,
af|dialog::header,
af|dialog::header-end {
  border-bottom: solid 1px #B9C1D4;
}
af|panelWindow,
af|dialog {
  background-color: #CFDCEB;
}

af|dialog {
  -tr-button-type: old;
}

af|panelWindow::title,
af|dialog::title {
  color:#3E403D;
  font-size: 12px;
  font-weight: bold;
}

af|dialog::footer-button{
  -tr-inhibit: all;
  -tr-rule-ref: selector("af|commandButton");
  margin-left:3px;
}

af|dialog::footer-button:text-only{
  -tr-inhibit: all;
  -tr-rule-ref: selector("af|commandButton:text-only");
  margin-left:3px;
}

af|dialog::footer-button:text-only:rtl{
  margin-left:0px;
  margin-right:3px;
}

af|dialog::footer-button:rtl{
  margin-left:0px;
  margin-right:3px;
}

/* The left and right padding are only 7px because there is already additional padding on the sides
   from ::content-start and ::content-end. */
af|panelWindow::content,
af|dialog::content{
  padding: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* remove the margin override in .AFButtonBackgroundDisabled:alias in medium skin */
af|dialog::footer-button:disabled,
af|dialog::footer-button:active:disabled{
  -tr-inhibit: margin;
}

/*
af|inputNumberSlider,
af|inputRangeSlider
*/

af|inputNumberSlider::bar-outer-border,
af|inputRangeSlider::bar-outer-border {
  border-color: #858585;
  background: #D3D3D3;
}
af|inputNumberSlider:vertical::bar-outer-border,
af|inputRangeSlider:vertical::bar-outer-border {
}

af|inputNumberSlider::bar-inner-border,
af|inputRangeSlider::bar-inner-border {
  border-color: #003399;
}

af|inputNumberSlider:vertical::bar-inner-border,
af|inputRangeSlider:vertical::bar-inner-border {
}

af|inputNumberSlider:vertical::bar-inner-border:rtl,
af|inputRangeSlider:vertical::bar-inner-border:rtl {
}

af|inputRangeSlider::range {
  background-color: #99b1f7;
}

af|inputNumberSlider::major-tick,
af|inputNumberSlider::minor-tick,
af|inputRangeSlider::major-tick,
af|inputRangeSlider::minor-tick {
  border-left-color: #8996c3;
}

af|inputNumberSlider::tick-value,
af|inputRangeSlider::tick-value {
  color: #044A96;
}

af|inputNumberSlider::tick-value-zero,
af|inputRangeSlider::tick-value-zero {
  color: #000000;
}

af|inputNumberSlider::zero-tick,
af|inputRangeSlider::zero-tick {
  border-left: 1px solid #003399;
}


af|inputNumberSlider::thumb-value,
af|inputRangeSlider::thumb-value {
  color: #DF001A;
}

/* vertical styles */


af|inputNumberSlider:vertical::major-tick,
af|inputNumberSlider:vertical::minor-tick,
af|inputRangeSlider:vertical::major-tick,
af|inputRangeSlider:vertical::minor-tick {
  border-top-color: #8996c3;
}

af|inputRangeSlider:vertical::range {
  background-color: #99b1f7;
}

af|inputNumberSlider:vertical::tick-value-zero,
af|inputRangeSlider:vertical::tick-value-zero {
  color: #000000;
}

af|inputNumberSlider:vertical::zero-tick,
af|inputRangeSlider:vertical::zero-tick {
  border-top: 1px solid #003399;
}


/* disabled styles */

af|inputNumberSlider:disabled::tick,
af|inputNumberSlider:disabled::bar-inner-border,
af|inputRangeSlider:disabled::tick,
af|inputRangeSlider:disabled::bar-inner-border {
  border-color: #858585;
}

af|inputNumberSlider:disabled::tick-value-zero,
af|inputRangeSlider:disabled::tick-value-zero,
af|inputNumberSlider:disabled::tick-value,
af|inputRangeSlider:disabled::tick-value {
  color: #bbbbbb;
}

af|inputRangeSlider:disabled::range {
  background-color: #bbbbbb;
}

af|inputRangeSlider:vertical:disabled::range {
  background-color: #bbbbbb;
}

af|inputNumberSlider:disabled::thumb-value-line,
af|inputRangeSlider:disabled::thumb-value-line {
  border-left-color: #858585;
}

af|inputNumberSlider:disabled::thumb-value,
af|inputRangeSlider:disabled::thumb-value {
  color: #bbbbbb;
  border-top-color: #858585;
}

af|inputNumberSlider:vertical:disabled::thumb-value-line,
af|inputRangeSlider:vertical:disabled::thumb-value-line {
  border-top-color: #858585;
}

af|inputNumberSlider:vertical:disabled::thumb-value,
af|inputRangeSlider:vertical:disabled::thumb-value {
  border-right-color: #858585;
}

/* The centered box for the splash content.  Typically used to define padding, borders, background
   images, background colors, and other text or font styles. */
af|document::splash-screen-content {
  white-space: nowrap;
}

/* The splash screen message text.  Typically used to define direction-specific padding and
   optionally text or font styles. */
af|document::splash-screen-message {
  font-size: 14px;
  color: #779EC7;
  font-weight: bold;
}
af|document::splash-screen-message:ltr {
  padding-left: 15px;
}
af|document::splash-screen-message:rtl {
  padding-right: 15px;
}
/* Content body theme decorative box should always be used in a dark theme with the BLAF+ skins */
af|decorativeBox[theme="contentBody"] {
  -tr-children-theme: dark;
}
/* Splash screen icon */
af|document::splash-screen-icon {
  content: url(/afr/ss.gif);
  width: 43px;
  height: 48px;
  vertical-align: middle;
}

/* calendar blafplus specific styling */


af|calendar::toolbar-day-hover-icon {
  content: url(/afr/cal_day_ovr.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-day-hover-icon:rtl {
  content: url(/afr/cal_day_ovr_rtl.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-week-hover-icon{
  content: url(/afr/cal_week_ovr.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-week-hover-icon:rtl{
  content: url(/afr/cal_week_ovr_rtl.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-month-hover-icon {
  content: url(/afr/cal_month_ovr.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-list-hover-icon {
  content: url(/afr/cal_list_ovr.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-list-hover-icon:rtl {
  content: url(/afr/cal_list_ovr_rtl.png);
  width: 16px;
  height: 16px;
}


af|calendar::toolbar-day-active-icon {
  content: url(/afr/cal_day_dwn.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-day-active-icon:rtl {
  content: url(/afr/cal_day_dwn_rtl.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-week-active-icon{
  content: url(/afr/cal_week_dwn.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-week-active-icon:rtl{
  content: url(/afr/cal_week_dwn_rtl.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-month-active-icon {
  content: url(/afr/cal_month_dwn.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-list-active-icon {
  content: url(/afr/cal_list_dwn.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-list-active-icon:rtl {
  content: url(/afr/cal_list_dwn_rtl.png);
  width: 16px;
  height: 16px;
}


af|calendar::toolbar-prev-icon,
af|calendar::toolbar-next-icon:rtl {
  content: url(/afr/cal_toolbar_prev.png);
  width: 16px;
  height: 16px;
}


af|calendar::toolbar-prev-hover-icon,
af|calendar::toolbar-next-hover-icon:rtl {
  content: url(/afr/cal_toolbar_prev_ovr.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-prev-active-icon,
af|calendar::toolbar-next-active-icon:rtl {
  content: url(/afr/cal_toolbar_prev_dwn.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-next-icon,
af|calendar::toolbar-prev-icon:rtl {
  content: url(/afr/cal_toolbar_next.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-next-hover-icon,
af|calendar::toolbar-prev-hover-icon:rtl {
  content: url(/afr/cal_toolbar_next_ovr.png);
  width: 16px;
  height: 16px;
}

af|calendar::toolbar-next-active-icon,
af|calendar::toolbar-prev-active-icon:rtl {
  content: url(/afr/cal_toolbar_next_dwn.png);
  width: 16px;
  height: 16px;
}

af|calendar::list-activity-prev-icon,
af|calendar::list-activity-next-icon:rtl
{
  content: url(/afr/cal_list_prev.png);
  width: 7px;
  height: 7px;
}

af|calendar::list-activity-next-icon,
af|calendar::list-activity-prev-icon:rtl
{
  content: url(/afr/cal_list_next.png);
  width: 7px;
  height: 7px;
}

af|calendar::all-day-activity-prev-icon,
af|calendar::all-day-activity-next-icon:rtl {
  content: url(/afr/cal_prev.png);
  width: 12px;
  height: 12px;
}
af|calendar::all-day-activity-next-icon,
af|calendar::all-day-activity-prev-icon:rtl {
  content: url(/afr/cal_next.png);
  width: 12px;
  height: 12px;
}

.AFCalendarLightBackground:alias {
  background-color: #EFF4FA;
}

af|calendar::list-date-separator {
  background-color: #b4cad7;
  padding-top:1px;
}

af|calendar::list-day-of-week-column {
  -tr-rule-ref: selector(".AFCalendarLightBackground:alias");
}

/* calendar specific colors that override the simple colors */
af|calendar::all-day-activity {
  background-color: #6B9ACA;
}

af|calendar::all-day-activity-text {
  color: #ffffff;
}
af|calendar::duration-activity-text,
af|calendar::duration-activity-duration {
  color: #333333;
}

af|calendar::all-day-activity-time{
  background-color: #3D69A2;
  color: #ffffff;
}
af|calendar::all-day-activity-duration {
  color: #ffffff;
}

af|calendar::all-day-activity af|calendar::activity-icon-container {
  background-color: #3D69A2;
}

af|calendar::all-day-container {
  border-color:#b4cad7;
  -tr-rule-ref: selector(".AFCalendarLightBackground:alias");
}
af|calendar::time-activity-container {
  background-color: #6B9ACA;
  border: 1px solid #2E4D76;
}

af|calendar::time-activity-header {
  background-color: #3D69A2;
  color: #FFFFFF;
}

af|calendar::time-activity-content {
  color: #ffffff;
}

af|calendar::header-all-day-container {
}
/* This is where the header for the day is -- that's it the date we are viewing */
af|calendar::day-header-row,
af|calendar::week-header-row {
  color: #393638;
  background-repeat: repeat-x;
  background-image:url("/afr/cal_head.png");
}


/* width here should match the margin in day-header and the day-all-day-container */
af|calendar::time-column {
  border-right: #cfdceb 1px solid;
  -tr-rule-ref: selector(".AFCalendarLightBackground:alias");
}
af|calendar::time-cell {
  border-top:1px solid #cfdceb;
  color: #47494c;
}
af|calendar::hgrid-minor {
  border-top-color: #bad3fd;
}
af|calendar::hgrid-major {
  border-top-color: #cfdceb;
}

af|calendar::month-time-activity {
  color: #6B9ACA;
}
af|calendar::month-grid-cell-header {
  -tr-rule-ref: selector(".AFCalendarLightBackground:alias");
}

af|calendar::month-header-row {
  background-color: #DFE8F2;
}
af|calendar::month-grid-cell:prev-month,
af|calendar::month-grid-cell:next-month {
  background-color: #DFE8F2;
}
af|calendar::month-grid-cell:prev-month af|calendar::month-grid-cell-header,
af|calendar::month-grid-cell:next-month af|calendar::month-grid-cell-header {
  background-color: #D2DCE8;
}

af|calendar::month-overflow-link {
  color: #003399;
}




@accessibility-profile high-contrast {

  af|calendar::list-activity-next-icon,
  af|calendar::list-activity-prev-icon:rtl {
    content: url(/afr/cal_list_next_hc.png);
  }

  af|calendar::list-activity-prev-icon,
  af|calendar::list-activity-next-icon:rtl{
    content: url(/afr/cal_list_prev_hc.png);
  }

  af|chooseDate::prev-month-arrow-icon:hover,
  af|chooseDate::next-month-arrow-icon:hover:rtl {
    content: url('/afr/previous_mo.png');
  }
  af|chooseDate::prev-month-arrow-icon:active,
  af|chooseDate::prev-month-arrow-icon:hover:active,
  af|chooseDate::next-month-arrow-icon:active:rtl,
  af|chooseDate::next-month-arrow-icon:hover:active:rtl {
    content: url('/afr/previous_md.png');
  }
  af|chooseDate::next-month-arrow-icon:hover,
  af|chooseDate::prev-month-arrow-icon:hover:rtl {
    content: url('/afr/next_mo.png');
  }
  af|chooseDate::next-month-arrow-icon:active,
  af|chooseDate::next-month-arrow-icon:hover:active,
  af|chooseDate::prev-month-arrow-icon:active:rtl,
  af|chooseDate::prev-month-arrow-icon:hover:active:rtl {
    content: url('/afr/next_md.png');
  }
  af|button::dropdown-icon:hover,
  af|commandToolbarButton::dropdown-icon:hover {
    content: url('/afr/dropdown_md.png');
  }
  af|button::dropdown-icon:hover:action-disabled,
  af|button::dropdown-icon:text-only:hover:disabled,
  af|commandToolbarButton::dropdown-icon:hover:action-disabled,
  af|commandToolbarButton::dropdown-icon:text-only:hover:disabled {
    content: url('/afr/dropdown_d_hc.png');
  }
  af|inputColor::launch-icon:hover {
    content: url("/afr/arrow_mo.png");
  }
  af|inputDate::launch-icon:active,
  af|inputDate::launch-icon:hover:active{
    content: url("/afr/timedate_dwn.png");
  }
  af|inputListOfValues::search-icon:hover {
    content: url("/afr/lov_ovr.png");
  }
  af|inputListOfValues::search-icon:active {
    content: url("/afr/lov_dwn.png");
  }
  af|menu:depressed af|menu::bar-item-open-icon,
  af|menu:highlighted af|menu::bar-item-open-icon {
    content: url("/afr/dropdown_md.png");
  }
  af|menu:disabled::bar-item-open-icon-style {
    content: url("/afr/dropdown_d.png");
  }
  af|menu:disabled::submenu-open-icon {
   content: url("/afr/openSubmenu_d.png");
  }
  af|menu:disabled::submenu-open-icon:rtl {
   content: url("/afr/openSubmenu_d_rtl.png");
  }
  af|panelTabbed::undisclosed-remove-icon-style,
  af|navigationPane-tabs::undisclosed-remove-icon-style {
      content: url('/afr/removeTab_blank.png');
  }
  af|panelTabbed::disclosed-remove-icon-style:disabled,
  af|panelTabbed::disclosed-remove-icon-style:hover:disabled,
  af|panelTabbed::disclosed-remove-icon-style:active:disabled,
  af|panelTabbed::undisclosed-remove-icon-style:disabled,
  af|panelTabbed::undisclosed-remove-icon-style:hover:disabled,
  af|panelTabbed::undisclosed-remove-icon-style:active:disabled,
  af|navigationPane-tabs::disclosed-remove-icon-style:disabled,
  af|navigationPane-tabs::disclosed-remove-icon-style:hover:disabled,
  af|navigationPane-tabs::disclosed-remove-icon-style:active:disabled,
  af|navigationPane-tabs::undisclosed-remove-icon-style:disabled,
  af|navigationPane-tabs::undisclosed-remove-icon-style:hover:disabled,
  af|navigationPane-tabs::undisclosed-remove-icon-style:active:disabled {
    content: url('/afr/removeTab_blank.png');
  }
  af|panelTabbed::disclosed-remove-icon:hover,
  af|panelTabbed::undisclosed-remove-icon:hover,
  af|navigationPane-tabs::disclosed-remove-icon:hover,
  af|navigationPane-tabs::undisclosed-remove-icon:hover {
    content: url('/afr/removeTab_mo.png');
  }
  af|panelTabbed::disclosed-remove-icon:active,
  af|panelTabbed::undisclosed-remove-icon:active,
  af|navigationPane-tabs::disclosed-remove-icon:active,
  af|navigationPane-tabs::undisclosed-remove-icon:active {
    content: url('/afr/removeTab_md.png');
  }
  af|panelTabbed::disclosed-remove-disabled-icon-style,
  af|panelTabbed::undisclosed-remove-disabled-icon-style,
  af|navigationPane-tabs::disclosed-remove-disabled-icon-style,
  af|navigationPane-tabs::undisclosed-remove-disabled-icon-style {
    content: url('/afr/removeTab_dis.png');
  }
  af|quickQuery::search-icon:hover {
    content: url("/afr/go_ovr.png");
  }
  af|quickQuery::search-icon:hover:rtl {
    content: url("/afr/go_ovr_rtl.png");
  }
  af|quickQuery::search-icon:active {
    content: url("/afr/go_dwn.png");
  }
  af|quickQuery::search-icon:active:rtl {
    content: url("/afr/go_dwn_rtl.png");
  }
  af|selectManyShuttle::move-horizontal-icon:hover,
  af|selectOrderShuttle::move-horizontal-icon:hover {
    content: url("/afr/shuttleright_ovr.png");
  }
  af|selectManyShuttle::move-horizontal-icon:active,
  af|selectOrderShuttle::move-horizontal-icon:active {
    content: url("/afr/shuttleright_dwn.png");
  }
  af|selectManyShuttle::move-horizontal-icon:disabled:hover,
  af|selectOrderShuttle::move-horizontal-icon:disabled:hover,
  af|selectManyShuttle::move-horizontal-icon:disabled:active,
  af|selectOrderShuttle::move-horizontal-icon:disabled:active {
    content: url("/afr/shuttleright_dis.png");
  }
  af|selectManyShuttle::move-horizontal-icon:hover:rtl,
  af|selectOrderShuttle::move-horizontal-icon:hover:rtl {
    content: url("/afr/shuttlerightbidi_ovr.png");
  }
  af|selectManyShuttle::move-horizontal-icon:active:rtl,
  af|selectOrderShuttle::move-horizontal-icon:active:rtl {
    content: url("/afr/shuttlerightbidi_dwn.png");
  }
  af|selectManyShuttle::move-horizontal-icon:disabled:hover:rtl,
  af|selectOrderShuttle::move-horizontal-icon:disabled:hover:rtl,
  af|selectManyShuttle::move-horizontal-icon:disabled:active:rtl,
  af|selectOrderShuttle::move-horizontal-icon:disabled:active:rtl {
    content: url("/afr/shuttlerightbidi_dis.png");
  }
  af|selectManyShuttle::move-vertical-icon:hover,
  af|selectOrderShuttle::move-vertical-icon:hover {
    content: url("/afr/shuttledown_ovr.png");
  }
  af|selectManyShuttle::move-vertical-icon:active,
  af|selectOrderShuttle::move-vertical-icon:active {
    content: url("/afr/shuttledown_dwn.png");
  }
  af|selectManyShuttle::move-vertical-icon:disabled:hover,
  af|selectOrderShuttle::move-vertical-icon:disabled:hover,
  af|selectManyShuttle::move-vertical-icon:disabled:active,
  af|selectOrderShuttle::move-vertical-icon:disabled:active {
    content: url("/afr/shuttledown_dis.png");
  }
  af|selectManyShuttle::moveall-horizontal-icon:hover,
  af|selectOrderShuttle::moveall-horizontal-icon:hover {
    content: url("/afr/shuttlerightall_ovr.png");
  }
  af|selectManyShuttle::moveall-horizontal-icon:active,
  af|selectOrderShuttle::moveall-horizontal-icon:active {
    content: url("/afr/shuttlerightall_dwn.png");
  }
  af|selectManyShuttle::moveall-horizontal-icon:disabled:hover,
  af|selectOrderShuttle::moveall-horizontal-icon:disabled:hover,
  af|selectManyShuttle::moveall-horizontal-icon:disabled:active,
  af|selectOrderShuttle::moveall-horizontal-icon:disabled:active {
    content: url("/afr/shuttlerightall_dis.png");
  }
  af|selectManyShuttle::moveall-horizontal-icon:hover:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon:hover:rtl {
    content: url("/afr/shuttleleftall_ovr.png");
  }
  af|selectManyShuttle::moveall-horizontal-icon:active:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon:active:rtl {
    content: url("/afr/shuttleleftall_dwn.png");
  }
  af|selectManyShuttle::moveall-horizontal-icon:disabled:hover:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon:disabled:hover:rtl,
  af|selectManyShuttle::moveall-horizontal-icon:disabled:active:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon:disabled:active:rtl {
    content: url("/afr/shuttleleftall_dis.png");
  }
  af|selectManyShuttle::moveall-vertical-icon:hover,
  af|selectOrderShuttle::moveall-vertical-icon:hover {
    content: url("/afr/shuttledownall_ovr.png");
  }
  af|selectManyShuttle::moveall-vertical-icon:active,
  af|selectOrderShuttle::moveall-vertical-icon:active {
    content: url("/afr/shuttledownall_dwn.png");
  }
  af|selectManyShuttle::moveall-vertical-icon:disabled:hover,
  af|selectOrderShuttle::moveall-vertical-icon:disabled:hover,
  af|selectManyShuttle::moveall-vertical-icon:disabled:active,
  af|selectOrderShuttle::moveall-vertical-icon:disabled:active {
    content: url("/afr/shuttledownall_dis.png");
  }
  af|selectManyShuttle::remove-horizontal-icon:hover,
  af|selectOrderShuttle::remove-horizontal-icon:hover {
    content: url("/afr/shuttleleft_ovr.png");
  }
  af|selectManyShuttle::remove-horizontal-icon:active,
  af|selectOrderShuttle::remove-horizontal-icon:active {
    content: url("/afr/shuttleleft_dwn.png");
  }
  af|selectManyShuttle::remove-horizontal-icon:disabled:hover,
  af|selectOrderShuttle::remove-horizontal-icon:disabled:hover,
  af|selectManyShuttle::remove-horizontal-icon:disabled:active,
  af|selectOrderShuttle::remove-horizontal-icon:disabled:active {
    content: url("/afr/shuttleleft_dis.png");
  }
  af|selectManyShuttle::remove-horizontal-icon:hover:rtl,
  af|selectOrderShuttle::remove-horizontal-icon:hover:rtl {
    content: url("/afr/shuttleleftbidi_ovr.png");
  }
  af|selectManyShuttle::remove-horizontal-icon:active:rtl,
  af|selectOrderShuttle::remove-horizontal-icon:active:rtl {
    content: url("/afr/shuttleleftbidi_dwn.png");
  }
  af|selectManyShuttle::remove-horizontal-icon:disabled:hover:rtl,
  af|selectOrderShuttle::remove-horizontal-icon:disabled:hover:rtl,
  af|selectManyShuttle::remove-horizontal-icon:disabled:active:rtl,
  af|selectOrderShuttle::remove-horizontal-icon:disabled:active:rtl {
    content: url("/afr/shuttleleftbidi_dis.png");
  }
  af|selectManyShuttle::remove-vertical-icon:hover,
  af|selectOrderShuttle::remove-vertical-icon:hover {
    content: url("/afr/shuttleup_ovr.png");
  }
  af|selectManyShuttle::remove-vertical-icon:active,
  af|selectOrderShuttle::remove-vertical-icon:active {
    content: url("/afr/shuttleup_dwn.png");
  }
  af|selectManyShuttle::remove-vertical-icon:disabled:hover,
  af|selectOrderShuttle::remove-vertical-icon:disabled:hover,
  af|selectManyShuttle::remove-vertical-icon:disabled:active,
  af|selectOrderShuttle::remove-vertical-icon:disabled:active {
    content: url("/afr/shuttleup_dis.png");
  }
  af|selectManyShuttle::remove-vertical-icon:hover:rtl,
  af|selectOrderShuttle::remove-vertical-icon:hover:rtl {
    content: url("/afr/shuttleupbidi_ovr.png");
  }
  af|selectManyShuttle::remove-vertical-icon:active:rtl,
  af|selectOrderShuttle::remove-vertical-icon:active:rtl {
    content: url("/afr/shuttleupbidi_dwn.png");
  }
  af|selectManyShuttle::remove-vertical-icon:disabled:hover:rtl,
  af|selectOrderShuttle::remove-vertical-icon:disabled:hover:rtl,
  af|selectManyShuttle::remove-vertical-icon:disabled:active:rtl,
  af|selectOrderShuttle::remove-vertical-icon:disabled:active:rtl {
    content: url("/afr/shuttleupbidi_dis.png");
  }
  af|selectManyShuttle::removeall-horizontal-icon:hover,
  af|selectOrderShuttle::removeall-horizontal-icon:hover {
    content: url("/afr/shuttleleftall_ovr.png");
  }
  af|selectManyShuttle::removeall-horizontal-icon:active,
  af|selectOrderShuttle::removeall-horizontal-icon:active {
    content: url("/afr/shuttleleftall_dwn.png");
  }
  af|selectManyShuttle::removeall-horizontal-icon:disabled:hover,
  af|selectOrderShuttle::removeall-horizontal-icon:disabled:hover,
  af|selectManyShuttle::removeall-horizontal-icon:disabled:active,
  af|selectOrderShuttle::removeall-horizontal-icon:disabled:active {
    content: url("/afr/shuttleleftall_dis.png");
  }
  af|selectManyShuttle::removeall-horizontal-icon:hover:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon:hover:rtl {
    content: url("/afr/shuttleleftallbidi_ovr.png");
  }
  af|selectManyShuttle::removeall-horizontal-icon:active:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon:active:rtl {
    content: url("/afr/shuttleleftallbidi_dwn.png");
  }
  af|selectManyShuttle::removeall-horizontal-icon:disabled:hover:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon:disabled:hover:rtl,
  af|selectManyShuttle::removeall-horizontal-icon:disabled:active:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon:disabled:active:rtl {
    content: url("/afr/shuttleleftallbidi_dis.png");
  }
  af|selectManyShuttle::removeall-vertical-icon:hover,
  af|selectOrderShuttle::removeall-vertical-icon:hover {
    content: url("/afr/shuttleupall_ovr.png");
  }
  af|selectManyShuttle::removeall-vertical-icon:active,
  af|selectOrderShuttle::removeall-vertical-icon:active {
    content: url("/afr/shuttleupall_dwn.png");
  }
  af|selectManyShuttle::removeall-vertical-icon:disabled:hover,
  af|selectOrderShuttle::removeall-vertical-icon:disabled:hover,
  af|selectManyShuttle::removeall-vertical-icon:disabled:active,
  af|selectOrderShuttle::removeall-vertical-icon:disabled:active {
    content: url("/afr/shuttleupall_dis.png");
  }
  af|selectManyShuttle::removeall-vertical-icon:hover:rtl,
  af|selectOrderShuttle::removeall-vertical-icon:hover:rtl {
    content: url("/afr/shuttleupallbidi_ovr.png");
  }
  af|selectManyShuttle::removeall-vertical-icon:active:rtl,
  af|selectOrderShuttle::removeall-vertical-icon:active:rtl {
    content: url("/afr/shuttleupallbidi_dwn.png");
  }
  af|selectManyShuttle::removeall-vertical-icon:disabled:hover:rtl,
  af|selectOrderShuttle::removeall-vertical-icon:disabled:hover:rtl,
  af|selectManyShuttle::removeall-vertical-icon:disabled:active:rtl,
  af|selectOrderShuttle::removeall-vertical-icon:disabled:active:rtl {
    content: url("/afr/shuttleupallbidi_dis.png");
  }
  af|selectOneChoice::compact-dropdown {
    font-size: 5px;
  }
  af|selectOrderShuttle::move-top-icon:hover {
    content: url("/afr/shuttlereordertop_ovr.png");
  }
  af|selectOrderShuttle::move-top-icon:active {
    content: url("/afr/shuttlereordertop_dwn.png");
  }
  af|selectOrderShuttle::move-top-icon:disabled:hover,
  af|selectOrderShuttle::move-top-icon:disabled:active {
    content: url("/afr/shuttlereordertop_dis.png");
  }
  af|selectOrderShuttle::move-up-icon:hover {
    content: url("/afr/shuttlereorderup_ovr.png");
  }
  af|selectOrderShuttle::move-up-icon:active {
    content: url("/afr/shuttlereorderup_dwn.png");
  }
  af|selectOrderShuttle::move-up-icon:disabled:hover,
  af|selectOrderShuttle::move-up-icon:disabled:active {
    content: url("/afr/shuttlereorderup_dis.png");
  }
  af|selectOrderShuttle::move-down-icon:hover {
    content: url("/afr/shuttlereorderdown_ovr.png");
  }
  af|selectOrderShuttle::move-down-icon:active {
    content: url("/afr/shuttlereorderdown_dwn.png");
  }
  af|selectOrderShuttle::move-down-icon:disabled:hover,
  af|selectOrderShuttle::move-down-icon:disabled:active {
    content: url("/afr/shuttlereorderdown_dis.png");
  }
  af|selectOrderShuttle::move-bottom-icon:hover {
    content: url("/afr/shuttlereorderbottom_ovr.png");
  }
  af|selectOrderShuttle::move-bottom-icon:active {
    content: url("/afr/shuttlereorderbottom_dwn.png");
  }
  af|selectOrderShuttle::move-bottom-icon:disabled:hover,
  af|selectOrderShuttle::move-bottom-icon:disabled:active {
    content: url("/afr/shuttlereorderbottom_dis.png");
  }
  af|train::unvisited-stop-icon:hover,
  af|train-vertical::unvisited-stop-icon:hover {
    content: url('/afr/mTrain_unvisited_mo.png');
  }
  af|train::unvisited-stop-icon:active,
  af|train-vertical::unvisited-stop-icon:active {
    content: url('/afr/mTrain_unvisited_md.png');
  }
  af|train::visited-stop-icon:hover,
  af|train-vertical::visited-stop-icon:hover {
    content: url('/afr/mTrain_visited_mo.png');
  }
  af|train::visited-stop-icon:active,
  af|train-vertical::visited-stop-icon:active {
    content: url('/afr/mTrain_visited_md.png');
  }

  af|chooseDate::next-month-arrow:active,
  af|chooseDate::next-month-arrow:active:rtl,
  af|chooseDate::next-month-arrow:hover,
  af|chooseDate::next-month-arrow:hover:active,
  af|chooseDate::next-month-arrow:hover:active:rtl,
  af|chooseDate::next-month-arrow:hover:rtl,
  af|chooseDate::prev-month-arrow:active,
  af|chooseDate::prev-month-arrow:active:rtl,
  af|chooseDate::prev-month-arrow:hover,
  af|chooseDate::prev-month-arrow:hover:active,
  af|chooseDate::prev-month-arrow:hover:active:rtl,
  af|chooseDate::prev-month-arrow:hover:rtl,
  af|button:hover::dropdown-icon-style,
  af|button:disabled::dropdown-icon-style,
  af|button:hover:disabled::dropdown-icon-style,
  af|commandToolbarButton:hover::dropdown-icon-style,
  af|commandToolbarButton:disabled::dropdown-icon-style,
  af|commandToolbarButton:hover:disabled::dropdown-icon-style,
  af|inputColor::launch-icon-style:hover,
  af|inputDate::launch-icon-style:active,
  af|inputDate::launch-icon-style:hover:active,
  af|inputListOfValues::search-icon-style:active,
  af|inputListOfValues::search-icon-style:hover,
  af|menu::scroll-down-icon-style:active,
  af|menu::scroll-down-icon-style:disabled,
  af|menu::scroll-down-icon-style:hover,
  af|menu::scroll-up-icon-style:active,
  af|menu::scroll-up-icon-style:disabled,
  af|menu::scroll-up-icon-style:hover,
  af|menu:depressed af|menu::bar-item-open-icon-style,
  af|menu:highlighted af|menu::bar-item-open-icon-style,
  af|menu:disabled::bar-item-open-icon-style,
  af|menuBar::overflow-container af|menu:depressed af|menu::bar-item-open-icon-style,
  af|menuBar::overflow-container af|menu:highlighted af|menu::bar-item-open-icon-style,
  af|menuBar::overflow-container af|menu:depressed af|menu::bar-item-open-icon-style:rtl,
  af|menuBar::overflow-container af|menu:highlighted af|menu::bar-item-open-icon-style:rtl,
  af|menuBar::overflow-container af|menu:disabled::bar-item-open-icon-style,
  af|menuBar::overflow-container af|menu:disabled::bar-item-open-icon-style:rtl,
  af|navigationPane-tabs::disclosed-remove-icon-style:hover,
  af|navigationPane-tabs::disclosed-remove-icon-style:active,
  af|navigationPane-tabs::undisclosed-remove-icon-style:hover,
  af|navigationPane-tabs::undisclosed-remove-icon-style:active,
  af|panelAccordion::bottom-overflow-indicator:depressed,
  af|panelAccordion::bottom-overflow-indicator:hover,
  af|panelAccordion::top-overflow-indicator:depressed,
  af|panelAccordion::top-overflow-indicator:hover,
  af|panelSplitter::horizontal-icon-style,
  af|panelSplitter::horizontal-icon-style:hover,
  af|panelSplitter::vertical-icon-style,
  af|panelSplitter::vertical-icon-style:hover,
  af|panelTabbed::disclosed-remove-icon-style:hover,
  af|panelTabbed::disclosed-remove-icon-style:active,
  af|panelTabbed::undisclosed-remove-icon-style:hover,
  af|panelTabbed::undisclosed-remove-icon-style:active,
  af|quickQuery::search-icon-style:active,
  af|quickQuery::search-icon-style:active:rtl,
  af|quickQuery::search-icon-style:hover,
  af|quickQuery::search-icon-style:hover:rtl,
  af|selectManyShuttle::moveall-horizontal-icon-style:active,
  af|selectManyShuttle::moveall-horizontal-icon-style:active:rtl,
  af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active,
  af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:rtl,
  af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover,
  af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
  af|selectManyShuttle::moveall-horizontal-icon-style:hover,
  af|selectManyShuttle::moveall-horizontal-icon-style:hover:rtl,
  af|selectManyShuttle::moveall-vertical-icon-style:active,
  af|selectManyShuttle::moveall-vertical-icon-style:disabled:active,
  af|selectManyShuttle::moveall-vertical-icon-style:disabled:hover,
  af|selectManyShuttle::moveall-vertical-icon-style:hover,
  af|selectManyShuttle::move-horizontal-icon-style:active,
  af|selectManyShuttle::move-horizontal-icon-style:active:rtl,
  af|selectManyShuttle::move-horizontal-icon-style:disabled:active,
  af|selectManyShuttle::move-horizontal-icon-style:disabled:active:rtl,
  af|selectManyShuttle::move-horizontal-icon-style:disabled:hover,
  af|selectManyShuttle::move-horizontal-icon-style:disabled:hover:rtl,
  af|selectManyShuttle::move-horizontal-icon-style:hover,
  af|selectManyShuttle::move-horizontal-icon-style:hover:rtl,
  af|selectManyShuttle::move-vertical-icon-style:active,
  af|selectManyShuttle::move-vertical-icon-style:disabled:active,
  af|selectManyShuttle::move-vertical-icon-style:disabled:hover,
  af|selectManyShuttle::move-vertical-icon-style:hover,
  af|selectManyShuttle::removeall-horizontal-icon-style:active,
  af|selectManyShuttle::removeall-horizontal-icon-style:active:rtl,
  af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active,
  af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:rtl,
  af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover,
  af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
  af|selectManyShuttle::removeall-horizontal-icon-style:hover,
  af|selectManyShuttle::removeall-horizontal-icon-style:hover:rtl,
  af|selectManyShuttle::removeall-vertical-icon-style:active,
  af|selectManyShuttle::removeall-vertical-icon-style:active:rtl,
  af|selectManyShuttle::removeall-vertical-icon-style:disabled:active,
  af|selectManyShuttle::removeall-vertical-icon-style:disabled:active:rtl,
  af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover,
  af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover:rtl,
  af|selectManyShuttle::removeall-vertical-icon-style:hover,
  af|selectManyShuttle::removeall-vertical-icon-style:hover:rtl,
  af|selectManyShuttle::remove-horizontal-icon-style:active,
  af|selectManyShuttle::remove-horizontal-icon-style:active:rtl,
  af|selectManyShuttle::remove-horizontal-icon-style:disabled:active,
  af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:rtl,
  af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover,
  af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
  af|selectManyShuttle::remove-horizontal-icon-style:hover,
  af|selectManyShuttle::remove-horizontal-icon-style:hover:rtl,
  af|selectManyShuttle::remove-vertical-icon-style:active,
  af|selectManyShuttle::remove-vertical-icon-style:active:rtl,
  af|selectManyShuttle::remove-vertical-icon-style:disabled:active,
  af|selectManyShuttle::remove-vertical-icon-style:disabled:active:rtl,
  af|selectManyShuttle::remove-vertical-icon-style:disabled:hover,
  af|selectManyShuttle::remove-vertical-icon-style:disabled:hover:rtl,
  af|selectManyShuttle::remove-vertical-icon-style:hover,
  af|selectManyShuttle::remove-vertical-icon-style:hover:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon-style:active,
  af|selectOrderShuttle::moveall-horizontal-icon-style:active:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active,
  af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover,
  af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon-style:hover,
  af|selectOrderShuttle::moveall-horizontal-icon-style:hover:rtl,
  af|selectOrderShuttle::moveall-vertical-icon-style:active,
  af|selectOrderShuttle::moveall-vertical-icon-style:disabled:active,
  af|selectOrderShuttle::moveall-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::moveall-vertical-icon-style:hover,
  af|selectOrderShuttle::move-bottom-icon-style:active,
  af|selectOrderShuttle::move-bottom-icon-style:disabled:active,
  af|selectOrderShuttle::move-bottom-icon-style:disabled:hover,
  af|selectOrderShuttle::move-bottom-icon-style:hover,
  af|selectOrderShuttle::move-down-icon-style:active,
  af|selectOrderShuttle::move-down-icon-style:disabled:active,
  af|selectOrderShuttle::move-down-icon-style:disabled:hover,
  af|selectOrderShuttle::move-down-icon-style:hover,
  af|selectOrderShuttle::move-horizontal-icon-style:active,
  af|selectOrderShuttle::move-horizontal-icon-style:active:rtl,
  af|selectOrderShuttle::move-horizontal-icon-style:disabled:active,
  af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:rtl,
  af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover,
  af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::move-horizontal-icon-style:hover,
  af|selectOrderShuttle::move-horizontal-icon-style:hover:rtl,
  af|selectOrderShuttle::move-top-icon-style:active,
  af|selectOrderShuttle::move-top-icon-style:disabled:active,
  af|selectOrderShuttle::move-top-icon-style:disabled:hover,
  af|selectOrderShuttle::move-top-icon-style:hover,
  af|selectOrderShuttle::move-up-icon-style:active,
  af|selectOrderShuttle::move-up-icon-style:disabled:active,
  af|selectOrderShuttle::move-up-icon-style:disabled:hover,
  af|selectOrderShuttle::move-up-icon-style:hover,
  af|selectOrderShuttle::move-vertical-icon-style:active,
  af|selectOrderShuttle::move-vertical-icon-style:disabled:active,
  af|selectOrderShuttle::move-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::move-vertical-icon-style:hover,
  af|selectOrderShuttle::removeall-horizontal-icon-style:active,
  af|selectOrderShuttle::removeall-horizontal-icon-style:active:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active,
  af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover,
  af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon-style:hover,
  af|selectOrderShuttle::removeall-horizontal-icon-style:hover:rtl,
  af|selectOrderShuttle::removeall-vertical-icon-style:active,
  af|selectOrderShuttle::removeall-vertical-icon-style:active:rtl,
  af|selectOrderShuttle::removeall-vertical-icon-style:disabled:active,
  af|selectOrderShuttle::removeall-vertical-icon-style:disabled:active:rtl,
  af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::removeall-vertical-icon-style:hover,
  af|selectOrderShuttle::removeall-vertical-icon-style:hover:rtl,
  af|selectOrderShuttle::remove-horizontal-icon-style:active,
  af|selectOrderShuttle::remove-horizontal-icon-style:active:rtl,
  af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active,
  af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:rtl,
  af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover,
  af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::remove-horizontal-icon-style:hover,
  af|selectOrderShuttle::remove-horizontal-icon-style:hover:rtl,
  af|selectOrderShuttle::remove-vertical-icon-style:active,
  af|selectOrderShuttle::remove-vertical-icon-style:active:rtl,
  af|selectOrderShuttle::remove-vertical-icon-style:disabled:active,
  af|selectOrderShuttle::remove-vertical-icon-style:disabled:active:rtl,
  af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::remove-vertical-icon-style:hover,
  af|selectOrderShuttle::remove-vertical-icon-style:hover:rtl
  {
    -tr-inhibit: background-image;
  }
}

/* Below are  the images ported from BlafPlusMediumDesktopSkinExtension */

af|query::error-icon {
  -tr-rule-ref: selector(".AFErrorIcon:alias");
}

af|query::warning-icon {
  -tr-rule-ref: selector(".AFWarningIcon:alias");
}

af|query::info-icon {
  -tr-rule-ref: selector(".AFInfoIcon:alias");
}

af|query::confirmation-icon {
  -tr-rule-ref: selector(".AFConfirmationIcon:alias");
}

af|showDetail::disclosed-icon {
  content: url('/afr/disclosure_expanded.png');
  width: 9px;
  height: 9px;  
}
af|showDetail::undisclosed-icon {
content: url('/afr/disclosure_collapsed.png');
width: 9px;
height: 9px;  
}

af|showDetail::disclosed-icon:rtl {
  -tr-rule-ref: selector("af|showDetail::disclosed-icon");
}

af|showDetail::undisclosed-icon:rtl {
  -tr-rule-ref: selector("af|showDetail::undisclosed-icon");
}


af|showDetailHeader::disclosed-icon {
  -tr-rule-ref: selector("af|showDetail::disclosed-icon");
}

af|showDetailHeader::undisclosed-icon 
{
  -tr-rule-ref: selector("af|showDetail::undisclosed-icon");
}

af|panelHeader::processing-icon {
  content: url('/afr/processWind_ena.png');
  width: 16px;
  height: 16px;
}

/*query header icons */
af|query::disclosed-icon {
  -tr-rule-ref: selector("af|showDetailHeader::disclosed-icon");
}

af|query::undisclosed-icon {
  -tr-rule-ref: selector("af|showDetailHeader::undisclosed-icon");
}


/* train icons. base skin has no icons for this */
af|train::parent-start-icon {
  content: url('/afr/mHTrain_parent.png');
  width:13px;
  height:13px;
}

af|train::parent-end-icon:rtl {
  -tr-rule-ref: selector("af|train::parent-start-icon");
}
    
af|train::parent-end-icon {
    content: url('/afr/mHTrain_parent_bidi.png');
    width:13px;
    height:13px;      
}

af|train::parent-start-icon:rtl {
  -tr-rule-ref: selector("af|train::parent-end-icon");
}
      
af|train-vertical::parent-start-icon {
  content: url('/afr/mVTrain_parent.png');
  width:13px;
  height:13px;       
}

af|train-vertical::parent-end-icon {
  content: url('/afr/mVTrain_parent_bottom.png');
  width:13px;
  height:13px;     
}

af|train-vertical::parent-start-icon:rtl {
  content: url('/afr/mVTrain_parent_bidi.png');
  width:13px;
  height:13px;      
}

af|train-vertical::parent-end-icon:rtl {
  content: url('/afr/mVTrain_parent_bottom_bidi.png');
  width:13px;
  height:13px;      
}
/* we want to use the 'style', not the icon */
/* content: inhibit creates a NullIcon */
af|inputColor::launch-icon {
  content: inhibit;
}


