/*
 Copyright (c) 2012, 2024, Oracle and/or its affiliates.

  skyros-v1-desktop.css defines the styles used by the desktop implementation of the Skyros
  Skin, and is identified by skin id "skyros.desktop". This skinning file extends the
  "simple-desktop" (richcomponents-simple-desktop.css) skin.
  (Heirarchy: richcomponents-simple-desktop.css/skyros-v1-desktop.css).
*/

/* Skin developement notes:
   * When adding skinning information to this file, we keep the same basic component
     order that is present in fusion-base-desktop.css. This way, we can more easily compare
     differences between the two skins.
   * Follow the existing css file rules, including: no tab chars (indentation done by 2 spaces),
     proper indenting, line endings with [CR][LF], trailing "{", etc.
*/

/* Skyros Color Aliases (in hue order, starting with grayscales)

   Skyros skin uses a color palette of anchor, derivative, and gourmet colors. These color aliases
   are defined below. These replace the previously used Fusion color alias names.
   See: https://stbeehive.oracle.com/teamcollab/wiki/FusionFresh+Skin:Fusion+Fresh+Color+Palette
        http://aseng-wiki.us.oracle.com/asengwiki/display/ASDevADFFaces/Skyros+Color+Alias+Table

   Note that this these color aliases were determined in coordination with RCUX and Skin Editor DT.
   There shouldn't be any changes to these unless approved by these groups!
   Both hex values and hsl values are included in the comments, but we use the hex value for
   compatibility with ie7/8. We could define by hsl and include an ie7/8 specific section including
   alternate hex values, but we've decided not to as we don't want to bloat the file and add another
   layer that could get out of synch - simpler to just use the hex values for now. */

/* Anchor, hsl(0, 0%, 0%), #000000 */
.AFBrandingBackgroundColor:alias {
  color: #000000;
}

/* Derivative of AFTextColor, hsl(0, 0%, 0%), #000000 */
.AFTextPrimaryColor:alias {
  color: #000000;
}

/* Anchor, hsl(0, 0%, 0%), #000000 */
.AFShadowColor:alias {
  /* 20% opacity included */
  color: rgba(0,0,0,0.2);
}

/* Anchor, default and 'light theme' background, hsl(0, 0%, 100%) #FFFFFF */
.AFBackgroundColor:alias {
  color: #FFFFFF;
}

/* Anchor, hsl(0, 0%, 100%) #FFFFFF */
.AFComponentBackgroundColor:alias {
  color: #FFFFFF;
}

/* Anchor, hsl(0, 0%, 100%), #FFFFFF */
.AFGlobalTextColor:alias {
  color: #FFFFFF;
}
/* Anchor color ,#FFFFFF*/
.AFTextAltColor:alias {
  color: #FFFFFF;
}
/* Anchor color ,#FFFFFF*/
.AFBadgeBorderColor:alias {
  color: #000000;
}
/* Anchor, hsl(0, 0%, 100%), #FFFFFF */
.AFGlobalLabelColor:alias {
  color: #FFFFFF;
}

/* Anchor, hsl(0, 0%, 100%), #FFFFFF */
.AFBrandingLinkColor:alias {
  color: #FFFFFF;
}

/* Anchor, hsl(0, 0%, 100%), #FFFFFF */
.AFBrandingTextColor:alias {
  color: #FFFFFF;
}

/* Gourmet, hsl(0, 0%, 100%), #FFFFFF */
.AFCodeEditorBackgroundColor:alias {
  color: #FFFFFF;
}

/* Anchor, hsl(0, 0%, 20%), #333333 */
.AFTextColor:alias {
  color: #333333;
}

/* Gourmet, hsl(0, 0%, 20%), #333333 */
.AFProgressBackgroundColor:alias {
  color: #333333;
}

/* Derivative of AFTextColor, hsl(0, 0%, 31%), #4F4F4F */
.AFLabelColor:alias {
  color: #4F4F4F;
}

/* Derivative of AFTextColor, hsl(0, 0%, 31%), #4F4F4F */
.AFTextSecondaryColor:alias {
  color: #4F4F4F;
}

/* Gourmet, hsl(0, 0%, 31%), #4F4F4F */
.AFCodeEditorLineNumberTextColor:alias {
  color: #4F4F4F;
}

/* Derivative of AFTextColor, hsl(0, 0%, 45%), #737373 */
.AFTextTertiaryColor:alias {
  color: #737373;
}

/* Gourmet, hsl(0, 0%, 45%), #737373 */
.AFSwatchBorderColor:alias {
  color: #737373;
}

/* Derivative of AFButtonGradientStartDisabledColor, hsl(0, 0%, 84%), #D5D5D5 */
.AFButtonBorderDisabledColor:alias {
  color: #D5D5D5;
}

/* Gourmet, hsl(0, 0%, 84%), #D5D5D5 */
.AFDateDisabledColor:alias {
  color: #D5D5D5;
}

/* Gourmet, hsl(0, 0%, 84%), #D5D5D5 */
.AFSliderDisabledColor:alias {
  color: #D5D5D5;
}

/* Derivative of AFButtonGradientStartDisabledColor, hsl(0, 0%, 90%), #E5E5E5 */
.AFButtonGradientEndDisabledColor:alias {
  color: #E5E5E5;
}

/* Derivative of AFComponentBackgroundColor, hsl(0, 0%, 93%), #EEEEEE */
.AFGridCellBorderColor:alias {
  color: #EEEEEE;
}

/* Anchor, hsl(0, 0%, 96%), #F4F4F4 */
.AFButtonGradientStartDisabledColor:alias {
  color: #F4F4F4;
}

/* Derivative of AFLabelColor, hsl(0, 0%, 32%), #525252 */
.AFHelpBorderColor:alias {
  color: #525252;
}

/* Derivative of AFComponentBackgroundColor, hsl(0, 0%, 98%), #F9F9F9 */
.AFComponentBackground2Color:alias {
  color: #F9F9F9;
}

/* Gourmet, hsl(0, 100%, 39%), #C70000 */
.AFErrorColor:alias {
  color: #C70000;
}

/* Gourmet, hsl(0, 100%, 39%), #C70000 */
.AFCodeEditorErrorColor:alias {
  color: #C70000;
}

/* Gourmet, hsl(36, 100%, 58%), #FFAA2B */
.AFWarningColor:alias {
  color: #FFAA2B;
}

/* Gourmet, hsl(36, 100%, 58%), #FFAA2B */
.AFCodeEditorWarningColor:alias {
  color: #FFAA2B;
}

/* Derivative of AFButtonGradientStartHoverColor, hsl(41, 100%, 73%), #FFD475 */
.AFButtonGradientEndHoverColor:alias {
  color: #FFD475;
}

/* Gourmet, hsl(41, 100%, 73%), #FFD475 */
.AFPanelBoxHighlightMediumColor:alias {
  color: #FFD475;
}

/* Anchor, hsl(41, 100%, 83%), #FFE4A8 */
.AFButtonGradientStartHoverColor:alias {
  color: #FFE4A8;
}

/* Derivative of AFButtonGradientStartHoverColor, hsl(41, 47%, 68%), #D4BB87 */
.AFButtonBorderBottomHoverColor:alias {
  color: #D4BB87;
}

/* Derivative of AFButtonGradientStartHoverColor, hsl(41, 55%, 75%), #E2CB9B */
.AFButtonBorderHoverColor:alias {
  color: #E2CB9B;
}

/* Anchor, hsl(041, 80%, 72%), #F1CD7E */
.AFHoverPrimaryColor:alias {
  color: #F1CD7E;
}

/* Anchor, hsl(48, 100%, 83%), #FFEEA8 */
.AFHoverSecondaryColor:alias {
  color: #FFEEA8;
}

/* Gourmet, hsl(48, 100%, 83%), #FFEEA8 */
.AFPanelBoxHighlightLightColor:alias {
  color: #FFEEA8;
}

/* Gourmet, hsl(48, 100%, 83%), #FFEEA8 */
.AFCodeEditorAreaHighlightColor:alias {
  color: #FFEEA8;
}

/* Anchor, hsl(53, 100%, 96%), #FFFDED */
.AFGridCellSelectedInactiveColor:alias {
  color: #FFFDED;
}

/* Derivative of AFGridCellSelectedInactiveColor, hsl(53, 61%, 85%), #F0EBC1 */
.AFGridControlSelectedInactiveColor:alias {
  color: #F0EBC1;
}

/* Anchor, hsl(191, 100%, 42%), #00AFD6 */
.AFActiveDataColor:alias {
  color: #00AFD6;
}

/* Gourmet, hsl(191, 100%, 42%), #00AFD6 */
.AFFreezeLineColor:alias {
  color: #00AFD6;
}

/* Anchor, hsl(191, 67%, 86%), #C3EAF3 */
.AFGlobalLinkColor:alias {
  color: #C3EAF3;
}

/* Derivative of AFDropTargetColor, hsl(191, 67%, 86%), #C3EAF3 */
.AFDropTarget2Color:alias {
  color: #C3EAF3;
}

/* Anchor, hsl(191, 77%, 92%), #D9F4FA */
.AFDropTargetColor:alias {
  color: #D9F4FA;
}

/* Anchor, hsl(200, 100%, 18%), #003D5B */
.AFHeaderTextColor:alias {
  color: #003D5B;
}

/* Anchor, hsl(205, 100%, 25%), #004A80 */
.AFRequiredColor:alias {
  color: #004A80;
}

/* Anchor, hsl(205, 16%, 89%), #DEE4E7 */
.AFFormControlContentBorderColor:alias {
  color: #7D97A1;
}

/* Anchor, hsl(209, 100%, 99%), #FAFDFF */
.AFFormControlContentColor:alias {
  color: #FAFDFF;
}

/* Anchor, hsl(205, 16%, 89%), #DEE4E7 */
.AFTabColor:alias {
  color: #DEE4E7;
}

/* Anchor, hsl(205, 24%, 87%), #D6DFE6 */
.AFPanelBorderColor:alias {
  color: #D6DFE6;
}

/* Derivative of AFTabColor, hsl(205, 24%, 87%), #D6DFE6 */
.AFTabBorderDisabledColor:alias {
  color: #D6DFE6;
}

/* Derivative of AFPanelBorderColor, hsl(205, 32%, 92%), #E4ECF1 */
.AFPanelBorder2Color:alias {
  color: #E4ECF1;
}

/* Gourmet, hsl(205, 32%, 92%), #E4ECF1 */
.AFCodeEditorLineNumberBorderColor:alias {
  color: #E4ECF1;
}

/* Anchor, hsl(209, 100%, 99%), #FAFDFF */
.AFFormControlContentColor:alias {
  color: #FAFDFF;
}

/* Derivative of AFBackground2Color, hsl(209, 20%, 78%), #BCC7D2 */
.AFBackgroundBorderTopColor:alias {
  color: #BCC7D2;
}

/* Derivative of AFBackground2Color, hsl(209, 20%, 78%), #BCC7D2 */
.AFAccordionBorderColor:alias {
  color: #BCC7D2;
}

/* Derivative of AFBackground2Color, hsl(209, 26%, 91%), #E2E8EE */
.AFBackground2BorderColor:alias {
  color: #E2E8EE;
}

/* Derivative of AFButtonGradientStartActiveColor, hsl(209, 32%, 54%), #648BAF */
.AFButtonBorderTopActiveColor:alias {
  color: #648BAF;
}

/* Anchor, hsl(209, 32%, 54%), #648BAF */
.AFGridDragLineColor:alias {
  color: #648BAF;
}

/* Gourmet, hsl(209, 32%, 54%), #648BAF */
.AFSliderBarColor:alias {
  color: #648BAF;
}

/* Anchor, hsl(209, 80%, 39%), #1466B2 */
.AFCalendarActivityColor:alias {
  color: #1466B2;
}

/* Anchor, 'medium theme' background , hsl(209, 38%, 95%) #EDF2F7 */
.AFBackground2Color:alias {
  color: #EDF2F7;
}

/* Derivative of AFButtonGradientStartActiveColor, hsl(209, 39%, 62%), #789FC4 */
.AFButtonBorderActiveColor:alias {
  color: #789FC4;
}

/* Derivative of AFGlobalRequiredColor, hsl(209, 39%, 62%), #789FC4 */
.AFProgressCurrentValueColor:alias {
  color: #789FC4;
}

/* Derivative of AFButtonGradientStartColor, hsl(209, 41%, 70%), #92B3D1 */
.AFButtonBorderBottomColor:alias {
  color: #92B3D1;
}

/* Derivative of AFButtonGradientStartColor, hsl(209, 42%, 71%), #95B6D4  */
.AFButtonBorderColor:alias {
  color: #95B6D4;
}

/* Derivative of AFGlobalBackgroundColor, hsl(209, 42%, 71%), #95B6D4  */
.AFGlobalTabDisabledColor:alias {
  color: #95B6D4;
}
/* Derivative of AFGlobalBackgroundColor, hsl(209, 68%, 52%) , #2f87d8  */
.AFGlobalSelectedBorderColor:alias {
  color: #2f87d8;
}
/* Derivative of AFGlobalBackgroundColor, hsl(209, 52%, 49%), #3c80bf  */
.AFGlobalSelectedColor:alias {
  color: #3c80bf;
}
/* Derivative of AFButtonGradientStartActiveColor, hsl(209, 54%, 79%), #ACCAE6 */
.AFButtonGradientEndActiveColor:alias {
  color: #ACCAE6;
}

/* Anchor, hsl(209, 56%, 63%), #6AA1D5 */
.AFButtonGradientStartActiveColor:alias {
  color: #6AA1D5;
}

/* Gourmet, hsl(209, 56%, 63%), #6AA1D5 */
.AFPanelBoxHighlightDarkColor:alias {
  color: #6AA1D5;
}

/* Gourmet, hsl(209, 56%, 63%), #6AA1D5 */
.AFCarouselFocusBorderColor:alias {
  color: #6AA1D5;
}

/* Anchor, hsl(209, 61%, 87%), #C9DEF2 */
.AFGridCellActiveColor:alias {
  color: #C9DEF2;
}

/* Gourmet, hsl(209, 61%, 87%), #C9DEF2 */
.AFCodeEditorAreaActiveColor:alias {
  color: #C9DEF2;
}

/* Anchor, hsl(209, 70%, 88%), #CCE2F6 */
.AFButtonGradientStartColor:alias {
  color: #CCE2F6;
}

/* Anchor, hsl(209, 70%, 88%), #CCE2F6 */
.AFGlobalRequiredColor:alias {
  color: #CCE2F6;
}

/* Derivative of AFButtonGradientStartColor, hsl(209, 71%, 82%), #B1D2F2 */
.AFButtonGradientEndColor:alias {
  color: #B1D2F2;
}

/* Derivative of AFGlobalRequiredColor, hsl(209, 71%, 82%), #B1D2F2 */
.AFGlobalProgressCurrentValueColor:alias {
  color: #B1D2F2;
}

/* Anchor, hsl(209, 80%, 39%), #1466B2 */
.AFGlobalBackgroundColor:alias {
  color: #1466B2;
}

/* Derivative of AFGridControlColor, hsl(212, 23%, 66%), #93A6BC */
.AFGridControlSelectedColor:alias {
  color: #93A6BC;
}

/* Derivative of AFSliderTickMarkColor, hsl(212, 23%, 66%), #93A6BC */
.AFSliderTickMarkZeroColor:alias {
  color: #93A6BC;
}

/* Anchor, hsl(212, 26%, 85%), #CFD8E3 */
.AFBackgroundBorderColor:alias {
  color: #CFD8E3;
}

/* Derivative of AFGlobalTabColor, hsl(212, 26%, 85%), #CFD8E3 */
.AFGlobalTabBorderColor:alias {
  color: #CFD8E3;
}

/* Derivative of AFAccordionHeaderGradientStartColor, hsl(212, 27%, 88%), #D7DFE8 */
.AFAccordionHeaderGradientEndColor:alias {
  color: #D7DFE8;
}

/* Anchor, hsl(212, 30%, 82%), #C3D0DF */
.AFGlobalTabColor:alias {
  color: #C3D0DF;
}

/* Anchor, hsl(212, 30%, 82%), #C3D0DF */
.AFWindowBorderColor:alias {
  color: #C3D0DF;
}

/* Derivative of AFGlobalTabColor, hsl(212, 30%, 82%), #C3D0DF */
.AFTabBorderColor:alias {
  color: #C3D0DF;
}

/* Derivative of AFGlobalTabColor, hsl(212, 35%, 93%), #E6ECF3 */
.AFTabDisabledColor:alias {
  color: #E6ECF3;
}

/* Anchor, hsl(212, 35%, 93%), #E6ECF3 */
.AFAccordionHeaderGradientStartColor:alias {
  color: #E6ECF3;
}

/* Derivative of AFSelectedColor , hsl(212, 35%, 93%), #E6ECF3 */
.AFDateSelectedColor:alias {
  color: #E6ECF3;
}

/* Anchor, hsl(212, 36%, 78%), #B3C6DB */
.AFSelectedColor:alias {
  color: #B3C6DB;
}

/* Anchor, hsl(212, 36%, 78%), #B3C6DB */
.AFSliderTickMarkColor:alias {
  color: #B3C6DB;
}

/* Derivative of AFGlobalTabColor, hsl(212, 43%, 74%), #A0BBD9 */
.AFGlobalTabBorderDisabledColor:alias {
  color: #A0BBD9;
}

/* Derivative of AFSelectedColor, hsl(212, 43%, 74%), #A0BBD9 */
.AFGridControlActiveColor:alias {
  color: #A0BBD9;
}

/* Derivative of AFSelectedColor, hsl(212, 43%, 74%), #A0BBD9 */
.AFListSeparatorColor:alias {
  color: #A0BBD9;
}

/* Anchor, hsl(212, 50%, 96%), #F0F4FA */
.AFGridControlColor:alias {
  color: #F0F4FA;
}

/* Anchor, hsl(218, 100%, 26%), #003286 */
.AFLinkColor:alias {
  color: #003286;
}

/* Gourmet, hsl(218, 100%, 26%), #003286 */
.AFPanelBoxCoreDarkColor:alias {
  color: #003286;
}

/* Anchor, hsl(218, 40%, 98%), #F8F9FC */
.AFGridControl2Color:alias {
  color: #F8F9FC;
}

/* Gourmet, hsl(218, 40%, 98%), #F8F9FC */
.AFCodeEditorToolbarBackgroundColor:alias {
  color: #F8F9FC;
}

/* Anchor, hsl(223, 10%, 48%), #6E7587 */
.AFTextDisabledColor:alias {
  color: #6E7587;
}

/* Gourmet, hsl(223, 10%, 48%), #6E7587 */
.AFCodeEditorTextDisabledColor:alias {
  color: #6E7587;
}

/* Derivative of AFTextDisabledColor, hsl(223, 17%, 62%), #8E97AF */
.AFLinkDisabledColor:alias {
  color: #8E97AF;
}

/* Anchor, hsl(223, 17%, 62%), #8E97AF */
.AFGlobalLinkDisabledColor:alias {
  color: #8E97AF;
}

/* Anchor, hsl(223, 17%, 62%), #8E97AF */
.AFBrandingLinkDisabledColor:alias {
  color: #8E97AF;
}

/* Gourmet, hsl(223, 25%, 46%), #596A94 */
.AFDateNextColor:alias {
  color: #596A94;
}

/* Gourmet, hsl(223, 25%, 46%), #596A94 */
.AFSliderNumeralColor:alias {
  color: #596A94;
}

/* Gourmet, hsl(223, 25%, 46%), #596A94 */
.AFPageStampTextColor:alias {
  color: #596A94;
}

/* Anchor, hsl(240, 7%, 94%), #EFEFF1 */
.AFFormControlContentDisabledColor:alias {
  color: #EFEFF1;
}

/* Gourmet, hsl(240, 7%, 94%), #EFEFF1 */
.AFCodeEditorBackgroundDisabledColor:alias {
  color: #EFEFF1;
}

/* Derivative of AFFormControlContentDisabledColor, hsl(240, 7%, 97%), #F7F7F8 */
.AFFormControlContentBorderDisabledColor:alias {
  color: #F7F7F8;
}

/* Anchor, hsl(240, 7%, 97%), #F7F7F8 */
.AFBackground2BorderTopColor:alias {
  color: #F7F7F8;
}

/* Anchor, hsl(295, 100%, 24%), #72007C */
.AFLinkActiveColor:alias {
  color: #72007C;
}

/* Anchor, hsl(295, 100%, 24%), #72007C */
.AFLinkVisitedColor:alias {
  color: #72007C;
}

/* Gourmet, hsl(295, 100%, 41%), #C000D1 */
.AFSliderThumbTextColor:alias {
  color: #C000D1;
}

/* Anchor, hsl(295, 48%, 67%), #CD82D3 */
.AFBrandingLinkActiveColor:alias {
  color: #CD82D3;
}

/* Anchor, hsl(0, 0%, 100%), #FFFFFF */
.AFBrandingLinkVisitedColor:alias {
  color: #FFFFFF;
}

/* Anchor, hsl(295, 48%, 67%), #CD82D3 */
.AFGlobalLinkActiveColor:alias {
  color: #CD82D3;
}

/* Anchor, hsl(191, 67%, 86%), #C3EAF3 */
.AFGlobalLinkVisitedColor:alias {
  color: #C3EAF3;
}

/* private - black for high contrast mode */
.AFHCBlackColor:alias {
  color: #000000;
}

/* Handling of 'old' color aliases that are present and used in simple skin but are not used in Skyros skin.
   These are not used in Skyros skin, so they are redefined to existing Skyros color aliases. If
   redefinition is not correct for individual uses (and it probably isn't), then those instances
   will need to be defined to the correct color alias. */

/* AFDarkBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFGlobalBackgroundColor, any exceptions require replacement definitions. */
.AFDarkBackground:alias {
  background-color: -tr-property-ref(".AFGlobalBackgroundColor:alias","color");
}

/* AFDarkForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFGlobalBackgroundColor, any exceptions require replacement definitions. */
.AFDarkForeground:alias {
  color: -tr-property-ref(".AFGlobalBackgroundColor:alias","color");
}

/* AFMediumBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFBackground2Color, any exceptions require replacement definitions. */
.AFMediumBackground:alias {
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
}

/* AFLightBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFBackgroundColor, any exceptions require replacement definitions. */
.AFLightBackground:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

/* AFVeryDarkBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFGlobalBackgroundColor, any exceptions require replacement definitions. */
.AFVeryDarkBackground:alias {
  background-color: -tr-property-ref(".AFGlobalBackgroundColor:alias","color");
}

/* AFVeryDarkForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFTextColor (for now), exceptions will require replacement definitions. */
.AFVeryDarkForeground:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* AFVeryDarkAccentBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFGlobalBackgroundColor (for now), exceptions will require replacement definitions. */
.AFVeryDarkAccentBackground:alias {
  background-color: -tr-property-ref(".AFGlobalBackgroundColor:alias","color");
}

/* AFVeryDarkAccentForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFTextColor (for now), exceptions will require replacement definitions. */
.AFVeryDarkAccentForeground:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* AFDarkAccentBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFGlobalBackgroundColor (for now), exceptions will require replacement definitions. */
.AFDarkAccentBackground:alias {
  background-color: -tr-property-ref(".AFGlobalBackgroundColor:alias","color");
}

/* AFDarkAccentForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFTextColor (for now), exceptions will require replacement definitions. */
.AFDarkAccentForeground:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* AFMediumAccentBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFSelectedColor (for now), exceptions will require replacement definitions. */
.AFMediumAccentBackground:alias {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

/* AFLightAccentBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFBackground2Color (for now), exceptions will require replacement definitions. */
.AFLightAccentBackground:alias {
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
}

/* AFLabelTextForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFLabelColor, any exceptions require replacement definitions. */
.AFLabelTextForeground:alias {
  color: -tr-property-ref(".AFLabelColor:alias","color");
}

/* AFVisitedLinkForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFLinkVisitedColor, any exceptions require replacement definitions. */
.AFVisitedLinkForeground:alias {
  color: -tr-property-ref(".AFLinkVisitedColor:alias","color");
}

/* AFActiveLinkForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFLinkActiveColor, any exceptions require replacement definitions. */
.AFActiveLinkForeground:alias {
  color: -tr-property-ref(".AFLinkActiveColor:alias","color");
}

/* AFLightestNeutralBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFBackgroundColor, any exceptions require replacement definitions. */
.AFLightestNeutralBackground:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

/* AFLightestNeutralForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFBackgroundColor, any exceptions require replacement definitions. */
.AFLightestNeutralForeground:alias {
  color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

/* AFTextForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFTextColor, any exceptions require replacement definitions. */
.AFTextForeground:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* AFErrorBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFErrorColor, any exceptions require replacement definitions. */
.AFErrorBackground:alias {
  background-color: -tr-property-ref(".AFErrorColor:alias","color");
}

/* AFErrorTextForeground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFErrorColor, any exceptions require replacement definitions. */
.AFErrorTextForeground:alias {
  -tr-rule-ref: selector(".AFErrorColor:alias");
}

/* AFWarningBackground alias, which is present in simple, is not used in Skyros skin. Redefining to
   AFWarningColor, any exceptions require replacement definitions. */
.AFWarningBackground:alias {
  background-color: -tr-property-ref(".AFWarningColor:alias","color");
}

/* Base font alias definitions */

/* F1 */
.AFDefaultFontFamily:alias {
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/* F2 */
.AFDefaultFont:alias {
  font-size: 11px;
}

/* F3 */
.AFSmallHeaderFont:alias {
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}

/* F4 */
.AFMediumHeaderFont:alias {
  -tr-rule-ref: selector(".AFSmallHeaderFont:alias");
  font-size: +3;
}

/* F5 */
.AFLargeHeaderFont:alias {
  -tr-rule-ref: selector(".AFSmallHeaderFont:alias");
  font-size: +7;
}

/* Base border radius alias definitions */

.AFSmallBorderRadius:alias{
  border-radius: 1px;
}

.AFMediumBorderRadius:alias{
  border-radius: 2px;
}

.AFLargeBorderRadius:alias{
  border-radius: 3px;
}

/* extra large is 6px for Skyros, used with panelWindow and dialog. */
.AFExtraLargeBorderRadius:alias{
  border-radius: 6px;
}

/* End of Base border radius alias definitions */

/* PANELHEADER GROUP - panelHeader / showDetailHeader / query */

/* Styles for the center region of the title in a level 1 header */
.AFPanelHeaderTitleCenterLevel1:alias {
  -tr-rule-ref: selector(".AFMediumHeaderFont:alias");
  font-size: -2;
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

/* Styles for the center region of the title in header with level >= 2 */
.AFPanelHeaderTitleCenterSubLevels:alias {
  -tr-rule-ref: selector(".AFSmallHeaderFont:alias");
  -tr-rule-ref: selector(".AFTextColor:alias");
}

/* Styles for the content area in panelHeader / query / showDetailheader with level >= 2 */
/* Because we don't distinguish a background color in headers in Skyros, we'll always inherit base color. */
.AFPanelHeaderContentLevel1:alias {
  color: inherit;
}

/* PANELHEADER GROUP END */

/*BOX GROUP- panelBox / region / panelAccordion / panelWindow / dialog */

/* Global alias for the disclosed icon (icon used usually in low contrast profile) used in
panelBox / region / panelAccordion / query / showDetailheader*/
.AFDisclosedIcon:alias{
  content: url('/afr/skyros-v1/disclosecollapsed_ff_ena.png');
}

/* Global alias for the undisclosed icon (icon used usually in low contrast profile) used in
panelBox / region / panelAccordion / query / showDetailheader*/
.AFUndisclosedIcon:alias{
  content: url('/afr/skyros-v1/disclosecollapsed_ff_ena.png');
}

/* private */
.AFUndisclosedIcon:alias:rtl{
  content: url('/afr/skyros-v1/disclosecollapsed_ff_rtl_ena.png');
}

/* Global alias for the disclosed icon (icon used usually in non-accessible profile) used in
panelBox / region / panelAccordion / query / showDetailheader*/
.AFDisclosedIconStyle:alias{
  background-image: url('/afr/skyros-v1/discloseexpanded_ff_ena.png');
}

.AFDisclosedIconStyleHover:alias{
  background-image: url('/afr/skyros-v1/discloseexpanded_ff_ovr.png');
}

.AFDisclosedIconStyleActive:alias{
  background-image: url('/afr/skyros-v1/discloseexpanded_ff_dwn.png');
}

/* Global alias for the undisclosed icon (icon used usually in non-accessible profile) used in
panelBox / region / panelAccordion / query / showDetailheader*/
.AFUndisclosedIconStyle:alias{
  background-image: url('/afr/skyros-v1/disclosecollapsed_ff_ena.png');
}

.AFUndisclosedIconStyle:alias:rtl{
  background-image: url('/afr/skyros-v1/disclosecollapsed_ff_rtl_ena.png');
}

.AFUndisclosedIconStyleHover:alias{
  background-image: url('/afr/skyros-v1/disclosecollapsed_ff_ovr.png');
}

.AFUndisclosedIconStyleHover:alias:rtl{
  background-image: url('/afr/skyros-v1/disclosecollapsed_ff_rtl_ovr.png');
}

.AFUndisclosedIconStyleActive:alias{
  background-image: url("/afr/skyros-v1/disclosecollapsed_ff_dwn.png");
}

.AFUndisclosedIconStyleActive:alias:rtl{
  background-image: url('/afr/skyros-v1/disclosecollapsed_ff_rtl_dwn.png');
}

/* Global alias for show/hide icon */
.AFVerticalTabLabelHideStyle:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_hide_ena.png");
}

.AFVerticalTabLabelHideStyleHover:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_hide_hov.png");
}

.AFVerticalTabLabelHideStyleActive:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_hide_dwn.png");
}

.AFVerticalTabLabelHideStyleDisabled:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_hide_dis.png");
}

.AFVerticalTabLabelShowStyle:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_show_ena.png");
}

.AFVerticalTabLabelShowStyleHover:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_show_hov.png");
}

.AFVerticalTabLabelShowStyleActive:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_show_dwn.png");
}

.AFVerticalTabLabelShowStyleDisabled:alias {
  background-image: url("/afr/skyros-v1/VertTabLabel_show_dis.png");
}

/* Global alias for the maximize icon (icon used usually in low contrast profile) used in
panelBox / region */
.AFMaximizedIcon:alias{
  content: url('/afr/restore_ena.png');
}

/* Global alias for the unmaximize icon (icon used usually in low contrast profile) used in
panelBox / region */
.AFUnmaximizedIcon:alias{
  content: url('/afr/max_ena.png');
}

/* private */
.AFMaximizedIcon:alias:rtl{
  content: url('/afr/restore_ena_rtl.png');
}

/* private */
.AFUnmaximizedIcon:alias:rtl{
  content: url('/afr/max_ena_rtl.png');
}

/* Global alias for the maximize icon (icon used usually in non-accessible profile) used in
panelBox / region */
.AFMaximizedIconStyle:alias{
  background-image: url('/afr/restore_ena.png');
}

.AFMaximizedIconStyle:alias:rtl{
  background-image: url('/afr/restore_ena_rtl.png');
}

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

.AFMaximizedIconStyleHover:alias:rtl{
  background-image: url('/afr/restore_ovr_rtl.png');
}

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

.AFMaximizedIconStyleActive:alias:rtl{
  background-image: url('/afr/restore_dwn_rtl.png');
}

/* Global alias for the unmaximize icon (icon used usually in non-accessible profile) used in
panelBox / region */
.AFUnmaximizedIconStyle:alias{
  background-image: url('/afr/max_ena.png');
}
.AFUnmaximizedIconStyle:alias:rtl{
  background-image: url('/afr/max_ena_rtl.png');
}
.AFUnmaximizedIconStyleHover:alias{
  background-image: url('/afr/max_ovr.png');
}
.AFUnmaximizedIconStyleHover:alias:rtl{
  background-image: url('/afr/max_ovr_rtl.png');
}
.AFUnmaximizedIconStyleActive:alias{
  background-image: url("/afr/max_dwn.png");
}
.AFUnmaximizedIconStyleActive:alias:rtl{
  background-image: url('/afr/max_dwn_rtl.png');
}

/* Versions of Maximize icons for Dark Backgrounds */

/* Global alias for the maximize icon (icon used usually in low contrast profile) used in
panelBox / region */
.AFMaximizedIconDarkBackground:alias{
  content: url('/afr/restore_ena_dbg.png');
}
/* Global alias for the unmaximize icon (icon used usually in low contrast profile) used in
panelBox / region */
.AFUnmaximizedIconDarkBackground:alias{
  content: url('/afr/max_ena_dbg.png');
}
/* private */
.AFMaximizedIconDarkBackground:alias:rtl{
  content: url('/afr/restore_ena_dbg_rtl.png');
}

/* private */
.AFUnmaximizedIconDarkBackground:alias:rtl{
  content: url('/afr/max_ena_dbg_rtl.png');
}

/* Global alias for the maximize icon (icon used usually in non-accessible profile) used in
panelBox / region */
.AFMaximizedIconStyleDarkBackground:alias{
  background-image: url('/afr/restore_ena_dbg.png');
}

.AFMaximizedIconStyleDarkBackground:alias:rtl{
  background-image: url('/afr/restore_ena_dbg_rtl.png');
}

/* Global alias for the unmaximize icon (icon used usually in non-accessible profile) used in
panelBox / region */
.AFUnmaximizedIconStyleDarkBackground:alias{
  background-image: url('/afr/max_ena_dbg.png');
}

.AFUnmaximizedIconStyleDarkBackground:alias:rtl{
  background-image: url('/afr/max_ena_dbg_rtl.png');
}

/* Undo twinkle foreground color, no 'special' color is indicated in spec. */
.AFTwinkleForeground:alias {
  -tr-inhibit: color;
}

/* Active Data update twinkle background image */
.AFTwinkleBackground:alias {
  background-color: -tr-property-ref(".AFActiveDataColor:alias","color");
}

.AFChangedIcon:alias {
  content: url(/afr/skyros-v1/updatedvalue_status.png);
  vertical-align: text-bottom;
  padding-right: 3px;
}

.AFLabelTextForegroundDisabled:alias {
  -tr-rule-ref: selector(".AFLabelColor:alias");
}

/* This is a public style class, not an alias */
.AFRequiredIconStyle {
  color: -tr-property-ref(".AFRequiredColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}

/* Alias for toolbar and query separators */
.AFBarSeparator:alias {
  width: 2px;
  height: 17px;
  padding: 0px 5px;
  background-image: url('/afr/skyros-v1/toolbar_l23_separator.png');
  background-repeat: no-repeat;
  background-position: center;
}

/* borders on buttons */

.AFButtonBorder:alias {
  border-radius: 3px;
  border-top: 1px solid -tr-property-ref(".AFButtonBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFButtonBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFButtonBorderBottomColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFButtonBorderColor:alias","color");
}

/* borders on disabled buttons */
.AFButtonBorderDisabled:alias {
  border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}

/* borders on buttons during hover */
.AFButtonBorderHover:alias {
  border-top: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFButtonBorderBottomHoverColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
}

/* borders on selected buttons and depressed (mouse down) commandToolbarButtons and
   and borders on other buttons in mouse down / active (pseudo state) mode. */
.AFButtonBorderDepressed:alias,
.AFButtonBorderActive:alias {
  border-top: 1px solid -tr-property-ref(".AFButtonBorderTopActiveColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
}

/* Button foreground (text) color */
.AFButtonForeground:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

.AFButtonForegroundHover:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

.AFButtonForegroundDepressed:alias {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* Disabled button foreground (text) color */
.AFButtonForegroundDisabled:alias {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

/* Background on buttons (new alias). Because this alias is used for both <div> and <button> based
   buttons, it's definition should not contain any padding definitions. The background-color is
   inhibited here so that the background color assigned in simple skin doesn't cause confusion in
   the skin editor. */
.AFButtonBackground:alias {
  -tr-inhibit: background-color;
  background-image: linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
}

/* background on buttons in hover mode */
.AFButtonBackgroundHover:alias {
  -tr-inhibit: background-color;
  background-image: linear-gradient(top, -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color") 100%);
}

/* background on buttons in active mode (mouse down) */
.AFButtonBackgroundActive:alias {
  -tr-inhibit: background-color;
  background-image: linear-gradient(top, -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndActiveColor:alias","color") 100%);
}

/* background on buttons in disabled mode */
.AFButtonBackgroundDisabled:alias {
  -tr-inhibit: background-color;
  background-image: linear-gradient(top, -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndDisabledColor:alias","color") 100%);
}

/* Background gradients for FF3.6 + */
@agent gecko {
  .AFButtonBackground:alias {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
  .AFButtonBackgroundHover:alias {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color") 100%);
  }
  .AFButtonBackgroundActive:alias {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndActiveColor:alias","color") 100%);
  }
  .AFButtonBackgroundDisabled:alias {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndDisabledColor:alias","color") 100%);
  }
}

/* No background gradients for FF 2.x - 3.5, use background color instead. */
@agent gecko and (version: 1.8), gecko and (version: 1.9.0), gecko and (version: 1.9.1) {
  .AFButtonBackground:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartColor:alias","color");
    -tr-inhibit: background-image;
  }
  .AFButtonBackgroundHover:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color");
    -tr-inhibit: background-image;
  }
  .AFButtonBackgroundActive:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color");
    -tr-inhibit: background-image;
  }
  .AFButtonBackgroundDisabled:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color");
    -tr-inhibit: background-image;
  }
}

/* Update the background gradients using the browser specific implementations,
   Chrome 10+ and Safari 5.1+ use -webkit-linear-gradient,
   Older versions of chrome (<10, webkit 522 - 534.13) and safari (4.0, 5.0; webkit 526.11.2 - 533.22.3) use -webkit-gradient, like
     -webkit-gradient(linear, left top, left bottom, color-stop(0%,[color]), color-stop(100%,[color])); */
@agent webkit {
  .AFButtonBackground:alias {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
  }
  .AFButtonBackgroundHover:alias {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color") 100%);
  }
  .AFButtonBackgroundActive:alias {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndActiveColor:alias","color") 100%);
  }
  .AFButtonBackgroundDisabled:alias {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndDisabledColor:alias","color") 100%);
  }
}

/* Update the background gradients using the browser specific implementations,
   Older versions of chrome (<10, webkit 522 - 534.13) and safari (4.0, 5.0; webkit 526.11.2 - 533.22.3) use -webkit-gradient.
   For now, just catching the major safari 5.0 releases (webkit 533) */
@agent webkit and (version: 533) {
  .AFButtonBackground:alias {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, -tr-property-ref(".AFButtonGradientStartColor:alias","color") ), color-stop(100%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") ));
  }
  .AFButtonBackgroundHover:alias {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color") ), color-stop(100%, -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color") ));
  }
  .AFButtonBackgroundActive:alias {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color") ), color-stop(100%, -tr-property-ref(".AFButtonGradientEndActiveColor:alias","color") ));
  }
  .AFButtonBackgroundDisabled:alias {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color") ), color-stop(100%, -tr-property-ref(".AFButtonGradientEndDisabledColor:alias","color") ));
  }
}

/* Background gradients for IE8 and IE9 (for some reason combining ie vesion 8 AND version 9
   doesn't work with 11.1.1.6.2 corresponding version of Trinidad skin generator, so spelling this out this way instead). */
@agent ie {
  .AFButtonBackground:alias {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=-tr-property-ref(".AFButtonGradientStartColor:alias","color"), endColorstr=-tr-property-ref(".AFButtonGradientEndColor:alias","color"),GradientType=0 );
    -tr-inhibit: background-image;
  }
  .AFButtonBackgroundHover:alias {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=-tr-property-ref(".AFButtonGradientStartHoverColor:alias","color"), endColorstr=-tr-property-ref(".AFButtonGradientEndHoverColor:alias","color"),GradientType=0 );
    -tr-inhibit: background-image;
  }
  .AFButtonBackgroundActive:alias {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=-tr-property-ref(".AFButtonGradientStartActiveColor:alias","color"), endColorstr=-tr-property-ref(".AFButtonGradientEndActiveColor:alias","color"),GradientType=0 );
    -tr-inhibit: background-image;
  }
  .AFButtonBackgroundDisabled:alias {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=-tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color"), endColorstr=-tr-property-ref(".AFButtonGradientEndDisabledColor:alias","color"),GradientType=0 );
    -tr-inhibit: background-image;
  }
}

/* While filter works in ie7, it is buggy when applied to <button> elements, so using solid color instead. */
@agent ie and (version: 7.0) {
  .AFButtonBackground:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartColor:alias","color");
    filter: none;
  }
  .AFButtonBackgroundHover:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color");
    filter: none;
  }
  .AFButtonBackgroundActive:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color");
    filter: none;
  }
  .AFButtonBackgroundDisabled:alias {
    background-color: -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color");
    filter: none;
  }
}

/* Background gradients for IE10+ */
@agent ie and (min-version: 10.0) {
  .AFButtonBackground:alias {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndColor:alias","color") 100%);
    filter: none;
  }
  .AFButtonBackgroundHover:alias {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color") 100%);
    filter: none;
  }
  .AFButtonBackgroundActive:alias {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndActiveColor:alias","color") 100%);
    filter: none;
  }
  .AFButtonBackgroundDisabled:alias {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFButtonGradientStartDisabledColor:alias","color") 0%, -tr-property-ref(".AFButtonGradientEndDisabledColor:alias","color") 100%);
    filter: none;
  }
}

/* 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;
}

/* Buttons have 9px l/r padding. */
.AFButtonLink:alias {
  padding: 2px 9px 1px 9px;
}

/* 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;
  vertical-align: bottom;
}

/* 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 {
  white-space: nowrap;
  margin: 0px;
  padding-top: 1px;
  padding-bottom: 3px;
}

/* add a little more right margin space */
/* This key is an alias for the dynamic help icon style. */
.AFDynamicHelpIconStyle:alias {
  margin-right: 4px;
  background-image: url('/afr/skyros-v1/helptopics_sm_ena.png');
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  vertical-align: baseline;
}

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

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

/* This key is an alias for the dynamic help icon style for disabled (ie no external url). */
.AFDynamicHelpIconStyleDisabled:alias {
  background-image: url('/afr/skyros-v1/helptopics_sm_dis.png');
}

/* This key is an alias for the color on help instruction text */
.AFInstructionText {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
}

.AFAutoSuggestItemsContainer {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  border-width: 1px ;
  border-style: solid;
  border-color: -tr-property-ref(".AFBackground2Color:alias","color");
}

.AFAutoSuggestItem {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-weight: normal;
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFontFamily:alias");
  padding: 2px 2px 1px 2px;
}

.AFAutoSuggestItem:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

@platform linux {
  @agent gecko {
    /* Firefox on linux only needs 3px margin. */
    .AFDynamicHelpIconStyle:alias {
      margin-right: 3px;
      vertical-align: middle;
    }
  }
}

@agent webkit {
  /* Safari only needs 3px margin. */
  .AFDynamicHelpIconStyle:alias {
    margin-right: 3px;
    vertical-align: middle;
  }
}

/* Borders on form content. */
.AFFormControlContentBorder:alias {
  border-style: solid;
  border-width: 1px;
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-radius: 3px;
}

.AFFormControlContentForegroundDisabled:alias {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

.AFFormControlContentBackgroundDisabled:alias {
  background-image: none;
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}

/* IE can't do 'outline', so we have to use a 2px border and can't get the
 * two color error borders called for by RCUX */
@agent ie {
  .AFFormComponentOutlineError:alias,
  .AFFormComponentOutlineFatal:alias {
    border: 2px -tr-property-ref(".AFErrorColor:alias","color") solid;
    margin: 0px;
  }

  .AFFormComponentOutlineWarning:alias {
    border: 2px -tr-property-ref(".AFWarningColor:alias","color") solid;
    margin: 0px;
  }
}

/* Redirecting AFLinkForeground, which is present in simple, to be AFLinkColor instead. */
.AFLinkForeground:alias {
  color: -tr-property-ref(".AFLinkColor:alias","color");
}

/* override to change all the active links' borders, also used for borders around selectItems.*/
.AFActiveLinkBorder:alias {
  border: 1px dotted -tr-property-ref(".AFLinkForeground:alias","color");
}

/* disabled link and global link */
.AFLinkDisabled:alias {
  text-decoration: none;
  cursor: default;
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

/* border around a popup that contains menus (menu type popup). */
.AFPopupMenuBorder:alias {
  border-top: 1px solid -tr-property-ref(".AFBackground2Color:alias","color");
  border-right: none;
  border-bottom: none;
  border-left: 1px solid -tr-property-ref(".AFBackground2Color:alias","color");
}

/* full border for high contrast */
.AFPopupMenuBorderInHighContrast:alias {
  border: 1px solid -tr-property-ref(".AFHCBlackColor:alias","color");
}

/* overflow indicator at the start (left) side of a horizontal list */
.AFOverflowImageHorizontalStart:alias {
  background-image: url("/afr/skyros-v1/overflow_left_ena.png");
}

.AFOverflowImageHorizontalStartHover:alias {
  background-image: url("/afr/skyros-v1/overflow_left_ovr.png");
}

.AFOverflowImageHorizontalStartDepressed:alias {
  background-image: url("/afr/skyros-v1/overflow_left_dwn.png");
}

/* overflow indicator at the end (right) side of a horizontal list */
.AFOverflowImageHorizontalEnd:alias {
  background-image: url("/afr/skyros-v1/overflow_right_ena.png");
}

.AFOverflowImageHorizontalEndHover:alias {
  background-image: url("/afr/skyros-v1/overflow_right_ovr.png");
}

.AFOverflowImageHorizontalEndDepressed:alias {
  background-image: url("/afr/skyros-v1/overflow_right_dwn.png");
}

/* overflow indicator at the start (top) side of a vertical list */
.AFOverflowImageVerticalStart:alias {
  background-image: url("/afr/skyros-v1/overflow_up_ena.png");
}

.AFOverflowImageVerticalStartHover:alias {
  background-image: url("/afr/skyros-v1/overflow_up_ovr.png");
}

.AFOverflowImageVerticalStartDepressed:alias {
  background-image: url("/afr/skyros-v1/overflow_up_dwn.png");
}

/* overflow indicator at the end (right) side of a Vertical list */
.AFOverflowImageVerticalEnd:alias {
  background-image: url("/afr/skyros-v1/overflow_down_ena.png");
}

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

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

/* conveyor belt aliases */

/* ConveyorBelt indicator at the start (left) side of a horizontal list */
.AFConveyorBeltImageHorizontalStart:alias {
  background-image: url("/afr/skyros-v1/conv_l_ena.png");
}

.AFConveyorBeltImageHorizontalStartHover:alias {
  background-image: url("/afr/skyros-v1/conv_l_ovr.png");
}

.AFConveyorBeltImageHorizontalStartDepressed:alias {
  background-image: url("/afr/skyros-v1/conv_l_dwn.png");
}

.AFConveyorBeltImageHorizontalStartDisabled:alias {
  background-image: url("/afr/skyros-v1/conv_l_dis.png");
}

/* ConveyorBelt indicator at the end (right) side of a horizontal list */
.AFConveyorBeltImageHorizontalEnd:alias {
  background-image: url("/afr/skyros-v1/conv_r_ena.png");
}

.AFConveyorBeltImageHorizontalEndHover:alias {
  background-image: url("/afr/skyros-v1/conv_r_ovr.png");
}

.AFConveyorBeltImageHorizontalEndDepressed:alias {
  background-image: url("/afr/skyros-v1/conv_r_dwn.png");
}

.AFConveyorBeltImageHorizontalEndDisabled:alias {
  background-image: url("/afr/skyros-v1/conv_r_dis.png");
}

/* droplist button */
.AFDroplistImage:alias {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_ena.png");
}

.AFDroplistImageHover:alias {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_ovr.png");
}

.AFDroplistImageDepressed:alias {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_dwn.png");
}


/* The disclosed tab remove image */
.AFTabRemoveImageDisclosed:alias {
  background-image: url('/afr/skyros-v1/close_ena.png');
}

/* The undisclosed tab remove image */
.AFTabRemoveImageUndisclosed:alias {
  background-image: url('/afr/skyros-v1/close_ena.png');
}

/* The hover remove image (mouseover on an enabled remove image).
   (No styling in simple.) */
.AFTabRemoveImageHover:alias {
  background-image: url('/afr/skyros-v1/close_ovr.png');
}

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

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

/* Disclosed tabs with remove='disabled' remove image. */
.AFTabRemoveImageDisabledDisclosed:alias {
  background-image: url('/afr/skyros-v1/close_dis.png');
}

/* Undisclosed tabs with remove='disabled' remove image. */
.AFTabRemoveImageDisabledUndisclosed:alias {
  background-image: url('/afr/skyros-v1/close_dis.png');
}

/*Images of Arrows for SelectOrderShuttle & SelectManyShuttle in High Contrast Mode*/
.AFSelectShuttleRightEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttleright_ena.png");
}
.AFSelectShuttleRightDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttleright_dis.png");
}
.AFSelectShuttleRightAllEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlerightall_ena.png");
}

.AFSelectShuttleRightAllDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlerightall_dis.png");
}

.AFSelectShuttleLeftEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttleleft_ena.png");
}

.AFSelectShuttleLeftDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttleleft_dis.png");
 }

.AFSelectShuttleLeftAllEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttleleftall_ena.png");
}

.AFSelectShuttleLeftAllDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttleleftall_dis.png");;
}

.AFSelectShuttleUpEndDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereordertop_dis.png");
}

.AFSelectShuttleUpEndEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereordertop_ena.png");
}

.AFSelectShuttleUpEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereorderup_ena.png");
}

.AFSelectShuttleUpDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereorderup_dis.png");
}

.AFSelectShuttleDownEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_ena.png");
}

.AFSelectShuttleDownDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_dis.png");
}

.AFSelectShuttleDownEndEnabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_ena.png");
}

.AFSelectShuttleDownEndDisabledIcon:alias {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_dis.png");
}


/* End of Aliases */

*:active-inline-editable-container {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

/* Start of branding bar */

/* Branding bar has black background. Any text here is white. */
.AFBrandingBar {
  background-color: -tr-property-ref(".AFBrandingBackgroundColor:alias","color");
  color: -tr-property-ref(".AFBrandingTextColor:alias","color");
}

.AFBrandingBar.AFBrandingBarTall {
  height: 89px;
}

.AFBrandingBarCompact .AFBrandingLogoTitleContainer {
    display: block;
    position: absolute;
    top: 4px;
}

.AFBrandingLogoTitleContainer{
  position: absolute;
  display: block;
  top: 37px;
  padding-top: 0px;
}

.AFBrandingBarTall .AFBrandingBarTitle{
    padding-top: 2px;
}

@agent gecko {
  .AFBrandingBarTall .AFBrandingBarTitle{
    padding-top: 1px;
  }
}

.AFBrandingBarCompact .AFBrandingBarTitle{
    padding-top: 1px;
}

@agent gecko {
  .AFBrandingBarCompact .AFBrandingBarTitle{
    padding-top: 0px;
  }
}

.AFBrandingBarCompact .AFBrandingLogo {
  padding-top: 1px;
}

.AFAppNavbarButton{
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFSmallBorderRadius:alias","border-radius");
  margin-left: -1px;
  padding: 2px 4px 1px 4px;
  height: 23px;
}

.AFFooterBar{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  font-family: -tr-property-ref(".AFDefaultFontFamily:alias","font-family");
  color: -tr-property-ref(".AFBrandingTextColor:alias","color");
  background-color: -tr-property-ref(".AFBrandingBackgroundColor:alias","color");
}

.AFFooterBar af|navigationPane-buttons::link {
  color: -tr-property-ref(".AFBrandingLinkColor:alias","color");
}

/* 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;
    }
  }
}

/* Deprecated - style for the background of a container (e.g. an af:panelGroupLayout) for items inside of
the branding bar container. Undo simple skin assignment */
.AFBrandingBarItemBackground {
  -tr-inhibit: background-color;
}

.AFBrandingBarLogo {
  background-image: url('/afr/oracle_logo.png');
}

.AFBrandingBarLogoLarge {
  background-image: url('/afr/oracle_logo_lrg.png');
  padding-top: 8px;
}

/* style for branding page title text (e.g. on an af:outputText) placed inside of a branding bar
   item wrapper */
.AFBrandingBarTitle {
  color: -tr-property-ref(".AFBrandingTextColor:alias","color");
  -tr-rule-ref: selector(".AFLargeHeaderFont:alias");
  padding-top: 0.1em;
  font-weight: normal;
  white-space: nowrap;
  -tr-inhibit: font-family;
}

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

/* Branding bar links default */
.AFBrandingBar af|link,
.AFBrandingBar af|commandLink,
.AFBrandingBar af|goLink,
.AFBrandingBar af|commandImageLink,
.AFBrandingBar af|goImageLink {
  color: -tr-property-ref(".AFBrandingLinkColor:alias","color");
}

/* Branding bar links visited color */
.AFBrandingBar af|link:visited,
.AFBrandingBar af|goLink:visited,
.AFBrandingBar af|goImageLink:visited {
  color: -tr-property-ref(".AFBrandingLinkVisitedColor:alias","color");
}

/* Branding bar active link color */
.AFBrandingBar af|link:active,
.AFBrandingBar af|goLink:active,
.AFBrandingBar af|commandLink:active,
.AFBrandingBar af|commandImageLink:active,
.AFBrandingBar af|goImageLink:active,
.AFBrandingBar af|link:visited:active,
.AFBrandingBar af|goLink:visited:active,
.AFBrandingBar af|goImageLink:visited:active {
  color: -tr-property-ref(".AFBrandingLinkActiveColor:alias","color");
}

/* branding bar disabled link color */
.AFBrandingBar af|link:disabled,
.AFBrandingBar af|goLink:disabled,
.AFBrandingBar af|commandLink:disabled,
.AFBrandingBar af|commandImageLink:disabled,
.AFBrandingBar af|goImageLink:disabled,
.AFBrandingBar af|link:disabled:active,
.AFBrandingBar af|goLink:disabled:active,
.AFBrandingBar af|commandLink:disabled:active,
.AFBrandingBar af|commandImageLink:disabled:active,
.AFBrandingBar af|goImageLink:disabled:active {
  color: -tr-property-ref(".AFBrandingLinkDisabledColor:alias","color");
}

/* Menu in branding area */

.AFBrandingBar af|menuBar::separator,
.AFBrandingBar af|toolbar::separator,
.AFBrandingBar af|query::separator-icon-style {
  background-image: url('/afr/skyros-v1/toolbar_l1_separator.png');
}

/* Menu items (default state) in branding area have white text */
.AFBrandingBar af|menu::bar-item-text,
.AFBrandingBar af|goMenuItem::bar-item-text,
.AFBrandingBar af|commandMenuItem::bar-item-text {
  color: -tr-property-ref(".AFBrandingLinkColor:alias","color");
}

/* Menu items (highlighted or depressed) in branding area have regular black text */
.AFBrandingBar af|menu:highlighted af|menu::bar-item-text,
.AFBrandingBar af|menu::bar-item:depressed af|menu::bar-item-text,
.AFBrandingBar af|commandMenuItem:highlighted af|commandMenuItem::bar-item-text,
.AFBrandingBar af|commandMenuItem::bar-item:depressed af|commandMenuItem::bar-item-text,
.AFBrandingBar af|goMenuItem:highlighted af|goMenuItem::bar-item-text,
.AFBrandingBar af|goMenuItem::bar-item:depressed af|goMenuItem::bar-item-text {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

/* the down arrow of the bar item */
.AFBrandingBar af|menu::bar-item-open-icon-style {
  background-image: url("/afr/skyros-v1/menu_l1_button_dropdown_ena.png");
}

af|body:high-contrast af|menu::bar-item-open-icon-style:after {
  padding: 0px 0px;
}

/* disabled dropdown icon */
.AFBrandingBar af|menu:disabled af|menu::bar-item-open-icon-style {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_dis.png");
}

/* Reset menu item text colors to default when they are in overflow, which has white background. */
.AFBrandingBar af|menuBar::overflow-container af|menu::bar-item-text,
.AFBrandingBar af|menuBar::overflow-container af|goMenuItem::bar-item-text,
.AFBrandingBar af|menuBar::overflow-container af|commandMenuItem::bar-item-text {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

.AFBrandingBar af|menuBar::overflow-container af|menu:disabled::bar-item-text,
.AFBrandingBar af|menuBar::overflow-container af|commandMenuItem:disabled::bar-item-text,
.AFBrandingBar af|menuBar::overflow-container af|goMenuItem:disabled::bar-item-text {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

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

af|menuBar::overflow-container af|menu::bar-item-open-icon-style:rtl[theme="dark"] {
  background-image: url("/afr/skyros-v1/open_submenu_ena_rtl.png");
}

af|menuBar::overflow-container af|menu:disabled af|menu::bar-item-open-icon-style[theme="dark"] {
  background-image: url("/afr/skyros-v1/open_submenu_dis.png");
}

af|menuBar::overflow-container af|menu:disabled af|menu::bar-item-open-icon-style:rtl[theme="dark"] {
  background-image: url("/afr/skyros-v1/open_submenu_dis_rtl.png");
}

/* Branding bar link color */
.AFBrandingBar af|navigationPane-buttons::link,
.AFBrandingBar af|navigationPane-bar::link,
.AFBrandingBar af|navigationPane-list::link,
.AFBrandingBar af|navigationPane-choice::link {
  color: -tr-property-ref(".AFBrandingLinkColor:alias","color");
}

/* Branding bar link disabled color */
.AFBrandingBar af|navigationPane-buttons::link:disabled,
.AFBrandingBar af|navigationPane-bar::link:disabled,
.AFBrandingBar af|navigationPane-list::link:disabled,
.AFBrandingBar af|navigationPane-choice::link:disabled {
  color: -tr-property-ref(".AFBrandingLinkDisabledColor:alias","color");
}

/* a different (transparent) separator is used on the branding bar */
.AFBrandingBar af|navigationPane-buttons::separator-icon-style,
.AFBrandingBar af|navigationPane-bar::separator-icon-style {
  background-image: url('/afr/skyros-v1/glink_gSeparator.png');
}

/* 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;
}

/* The branding area panelSlitter has black background, so that the splitter divider background
   has the black background. */
af|panelSplitter.AFBrandingSplitter {
  background-color: -tr-property-ref(".AFBrandingBackgroundColor:alias","color");
}

/* The branding panelSplitter panes do not have border radius. */
af|panelSplitter.AFBrandingSplitter::pane {
  border-radius: initial;
}

/* End of branding bar */

af|column::dynamic-help-icon-style,
af|inputColor::dynamic-help-icon-style,
af|inputComboboxListOfValues::dynamic-help-icon-style,
af|inputDate::dynamic-help-icon-style,
af|inputFile::dynamic-help-icon-style,
af|inputListOfValues::dynamic-help-icon-style,
af|inputNumberSlider::dynamic-help-icon-style,
af|inputNumberSpinbox::dynamic-help-icon-style,
af|inputRangeSlider::dynamic-help-icon-style,
af|inputText::dynamic-help-icon-style,
af|panelHeader::dynamic-help-icon-style,
af|panelLabelAndMessage::dynamic-help-icon-style,
af|query::dynamic-help-icon-style,
af|quickQuery::dynamic-help-icon-style,
af|richTextEditor::dynamic-help-icon-style,
af|selectBooleanCheckbox::dynamic-help-icon-style,
af|selectBooleanRadio::dynamic-help-icon-style,
af|selectManyCheckbox::dynamic-help-icon-style,
af|selectManyChoice::dynamic-help-icon-style,
af|selectManyListbox::dynamic-help-icon-style,
af|selectManyShuttle::dynamic-help-icon-style,
af|selectOneChoice::dynamic-help-icon-style,
af|selectOneListbox::dynamic-help-icon-style,
af|selectOneRadio::dynamic-help-icon-style,
af|selectOrderShuttle::dynamic-help-icon-style,
af|showDetailHeader::dynamic-help-icon-style,
af|dialog::dynamic-help-icon-style,
af|panelWindow::dynamic-help-icon-style,
af|panelBox::dynamic-help-icon-style,
af|region::dynamic-help-icon-style {
 -tr-inhibit: font-family;
 -tr-inhibit: font-weight;
}

/* 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 {
  height: 20px;
  content: url("/afr/skyros-v1/connected.png");
}

/* 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 {
  height: 20px;
  content: url("/afr/skyros-v1/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 {
  height: 20px;
  content: url("/afr/skyros-v1/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 {
  height: 20px;
  content: url("/afr/skyros-v1/connected.png");
}

/* 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 {
  height: 20px;
  content: url("/afr/skyros-v1/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 {
  height: 20px;
  content: url("/afr/skyros-v1/disconnected.gif");
}

/* add on style class for indeterminate running progress indicator */
af|progressIndicator::indeterminate:running {
  background-image: url('/afr/skyros-v1/clock_positive.gif');
}

/* add on style class for indeterminate finished progress indicator */
af|progressIndicator::indeterminate:finished {
  background-image: url('/afr/skyros-v1/clock_positive_finished.gif');
}

af|progressIndicator::determinate-start-label,
af|progressIndicator::determinate-end-label {
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: -1;
  font-weight: normal;
}

af|progressIndicator::determinate {
  height: 8px;
}

af|progressIndicator::determinate-filled-icon-style {
  height: 5px;
  background-image: url('/afr/skyros-v1/bar.png');
}
/* style class for determinate progress indicator */
af|progressIndicator::determinate-empty-icon-style {
  height: 5px;
  background-image: url('/afr/skyros-v1/bar_bg.png');
}

/* Start of pageStamp styles */

/* Style to apply to task/user stamp and key notation containers */
.AFStampContainer {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-family: Tahoma, Helvetica, sans-serif;
  color: -tr-property-ref(".AFPageStampTextColor:alias","color");
  padding-top: 2px;
  -tr-inhibit: font-weight;
}

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

/* Style for task stamp text values */
.AFTaskStampTextValue {
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
  white-space: nowrap;
  margin: 0px 0px 0px 4px;
  -tr-inhibit: font-family;
  -tr-inhibit: font-size;
}

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

.AFUserStampTextLabel:rtl {
  margin-right: 5px;
  margin-left: 4px;
}

/* Style for user stamp text values */
.AFUserStampTextValue {
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
  white-space: nowrap;
  margin: 0px 5px 0px 4px;
  -tr-inhibit: font-family;
  -tr-inhibit: font-size;
}

.AFUserStampTextValue:rtl {
  margin-right: 4px;
  margin-left: 5px;
}

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

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

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

/* End of pageStamp styles */

/* required icon style */
.AFRequiredIconStyle {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  color: -tr-property-ref(".AFRequiredColor:alias","color");
}
/* Start of Components */

/* Style for dynamic help icon for disabled state.  In the disabled state the
   help icon isn't clickable (no onclick/href attributes rendered on the <a>). */
af|column::dynamic-help-icon-style:disabled,
af|inputColor::dynamic-help-icon-style:disabled,
af|inputComboboxListOfValues::dynamic-help-icon-style:disabled,
af|inputDate::dynamic-help-icon-style:disabled,
af|inputFile::dynamic-help-icon-style:disabled,
af|inputListOfValues::dynamic-help-icon-style:disabled,
af|inputNumberSlider::dynamic-help-icon-style:disabled,
af|inputNumberSpinbox::dynamic-help-icon-style:disabled,
af|inputRangeSlider::dynamic-help-icon-style:disabled,
af|inputText::dynamic-help-icon-style:disabled,
af|panelHeader::dynamic-help-icon-style:disabled,
af|panelLabelAndMessage::dynamic-help-icon-style:disabled,
af|query::dynamic-help-icon-style:disabled,
af|quickQuery::dynamic-help-icon-style:disabled,
af|richTextEditor::dynamic-help-icon-style:disabled,
af|selectBooleanCheckbox::dynamic-help-icon-style:disabled,
af|selectBooleanRadio::dynamic-help-icon-style:disabled,
af|selectManyCheckbox::dynamic-help-icon-style:disabled,
af|selectManyChoice::dynamic-help-icon-style:disabled,
af|selectManyListbox::dynamic-help-icon-style:disabled,
af|selectManyShuttle::dynamic-help-icon-style:disabled,
af|selectOneChoice::dynamic-help-icon-style:disabled,
af|selectOneListbox::dynamic-help-icon-style:disabled,
af|selectOneRadio::dynamic-help-icon-style:disabled,
af|selectOrderShuttle::dynamic-help-icon-style:disabled,
af|showDetailHeader::dynamic-help-icon-style:disabled,
af|dialog::dynamic-help-icon-style:disabled,
af|panelWindow::dynamic-help-icon-style:disabled {
 -tr-rule-ref: selector(".AFDynamicHelpIconStyleDisabled:alias");
}

af|body:high-contrast af|inputDate::dynamic-help-icon-style:disabled:after,
af|body:high-contrast af|inputDate::dynamic-help-icon-style:disabled:active:after{
  content: -tr-property-ref(".AFDynamicHelpIconStyleDisabled:alias","background-image");
}

@agent (touchScreen:none) {
  /* This is needed since we can't rely on disabled state being the last one the order */
  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(".AFDynamicHelpIconStyleDisabled:alias");
  }

  af|body:high-contrast af|inputDate::dynamic-help-icon-style:disabled:hover:after{
    content: -tr-property-ref(".AFDynamicHelpIconStyleDisabled:alias","background-image");
  }
}

/* This is needed since we can't rely on disabled state being the last one the order */
af|column::dynamic-help-icon-style:disabled:active,
af|inputColor::dynamic-help-icon-style:disabled:active,
af|inputComboboxListOfValues::dynamic-help-icon-style:disabled:active,
af|inputDate::dynamic-help-icon-style:disabled:active,
af|inputFile::dynamic-help-icon-style:disabled:active,
af|inputListOfValues::dynamic-help-icon-style:disabled:active,
af|inputNumberSlider::dynamic-help-icon-style:disabled:active,
af|inputNumberSpinbox::dynamic-help-icon-style:disabled:active,
af|inputRangeSlider::dynamic-help-icon-style:disabled:active,
af|inputText::dynamic-help-icon-style:disabled:active,
af|panelHeader::dynamic-help-icon-style:disabled:active,
af|panelLabelAndMessage::dynamic-help-icon-style:disabled:active,
af|query::dynamic-help-icon-style:disabled:active,
af|quickQuery::dynamic-help-icon-style:disabled:active,
af|richTextEditor::dynamic-help-icon-style:disabled:active,
af|selectBooleanCheckbox::dynamic-help-icon-style:disabled:active,
af|selectBooleanRadio::dynamic-help-icon-style:disabled:active,
af|selectManyCheckbox::dynamic-help-icon-style:disabled:active,
af|selectManyChoice::dynamic-help-icon-style:disabled:active,
af|selectManyListbox::dynamic-help-icon-style:disabled:active,
af|selectManyShuttle::dynamic-help-icon-style:disabled:active,
af|selectOneChoice::dynamic-help-icon-style:disabled:active,
af|selectOneListbox::dynamic-help-icon-style:disabled:active,
af|selectOneRadio::dynamic-help-icon-style:disabled:active,
af|selectOrderShuttle::dynamic-help-icon-style:disabled:active,
af|showDetailHeader::dynamic-help-icon-style:disabled:active,
af|dialog::dynamic-help-icon-style:disabled:active,
af|panelWindow::dynamic-help-icon-style:disabled:active {
 -tr-rule-ref: selector(".AFDynamicHelpIconStyleDisabled:alias");
}

@agent (touchScreen:none) {
  /* 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");
  }

  af|body:high-contrast af|inputDate::dynamic-help-icon-style:hover:after{
    content: -tr-property-ref(".AFDynamicHelpIconStyleHover:alias","background-image");
  }

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

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

  af|body:high-contrast af|inputDate::dynamic-help-icon-style:active:hover:after,
  af|body:high-contrast af|inputDate::dynamic-help-icon-style:selected:hover:after{
    content: -tr-property-ref(".AFDynamicHelpIconStyleActive:alias","background-image");
  }
}

/* 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|body:high-contrast af|inputDate::dynamic-help-icon-style:active:after{
  content: -tr-property-ref(".AFDynamicHelpIconStyleActive:alias","background-image");
}

/* Document has no background color or image, making it transparent/white */
af|document {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* 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;
}

/* Skyros skin doesn't want to display any splash screen message. */
af|document::splash-screen-message {
  display: none;
}

/* Splash screen icon */
af|document::splash-screen-icon {
  content: url(/afr/skyros-v1/clock_positive_lg.gif);
  width: 43px;
  height: 48px;
  vertical-align: middle;
}

af|document::messages {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

/* End of document */

/* start of breadCrumbs styles */

af|breadCrumbs {
  -tr-vertical-indent-spaces: 12;
}

af|breadCrumbs::step {
  -tr-rule-ref: selector(".AFLinkColor:alias");
}

af|breadCrumbs::step:disabled {
  -tr-rule-ref: selector(".AFLinkDisabled:alias");
}

/* the last (current) breadCrumb is disabled and selected - and is displayed color 333333 */
af|breadCrumbs::step:disabled:selected {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

af|breadCrumbs::overflow-indicator {
  background-image: url("/afr/skyros-v1/breadcrumb_lof_ena.png");
}
@agent (touchScreen:none) {
  af|breadCrumbs::overflow-indicator:hover {
    background-image: url("/afr/skyros-v1/breadcrumb_of_ovr.png");
  }
}

af|breadCrumbs::overflow-indicator:depressed,
af|breadCrumbs::overflow-indicator:depressed:hover {
  background-image: url("/afr/skyros-v1/breadcrumb_of_dwn.png");
}

/* end of breadCrumbs styles */

/* panelBox styles */
af|panelBox,
af|region {
  -tr-never-header-height: 7px;
  -tr-footer-height: 5px;
}

/* panelBox has border, but region does not */
af|panelBox {
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  box-shadow: 2px 2px 2px rgba(0,0,0,0.175);
  margin-bottom: 4px;
  margin-right: 4px;
}

af|panelBox:rtl {
  margin-right: 0px;
  margin-left: 4px;
}

@agent webkit {
  af|panelBox {
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.175);
  }
}
af|panelBox::disclosure-icon-container {
  width: 13px;
  height: 20px;
}
af|panelBox::undisclosed-icon-style,
af|panelBox::disclosed-icon-style,
af|region::undisclosed-icon-style,
af|region::disclosed-icon-style,
af|panelBox::unmaximized-icon-style,
af|panelBox::maximized-icon-style,
af|region::unmaximized-icon-style,
af|region::maximized-icon-style {
  width: 13px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}

/* Icon hook for users to replace the disclosed icon with another img or text */
af|panelBox::disclosed-icon,
af|panelBox::undisclosed-icon,
af|region::disclosed-icon,
af|region::undisclosed-icon {
  content: inhibit;
}

/* Turn icon back on when HC mode detected. */
af|body:high-contrast af|region::disclosed-icon-style:after,
af|body:high-contrast af|panelBox::disclosed-icon-style:after {
  content: url("/afr/disclosure_expanded.png");
}

af|body:high-contrast af|region::undisclosed-icon-style:after,
af|body:high-contrast af|panelBox::undisclosed-icon-style:after {
  content: url("/afr/disclosure_collapsed.png");
}

/* Icons */
af|panelBox::disclosed-icon-style,
af|region::disclosed-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyle:alias");
}

af|panelBox::disclosed-icon-style:active,
af|region::disclosed-icon-style:active {
  -tr-rule-ref: selector(".AFDisclosedIconStyleActive:alias");
}

@agent (touchScreen:none) {
  af|panelBox::disclosed-icon-style:hover,
  af|region::disclosed-icon-style:hover {
    -tr-rule-ref: selector(".AFDisclosedIconStyleHover:alias");
  }
  af|panelBox::disclosed-icon-style:active:hover,
  af|region::disclosed-icon-style:active:hover {
    -tr-rule-ref: selector(".AFDisclosedIconStyleActive:alias");
  }
}

af|panelBox::undisclosed-icon-style,
af|region::undisclosed-icon-style {
  -tr-rule-ref: selector(".AFUndisclosedIconStyle:alias");
}

af|panelBox::undisclosed-icon-style:active,
af|region::undisclosed-icon-style:active {
  -tr-rule-ref: selector(".AFUndisclosedIconStyleActive:alias");
}

@agent (touchScreen:none) {
  af|panelBox::undisclosed-icon-style:hover,
  af|region::undisclosed-icon-style:hover {
    -tr-rule-ref: selector(".AFUndisclosedIconStyleHover:alias");
  }
  af|panelBox::undisclosed-icon-style:active:hover,
  af|region::undisclosed-icon-style:active:hover {
    -tr-rule-ref: selector(".AFUndisclosedIconStyleActive:alias");
  }
}

/* Icons */
af|panelBox::maximized-icon-style,
af|region::maximized-icon-style {
  -tr-rule-ref: selector(".AFMaximizedIconStyle:alias");
}

/*
   For the maximized icons, in the cases where we want to use the same icons for both
   light and dark backgrounds, we need to repeat the dark selectors to improve their
   specificity, since otherwise the dark rules with header-center:core:dark would
   always win
*/
af|panelBox::maximized-icon-style:hover,
af|panelBox::header-center:core:dark af|panelBox::maximized-icon-style:hover,
af|region::maximized-icon-style:hover,
af|region::header-center:core:dark af|region::maximized-icon-style:hover {
  -tr-rule-ref: selector(".AFMaximizedIconStyleHover:alias");
}

af|panelBox::maximized-icon-style:active,
af|panelBox::header-center:core:dark af|panelBox::maximized-icon-style:active,
af|region::maximized-icon-style:active,
af|region::header-center:core:dark af|region::maximized-icon-style:active {
  -tr-rule-ref: selector(".AFMaximizedIconStyleActive:alias");
}

af|panelBox::unmaximized-icon-style,
af|region::unmaximized-icon-style {
  -tr-rule-ref: selector(".AFUnmaximizedIconStyle:alias");
}

af|panelBox::unmaximized-icon-style:hover,
af|panelBox::header-center:core:dark af|panelBox::unmaximized-icon-style:hover,
af|region::unmaximized-icon-style:hover,
af|region::header-center:core:dark af|region::unmaximized-icon-style:hover {
  -tr-rule-ref: selector(".AFUnmaximizedIconStyleHover:alias");
}

af|panelBox::unmaximized-icon-style:active,
af|panelBox::header-center:core:dark af|panelBox::unmaximized-icon-style:active,
af|region::unmaximized-icon-style:active,
af|region::header-center:core:dark af|region::unmaximized-icon-style:active {
  -tr-rule-ref: selector(".AFUnmaximizedIconStyleActive:alias");
}

/* Maximized icons on dark backgrounds */
af|panelBox::header-center:core:dark af|panelBox::maximized-icon-style,
af|region::header-center:core:dark af|region::maximized-icon-style {
  -tr-rule-ref: selector(".AFMaximizedIconStyleDarkBackground:alias");
}

af|panelBox::header-center:core:dark af|panelBox::unmaximized-icon-style,
af|region::header-center:core:dark af|region::unmaximized-icon-style {
  -tr-rule-ref: selector(".AFUnmaximizedIconStyleDarkBackground:alias");
}

af|panelBox::header-center,
af|region::header-center {
  padding-top: 2px;
  border: none;
}

af|panelBox::table,
af|region::table {
  border: none;
  padding: 3px 10px 0px 3px;
  /* border-radius is required to use aliases */
  border-top-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-top-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
}

/* panelBox highlight default */
af|panelBox::table:highlight:default,
af|region::table:highlight:default {
  -tr-rule-ref: selector(".AFPanelBoxHeaderHighlightDefault:alias");
}

/* panelBox highlight light */
af|panelBox::table:highlight:light,
af|region::table:highlight:light {
  -tr-rule-ref: selector(".AFPanelBoxHeaderHighlightLight:alias");
}

/* panelBox Highlight Medium */
af|panelBox::table:highlight:medium,
af|region::table:highlight:medium {
  -tr-rule-ref: selector(".AFPanelBoxHeaderHighlightMedium:alias");
}

/* panelBox Highlight Dark */
af|panelBox::table:highlight:dark,
af|region::table:highlight:dark {
  -tr-rule-ref: selector(".AFPanelBoxHeaderHighlightDark:alias");
}

/* panelBox Core Default */
af|panelBox::table:core:default,
af|region::table:core:default {
  -tr-rule-ref: selector(".AFPanelBoxHeaderCoreDefault:alias");
}

/* panelBox Core Light */
af|panelBox::table:core:light,
af|region::table:core:light {
  -tr-rule-ref: selector(".AFPanelBoxHeaderCoreLight:alias");
}

/* panelBox Core Medium */
af|panelBox::table:core:medium,
af|region::table:core:medium {
  -tr-rule-ref: selector(".AFPanelBoxHeaderCoreMedium:alias");
}

/* panelBox Core Dark */
af|panelBox::table:core:dark,
af|region::table:core:dark {
  -tr-rule-ref: selector(".AFPanelBoxHeaderCoreDark:alias");
}

af|panelBox::footer-center,
af|region::footer-center {
  /* border-radius is required to use aliases */
  border-bottom-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-bottom-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  height: 5px;
  border: none;
}

/* when stretched, position absolute so it does not end up at the top of the box */
af|panelBox:stretched af|panelBox::footer-center {
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
}

/* when dragging, the text for all panel boxes is the same */
af|panelBox:drag-ghost {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

af|panelBox::center:ltr,
af|region::center:ltr {
  padding: 0 7px 1px 0;
}

af|panelBox::center:rtl,
af|region::center:rtl {
  padding: 0 0 1px 7px;
}

af|panelBox::center:core:default,
af|region::center:core:default,
af|panelBox::footer-center:core:default,
af|region::footer-center:core:default   {
  -tr-rule-ref: selector(".AFPanelBoxContentCoreDefault:alias");
}

af|panelBox::center:highlight:default,
af|panelBox::footer-center:highlight:default {
  -tr-rule-ref: selector(".AFPanelBoxContentHighlightDefault:alias");
}

af|panelBox::center:core:light,
af|panelBox::footer-center:core:light {
  -tr-rule-ref: selector(".AFPanelBoxContentCoreLight:alias");
}

af|panelBox::center:highlight:light,
af|panelBox::footer-center:highlight:light {
  -tr-rule-ref: selector(".AFPanelBoxContentHighlightLight:alias");
}

af|panelBox::center:core:medium,
af|panelBox::footer-center:core:medium {
  -tr-rule-ref: selector(".AFPanelBoxContentCoreMedium:alias");
}

af|panelBox::center:highlight:medium,
af|panelBox::footer-center:highlight:medium {
  -tr-rule-ref: selector(".AFPanelBoxContentHighlightMedium:alias");
}

af|panelBox::center:core:dark,
af|panelBox::footer-center:core:dark {
  -tr-rule-ref: selector(".AFPanelBoxContentCoreDark:alias");
}

af|panelBox::center:highlight:dark,
af|panelBox::footer-center:highlight:dark {
  -tr-rule-ref: selector(".AFPanelBoxContentHighlightDark:alias");
}

/* Panel Box Aliases */

/* Undo simple skin panelBox/region borders on pieces */
.AFPanelBoxHeaderStart:alias,
.AFPanelBoxHeaderCenter:alias,
.AFPanelBoxHeaderEnd:alias,
.AFPanelBoxFooterStart:alias,
.AFPanelBoxFooterCenter:alias,
.AFPanelBoxFooterEnd:alias {
  border: none;
}

.AFPanelBoxFooterCenter:alias {
  -tr-inhibit: width;
}

.AFPanelBoxHeaderCoreDefault:alias,
.AFPanelBoxContentCoreDefault:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

.AFPanelBoxHeaderHighlightDefault:alias,
.AFPanelBoxContentHighlightDefault:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

.AFPanelBoxHeaderCoreLight:alias,
.AFPanelBoxContentCoreLight:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

.AFPanelBoxHeaderHighlightLight:alias,
.AFPanelBoxContentHighlightLight:alias {
  background-color: -tr-property-ref(".AFPanelBoxHighlightLightColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

.AFPanelBoxHeaderCoreMedium:alias,
.AFPanelBoxContentCoreMedium:alias {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

.AFPanelBoxHeaderHighlightMedium:alias,
.AFPanelBoxContentHighlightMedium:alias {
  background-color: -tr-property-ref(".AFPanelBoxHighlightMediumColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

.AFPanelBoxHeaderCoreDark:alias,
.AFPanelBoxContentCoreDark:alias {
  background-color: -tr-property-ref(".AFPanelBoxCoreDarkColor:alias","color");
  border: none;
  -tr-rule-ref: selector(".AFGlobalTextColor:alias");
}

.AFPanelBoxHeaderHighlightDark:alias,
.AFPanelBoxContentHighlightDark:alias {
  background-color: -tr-property-ref(".AFPanelBoxHighlightDarkColor:alias","color");
  border: none;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}


/* labels seem to align much better when a vertical-align isn't specified */
af|panelFormLayout::label-cell {
  -tr-inhibit: vertical-align;
}

af|panelFormLayout::separator {
  background-image: none;
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|panelFormLayout::group-title-separator {
  background-image: url('/afr/skyros-v1/forms_separator.png');
}

/* To have the maximum flexibility, we need to set the padding to the minimum value
   and then adjust each component to get the correct spacing.
   This is the only way to achieve this with panelLabelAndMessage use case. */
.AFPanelFormLayoutContentCell {
  padding: 1px 0 0 2px;
}
.AFPanelFormLayoutContentCell:rtl {
  padding: 1px 2px 0 0;
}

/* For non-input content, we need to render some padding on the panelLabelAndMessage
 * content-cell to align the leading edge of the content with the input content. */
af|panelLabelAndMessage {
  -tr-output-content-padding: 9px;
}

/* webkit seems to have some alignment issues with the combination of panelFormLayout and panelLabelAndMessage.
   Making an adjustment here to allow for some additional alignment flexibilty */
@agent webkit {
  af|selectManyCheckbox:read-only .AFPanelFormLayoutContentCell {
    padding-top: 3px;
  }
  af|selectOneChoice:read-only .AFPanelFormLayoutContentCell {
    padding-top: 3px;
    padding-bottom: 0px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell {
    padding-top: 2px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider {
    padding-top: 1px;
  }
  /* af|panelLabelAndMessage in an af|panelFormLayout is a pain to get aligned */
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanRadio:read-only,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice:read-only,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:read-only,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:read-only,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:read-only,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneRadio:read-only {
    display: inline-block;
    padding-top: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only::icon-style {
    vertical-align: -10%;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox:read-only {
    padding-top: 1px;
  }
  /* we don't want a min-height for readOnly */
  af|selectOneListbox:read-only::content {
    min-height: 0;
  }
}

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

af|panelTabbed {
  -tr-tab-bar-layout: full;
  -tr-empty-bar-height: 1;
}

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

/* Without the border overlap decoration, the tab height is smaller in the Skyros skin than Fusion skins. */
af|panelTabbed,
af|navigationPane-tabs {
  -tr-tab-bar-height: 21px;
}

/* vertical align top is needed for conveyor belt floating tabs */
af|panelTabbed::tab,
af|navigationPane-tabs::tab {
  margin-right: 3px;
  margin-left: 0px;
  vertical-align: top;
}

af|panelTabbed::tab:rtl,
af|navigationPane-tabs::tab:rtl {
  margin-right: 0px;
  margin-left: 3px;
}

af|panelTabbed::tab af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-link {
 padding: 3px 0px 3px 0px;
}

af|panelTabbed::tabs:start-tabs af|panelTabbed::tab-text-link,
af|panelTabbed::tabs:end-tabs af|panelTabbed::tab-text-link,
af|panelTabbed::tabs:left-tabs af|panelTabbed::tab-text-link,
af|panelTabbed::tabs:right-tabs af|panelTabbed::tab-text-link {
  padding: 13px 8px 8px 0px;
}

af|panelTabbed::tab af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-link,
af|panelTabbed::tab:disabled af|panelTabbed::ellipsis-style {
 color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
}

af|panelTabbed::tab af|panelTabbed::tab-text-link:disabled,
af|panelTabbed::tab:selected af|panelTabbed::tab-text-link:disabled,
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-link,
af|navigationPane-tabs::tab:selected:disabled af|navigationPane-tabs::tab-link,
af|panelTabbed::tab:disabled af|panelTabbed::ellipsis-style {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tab:selected af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-link,
af|panelTabbed::tab:selected af|panelTabbed::ellipsis-style {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

af|navigationPane-bar::content af|navigationPane-bar::link {
  text-decoration: none;
}

@agent (touchScreen:none) {
  af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-text-link:disabled,
  af|panelTabbed::tab:selected:disabled:hover af|panelTabbed::tab-content:disabled,
  af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-text-link:disabled,
  af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content:disabled,
  af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-content,
  af|navigationPane-tabs::tab:disabled:hover af|navigationPane-tabs::tab-link,
  af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-content,
  af|navigationPane-tabs::tab:selected:disabled:hover af|navigationPane-tabs::tab-link {
    color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
    text-decoration: none;
  }

  af|navigationPane-bar::content af|navigationPane-bar::link:disabled:hover {
    text-decoration: none;
  }

  af|panelTabbed::tab:hover af|panelTabbed::tab-text-link,
  af|panelTabbed::tab:hover af|panelTabbed::tab-content,
  af|panelTabbed::tab:selected:hover af|panelTabbed::tab-content,
  af|panelTabbed::tab:selected:hover af|panelTabbed::tab-text-link,
  af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-content,
  af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-link,
  af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-content,
  af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-link {
    color: -tr-property-ref(".AFLinkColor:alias","color");
    text-decoration: none;
  }

  af|navigationPane-bar::content af|navigationPane-bar::link:selected:hover,
  af|navigationPane-bar::content af|navigationPane-bar::link:hover {
    text-decoration: underline;
  }

}

/* Overflow link colors */
.AFConveyorBeltElement af|panelTabbed::tab-content,
.AFConveyorBeltElement af|panelTabbed::tab-text-link,
.AFConveyorBeltElement af|navigationPane-tabs::tab-content,
.AFConveyorBeltElement af|navigationPane-tabs::tab-link,
.AFOverflowElement af|panelTabbed::tab-content,
.AFOverflowElement af|panelTabbed::tab-text-link,
.AFOverflowElement af|navigationPane-tabs::tab-content,
.AFOverflowElement af|navigationPane-tabs::tab-link {
  -tr-rule-ref: selector(".AFLinkColor:alias");
}

.AFConveyorBeltElement af|panelTabbed::tab-content:disabled,
.AFConveyorBeltElement af|panelTabbed::tab-text-link:disabled,
.AFConveyorBeltElement af|navigationPane-tabs::tab-content:disabled,
.AFConveyorBeltElement af|navigationPane-tabs::tab-link:disabled,
.AFOverflowElement af|panelTabbed::tab-content:disabled,
.AFOverflowElement af|panelTabbed::tab-text-link:disabled,
.AFOverflowElement af|navigationPane-tabs::tab-content:disabled,
.AFOverflowElement af|navigationPane-tabs::tab-link:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

/* We apply styles only to the panelTabbed for which the iconified class is added
   so that these styles will not be cascaded to nested panelTabbed */
af|panelTabbed::tabs:start-tabs af|panelTabbed::tab-content,
af|panelTabbed::tabs:end-tabs af|panelTabbed::tab-content,
af|panelTabbed::tabs:left-tabs af|panelTabbed::tab-content,
af|panelTabbed::tabs:right-tabs af|panelTabbed::tab-content,
af|panelDrawer:iconified af|panelDrawer::tab-content {
  background-color: -tr-property-ref(".AFTabColor:alias","color");
  border-color: -tr-property-ref(".AFTabBorderColor:alias","color");
}

af|panelTabbed::tabs:start-tabs af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tabs:end-tabs af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tabs:left-tabs af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tabs:right-tabs af|panelTabbed::tab:selected af|panelTabbed::tab-content
{
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}
af|panelDrawer:iconified:open af|panelDrawer::tab:selected af|panelDrawer::tab-content {
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
  border-color: -tr-property-ref(".AFBackground2BorderColor:alias","color");
}

af|panelDrawer:iconified:open af|panelDrawer::tab:disabled af|panelDrawer::tab-content,
af|panelDrawer:iconified af|panelDrawer::tab:disabled af|panelDrawer::tab-content,
af|panelDrawer:iconified af|panelDrawer::tab:disabled:hover af|panelDrawer::tab-content,
af|panelTabbed::tabs:start-tabs af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|panelTabbed::tabs:end-tabs af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|panelTabbed::tabs:left-tabs af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|panelTabbed::tabs:right-tabs af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|panelTabbed::tabs:start-tabs af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content,
af|panelTabbed::tabs:end-tabs af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content,
af|panelTabbed::tabs:left-tabs af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content,
af|panelTabbed::tabs:right-tabs af|panelTabbed::tab:disabled:hover af|panelTabbed::tab-content {
  background-color: -tr-property-ref(".AFTabDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
}

af|panelTabbed::tab-content,
af|navigationPane-tabs::tab-content {
  padding: 0px 5px 0px 7px;
  background-color: -tr-property-ref(".AFTabColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  border-bottom: none;
  /* border-radius is required to use aliases */
  border-top-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-top-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  line-height: 19px;
  margin-top: 0px;
}

af|panelTabbed::tab-content:rtl,
af|navigationPane-tabs::tab-content:rtl {
  padding-left: 7px;
  padding-right: 5px;
}

af|panelTabbed::tab-content-inner,
af|navigationPane-tabs::tab-content-inner {
  line-height: 19px;
  /* Use the default font size for the content. The browser uses the font-size and the line-height to compute the height
   of the container div. This could lead to partial heights in browsers like IE9 and FF if the font-size is derived
   from the parent*/
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}

af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:selected af|panelTabbed::tab-content {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
}

af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|panelTabbed::header af|panelTabbed::tab:selected af|panelTabbed::tab-content {
  padding-bottom: 4px;
}

af|navigationPane-tabs::header af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|panelTabbed::header af|panelTabbed::tab:selected af|panelTabbed::tab-content {
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
}

af|panelTabbed::footer {
  bottom: 1px;
}

af|panelTabbed::footer af|panelTabbed::tab-content {
  /* border-radius is required to use aliases */
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  border-bottom-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-bottom-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-bottom: 1px solid -tr-property-ref(".AFTabBorderColor:alias","color");
  border-top: none;
  margin-top: 1px;
}

af|panelTabbed::footer af|panelTabbed::tab:selected af|panelTabbed::tab-content {
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
  border-top: none;
  margin-top: 0px;
  padding-bottom: 1px;
}

af|panelTabbed::body {
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
  margin-top: -1px;
  padding: 5px;
}

/* in skyros the body is consistent different if tabs are vertical */
af|panelTabbed::body:vertical {
  -tr-inhibit: background-image;
  -tr-inhibit: position;
  -tr-inhibit: border-style;
  -tr-inhibit: border-width;
  -tr-inhibit: border-color;
  -tr-inhibit: padding;
  margin-top: 0px;
}

af|panelDrawer::body {
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
  border-left: 1px solid -tr-property-ref(".AFBackground2BorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFBackground2BorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFBackground2BorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFBackground2BorderColor:alias","color");
  padding: 5px;
}

af|panelTabbed:top-tabs af|panelTabbed::body {
  border-top-left-radius: initial;
}

af|panelTabbed:bottom-tabs af|panelTabbed::body{
  border-bottom-left-radius: initial;
}

af|panelTabbed:top-tabs af|panelTabbed::body:rtl {
  border-top-right-radius: initial;
}

af|panelTabbed:bottom-tabs af|panelTabbed::body:rtl {
  border-bottom-right-radius: initial;
}

/* this will cause start/end not to render */
af|panelTabbed::header-start,
af|panelTabbed::header-end,
af|panelTabbed::body-start,
af|panelTabbed::body-end,
af|panelTabbed::footer-start,
af|panelTabbed::footer-end {
  -tr-width: 0px;
}

/* Disabled tab */
af|panelTabbed::tab:disabled af|panelTabbed::tab-content,
af|navigationPane-tabs::tab:disabled af|navigationPane-tabs::tab-content {
  background-color: -tr-property-ref(".AFTabDisabledColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
}

af|panelTabbed::footer af|panelTabbed::tab:disabled af|panelTabbed::tab-content {
  border-top: none;
  border-bottom: 1px solid -tr-property-ref(".AFTabBorderDisabledColor:alias","color");
}

/* tab icon styles */
af|panelTabbed::icon-style,
af|navigationPane-tabs::icon-style,
af|panelTabbed::remove-icon-style,
af|navigationPane-tabs::remove-icon-style {
  padding-top: 2px;
  vertical-align: top;
}

af|panelTabbed::footer af|panelTabbed::disclosed-remove-icon-style,
af|panelTabbed::footer af|panelTabbed::undisclosed-remove-icon-style,
af|panelTabbed::disclosed-remove-icon-style,
af|panelTabbed::undisclosed-remove-icon-style,
af|navigationPane-tabs::disclosed-remove-icon-style,
af|navigationPane-tabs::undisclosed-remove-icon-style,
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 {
  padding: 0px;
  height: 13px;
  max-height: 13px;
  width: 13px;
  margin-left: 1px;
}

@agent (touchScreen:none) {
  af|navigationPane-tabs::conveyor-belt-container .AFConveyorBeltElement af|navigationPane-tabs::tab-link:disabled:active:hover,
  af|navigationPane-tabs::overflow-container .AFOverflowElement af|navigationPane-tabs::tab-link:disabled:active:hover {
    color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  }
}

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

/* Start of base button styles */

/* Attempt at consistent button display.
   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 <button> based buttons will not have consistent button
     widths/heights across all OS/browsers. */
af|commandButton,
af|goButton,
af|resetButton,
af|dialog::footer-button {
  padding-left: 6px;
  padding-right: 6px;
}

/* there is an ie bug [http://support.microsoft.com/kb/322240] where a 1px gap is present when a
   background-image is placed in side a button. This leaves the background-color showing through in
   that 1px area, and makes width even more wacky with buttons that have both icon and text. Note
   that this ie bug could be worked around if we changed the HTML structure for our button components. */
@agent ie {
  af|commandButton,
  af|goButton,
  af|resetButton,
  af|dialog::footer-button {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }
  af|commandButton:text-only,
  af|goButton:text-only,
  af|resetButton,
  af|dialog::footer-button {
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
  }
}

/* Basically reseting the agent settings that are in simple. Long term we should review those
   settings to make sure their really needed, and if they are, move them to blaf medium. */
@agent webkit {
  af|commandButton,
  af|goButton,
  af|commandButton:text-only,
  af|goButton:text-only,
  af|resetButton,
  af|dialog::footer-button {
    padding-left: 9px;
    padding-right: 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) {
  af|commandButton,
  af|goButton,
  af|commandButton:text-only,
  af|goButton:text-only,
  af|resetButton,
  af|dialog::footer-button {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* 0px padding for correct icon only button sizing */
af|commandButton::icon-style,
af|dialog::footer-button-icon-style,
af|goButton::icon-style {
  padding-left: 0px;
  padding-right: 0px;
}

/* End of base button styles */


/* Start of base link styles */

af|commandLink,
af|goLink,
af|link,
af|commandImageLink,
af|goImageLink,
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 {
  color: -tr-property-ref(".AFLinkColor:alias","color");
  text-decoration: none;
}

af|messages::component-link:focus {
  -tr-inhibit: border;
}

/* Inhibit color assignment on link text. This way we can just skin the text color on the root
   element itself, which is desirable so focus ring color matches text color. */
af|link::text,
af|commandImageLink::text,
af|goImageLink::text,
af|link::text:active,
af|commandImageLink::text:active,
af|goImageLink::text:active,
af|link:disabled::text,
af|commandImageLink:disabled::text,
af|goImageLink:disabled::text,
af|link:visited::text,
af|goImageLink:visited::text {
  -tr-inhibit: color;
}

/* Somehow IE does not inherit parent link's style to link text.
   The following is the work around to inherit the parent link's active color. */
@agent ie {
  af|link::text:active:hover {
    color: -tr-property-ref(".AFLinkActiveColor:alias","color");
  }
  af|commandImageLink::text:active:hover {
    color: -tr-property-ref(".AFLinkActiveColor:alias","color");
  }
  af|goImageLink::text:active:hover {
    color: -tr-property-ref(".AFLinkActiveColor:alias","color");
  }
 .AFBrandingBar af|link::text:active {
    color: -tr-property-ref(".AFBrandingLinkActiveColor:alias","color");
  }
  .AFBrandingBar af|commandImageLink::text:active {
    color: -tr-property-ref(".AFBrandingLinkActiveColor:alias","color");
  }
  .AFBrandingBar af|goImageLink::text:active {
    color: -tr-property-ref(".AFBrandingLinkActiveColor:alias","color");
  }
}

@agent (touchScreen:none) {
  af|commandImageLink::text:hover,
  af|goImageLink::text:hover,
  af|link::text:hover {
    -tr-inhibit: color;
  }
}

/* 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|link,
  af|commandImageLink,
  af|goImageLink,
  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 {
    -tr-rule-ref: selector(".AFLinkHover:alias");
  }
}

@agent (touchScreen:none) {
  af|commandLink:hover,
  af|goLink:hover,
  af|link:hover,
  af|commandImageLink:hover,
  af|goImageLink: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 {
    -tr-rule-ref: selector(".AFLinkHover:alias");
  }

  af|calendar:printable af|calendar::week-header-day-link:hover,
  af|calendar:printable af|calendar::month-grid-cell-header-day-link:hover {
    text-decoration: none;
  }
}

/* active and visited link color */
af|goLink:active,
af|goLink:hover:active,
af|commandLink:active,
af|commandLink:hover:active,
af|link:active,
af|link:hover:active,
af|commandImageLink:active,
af|commandImageLink:hover:active,
af|goImageLink:active,
af|goImageLink:hover:active {
  color: -tr-property-ref(".AFLinkActiveColor:alias","color");
}

af|goLink:visited,
af|link:visited,
af|goImageLink:visited {
  color: -tr-property-ref(".AFLinkVisitedColor:alias","color");
}

af|link:visited[href="#"] {
  color: -tr-property-ref(".AFLinkColor:alias","color");
}

af|goLink:disabled,
af|commandLink:disabled,
af|link:disabled,
af|commandImageLink:disabled,
af|goImageLink:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

/* End of base links styles */

/* Start of chooseDate styles */
af|body:high-contrast af|chooseDate::spinbox-decrementor-icon-style:disabled:after:rtl{
  left: 0px;
  right: 0px;
  top: -2px;
}

af|chooseDate::week-header-cell{
  padding: 2px 4px 1px;
}
af|chooseDate::week-header-row {
  background-color: transparent;
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

af|chooseDate::month-year-row {
  padding: 10px 0 9px 0;
}

af|chooseDate::days-row {
  height: 14px;
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  background-color: transparent;
}
af|chooseDate::days-row:first af|chooseDate::prev-month-day,
af|chooseDate::days-row:first af|chooseDate::regular-day {
  padding-top: 5px;
}
af|chooseDate::days-row:last af|chooseDate::next-month-day,
af|chooseDate::days-row:last af|chooseDate::regular-day {
  padding-bottom: 8px;
}
af|chooseDate::today {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  border: 1px solid -tr-property-ref(".AFSelectedColor:alias","color");
  border-radius: 0;
}
af|chooseDate::today:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFDateDisabledColor:alias","color");
}
af|chooseDate::today:selected {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
@agent (touchScreen:none) {
  af|chooseDate::today:hover {
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
    border: 1px solid -tr-property-ref(".AFSelectedColor:alias","color");
    padding-bottom: 8px;
    text-decoration: underline;
  }
  af|chooseDate::prev-month-day:hover,
  af|chooseDate::next-month-day:hover {
    color: -tr-property-ref(".AFDateNextColor:alias","color");
    text-decoration: underline;
  }
}
af|chooseDate::prev-month-day,
af|chooseDate::next-month-day {
  color: -tr-property-ref(".AFDateNextColor:alias","color");
  background-color: transparent;
}
af|chooseDate::prev-month-day:selected,
af|chooseDate::next-month-day:selected {
  color: -tr-property-ref(".AFDateNextColor:alias","color");
  background-color: -tr-property-ref(".AFDateSelectedColor:alias","color");
}
af|chooseDate::prev-month-day:disabled:selected,
af|chooseDate::next-month-day:disabled:selected {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}
af|chooseDate::prev-month-day:disabled,
af|chooseDate::next-month-day:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}
af|chooseDate::regular-day:selected {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFDateSelectedColor:alias","color");
}
af|chooseDate::regular-day {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: transparent;
}
@agent (touchScreen:none) {
  af|chooseDate::regular-day:hover {
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
    text-decoration: underline;
  }
  af|chooseDate::regular-day:selected:hover {
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFDateSelectedColor:alias","color");
  }
  af|chooseDate::prev-month-day:selected:hover,
  af|chooseDate::next-month-day:selected:hover {
    color: -tr-property-ref(".AFTextColor:alias","color");
    background-color: -tr-property-ref(".AFDateSelectedColor:alias","color");
    text-decoration: underline;
  }
}
af|chooseDate::regular-day:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|chooseDate::regular-day:selected:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFDateDisabledColor:alias","color");
}
af|chooseDate::choice-list-content {
  -tr-rule-ref: selector(".AFTextColor:alias");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
}

/* In IE, the padding-top on the day cell also increases the height
   of the (box occupied by) the parent row, but in FF/Safari the day cell numbers
   just appeared pushed down. Increase height correspondingly in FF. */
@agent gecko, webkit {
  af|chooseDate::days-row:first {
    height: 21px;
  }
  af|chooseDate::days-row:last {
    height: 24px;
  }
}

/* Padding for time selectors in chooseDate */
/* Padding for time and timezone selectors in chooseDate */
af|chooseDate::time-selectors-row,
af|chooseDate::timezone-selectors-row{
  padding: 0px 5px 10px 5px;
  white-space: nowrap;
}
af|chooseDate::prev-month-arrow,
af|chooseDate::next-month-arrow:rtl {
  background-image: url('/afr/skyros-v1/previous_n.png');
}
af|body:high-contrast af|chooseDate::prev-month-arrow:after,
af|body:high-contrast af|chooseDate::next-month-arrow:after:rtl {
  content: url('/afr/skyros-v1/previous_n.png');
}
af|chooseDate::next-month-arrow,
af|chooseDate::prev-month-arrow:rtl {
  background-image: url('/afr/skyros-v1/next_n.png');
}
af|body:high-contrast af|chooseDate::next-month-arrow:after,
af|body:high-contrast af|chooseDate::prev-month-arrow:after:rtl {
  content: url('/afr/skyros-v1/next_n.png');
}
af|chooseDate::prev-month-arrow:hover,
af|chooseDate::next-month-arrow:hover:rtl
{
  background-image: url('/afr/skyros-v1/previous_mo.png');
}
af|body:high-contrast af|chooseDate::prev-month-arrow:hover:after,
af|body:high-contrast af|chooseDate::next-month-arrow:hover:after:rtl
{
  content: url('/afr/skyros-v1/previous_mo.png');
}
af|chooseDate::next-month-arrow:hover,
af|chooseDate::prev-month-arrow:hover:rtl
{
  background-image: url('/afr/skyros-v1/next_mo.png');
}
af|body:high-contrast af|chooseDate::next-month-arrow:hover:after,
af|body:high-contrast af|chooseDate::prev-month-arrow:hover:after:rtl
{
  content: url('/afr/skyros-v1/next_mo.png');
}
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/skyros-v1/previous_md.png');
}
af|body:high-contrast af|chooseDate::prev-month-arrow:active:after,
af|body:high-contrast af|chooseDate::prev-month-arrow:hover:active:after,
af|body:high-contrast af|chooseDate::next-month-arrow:active:after:rtl,
af|body:high-contrast af|chooseDate::next-month-arrow:hover:active:after:rtl{
  content: url('/afr/skyros-v1/previous_md.png');
}
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/skyros-v1/next_md.png');
}
af|body:high-contrast af|chooseDate::next-month-arrow:active:after,
af|body:high-contrast af|chooseDate::next-month-arrow:hover:active:after,
af|body:high-contrast af|chooseDate::prev-month-arrow:active:after:rtl,
af|body:high-contrast af|chooseDate::prev-month-arrow:hover:active:after:rtl{
  content: url('/afr/skyros-v1/next_md.png');
}

/* end chooseDate styles */

/* Start of codeEditor styles */

af|codeEditor::content:disabled {
  border-style: -tr-property-ref(".AFFormControlContentBorder:alias","border-style");
  border-width: -tr-property-ref(".AFFormControlContentBorder:alias","border-width");
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|codeEditor::content-input-container {
  border-style: -tr-property-ref(".AFFormControlContentBorder:alias","border-style");
  border-width: -tr-property-ref(".AFFormControlContentBorder:alias","border-width");
  border-bottom-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-left-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-right-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-top: none;
  -tr-rule-ref: selector(".AFLightestNeutralBackground:alias");
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0px;
  box-sizing: border-box;
}

@agent gecko {
  af|codeEditor::content-input-container {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  af|codeEditor::content-input-container {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}

af|codeEditor::editor-gutter {
  background-color: -tr-property-ref(".AFCodeEditorToolbarBackgroundColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFCodeEditorLineNumberBorderColor:alias","color");
}

af|codeEditor::editor-gutter-linenumbers {
  color: -tr-property-ref(".AFCodeEditorLineNumberTextColor:alias","color");
}

af|toolbox.AFCodeEditorToolbox {
  border: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  background-color: -tr-property-ref(".AFCodeEditorToolbarBackgroundColor:alias","color");
  box-sizing: border-box;
}
@agent gecko {
  af|toolbox.AFCodeEditorToolbox {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}
@agent webkit {
  af|toolbox.AFCodeEditorToolbox {
    -webkit-box-sizing: border-box;
  }
}
@agent ie {
  af|toolbox.AFCodeEditorToolbox {
    -ms-box-sizing: border-box;
  }
}
af|toolbox.AFCodeEditorToolboxDisabled {
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|codeEditor::editor-marker-error {
  border-bottom: 1px dashed -tr-property-ref(".AFCodeEditorErrorColor:alias","color");
  background-color: -tr-property-ref(".AFCodeEditorAreaHighlightColor:alias","color");
}

af|codeEditor::editor-marker-fatal {
  border-bottom: 1px dashed -tr-property-ref(".AFCodeEditorErrorColor:alias","color");
  background-color: -tr-property-ref(".AFCodeEditorAreaHighlightColor:alias","color");
}

af|codeEditor::editor-marker-warning {
  border-bottom: 1px dashed -tr-property-ref(".AFCodeEditorWarningColor:alias","color");
  background-color: -tr-property-ref(".AFCodeEditorAreaHighlightColor:alias","color");
}

af|codeEditor::editor-marker-info {
  border-bottom: none;
  background-color: -tr-property-ref(".AFCodeEditorAreaHighlightColor:alias","color");
}

af|codeEditor::markers-label {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  font-weight: bold;
  -tr-rule-ref: selector(".AFDefaultFontSize:alias");
}

af|codeEditor::markers-content-container {
  border-style: -tr-property-ref(".AFFormControlContentBorder:alias","border-style");
  border-width: -tr-property-ref(".AFFormControlContentBorder:alias","border-width");
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0px;
  overflow: auto;
  box-sizing: border-box;
}

@agent gecko {
  af|codeEditor::markers-content-container {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}

@agent webkit {
  af|codeEditor::markers-content-container {
    -tr-inhibit: box-sizing;
    -webkit-box-sizing: border-box;
  }
}

af|codeEditor::markers-text {
  color: -tr-property-ref(".AFLinkColor:alias","color");
}
@agent (touchScreen:none) {
  af|codeEditor::markers-text:hover {
    color: -tr-property-ref(".AFLinkColor:alias","color");
  }
}

af|codeEditor:disabled::label {
  -tr-rule-ref: selector(".AFLabelDisabled:alias");
}
af|codeEditor:disabled::content-input-container {
  background-color:-tr-property-ref(".AFCodeEditorBackgroundDisabledColor:alias","color");
  border: none;
}

af|codeEditor:disabled::content {
  -tr-rule-ref: selector(".AFFormControlContentForegroundDisabled:alias");
  -tr-rule-ref: selector(".AFFormControlContentBackgroundDisabled:alias");
}

af|codeEditor::editor-disabled-text {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

af|codeEditor:read-only::content-input-container {
  -tr-rule-ref: selector(".AFFormControlContentBackgroundDisabled:alias");
}

af|codeEditor::editor-search-highlight {
  background-color: -tr-property-ref(".AFCodeEditorAreaHighlightColor:alias","color");
}

af|codeEditor::editor-jump-highlight {
  background-color: -tr-property-ref(".AFCodeEditorAreaActiveColor:alias","color");
}

af|codeEditor::jump-icon {
  content: url("/afr/skyros-v1/quickQuery_ena.png");
}
af|codeEditor::jump-icon:disabled {
  content: url("/afr/skyros-v1/quickQuery_dis.png");
}
af|codeEditor::jump-icon:active {
  content: url("/afr/skyros-v1/quickQuery_dwn.png");
}
af|codeEditor::jump-icon:hover {
  content: url("/afr/skyros-v1/quickQuery_ovr.png");
}

/*end of codeEditor styles */

/* Start of toolbar button styles */

/* In the skyros skin, toolbar buttons render differently on the toolbar then they do when not on the toolbar.
   On-the-toolbar text-only buttons have a background gradient and a margin to set them apart. Other
   on-the-toolbar buttons do not have a background gradient or border, unless they are in the mouse over,
   mouse down, or selected state. They do not have a margin (if they did then in some states and not
   others toolbar would jump). Here we reset the toolbar button borders and backgrounds and then
   reassign the state values. This doesn't need to occur for the older deprecated buttons on the toolbar, as they
   have the same border and background look on and off the toolbar. */
af|toolbar af|commandToolbarButton,
af|toolbar af|button {
  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|commandToolbarButton:text-only,
af|toolbar af|button:text-only {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  margin: 0px 1px;
}

@agent (touchScreen:none) {
  af|commandToolbarButton:hover:disabled,
  af|button:hover:disabled {
    -tr-inhibit: margin;
  }
}

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

@agent (touchScreen:none) {
  af|toolbar af|commandToolbarButton:hover:disabled,
  af|toolbar af|button:hover:disabled {
    background-image: none;
    background-color: transparent;
    border-color: transparent;
  }
}

/* Background gradients for IE8 and IE9 (for some reason combining ie vesion 8 AND version 9
   doesn't work with 11.1.1.6.2 corresponding version of Trinidad skin generator, so spelling this out this way instead). */
@agent ie {
  af|toolbar af|commandToolbarButton:disabled,
  af|toolbar af|button:disabled,
  af|toolbar af|commandToolbarButton:hover:disabled,
  af|toolbar af|button:hover:disabled {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
}

/* Disabled text-only buttons on a toolbar do have a background gradient and disabled border colors. */
af|toolbar af|commandToolbarButton:text-only:disabled,
af|toolbar af|button:text-only:disabled {
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
}

@agent (touchScreen:none) {
  af|toolbar af|commandToolbarButton:text-only:hover:disabled,
  af|toolbar af|button:text-only:hover:disabled {
    -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
    -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  }
}

/* Restore hover effects on (enabled) toolbar buttons. */
@agent (touchScreen:none) {
  af|toolbar af|commandToolbarButton:hover,
  af|toolbar af|commandToolbarButton:text-only:hover,
  af|toolbar af|button:hover,
  af|toolbar af|button: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:selected,
af|toolbar af|commandToolbarButton:selected:active,
af|toolbar af|commandToolbarButton:text-only:depressed,
af|toolbar af|commandToolbarButton:text-only:selected,
af|toolbar af|commandToolbarButton:text-only:selected:active,
af|toolbar af|button:depressed,
af|toolbar af|button:selected,
af|toolbar af|button:selected:active,
af|toolbar af|button:text-only:depressed,
af|toolbar af|button:text-only:selected,
af|toolbar af|button:text-only:selected:active {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}

@agent (touchScreen:none) {
  af|toolbar af|commandToolbarButton:depressed:hover,
  af|toolbar af|commandToolbarButton:selected:hover,
  af|toolbar af|commandToolbarButton:selected:active:hover,
  af|toolbar af|commandToolbarButton:text-only:depressed:hover,
  af|toolbar af|commandToolbarButton:text-only:selected:hover,
  af|toolbar af|commandToolbarButton:text-only:selected:active:hover,
  af|toolbar af|button:depressed:hover,
  af|toolbar af|button:selected:hover,
  af|toolbar af|button:selected:active:hover,
  af|toolbar af|button:text-only:depressed:hover,
  af|toolbar af|button:text-only:selected:hover,
  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|commandToolbarButton::link,
af|toolbar af|button::link {
  padding: 2px 0px 1px 0px;
}

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

/* On-the-toolbar button images always get 3px padding left and right*/
af|toolbar af|commandToolbarButton::image,
af|toolbar af|button::image {
  padding: 0px 3px;
}

/* Buttons on the toolbar have 9px padding from text to side of button */
af|toolbar af|commandToolbarButton::text,
af|toolbar af|button::text,
af|toolbar af|button::leading-text:rtl,
af|toolbar af|button:trailing::text:rtl {
  padding: 0px 9px 0px 0px;
}

/* Buttons on the toolbar has 9px padding from text to side of button */
af|toolbar af|commandToolbarButton::text:rtl,
af|toolbar af|button::text:rtl,
af|toolbar af|button::leading-text,
af|toolbar af|button:trailing::text {
  padding-right: 0px;
  padding-left: 9px;
}

/* In top/bottom iconPosition also add padding on the left for ltr*/
af|toolbar af|button:top::text,
af|toolbar af|button:bottom::text {
  padding-left: 9px;
}

/* In top/bottom iconPosition also add padding on the left for rtl*/
af|toolbar af|button:top::text:rtl,
af|toolbar af|button:bottom::text:rtl {
  padding-right: 9px;
}

/* On-the-toolbar text-only CTB text always gets 9px padding left and right*/
af|toolbar af|commandToolbarButton:text-only::text,
af|toolbar af|button:text-only::text,
af|toolbar af|button:text-only::leading-text {
  padding: 0px 9px 0px 9px;
}

/* The cell containing the dropdown icon used for popup buttons */
af|commandToolbarButton::dropdown-cell,
af|button::dropdown-cell {
  border-color: -tr-property-ref(".AFButtonBorderColor:alias","color");
}

@agent (touchScreen:none) {
  af|commandToolbarButton:hover::dropdown-cell,
  af|button:hover::dropdown-cell {
    border-color: -tr-property-ref(".AFButtonBorderHoverColor:alias","color");
  }
}

/* Drop down cell active/selected border color. */
af|commandToolbarButton:depressed::dropdown-cell,
af|commandToolbarButton:selected::dropdown-cell,
af|commandToolbarButton:selected:active::dropdown-cell,
af|button:depressed::dropdown-cell,
af|button:selected::dropdown-cell,
af|button:selected:active::dropdown-cell {
  border-color: -tr-property-ref(".AFButtonBorderTopActiveColor:alias","color");
}

@agent (touchScreen:none) {
  af|commandToolbarButton:depressed:hover::dropdown-cell,
  af|commandToolbarButton:selected:hover::dropdown-cell,
  af|commandToolbarButton:selected:active:hover::dropdown-cell,
  af|button:depressed:hover::dropdown-cell,
  af|button:selected:hover::dropdown-cell,
  af|button:selected:active:hover::dropdown-cell {
    border-color: -tr-property-ref(".AFButtonBorderTopActiveColor:alias","color");
  }
}

/* Drop down cell disabled border color. */
af|query:busy af|button::dropdown-cell,
af|query:busy af|commandToolbarButton::dropdown-cell,
af|commandToolbarButton:disabled::dropdown-cell,
af|button:disabled::dropdown-cell {
  border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
}

@agent (touchScreen:none) {
  af|button:disabled:hover::dropdown-cell,
  af|commandToolbarButton:disabled:hover::dropdown-cell {
    border-color: -tr-property-ref(".AFButtonBorderDisabledColor:alias","color");
  }
}

/* give 19px height so divider border stretches from top to bottom */
af|commandToolbarButton::dropdown-icon-style,
af|button::dropdown-icon-style {
  background-image: url('/afr/skyros-v1/dropdown_ena.png');
  width: 11px;
  min-height: 19px;
}

/* selector icon for on and off the toolbar */
@agent (touchScreen:none) {
  af|commandToolbarButton:hover::dropdown-icon-style,
  af|button:hover::dropdown-icon-style {
    background-image: url('/afr/skyros-v1/dropdown_ovr.png');
  }
}

/* Active / depressed drop down icon */
af|commandToolbarButton:depressed::dropdown-icon-style,
af|commandToolbarButton:selected::dropdown-icon-style,
af|commandToolbarButton:selected:active::dropdown-icon-style,
af|button:depressed::dropdown-icon-style,
af|button:selected::dropdown-icon-style,
af|button:selected:active::dropdown-icon-style {
  background-image: url('/afr/skyros-v1/dropdown_dwn.png');
}

@agent (touchScreen:none) {
  af|commandToolbarButton:depressed:hover::dropdown-icon-style,
  af|commandToolbarButton:selected:hover::dropdown-icon-style,
  af|commandToolbarButton:selected:active:hover::dropdown-icon-style,
  af|button:depressed:hover::dropdown-icon-style,
  af|button:selected:hover::dropdown-icon-style,
  af|button:selected:active:hover::dropdown-icon-style {
    background-image: url('/afr/skyros-v1/dropdown_dwn.png');
  }
}

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

@agent (touchScreen:none) {
  af|commandToolbarButton:hover:disabled::dropdown-icon-style,
  af|commandToolbarButton:depressed:hover:disabled::dropdown-icon-style,
  af|commandToolbarButton:selected:hover:disabled::dropdown-icon-style,
  af|commandToolbarButton:selected:active:hover:disabled::dropdown-icon-style,
  af|button:hover:disabled::dropdown-icon-style,
  af|button:depressed:hover:disabled::dropdown-icon-style,
  af|button:selected:hover:disabled::dropdown-icon-style,
  af|button:selected:active:hover:disabled::dropdown-icon-style {
    background-image: url('/afr/skyros-v1/dropdown_dis.png');
  }
}

/* end of toolbar button styles */

/* start of contextInfo styles */

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


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

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

@agent ie and (version: 7.0) {
  af|selectOneChoice af|contextInfo::launch-icon-style,
  af|inputListOfValues af|contextInfo::launch-icon-style,
  af|inputText af|contextInfo::launch-icon-style {
    margin-top:3px;
  }

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

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

/* end of contextInfo styles */

/* start of inputComboboxListOfValues */

/* For some reason, the margin around this component isn't affecting the height of the
   .AFPanelFormLayoutContentCell so adding an extra 1px padding top and bottom. */
af|inputComboboxListOfValues .AFPanelFormLayoutContentCell {
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 3px;
}
af|inputComboboxListOfValues:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:read-only {
  padding-left: 6px;
}
@agent webkit {
  af|inputComboboxListOfValues .AFPanelFormLayoutContentCell {
    padding-top: 3px;
    padding-bottom: 2px;
  }
}

@agent ie {
  af|inputComboboxListOfValues:read-only .AFPanelFormLayoutContentCell {
    padding-bottom: 2px;
  }
}

af|inputComboboxListOfValues  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputComboboxListOfValues:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:read-only:rtl {
  padding-left: 0px;
  padding-right: 6px;
}

@agent ie {
  af|inputComboboxListOfValues .AFPanelFormLayoutContentCell {
    padding-left: 4px;
  }
  af|inputComboboxListOfValues .AFPanelFormLayoutContentCell:rtl {
    padding-right: 4px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues {
    padding-left: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:rtl {
    padding-left: 0px;
    padding-right: 1px;
  }
}

/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues {
  margin-left: 1px;
  -tr-rule-ref: selector(".AFMediumHeaderFont:alias");
  font-size: +2;
 -tr-inhibit: font-family;
 -tr-inhibit: font-weight;
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice:read-only {
  font-size: inherit;
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues::container {
  vertical-align: 12%;
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues::dropdown-cell {
  vertical-align: 9%;
}

@agent ie {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues::container {
    vertical-align: 35%;
  }
}

@agent webkit {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues::container {
    vertical-align: 35%;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:read-only {
    position: relative;
    top: 1px;
  }
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|inputComboboxListOfValues::content {
  padding-left: 3px;
}

/* alignment of combobox inside query panel is not correct*/
@agent ie and (version: 8.0),gecko {
af|query af|inputComboboxListOfValues::content {
  margin-bottom: 2px;
  margin-top: 2px;
  }
}

af|inputComboboxListOfValues::content:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputComboboxListOfValues::container {
  margin: 1px;
}
af|inputComboboxListOfValues.AFStretchWidth af|inputComboboxListOfValues::content,
af|selectManyChoice.AFStretchWidth af|selectManyChoice::content {
  width: calc(100% - 15px); /* 15px is the width of the dropdown icon */
}
/* end of inputComboboxListOfValues */
/* start of inputDate styles */
af|inputDate::content {
  margin: 1px;
  padding-left: 3px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-image: none;
  padding-right: 0px;
}
af|inputDate::content:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputDate .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
}
af|inputDate:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:read-only {
  padding-left: 6px;
}
af|inputDate  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputDate:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate {
  margin-left: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:read-only:rtl {
  padding-left: 0px;
  padding-right: 6px;
}
@agent ie {
  af|inputDate .AFPanelFormLayoutContentCell {
    padding-left: 4px;
  }
  af|inputDate .AFPanelFormLayoutContentCell:rtl {
    padding-right: 4px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate {
    padding-left: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:rtl {
    padding-left: 0px;
    padding-right: 1px;
  }
}
@agent webkit {
  af|inputDate .AFPanelFormLayoutContentCell {
    padding-top: 2px;
    padding-bottom: 1px;
  }
  af|inputDate:read-only .AFPanelFormLayoutContentCell {
    padding-top: 3px;
    padding-bottom: 0px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate {
    vertical-align: 50%;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputDate:read-only {
    vertical-align: inherit;
    position: relative;
    top: 1px;
  }
}
af|inputDate::launch-icon-style,
af|panelList af|inputDate::launch-icon-style {
  margin-left: 3px;
  -tr-rule-ref: selector(".AFClickableImageAnchor:alias");
  background-image:url("/afr/skyros-v1/timedate_ena.png");
  padding-left: 0px;
  padding-right: 0px;
}

af|body:high-contrast af|inputDate::launch-icon-style:after,
af|body:high-contrast af|panelList af|inputDate::launch-icon-style:after {
  content: url("/afr/skyros-v1/timedate_ena.png");
}

af|inputDate::launch-icon {
  content: inhibit;
}

/** styles the mousedown launch icon **/
af|inputDate::launch-icon-style:active {
  background-image:url("/afr/skyros-v1/timedate_dwn.png");
}
af|body:high-contrast af|inputDate::launch-icon-style:active:after {
  content: url("/afr/skyros-v1/timedate_dwn.png");
}

@agent (touchScreen:none) {
  /** styles the mouseover launch icon **/
  af|inputDate::launch-icon-style:hover {
    background-image:url("/afr/skyros-v1/timedate_ovr.png");
  }
  af|body:high-contrast af|inputDate::launch-icon-style:hover:after {
    content: url("/afr/skyros-v1/timedate_ovr.png");
  }
  /** styles the disabled clickable launch icon **/
  af|inputDate::launch-icon-style:disabled:hover {
    background-image:url("/afr/skyros-v1/timedate_dis.png");
  }
  af|body:high-contrast af|inputDate::launch-icon-style:disabled:hover:after {
    content: url("/afr/skyros-v1/timedate_dis.png");
  }
}
/*end of inputDate styles */
/* start of inputFile styles */
af|inputFile .AFPanelFormLayoutContentCell {
  padding-top: 2px;
  padding-left: 3px;
}
af|inputFile  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputFile:update .AFPanelFormLayoutContentCell,
af|inputFile:read-only .AFPanelFormLayoutContentCell {
  padding-left: 6px;
}
af|inputFile:update  .AFPanelFormLayoutContentCell:rtl,
af|inputFile:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 6px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile {
  margin-left: 1px;
}
/* block elements don't like to be inside inline elements very much. We'll fix that for read only. */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:read-only::content {
  display: inline;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:read-only {
  padding-left: 3px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:read-only:rtl {
  padding-left: 0px;
  padding-right: 3px;
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|inputFile::content {
  margin: 1px;
  padding: 1px 2px 1px 3px;
  -tr-rule-ref: selector(".AFTextColor:alias");
}
af|inputFile::label,
af|inputFile:read-only::content {
  color: -tr-property-ref(".AFLabelColor:alias","color");
}
/* 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;
  background-image: none;
}
af|inputFile:disabled::content {
  -tr-rule-ref: selector(".AFFormControlContentForegroundDisabled:alias");
}
@agent (touchScreen:none) {
  /* inputFile in update mode */
  af|inputFile:click-to-edit:update:hover-target::content,
  af|inputFile:click-to-edit:update:focus-target:hover-target::content {
    border-width: 0px;
    padding: 0px 2px 1px 2px;
    background-image: none;
  }
}

/* inputFile in update mode */
af|inputFile:update::content,
af|inputFile:click-to-edit:update::content,
af|inputFile:click-to-edit:update:focus-target::content {
  border-width: 0px;
  padding: 0px 2px 1px 2px;
  background-image: none;
  background-color: transparent;
}

af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content {
  padding-left: 6px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content:rtl {
  padding-left: 2px;
  padding-right: 6px;
}
/* some browser specific alignment tweaks for update mode */
@agent ie {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content {
    padding-left: 5px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:update::content:rtl,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputFile:click-to-edit:update::content:rtl {
    padding-right: 5px;
  }
  af|inputFile:update::content {
    padding-top: 1px;
  }
  @agent (touchScreen:none) {
  af|inputFile:click-to-edit:update:hover-target::content,
  af|inputFile:click-to-edit:update:focus-target:hover-target::content {
    display: inline-block;
  }
  af|inputFile:click-to-edit:update:hover-target::content,
  af|inputFile:click-to-edit:update:focus-target:hover-target::content {
    padding-top: 2px;
    padding-bottom: 0px;
  }
  }
  af|inputFile:update::content,
  af|inputFile:click-to-edit:update::content,
  af|inputFile:click-to-edit:update:focus-target::content {
    display: inline-block;
  }
  af|inputFile:click-to-edit:update::content,
  af|inputFile:click-to-edit:update:focus-target::content {
    padding-top: 2px;
    padding-bottom: 0px;
  }

  af|inputFile af|commandButton {
    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::content {
    background-image: none;
  }
  af|inputFile:update::content {
    padding-bottom: 0px;
  }
  af|inputFile af|commandButton {
    padding-top: 2px;
    padding-bottom: 4px;
  }
  af|inputFile:disabled::content {
    background-color: transparent;
  }
}

af|inputFile::multiple-content{
  -tr-rule-ref: selector(".AFFormControlContentBorder:alias");
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
  float: left;
}

af|inputFile::multiple-upload-content {
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}

af|inputFile::multiple-upload-dropzone {
  border-style: dashed;
  border-color:  -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-width: 1px;
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
}

af|inputFile::multiple-upload-drag {
  border:1px solid -tr-property-ref(".AFDropTarget2Color:alias","color");
  background-color: -tr-property-ref(".AFDropTargetColor:alias","color");
  opacity: 0.8;
}

@agent ie {
  af|inputFile::multiple-upload-drag {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity:80);
  }
}

af|inputFile::multiple-upload-cancel-button {
  background-image: url('/afr/skyros-v1/close_button_ena.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-cancel-button:disabled {
  background-image: url('/afr/skyros-v1/close_button_dis.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-cancel-button:hover {
  background-image: url('/afr/skyros-v1/close_button_ovr.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-cancel-button:active {
  background-image: url('/afr/skyros-v1/close_button_dwn.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-delete-button {
  background-image: url('/afr/skyros-v1/close_button_ena.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-delete-button:disabled {
  background-image: url('/afr/skyros-v1/close_button_dis.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-delete-button:hover {
  background-image: url('/afr/skyros-v1/close_button_ovr.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-delete-button:active {
  background-image: url('/afr/skyros-v1/close_button_dwn.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-retry-button {
  background-image: url('/afr/skyros-v1/reload_button_ena.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-retry-button:disabled {
  background-image: url('/afr/skyros-v1/reload_button_dis.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-retry-button:hover {
  background-image: url('/afr/skyros-v1/reload_button_ovr.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

af|inputFile::multiple-upload-retry-button:active {
  background-image: url('/afr/skyros-v1/reload_button_dwn.png');
  background-color: transparent;
  border: none;
  width: 13px;
  height: 13px;
}

@agent ie {

  af|inputFile::multiple-upload-cancel-button {
    padding: 6px;
  }

  af|inputFile::multiple-upload-retry-button {
    padding: 6px;
  }

  af|inputFile::multiple-upload-delete-button {
    padding: 6px;
  }

}

af|inputFile::multiple-upload-toolbar
{
  text-align: right;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
}

/* end of inputFile styles */

/* start of inputText styles */

af|inputText .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
}
af|inputText:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
@agent webkit {
  af|inputText .AFPanelFormLayoutContentCell {
    padding-top: 2px;
    padding-bottom: 1px;
  }
  af|inputText:read-only .AFPanelFormLayoutContentCell {
    padding-top: 3px;
    padding-bottom: 0px;
  }
}
af|inputText .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputText:read-only .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText {
  margin-left: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only {
  padding-left: 6px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:read-only:rtl {
  padding-left: 0px;
  padding-right: 6px;
}
@agent ie {
  af|inputText:read-only .AFPanelFormLayoutContentCell {
    padding-left: 8px;
  }
  af|inputText .AFPanelFormLayoutContentCell {
    padding-left: 4px;
  }
  af|inputText .AFPanelFormLayoutContentCell:rtl {
    padding-right: 4px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText {
    padding-left: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputText:rtl {
    padding-left: 0px;
    padding-right: 1px;
  }
}
af|inputText::content {
  padding: 1px 2px 1px 3px;
  margin: 1px;
  width: 170px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  overflow-x: hidden;
  overflow-y: auto;
}
/* This is a workaround until mozilla bug
https://bugzilla.mozilla.org/show_bug.cgi?id=779725
gets resolved */
@agent gecko and (min-version: 12) {
  af|body:high-contrast af|inputText::content,
  af|body:high-contrast af|selectOneChoice::content,
  af|body:high-contrast af|selectManyChoice::content,
  af|body:high-contrast af|inputNumberSpinbox::content {
    border-style: groove;
    border-width: 2px;
  }
}
af|inputText:error::content{
  border: 2px solid -tr-property-ref(".AFErrorColor:alias","color");
}
af|inputText:warning::content{
  border: 2px solid -tr-property-ref(".AFWarningColor:alias","color");
}
@agent gecko and (max-version: 18) {
  af|inputText::content:-moz-placeholder,
  af|inputComboboxListOfValues::content:-moz-placeholder,
  af|inputListOfValues::content:-moz-placeholder {
    color: -tr-property-ref(".AFTextTertiaryColor:alias","color");
  }
}
@agent gecko and (min-version: 19) {
  af|inputText::content::-moz-placeholder,
  af|inputComboboxListOfValues::content::-moz-placeholder,
  af|inputListOfValues::content::-moz-placeholder {
    color: -tr-property-ref(".AFTextTertiaryColor:alias","color");
  }
}
@agent webkit {
  af|inputText::content::-webkit-input-placeholder,
  af|inputComboboxListOfValues::content::-webkit-input-placeholder,
  af|inputListOfValues::content::-webkit-input-placeholder {
    color: -tr-property-ref(".AFTextTertiaryColor:alias","color");
  }
}
@agent ie {
  af|inputText::content:-ms-input-placeholder,
  af|inputComboboxListOfValues::content:-ms-input-placeholder,
  af|inputListOfValues::content:-ms-input-placeholder {
    color: -tr-property-ref(".AFTextTertiaryColor:alias","color");
  }
  af|inputText .AFPanelFormLayoutContentCell af|inputText::content,
  af|panelLabelAndMessage::content-cell .AFPanelFormLayoutContentCell af|inputText::content {
    margin: 0px 1px 2px 1px;
  }

  /* For some reason, IE doesn't allow for enough vertical height when specifying the
     number of rows on a textarea element. By modifying the line-height, we can keep the
     scrollbar from showing up until there are rows+1 rows of text. */
  af|inputText:multi-row::content {
    line-height: 1.2em;
  }
}


af|inputText:disabled::content,
af|inputDate:disabled::content,
af|inputColor:disabled::content,
af|inputComboboxListOfValues:disabled::container,
af|inputListOfValues:disabled::content {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-image: none;
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}

af|inputNumberSpinbox:disabled::content {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-image: none;
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  border-top-left-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-bottom-left-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 1px 2px 1px 3px;
  margin: 1px 0px 1px 1px;
}
af|inputComboboxListOfValues:disabled::content {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}

/* property used to enable/disable the stretching of table rendered inside the drodown
of inputComboboxListOfValues component.*/

af|inputComboboxListOfValues{
  -tr-stretch-dropdown-table: true;
}

af|inputListOfValues,
af|inputComboboxListOfValues{
  -tr-stretch-search-dialog: false;
}

af|inputListOfValues:read-only,
af|inputComboboxListOfValues:read-only {
  line-height: 17px;
}

af|inputComboboxListOfValues::separator {
  border-top:1px solid -tr-property-ref(".AFListSeparatorColor:alias","color");
  line-height:0px;
}

/* Safari 4 will lighten any text color specified, so we can't specify
 * the disabled text color exactly. :( */
@agent webkit and (version: 528.16) {
  af|inputText:disabled::content,
  af|inputNumberSpinbox:disabled::content,
  af|inputDate:disabled::content,
  af|inputColor:disabled::content,
  af|inputNumberSpinbox:disabled::content,
  af|inputComboboxListOfValues:disabled::container,
  af|inputListOfValues:disabled::content {
    -tr-rule-ref: selector(".AFTextDisabledColor:alias");
  }
}

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,
af|inputColor:read-only::content,
af|inputNumberSlider:read-only::content,
af|inputNumberSlider:read-only:vertical::content,
af|inputNumberSpinbox:read-only af|inputNumberSlider::content,
af|inputRangeSlider:read-only::content,
af|inputRangeSlider:read-only:vertical::content,
af|inputNumberSpinbox:read-only af|inputRangeSlider::content,
af|richTextEditor:read-only::content,
af|selectManyCheckbox:read-only::content,
af|selectManyChoice:read-only::content,
af|selectOneRadio:read-only::content {
  border-width: 0px;
  padding: 0px;
  margin: 0px;
  background-image: none;
  background-color: transparent;
}
/* setting the read only font-size to match default font-size */
af|richTextEditor:read-only::content {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
}

@agent gecko {
  /* 10255581 : Firefox bug whereby when rows=2 and the input overflows the box it does not
     display the scrollbar and user does not know there is more content
     34 px is the minimum to show the scrollbar */
  af|inputText:read-only::content{
    min-height: 34px;
  }
}
/* end of inputText styles */

/* Start of inputNumberSpinbox styles */
af|inputNumberSpinbox .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
}
af|inputNumberSpinbox:read-only .AFPanelFormLayoutContentCell {
  padding-left: 8px;
}
af|inputNumberSpinbox  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputNumberSpinbox:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 8px;
}
@agent webkit {
  af|inputNumberSpinbox .AFPanelFormLayoutContentCell {
    padding-top: 2px;
    padding-bottom: 1px;
  }
  af|inputNumberSpinbox:read-only .AFPanelFormLayoutContentCell {
    padding-top: 3px;
    padding-bottom: 0px;
  }
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSpinbox {
  margin-left: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSpinbox:read-only {
  padding-left: 5px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSpinbox:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSpinbox:read-only:rtl {
  padding-left: 0px;
  padding-right: 5px;
}
@agent webkit {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSpinbox:read-only {
    padding-top: 1px;
  }
}
af|inputNumberSpinbox::content {
  -tr-rule-ref: selector(".AFEndTextAlign:alias");
  border-top-left-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-bottom-left-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-top: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  padding: 1px 2px 1px 3px;
  margin: 1px 0px 1px 1px;
}
af|inputNumberSpinbox:fatal::content,
af|inputNumberSpinbox:error::content,
af|inputNumberSpinbox:warning::content {
  margin-right: 0px;
}
@agent ie {
  af|inputNumberSpinbox:fatal::content,
  af|inputNumberSpinbox:error::content,
  af|inputNumberSpinbox:warning::content {
    padding-right: 1px;
  }
}
af|inputNumberSpinbox::increment-cell,
af|inputNumberSpinbox::decrement-cell {
  display: block;
  width: 11px;
  border: 1px none transparent;
  padding: 0px;
}
af|inputNumberSpinbox::increment-cell {
  height: 8px;
}
af|inputNumberSpinbox::decrement-cell {
  height: 9px;
}
af|body:high-contrast af|inputNumberSpinbox::incrementor-icon-style,
af|body:high-contrast af|inputNumberSpinbox::decrementor-icon-style {
  border: 1px solid;
}
af|inputNumberSpinbox::incrementor-icon-style,
af|inputNumberSpinbox::decrementor-icon-style {
  display: block;
  width: 11px;
  background-repeat: no-repeat;
  background-position: center center;
  padding:0px;
}
af|inputNumberSpinbox::incrementor-icon-style {
  background-image: url("/afr/skyros-v1/spinboxup_ena.png");
  border-top-right-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  height: 8px;
}
af|inputNumberSpinbox::decrementor-icon-style {
  background-image: url("/afr/skyros-v1/spinboxdown_ena.png");
  border-bottom-right-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  height: 9px;
}
@agent (touchScreen:none) {
  af|inputNumberSpinbox::incrementor-icon-style:disabled:hover {
    background-image: url("/afr/skyros-v1/spinboxup_dis.png");
  }
  af|inputNumberSpinbox::decrementor-icon-style:disabled:hover {
    background-image: url("/afr/skyros-v1/spinboxdown_dis.png");
  }
  af|inputNumberSpinbox::incrementor-icon-style:hover {
    background-image: url("/afr/skyros-v1/spinboxup_ovr.png");
  }
  af|inputNumberSpinbox::decrementor-icon-style:hover {
    background-image: url("/afr/skyros-v1/spinboxdown_ovr.png");
  }
}

af|inputNumberSpinbox::incrementor-icon-style:disabled,
af|inputNumberSpinbox::incrementor-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/spinboxup_dis.png");
}
af|inputNumberSpinbox::decrementor-icon-style:disabled,
af|inputNumberSpinbox::decrementor-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/spinboxdown_dis.png");
}
af|inputNumberSpinbox::incrementor-icon-style:active {
  background-image: url("/afr/skyros-v1/spinboxup_dwn.png");
}
af|inputNumberSpinbox::decrementor-icon-style:active {
  background-image: url("/afr/skyros-v1/spinboxdown_dwn.png");
}

/* end of inputNumberSpinbox styles */

/* start of menuBar styles */

af|menuBar {
  background-color: transparent;
  height: 23px;
}

/* end of menuBar styles */

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

/* menu bar item - we have a padding of 1px, which is replaced by a rounded border on highlight and
   depressed. */
af|commandMenuItem::bar-item,
af|goMenuItem::bar-item,
af|menu::bar-item {
  height: 17px;
  padding: 3px 1px 1px 1px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
}

/* 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 {
  padding: 2px 0px 0px 0px;
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
}

/* 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: 2px 0px 0px 0px;
  -tr-rule-ref: selector(".AFButtonBorderDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}

/* menu bar item icon */
af|menu::bar-item-icon-style,
af|commandMenuItem::bar-item-icon-style,
af|goMenuItem::bar-item-icon-style {
  padding-left: 3px;
  padding-right: 0px;
}

af|menu::bar-item-icon-style:rtl,
af|commandMenuItem::bar-item-icon-style:rtl,
af|goMenuItem::bar-item-icon-style:rtl {
  padding-left: 0px;
  padding-right: 3px;
}

/* menu bar item text (menu has drop down indicator) */
af|menu::bar-item-text {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  padding-left: 5px;
  padding-right: 0px;
}

af|menu::bar-item-text:rtl {
  padding-left: 0px;
  padding-right: 5px;
}

af|menu:disabled::bar-item-text,
af|commandMenuItem:disabled::bar-item-text,
af|goMenuItem:disabled::bar-item-text {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}


/* menu bar item text */
af|commandMenuItem::bar-item-text,
af|goMenuItem::bar-item-text {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  padding-left: 5px;
  padding-right: 5px;
}


/* The menu bar item's dropdown icon (down arrow).
   The height 5px should be able to be removed when forwardported to Abrams, as text icon alignment
   is one pixel different in Abrams.
   */
af|menu::bar-item-open-icon-style {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_ena.png");
  background-position: center bottom;
  width: 9px;
  padding-left: 3px;
  padding-right: 3px;
}

/* This special height 5px should be able to be removed when forwardported to Abrams, as text icon alignment
   is one pixel different in Abrams, making need for this assignment to go away. */
@agent gecko {
  af|menu::bar-item-open-icon-style {
    height: 5px;
  }
}

/* mouse over dropdown icon */
af|menu:highlighted af|menu::bar-item-open-icon-style {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_ovr.png");
}

/* mouse down dropdown icon */
af|menu:depressed af|menu::bar-item-open-icon-style {
  background-image: url("/afr/skyros-v1/menu_l23_button_dropdown_dwn.png");
}

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

/* The row inside a menu that contains a separator. */
af|menu::separator-row {
  height: 3px;
}

af|menu::separator-row af|menu::item-empty-cell {
  height: 1px;
  overflow: hidden;
}

/* the menu popup group seperator line */
af|menu::separator {
  background-color: -tr-property-ref(".AFListSeparatorColor:alias","color");
  margin: 1px;
}

af|commandMenuItem::menu-item,
af|goMenuItem::menu-item,
af|menu::submenu {
  height: 21px;
  background-color: transparent;
}

/* We want menu popups to have AFComponentBackground color. But all of the menu parts below
   have AFTextBackground color assignment in simple skin. So we will undo those color assignments
   and apply AFComponentBackground color on AFPopupMenuPopup. */
af|commandMenuItem::menu-item-icon-style,
af|commandMenuItem::menu-item-text,
af|commandMenuItem::menu-item-accelerator,
af|commandMenuItem::menu-item-open-indicator,
af|goMenuItem::menu-item-icon-style,
af|goMenuItem::menu-item-text,
af|goMenuItem::menu-item-accelerator,
af|goMenuItem::menu-item-open-indicator,
af|menu::submenu-icon-style,
af|menu::submenu-text,
af|menu::submenu-accelerator,
af|menu::submenu-open-indicator {
    -tr-inhibit: background-color;
}

/* The left part of the menu item where the optional icon goes. */
af|commandMenuItem::menu-item-icon-style,
af|goMenuItem::menu-item-icon-style,
af|menu::submenu-icon-style {
  background-color: transparent;
  text-align: center;
  width: 21px;
  border-top: none;
  border-bottom: none;
}

/* private - give height of 19px so that with border we get 21px height */
af|commandMenuItem::menu-item-icon-style af|commandMenuItem::menu-item-empty-cell,
af|goMenuItem::menu-item-icon-style af|goMenuItem::menu-item-empty-cell,
af|menu::submenu-icon-style af|menu::item-empty-cell {
  height: auto;
  width: 21px;
}

/* Override check and radio type item styling */
af|commandMenuItem::menu-item-check-icon-style,
af|commandMenuItem::menu-item-radio-icon-style {
  background-color: transparent;
  opacity: 1;
  height: 19px;
  width: 21px;
}

af|commandMenuItem::menu-item-check-icon-style {
  background-image: url("/afr/skyros-v1/menu_toggle_icon_off.png");
}

af|commandMenuItem:selected::menu-item-check-icon-style {
  background-image: url("/afr/skyros-v1/menu_toggle_icon_on.png");
}

af|commandMenuItem::menu-item-radio-icon-style {
  background-image: url("/afr/skyros-v1/menu_radio_icon_off.png");
}

af|commandMenuItem:selected::menu-item-radio-icon-style {
  background-image: url("/afr/skyros-v1/menu_radio_icon_on.png");
}


/* Reset filter set in simple skin. Background color assignments needed for wonky ie opacity settings */
@agent ie and (version: 8.0) {
  af|commandMenuItem::menu-item-radio-icon-style,
  af|commandMenuItem::menu-item-check-icon-style {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  }

  af|commandMenuItem:highlighted::menu-item-radio-icon-style,
  af|commandMenuItem:highlighted::menu-item-check-icon-style {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
}

@agent ie and (version: 7.0) {
  af|commandMenuItem::menu-item-radio-icon-style,
  af|commandMenuItem::menu-item-check-icon-style {
    filter: alpha(opacity:100);
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  }

  af|commandMenuItem:highlighted::menu-item-radio-icon-style,
  af|commandMenuItem:highlighted::menu-item-check-icon-style {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
}

/* for high contrast mode, we'll only show icon on selected items */
af|commandMenuItem:selected::menu-item-check-icon {
  content: url("/afr/skyros-v1/menu_toggle_icon_on.png");
}
af|commandMenuItem:selected::menu-item-radio-icon {
  content: url("/afr/skyros-v1/menu_radio_icon_on.png");
}

af|commandMenuItem:selected::menu-item-check-icon-style img,
af|commandMenuItem:selected::menu-item-radio-icon-style img {
  display: none;
}
/* override base skin and only show the selected item */
af|body:high-contrast af|commandMenuItem::menu-item-check-icon-style img,
af|body:high-contrast af|commandMenuItem::menu-item-radio-icon-style img {
  display: none;
}
af|body:high-contrast af|commandMenuItem:selected::menu-item-check-icon-style img,
af|body:high-contrast af|commandMenuItem:selected::menu-item-radio-icon-style img {
  display: block;
}

/* override menu item text */
af|commandMenuItem::menu-item-text,
af|goMenuItem::menu-item-text,
af|menu::submenu-text {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  padding: 0px 10px 0px 0px;
  border-top: none;
  border-bottom: none;
}

af|commandMenuItem::menu-item-text:rtl,
af|goMenuItem::menu-item-text:rtl,
af|menu::submenu-text:rtl {
  padding-right: 0px;
  padding-left: 10px;
}


/* When highlighted, we have same accelerator font color, but different text font color */
af|commandMenuItem:highlighted::menu-item-text,
af|goMenuItem:highlighted::menu-item-text,
af|menu:highlighted::submenu-text {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  border-top: none;
  border-bottom: none;
}

/* disabled menu item text */
af|commandMenuItem:disabled::menu-item-text,
af|goMenuItem:disabled::menu-item-text,
af|menu:disabled::submenu-text {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

/* override accelerator */
af|commandMenuItem::menu-item-accelerator,
af|goMenuItem::menu-item-accelerator,
af|menu::submenu-accelerator {
  color: -tr-property-ref(".AFTextColor:alias","color");
  border-top: none;
  border-bottom: none;
  padding-right: 5px;
}

af|commandMenuItem::menu-item-accelerator:rtl,
af|goMenuItem::menu-item-accelerator:rtl,
af|menu::submenu-accelerator:rtl {
  padding-right: 0px;
  padding-left: 5px;
}

/* disabled accelerator text */
af|commandMenuItem:disabled::menu-item-accelerator,
af|goMenuItem:disabled::menu-item-accelerator,
af|menu:disabled::submenu-accelerator {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

/* The location on the menu item where a submenu open icon would go (the right arrow).
   Submenus have open icons, while for commandMenuItems this is just an empty spot. */
af|commandMenuItem::menu-item-open-indicator,
af|goMenuItem::menu-item-open-indicator,
af|menu::submenu-open-indicator {
  height: 10px;
  width: auto;
  border-top: none;
  border-bottom: none;
}


/* The submenu icon that opens the nested menu. */
af|menu::submenu-open-icon-style,
af|menuBar::overflow-container 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 {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/afr/skyros-v1/open_submenu_ena.png");
  width: 5px;
  height: 9px;
  padding: 0px;
  margin-right: 5px;
}

af|menu::submenu-open-icon-style:rtl,
af|menuBar::overflow-container 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:depressed af|menu::bar-item-open-icon-style:rtl {
  background-image: url("/afr/skyros-v1/open_submenu_ena_rtl.png");
  margin-right: 0px;
  margin-left: 5px;
}

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

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

/* Highlighted menu bar items in overflow should have same highlight color as menus. */
af|menuBar::overflow-container af|commandMenuItem::bar-item,
af|menuBar::overflow-container af|goMenuItem::bar-item,
af|menuBar::overflow-container af|menu::bar-item {
  background: transparent;
  padding: 1px;
  border: 1px transparent;
}

af|menuBar::overflow-container af|commandMenuItem::bar-item:highlighted,
af|menuBar::overflow-container af|goMenuItem::bar-item:highlighted,
af|menuBar::overflow-container af|menu::bar-item:highlighted {
  padding: 1px;
  border: 1px transparent;
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

/* If ie, need to undo the filter gradient. */
@agent ie {
  af|menuBar::overflow-container af|commandMenuItem::bar-item,
  af|menuBar::overflow-container af|goMenuItem::bar-item,
  af|menuBar::overflow-container af|menu::bar-item,
  af|menuBar::overflow-container af|commandMenuItem::bar-item:highlighted,
  af|menuBar::overflow-container af|goMenuItem::bar-item:highlighted,
  af|menuBar::overflow-container af|menu::bar-item:highlighted {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
}

/* menu items are highlighted on on mouse over and keyboard selection. */
af|commandMenuItem:highlighted::menu-item-icon-style,
af|commandMenuItem:highlighted::menu-item-accelerator,
af|commandMenuItem:highlighted::menu-item-open-indicator,
af|goMenuItem:highlighted::menu-item-icon-style,
af|goMenuItem:highlighted::menu-item-accelerator,
af|goMenuItem:highlighted::menu-item-open-indicator,
af|menu:highlighted::submenu-icon-style,
af|menu:highlighted::submenu-accelerator,
af|menu:highlighted::submenu-open-indicator {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  border-top: none;
  border-bottom: none;
}

/* menu scroll up icon */
af|menu::scroll-up-icon-style {
  height: 13px;
  background-image: url("/afr/skyros-v1/scroll_arrow_up_ena.png");
}

/* menu scroll down icon */
af|menu::scroll-down-icon-style {
  height: 13px;
  background-image: url("/afr/skyros-v1/scroll_arrow_down_ena.png");
}

@agent (touchScreen:none) {
  af|menu::scroll-up-icon-style:hover {
    background-image: url("/afr/skyros-v1/scroll_arrow_up_ovr.png");
  }
  af|menu::scroll-down-icon-style:hover {
    background-image: url("/afr/skyros-v1/scroll_arrow_down_ovr.png");
  }
}

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

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

@agent (touchScreen:none) {
  af|menu::scroll-up-icon-style:active:hover {
    background-image: url("/afr/skyros-v1/scroll_arrow_up_dwn.png");
  }
  af|menu::scroll-down-icon-style:active:hover {
    background-image: url("/afr/skyros-v1/scroll_arrow_down_dwn.png");
  }
}

af|menu::scroll-up-icon-style:disabled,
af|menu::scroll-up-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/scroll_arrow_up_dis.png");
}

af|menu::scroll-down-icon-style:disabled,
af|menu::scroll-down-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/scroll_arrow_down_dis.png");
}

@agent (touchScreen:none) {
  af|menu::scroll-up-icon-style:disabled:hover {
    background-image: url("/afr/skyros-v1/scroll_arrow_up_dis.png");
  }
  af|menu::scroll-down-icon-style:disabled:hover{
    background-image: url("/afr/skyros-v1/scroll_arrow_down_dis.png");
  }
}

@agent (touchScreen:none) {
  /* background color for mouse over scroll up/down area */
  af|menu::scroll-up-cell:hover,
  af|menu::scroll-down-cell:hover {
    background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  }
}

/* background color for mouse down scroll up/down area */
af|menu::scroll-up-cell:active,
af|menu::scroll-down-cell:active {
  background-color: -tr-property-ref(".AFGridControlSelectedColor:alias","color");
}

@agent (touchScreen:none) {
  af|menu::scroll-up-cell:active:hover,
  af|menu::scroll-down-cell:active:hover {
    background-color: -tr-property-ref(".AFGridControlSelectedColor:alias","color");
  }
}

/* disabled has no background color for mouse over scroll up/down area */
af|menu::scroll-up-cell:disabled,
af|menu::scroll-down-cell:disabled,
af|menu::scroll-up-cell:active:disabled,
af|menu::scroll-down-cell:active:disabled {
  background-color: transparent;
}

@agent (touchScreen:none) {
/* disabled has no background color for mouse over scroll up/down area */
  af|menu::scroll-up-cell:hover:disabled,
  af|menu::scroll-down-cell:hover:disabled,
  af|menu::scroll-up-cell:active:hover:disabled,
  af|menu::scroll-down-cell:active:hover:disabled {
    background-color: transparent;
  }
}

/* suppress left cell in scroll up icon area */
af|menu::scroll-up-icon-style af|menu::submenu-icon-style,
af|menu::scroll-down-icon-style af|menu::submenu-icon-style {
  height: auto;
  width: 0px;
}

/* On a detachable menu, this is the detach handle. */
af|menu::detach-handle {
  -tr-inhibit: background-image;
  background-color: -tr-property-ref(".AFBackground2Color:alias","color");
  height: 13px;
}

@agent (touchScreen:none) {
  af|menu::detach-handle:hover {
    -tr-inhibit: background-image;
    background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  }
}

af|menu::detachable-header-content-center:depressed af|menu::detach-handle {
  -tr-inhibit: background-image;
  background-color: -tr-property-ref(".AFGridControlSelectedColor:alias","color");
}

/* On a detachable menu, this is the grip on the detach-handle */
af|menu::detach-grip {
  background-image: url("/afr/skyros-v1/tearoff_grippy_ena.png");
  background-position: center center;
  height: 13px;
}

@agent (touchScreen:none) {
af|menu::detach-grip:hover {
  background-image: url("/afr/skyros-v1/tearoff_grippy_ovr.png");
}
}
/* Detachable menus use specialized depressed state on headers instead of active state */
af|menu::detachable-header-content-center:depressed af|menu::detach-grip {
  background-image: url("/afr/skyros-v1/tearoff_grippy_dwn.png");
}

/* menu container */
af|menu::child-container {
  -tr-inhibit: background-color;
}

/* When detached, the header looks like a panel window header */
af|menu::child-container:detached af|menu::detachable-header {
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFSmallHeaderFont:alias");
  height: 18px;
 -tr-inhibit: background-image;
 -tr-inhibit: font-family;
 -tr-inhibit: font-size;
}

/* override background color on detached menu item parts */
af|menu::child-container:detached af|commandMenuItem::menu-item-icon-style,
af|menu::child-container:detached af|commandMenuItem::menu-item-text,
af|menu::child-container:detached af|commandMenuItem::menu-item-accelerator,
af|menu::child-container:detached af|commandMenuItem::menu-item-open-indicator,
af|menu::child-container:detached af|goMenuItem::menu-item-icon-style,
af|menu::child-container:detached af|goMenuItem::menu-item-text,
af|menu::child-container:detached af|goMenuItem::menu-item-accelerator,
af|menu::child-container:detached af|goMenuItem::menu-item-open-indicator,
af|menu::child-container:detached af|menu::submenu-icon-style,
af|menu::child-container:detached af|menu::submenu-text,
af|menu::child-container:detached af|menu::submenu-accelerator,
af|menu::child-container:detached af|menu::submenu-open-indicator {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

/* override background color on highlighted detached menu item parts */
af|menu::child-container:detached af|commandMenuItem:highlighted::menu-item-icon-style,
af|menu::child-container:detached af|commandMenuItem:highlighted::menu-item-text,
af|menu::child-container:detached af|commandMenuItem:highlighted::menu-item-accelerator,
af|menu::child-container:detached af|commandMenuItem:highlighted::menu-item-open-indicator,
af|menu::child-container:detached af|goMenuItem:highlighted::menu-item-icon-style,
af|menu::child-container:detached af|goMenuItem:highlighted::menu-item-text,
af|menu::child-container:detached af|goMenuItem:highlighted::menu-item-accelerator,
af|menu::child-container:detached af|goMenuItem:highlighted::menu-item-open-indicator,
af|menu::child-container:detached af|menu:highlighted::submenu-icon-style,
af|menu::child-container:detached af|menu:highlighted::submenu-text,
af|menu::child-container:detached af|menu:highlighted::submenu-accelerator,
af|menu::child-container:detached af|menu:highlighted::submenu-open-indicator {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

/* 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 messages styles */

af|message::type,
af|message::intro,
af|message::detail,
af|messages::header-text,
af|messages::intro,
af|messages::detail {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

af|messages::message-group-type-separator {
  border-top-color: -tr-property-ref(".AFWindowBorderColor:alias","color");
}

/* end of messages styles */

/* Start of navigationPane styles, hint="bar" "buttons" "choice" "list" */

af|navigationPane-buttons::link,
af|navigationPane-bar::link {
  color: -tr-property-ref(".AFLinkColor:alias","color");
  display: inline-block;
  padding-top: 1px;
}

af|navigationPane-choice::link,
af|navigationPane-list::link {
  color: -tr-property-ref(".AFLinkColor:alias","color");
}

af|navigationPane-buttons::link:disabled,
af|navigationPane-bar::link:disabled,
af|navigationPane-choice::link:disabled,
af|navigationPane-list::link:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

af|navigationPane-buttons::separator-icon-style,
af|navigationPane-bar::separator-icon-style {
  background-image: url('/afr/skyros-v1/navPane_sSeparator.png');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  display: inline-block;
}

af|navigationPane-buttons::separator-icon,
af|navigationPane-bar::separator-icon {
  content: " ";
}

af|navigationPane-list::bullet {
  background-image: none;
}

/* cell containing navPane choice drop down icon */
af|navigationPane-choice::dropdown-cell {
  border: none;
  font-size: inherit;
}

/* navPane choice drop down icon */
af|navigationPane-choice::dropdown-icon-style {
  background-image: url('/afr/skyros-v1/choiceListButton_ena.png');
  font-size: inherit;
  padding-right: 13px;
}
@agent ie {
  af|navigationPane-choice::dropdown-icon-style {
    padding-right: 13px;
  }
}
@agent webkit {
  af|navigationPane-choice::dropdown-icon-style {
    height: 11px;
  }
}

@agent (touchScreen:none) {
af|navigationPane-choice::dropdown-icon-style:hover {
  background-image: url('/afr/skyros-v1/choiceListButton_ovr.png');
}
af|navigationPane-choice::dropdown-icon-style:active:hover  {
  background-image: url('/afr/skyros-v1/choiceListButton_dwn.png');
}
}
af|navigationPane-choice::dropdown-icon-style:active {
  background-image: url('/afr/skyros-v1/choiceListButton_dwn.png');
}

/* End of navigationPane styles */

/* Start of panelHeader */

/* Matching size to 'natural' size when not stretched */
af|panelHeader,
af|showDetailHeader,
af|query {
  -tr-header-height: 23px;
}

af|query::disclosure-icon-container,
af|showDetailHeader::disclosure-icon-container {
  padding-left: 0px;
  padding-right: 2px;
}

af|query::disclosure-icon-container:rtl,
af|showDetailHeader::disclosure-icon-container:rtl {
  padding-left: 2px;
  padding-right: 0px;
}

af|query::undisclosed-icon-style,
af|query::disclosed-icon-style,
af|showDetailHeader::undisclosed-icon-style,
af|showDetailHeader::disclosed-icon-style {
  width: 13px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}

af|query::disclosed-icon,
af|query::undisclosed-icon,
af|query::disclosed-icon:rtl,
af|query::undisclosed-icon:rtl {
  content: inhibit;
}

af|query::disclosed-icon-style,
af|showDetailHeader::disclosed-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyle:alias");
}

af|query::disclosed-icon-style:active,
af|showDetailHeader::disclosed-icon-style:active {
  -tr-rule-ref: selector(".AFDisclosedIconStyleActive:alias");
}

@agent (touchScreen:none) {
  af|query::disclosed-icon-style:hover,
  af|showDetailHeader::disclosed-icon-style:hover {
    -tr-rule-ref: selector(".AFDisclosedIconStyleHover:alias");
  }
  af|query::disclosed-icon-style:active:hover,
  af|showDetailHeader::disclosed-icon-style:active:hover {
    -tr-rule-ref: selector(".AFDisclosedIconStyleActive:alias");
  }
}

af|query::undisclosed-icon-style,
af|showDetailHeader::undisclosed-icon-style {
  -tr-rule-ref: selector(".AFUndisclosedIconStyle:alias");
}

/* Let the icon set in simple skin show when in high contrast mode */
af|showDetailHeader::disclosed-icon-style img,
af|showDetailHeader::undisclosed-icon-style img {
  display: none;
}

af|body:high-contrast af|showDetailHeader::disclosed-icon-style img,
af|body:high-contrast af|showDetailHeader::undisclosed-icon-style img {
  display: block;
}

af|query::undisclosed-icon-style:active,
af|showDetailHeader::undisclosed-icon-style:active {
  -tr-rule-ref: selector(".AFUndisclosedIconStyleActive:alias");
}

@agent (touchScreen:none) {
  af|query::undisclosed-icon-style:hover,
  af|showDetailHeader::undisclosed-icon-style:hover {
    -tr-rule-ref: selector(".AFUndisclosedIconStyleHover:alias");
  }
  af|query::undisclosed-icon-style:active:hover,
  af|showDetailHeader::undisclosed-icon-style:active:hover {
    -tr-rule-ref: selector(".AFUndisclosedIconStyleActive:alias");
  }
}

af|query::title0,
af|query::title1,
af|query::title2,
af|query::title3,
af|query::title4,
af|query::title5{
  overflow: visible;
}

/* 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;
}

/* Only first level titles get this extra border, only shown when open (undisclosed) */
af|panelHeader::content1,
af|showDetailHeader::content1,
af|query::content1 {
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|panelHeader::title0,
af|showDetailHeader::title0,
af|query::title0 {
  padding-left: 1px;
  padding-right: 1px;
}

af|panelHeader::title1,
af|showDetailHeader::title1,
af|query::title1,
af|panelHeader::title2,
af|showDetailHeader::title2,
af|query::title2,
af|panelHeader::title3,
af|showDetailHeader::title3,
af|query::title3,
af|panelHeader::title4,
af|showDetailHeader::title4,
af|query::title4,
af|panelHeader::title5,
af|showDetailHeader::title5,
af|query::title5 {
  padding-left: 6px;
  padding-right: 6px;
  -tr-rule-ref: selector(".AFSmallHeaderFont:alias");
}

af|panelHeader::title2,
af|showDetailHeader::title2,
af|query::title2,
af|panelHeader::title3,
af|showDetailHeader::title3,
af|query::title3,
af|panelHeader::title4,
af|showDetailHeader::title4,
af|query::title4,
af|panelHeader::title5,
af|showDetailHeader::title5,
af|query::title5 {
  -tr-rule-ref: selector(".AFPanelHeaderTitleCenterSubLevels:alias");
}

/* RCUX has specified an extra border for level 5 in Fusion skin, and they feel it is
   needed in Skyros skin as well. */
af|panelHeader::title5,
af|showDetailHeader::title5,
af|query::title5 {
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|panelHeader::content1,
af|showDetailHeader::content1,
af|query::content1 {
  background-position: 0px -24px;
  background-repeat: repeat-x;
  -tr-rule-ref: selector(".AFPanelHeaderContentLevel1:alias");
}

/* content padding needs to be 10px on the start side only */
af|panelHeader::content0:ltr,
af|panelHeader::content1:ltr,
af|panelHeader::content2:ltr,
af|panelHeader::content3:ltr,
af|panelHeader::content4:ltr,
af|panelHeader::content5:ltr,
af|showDetailHeader::content0:ltr,
af|showDetailHeader::content1:ltr,
af|showDetailHeader::content2:ltr,
af|showDetailHeader::content3:ltr,
af|showDetailHeader::content4:ltr,
af|showDetailHeader::content5:ltr,
af|query::content0:ltr,
af|query::content1:ltr,
af|query::content2:ltr,
af|query::content3:ltr,
af|query::content4:ltr,
af|query::content5:ltr {
  padding-right: 1px;
  padding-left: 10px;
}
af|panelHeader::content0:rtl,
af|panelHeader::content1:rtl,
af|panelHeader::content2:rtl,
af|panelHeader::content3:rtl,
af|panelHeader::content4:rtl,
af|panelHeader::content5:rtl,
af|showDetailHeader::content0:rtl,
af|showDetailHeader::content1:rtl,
af|showDetailHeader::content2:rtl,
af|showDetailHeader::content3:rtl,
af|showDetailHeader::content4:rtl,
af|showDetailHeader::content5:rtl,
af|query::content0:rtl,
af|query::content1:rtl,
af|query::content2:rtl,
af|query::content3:rtl,
af|query::content4:rtl,
af|query::content5:rtl {
  padding-right: 10px;
  padding-left: 1px;
}

/* header level 0 has 14px font and AFHeaderTextColor */
af|panelHeader::title-text0,
af|showDetailHeader::title-text0,
af|query::title-text0 {
 -tr-rule-ref: selector(".AFMediumHeaderFont:alias");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

/* header level 1 has 12px font and AFHeaderTextColor */
af|panelHeader::title-text1,
af|showDetailHeader::title-text1,
af|query::title-text1 {
  -tr-rule-ref: selector(".AFPanelHeaderTitleCenterLevel1:alias");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-inhibit: background-color;
  -tr-inhibit: background-image;
}

/* header level 2 has 11px font and AFHeaderTextColor */
af|panelHeader::title-text2,
af|showDetailHeader::title-text2,
af|query::title-text2 {
  -tr-rule-ref: selector(".AFPanelHeaderTitleCenterSubLevels:alias");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-inhibit: background-color;
  -tr-inhibit: background-image;
}

/* header level 3+ has 11px font and AFHeaderTextColor */
af|panelHeader::title-text3,
af|panelHeader::title-text4,
af|panelHeader::title-text5,
af|showDetailHeader::title-text3,
af|showDetailHeader::title-text4,
af|showDetailHeader::title-text5,
af|query::title-text3,
af|query::title-text4,
af|query::title-text5 {
  -tr-rule-ref: selector(".AFPanelHeaderTitleCenterSubLevels:alias");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
  -tr-inhibit: background-color;
  -tr-inhibit: background-image;
}

/* context selector and dynamic help icon both have 1px margin, so set 1px padding between for
   RCUX total of 3px */
af|panelHeader::dynamic-help-icon-container,
af|panelBox::dynamic-help-icon-container,
af|region::dynamic-help-icon-container,
af|showDetailHeader::dynamic-help-icon-container {
  padding-left: 1px;
}

af|panelHeader::dynamic-help-icon-container:rtl,
af|panelBox::dynamic-help-icon-container:rtl,
af|region::dynamic-help-icon-container:rtl,
af|showDetailHeader::dynamic-help-icon-container:rtl {
  padding-left: 0px;
  padding-right: 1px;
}

af|panelBox::instruction-text,
af|panelHeader::instruction-text,
af|region::instruction-text,
af|showDetailHeader::instruction-text {
  -tr-rule-ref: selector(".AFInstructionText");
}

af|panelBox::instruction-text:core:dark {
  background-color: -tr-property-ref(".AFGlobalTextColor:alias","color");
}

af|panelHeader::info,
af|showDetailHeader::info,
af|query::info {
  color: -tr-property-ref(".AFPageStampTextColor:alias","color");
}

/* End of header styles */

/* Show detail */

af|showDetail::header-text {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

af|showDetail::disclosed-icon {
  content: url('/afr/skyros-v1/discloseexpanded_ff_ena.png');
  width: 13px;
  height: 13px;
}

af|showDetail::disclosed-icon:rtl{
  content: url('/afr/skyros-v1/discloseexpanded_ff_rtl_ena.png');
  width: 13px;
  height: 13px;
}

af|showDetail::undisclosed-icon {
  content: url('/afr/skyros-v1/disclosecollapsed_ff_ena.png');
  width: 13px;
  height: 13px;
}

af|showDetail::undisclosed-icon:rtl {
  content: url('/afr/skyros-v1/disclosecollapsed_ff_rtl_ena.png');
  width: 13px;
  height: 13px;
}

/* Query and quick query */

.AFIndexedIcon:alias {
  color: #167E01;
}

/* Private -Styles the content operator of the search field */
af|query::criterion-content-operator {
  padding-right: 1px;
}
/* Private -Styles the content operator of the search field in rtl mode*/
af|query::criterion-content-operator:rtl {
  padding-left: 1px;
  padding-right: 0px;
}

/* Added this to align the date field inside query for FF3 */
@agent gecko and (version: 1.9) {
  af|query::criterion-content af|inputDate::content {
    margin-bottom: 1px;
  }
}

/*Query reorder dialog styles*/

af|query::move-top-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  margin: 0px 5px 2px;
}
af|query::move-top-icon-style:disabled {
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderDisabled:alias","border-radius");
}

af|query::move-top-icon-style:active,
af|query::move-top-icon-style:depressed,
af|query::move-top-icon-style:hover:depressed{
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}
af|query::move-up-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  margin: 0 5px 8px;
}
af|query::move-up-icon-style:disabled {
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderDisabled:alias","border-radius");
}
af|query::move-up-icon-style:active,
af|query::move-up-icon-style:hover:depressed,
af|query::move-up-icon-style:depressed {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}
af|query::move-down-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  margin: 0 5px 2px;
}
af|query::move-down-icon-style:disabled {
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderDisabled:alias","border-radius");
}
af|query::move-down-icon-style:active,
af|query::move-down-icon-style:depressed,
af|query::move-down-icon-style:hover:depressed  {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}
af|query::move-bottom-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorder:alias","border-radius");
  margin: 0 5px;
}
af|query::move-bottom-icon-style:disabled {
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderDisabled:alias","border-radius");
}
af|query::move-bottom-icon-style:active,
af|query::move-bottom-icon-style:depressed,
af|query::move-bottom-icon-style:hover:depressed {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  background-image: none;
  border-radius: -tr-property-ref(".AFButtonBorderActive:alias","border-radius");
}

@agent (touchScreen:none) {
  af|query::move-top-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    background-image: none;
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
  af|query::move-up-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    background-image: none;
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
  af|query::move-down-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    background-image: none;
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
  af|query::move-bottom-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    background-image: none;
    border-radius: -tr-property-ref(".AFButtonBorderHover:alias","border-radius");
  }
}
af|query::move-top-icon-style,
af|query::move-up-icon-style,
af|query::move-down-icon-style,
af|query::move-bottom-icon-style {
  display: block;
  margin-right: 5px;
  margin-left: 5px;
  width: 18px;
  height: 18px;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  box-sizing: border-box;
}
af|query::move-top-icon-style af|button::link,
af|query::move-up-icon-style af|button::link,
af|query::move-down-icon-style af|button::link,
af|query::move-bottom-icon-style af|button::link {
  padding: 0px;
}
@agent gecko {
  af|query::move-top-icon-style,
  af|query::move-up-icon-style,
  af|query::move-down-icon-style,
  af|query::move-bottom-icon-style {
    -moz-box-sizing: border-box;
    -tr-inhibit: box-sizing;
  }
}
af|quickQuery::search-icon-cell {
  width: 18px;
}

/* Start quickQuery styles */
af|quickQuery::search-icon-style {
  background-image: url('/afr/skyros-v1/quickQuery_ena.png');
  padding-right: 18px;
}

af|body:high-contrast af|quickQuery::search-icon-style::after {
 content: url('/afr/skyros-v1/quickQuery_ena.png');
}

/* Added this to align the search icon with the input fields for FF3 */
@agent gecko and (version: 1.9) {
  af|quickQuery::search-icon-style {
  vertical-align: -5%;
  }
}

/* Added this to align the search icon with the input fields for IE7 */
@agent ie and (version: 7.0)  {
  af|quickQuery::search-icon-style {
  vertical-align: 5%;
  }
}

/* Added this to align the search icon with the input fields for Safari and Chrome */
@agent webkit {
  af|quickQuery::search-icon-style {
  height: 17px;
  }
}

af|quickQuery::search-icon-style:rtl {
  background-image: url('/afr/skyros-v1/quickQuery_rtl_ena.png');
  padding-left: 18px;
  padding-right: 0px;
}

@agent (touchScreen:none) {
  af|quickQuery::search-icon-style:hover {
    background-image:url('/afr/skyros-v1/quickQuery_ovr.png');
    background-repeat: no-repeat;
  }

  af|quickQuery::search-icon-style:hover:rtl {
    background-image:url('/afr/skyros-v1/quickQuery_rtl_ovr.png');
  }
}

af|quickQuery::search-icon-style:active {
  background-image:url('/afr/skyros-v1/quickQuery_dwn.png');
  background-repeat: no-repeat;
}

af|quickQuery::search-icon-style:active:rtl {
  background-image:url('/afr/skyros-v1/quickQuery_rtl_dwn.png');
}

af|quickQuery::search-icon-style:active:hover {
  background-image:url('/afr/skyros-v1/quickQuery_dwn.png');
  background-repeat: no-repeat;
}

af|quickQuery::search-icon-style:active:hover:rtl {
  background-image:url('/afr/skyros-v1/quickQuery_rtl_dwn.png');
}

af|quickQuery::disabled-search-icon-style {
  background-image: url('/afr/skyros-v1/quickQuery_dis.png');
  padding-right: 18px;
}

af|quickQuery::disabled-search-icon-style:rtl {
  background-image: url('/afr/skyros-v1/quickQuery_rtl_dis.png');
  padding-left: 18px;
  padding-right: 0px;
}

af|quickQuery::criteria-items {
  padding-right: 0px;
}

af|quickQuery::criteria-items:rtl {
  padding-left: 0px;
}

af|quickQuery::value af|inputText::content {
  margin:1px 0px 1px 1px;
}

/* Added this to create 5px space between the search button and the advanced link */
af|quickQuery::end {
  padding-left: 6px;
}

/* Added this to align the date field inside quickQuery for FF2 */
@agent gecko and (version: 1.8) {
  af|quickQuery::value af|inputDate::content {
    vertical-align: 5%;
  }
}

/* end quickQuery styles */

af|query::group-criterion-name-text {
  -tr-rule-ref: selector(".AFHeaderTextColor:alias");
}

/* Icon to indicate the presence of the search item in the search panel in the "Add Fields" menu*/
af|query::attribute-presence-indicator-icon {
  content: url('/afr/skyros-v1/query_attribute_presence_icon_on.png');
}
/* query criterion delete icon style classes */
af|query::criterion-delete-icon-style {
 -tr-rule-ref: selector(".AFClickableImageAnchor:alias");
  background-image:url("/afr/skyros-v1/delete_sm_ena.png");
}
/* Styles the delete icon of the search field for rtl mode */
af|query::criterion-delete-icon-style:rtl {
  margin: 1px 1px 0px 8px;
}
@agent (touchScreen:none) {
  af|query::criterion-delete-icon-style:hover {
    background-image:url("/afr/skyros-v1/delete_sm_ovr.png");
  }
  af|body:high-contrast af|query::criterion-delete-icon-style:hover {
    content:url("/afr/skyros-v1/delete_sm_ovr.png");
  }
}
af|query::criterion-delete-icon-style:active {
  background-image:url("/afr/skyros-v1/delete_sm_dwn.png");
}
af|query::criterion-delete-icon-style:active:hover {
  background-image:url("/afr/skyros-v1/delete_sm_dwn.png");
}

af|body:high-contrast af|query::criterion-delete-icon-cell {
  content:url("/afr/skyros-v1/delete_sm_ena.png");
}

af|body:high-contrast af|query::criterion-delete-icon-cell:active {
  content:url("/afr/skyros-v1/delete_sm_dwn.png");
}

/* Property to turn on the showInList checkbox for IMMUTABLE saved searches */
af|query {
  -tr-system-search-show-in-list: enable;
}

/* end of query delete icon style */

/* Start selectBooleanCheckbox */
af|selectBooleanRadio .AFPanelFormLayoutContentCell,
af|selectOneRadio .AFPanelFormLayoutContentCell {
  padding-top: 3px;
}
af|selectBooleanRadio:read-only .AFPanelFormLayoutContentCell{
  padding-left: 6px;
}
af|selectOneRadio:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneRadio:read-only {
  padding-left: 7px;
}
@agent gecko {
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell,
  af|selectManyCheckbox:read-only .AFPanelFormLayoutContentCell {
    padding-top: 2px;
  }
  af|selectManyCheckbox .AFPanelFormLayoutContentCell af|selectManyCheckbox::item-text {
    vertical-align: 5%;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only::content-input {
    vertical-align: -4%;
  }
}
@agent gecko and (version: 1.8) {
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell,
  af|selectManyCheckbox .AFPanelFormLayoutContentCell,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox {
    padding-bottom: 1px;
  }
}
@agent ie {
  af|selectManyCheckbox:read-only::icon-style,
  af|selectBooleanCheckbox:read-only::icon-style {
    margin: 0px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only {
    display: inline-block;
    padding-top: 1px;
  }
}
@agent ie and (version: 9.0) {
  af|selectManyCheckbox .AFPanelFormLayoutContentCell,
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell {
    padding-left: 6px;
  }
}
@agent ie and (version: 7.0) {
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell,
  af|selectManyCheckbox .AFPanelFormLayoutContentCell,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox {
    padding-top: 0px;
    padding-left: 6px;
  }
}
@agent ie and (version: 8.0) {
  af|selectBooleanCheckbox .AFPanelFormLayoutContentCell,
  af|selectManyCheckbox .AFPanelFormLayoutContentCell,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox {
    padding-top: 3px;
    padding-left: 7px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox:read-only {
    padding-top: 0px;
  }
}
@agent webkit {
  af|selectManyCheckbox::item-text {
    vertical-align: 35%;
  }
  af|selectManyCheckbox .AFPanelFormLayoutContentCell {
    padding-top: 2px;
  }
  af|selectManyCheckbox .AFPanelFormLayoutContentCell af|selectManyCheckbox::item-text,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox::item-text {
    vertical-align: 20%;
  }
  af|selectManyCheckbox::native-input {
    margin: 1px 2px 2px 1px;
  }
  af|selectManyListbox::content-input {
    margin: 2px 3px 1px 2px;
    vertical-align: -15%;
  }
  af|selectManyListbox::options af|selectManyListbox::content-input {
    margin-top: 1px;
  }
}
af|selectBooleanCheckbox:read-only::content-input {
  padding-right: 0px;
}
af|selectBooleanCheckbox:read-only .AFPanelFormLayoutContentCell {
  padding-left: 2px;
}
af|selectManyCheckbox:read-only .AFPanelFormLayoutContentCell {
  padding-left: 6px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanRadio:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox:read-only {
  padding-left: 4px;
}

af|selectBooleanCheckbox .AFPanelFormLayoutContentCell:rtl,
af|selectManyCheckbox .AFPanelFormLayoutContentCell:rtl,
af|selectBooleanRadio .AFPanelFormLayoutContentCell:rtl,
af|selectOneRadio .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 2px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneRadio:read-only:rtl {
  padding-left: 0px;
  padding-right: 7px;
}
af|selectBooleanCheckbox:read-only .AFPanelFormLayoutContentCell:rtl,
af|selectManyCheckbox:read-only .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 6px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanCheckbox:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectBooleanRadio:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyCheckbox:read-only:rtl {
  padding-left: 0px;
  padding-right: 4px;
}
af|selectBooleanRadio:read-only .AFPanelFormLayoutContentCell:rtl{
  padding-left: 0px;
  padding-right: 6px;
}
af|selectOneRadio:read-only .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 9px;
}
af|selectManyCheckbox::selected-icon,
af|selectBooleanCheckbox::selected-icon {
  content: url(/afr/skyros-v1/checkMark_readonly.png);
  width: 13px;
  height: 13px;
}

af|selectManyCheckbox::unselected-icon,
af|selectBooleanCheckbox::unselected-icon {
  content: url(/afr/skyros-v1/checkMark_NS_readonly.png);
  width: 13px;
  height: 13px;
}

@agent ie and (version: 10), ie and (version: 9) {
  af|selectBooleanRadio::label {
    padding-right: 5px;
  }
}

@agent ie {
  af|selectManyCheckbox::label,
  af|selectBooleanCheckbox::label {
    padding-right: 4px;
  }
}

@agent ie and (version: 10), ie and (version: 9) {
  af|selectManyCheckbox::label,
  af|selectBooleanCheckbox::label {
    padding-right: 8px;
  }
}

af|selectBooleanCheckbox::content,
af|selectManyCheckbox::content,
af|selectBooleanRadio::content,
af|selectOneRadio::content {
  -tr-rule-ref: selector(".AFTextColor:alias");
}
@agent ie {
  .AFContentCell af|selectBooleanCheckbox::content {
    display: inline-block;
    padding-top: 1px;
  }
}
/*workaround to display border in ie-7*/
@agent ie and (version: 7.0) {
  .AFContentCell af|selectBooleanCheckbox::content {
    padding-top: 2px;
    display: inline;
  }
}
@agent gecko {
  af|selectBooleanCheckbox::item-text {
    vertical-align: 5%;
  }
  af|selectManyCheckbox::item-text {
    vertical-align: 20%;
  }
  af|selectBooleanCheckbox:read-only::content-input,
  af|selectManyCheckbox:read-only::content-input {
    vertical-align: 0%;
  }
  af|selectBooleanRadio::content-input {
    vertical-align: 0%;
  }
  af|selectBooleanRadio::item-text {
    vertical-align: 10%;
  }
}
@agent webkit {
  af|selectBooleanCheckbox::item-text {
    vertical-align: 20%;
  }
  af|selectBooleanRadio::item-text {
    vertical-align: 35%;
  }
  af|selectOneRadio::item-text {
    vertical-align: top;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneRadio::item-text {
    vertical-align: 35%;
  }
}
af|selectBooleanCheckbox:error::content-input,
af|selectBooleanRadio:error::content-input,
af|selectManyCheckbox:error::content-input,
af|selectOneRadio:error::content-input,
af|selectBooleanCheckbox:fatal::content-input,
af|selectBooleanRadio:fatal::content-input,
af|selectManyCheckbox:fatal::content-input,
af|selectOneRadio:fatal::content-input {
  -tr-inhibit: background-color;
}
af|selectOneRadio:disabled::content,
af|selectOneRadio::item-text:disabled,
af|selectManyCheckbox:disabled::item-text,
af|selectManyCheckbox::item-text:disabled,
af|selectBooleanCheckbox::item-text:disabled,
af|selectBooleanCheckbox:disabled::content,
af|selectBooleanRadio::item-text:disabled,
af|selectBooleanRadio:disabled::content {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
/* IE can'd do outline */
@agent ie and (version: 7.0) {
  af|selectBooleanRadio:error::content-input,
  af|selectOneRadio:error::content-input,
  af|selectBooleanRadio:fatal::content-input,
  af|selectOneRadio:fatal::content-input {
    background-color: -tr-property-ref(".AFErrorColor:alias","color");
  }
}
af|selectBooleanCheckbox:error::native-input,
af|selectBooleanRadio:error::native-input,
af|selectManyCheckbox:error::native-input,
af|selectOneRadio:error::native-input {
  outline: -tr-property-ref(".AFFormComponentOutlineError:alias","border");
}
af|selectBooleanCheckbox:fatal::native-input,
af|selectBooleanRadio:fatal::native-input,
af|selectManyCheckbox:fatal::native-input,
af|selectOneRadio:fatal::native-input {
  outline: -tr-property-ref(".AFFormComponentOutlineFatal:alias","border");
}
af|selectBooleanCheckbox:warning::content-input,
af|selectBooleanRadio:warning::content-input,
af|selectManyCheckbox:warning::content-input,
af|selectOneRadio:warning::content-input {
  -tr-inhibit: background-color;
}
/* IE can'd do outline */
@agent ie and (version: 7.0) {
  af|selectBooleanRadio:warning::content-input,
  af|selectOneRadio:warning::content-input {
    background-color: -tr-property-ref(".AFWarningColor:alias","color");
  }
}
/* IE can'd do outline */
@agent ie  and (version: 7.0){
af|selectManyCheckbox:warning::content-input,
  af|selectBooleanCheckbox:warning::content-input {
    border: 2px solid -tr-property-ref(".AFWarningColor:alias","color");
  }
  af|selectManyCheckbox:error::content-input,
  af|selectBooleanCheckbox:error::content-input,
  af|selectBooleanCheckbox:fatal::content-input,
  af|selectManyCheckbox:fatal::content-input {
    border: 2px solid -tr-property-ref(".AFErrorColor:alias","color");
  }
}
af|selectBooleanCheckbox:warning::native-input,
af|selectBooleanRadio:warning::native-input,
af|selectManyCheckbox:warning::native-input,
af|selectOneRadio:warning::native-input {
  outline: -tr-property-ref(".AFFormComponentOutlineWarning:alias","border");
}
@agent gecko {
  af|selectBooleanRadio:error::native-input,
  af|selectOneRadio:error::native-input,
  af|selectBooleanRadio:fatal::native-input,
  af|selectOneRadio:fatal::native-input,
  af|selectBooleanRadio:warning::native-input,
  af|selectOneRadio:warning::native-input {
    -moz-outline-radius: 8px;
  }
}
@platform macos {
  @agent gecko {
    af|selectBooleanCheckbox:error::native-input,
    af|selectManyCheckbox:error::native-input,
    af|selectBooleanCheckbox:fatal::native-input,
    af|selectManyCheckbox:fatal::native-input,
    af|selectBooleanCheckbox:warning::native-input,
    af|selectManyCheckbox:warning::native-input {
      outline-offset: -5px;
    }
  }
  @agent gecko {
    af|selectBooleanRadio:error::native-input,
    af|selectOneRadio:error::native-input,
    af|selectBooleanRadio:fatal::native-input,
    af|selectOneRadio:fatal::native-input,
    af|selectBooleanRadio:warning::native-input,
    af|selectOneRadio:warning::native-input {
      -moz-outline-radius: 9px;
      outline-offset: -5px;
      outline-width: 3px;
    }
  }
}

/* End SelectBooleanCheckbox */

/* Start of selectManyChoice styles */
af|selectManyChoice .AFPanelFormLayoutContentCell {
  padding-top: 6px;
  padding-bottom: 3px;
  padding-left: 3px;
}
af|selectManyChoice:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
@agent gecko, webkit {
  af|selectManyChoice .AFPanelFormLayoutContentCell {
    padding-top: 5px;
  }
}
af|selectManyChoice  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|selectManyChoice:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice {
  margin-left: 1px;
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: +5;
 -tr-inhibit: font-family;
 -tr-inhibit: font-weight;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle:read-only {
  padding-left: 6px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::control {
  vertical-align: 12%;
}
@agent ie {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::control {
    display: inline-block;
    vertical-align: 30%;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::dropdown {
    margin: 0px 1px;
  }
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice::dropdown {
  vertical-align: 9%;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle:read-only:rtl {
  padding-left: 0px;
  padding-right: 6px;
}
@agent ie {
  af|selectManyChoice .AFPanelFormLayoutContentCell,
  af|selectOneChoice .AFPanelFormLayoutContentCell {
    padding-left: 4px;
  }
  af|selectManyChoice .AFPanelFormLayoutContentCell:rtl,
  af|selectOneChoice .AFPanelFormLayoutContentCell:rtl {
    padding-right: 4px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice {
    padding-left: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyChoice:rtl,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:rtl {
    padding-left: 0px;
    padding-right: 1px;
  }
}

af|selectManyChoice::control,
af|inputComboboxListOfValues::container {
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  line-height: 1.0em;
  padding-left: 1px;
  padding-right: 1px;
  background-image: none;
}

af|selectManyChoice:disabled::control,
af|inputComboboxListOfValues:disabled::container {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|selectManyChoice::content {
  -tr-rule-ref: selector(".AFTextColor:alias");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
}
af|selectManyChoice:disabled::content,
af|selectOneChoice:disabled::content{
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}
af|selectManyChoice::content:focus {
  background-color: transparent;
}

@agent ie and (version: 8.0),gecko {
af|query af|selectManyChoice::content {
  margin-bottom: 2px;
  margin-top: 3px;
  }
}

@agent ie and (version: 7.0) {
  af|query af|selectManyChoice {
    padding-top: 0px;
  }
  af|query af|selectManyChoice::content {
    padding-bottom: 1px;
    margin-bottom: 1px;
    margin-top: 2px;
  }
}

@agent ie {
  af|selectManyChoice .AFContentCell {
    padding-top: 1px;
    padding-right: 2px;
  }
}
/* Firefox 2 does not display the selectManyChoice box correctly without these styles. */
@agent gecko and (version: 1.8) {
  af|selectManyChoice .AFPanelFormLayoutContentCell {
    padding: 5px 0px 4px 3px;
  }
  af|selectManyChoice::content {
    margin: 0px;
  }
}
@agent webkit {
  af|inputComboboxListOfValues::content {
    margin: 0px;
    padding-left: 3px;
  }
  af|treeTable af|inputComboboxListOfValues::content,
  af|table af|inputComboboxListOfValues::content {
    max-width: 84.5%;
  }
}
af|selectManyChoice::dropdown,
af|inputComboboxListOfValues::dropdown-cell {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: -2;
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  -tr-inhibit: font-family;
  -tr-inhibit: font-weight;
  padding-bottom: 0px;
  padding-top: 0px;
}

/* Since the various selectors for af|inputComboboxListOfValues have different styles than
   af|selectManyChoice in the simple skin, the following blocks are to make adjustments in RCUX
   skins so that these 2 components can share all of the remaining styles for easier
   maintenance */
af|inputComboboxListOfValues::content {
  background-image: none;
  background-color: transparent;
}
af|inputComboboxListOfValues::dropdown-cell {
  margin: 1px;
  vertical-align: 8%;
}

af|selectManyChoice::dropdown:hover,
  af|inputComboboxListOfValues::dropdown-cell:hover {
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
}
af|selectManyChoice::dropdown-icon-style {
  padding-right: 13px;
  padding-left:0px;
  height:13px;
}

@agent ie {
  af|inputComboboxListOfValues::dropdown-icon-style {
    display: inline-block;
  }
  af|selectManyChoice::dropdown,
  af|inputComboboxListOfValues::dropdown-cell {
    vertical-align: auto;
  }
  af|selectManyChoice::dropdown-icon-style {
    height:auto;
  }
}


@agent (touchScreen:none) {
  af|selectManyChoice:disabled::dropdown:hover,
  af|inputComboboxListOfValues:disabled::dropdown-cell:hover {
    -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  }
  af|selectManyChoice::dropdown:active:hover,
  af|inputComboboxListOfValues::dropdown-cell:active:hover {
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  }
  af|selectManyChoice::dropdown:hover,
  af|inputComboboxListOfValues::dropdown-cell:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
  }
}

af|selectManyChoice:disabled::dropdown,
af|selectManyChoice:disabled::dropdown:active,
af|inputComboboxListOfValues:disabled::dropdown-cell,
af|inputComboboxListOfValues:disabled::dropdown-cell:active {
  -tr-rule-ref: selector(".AFButtonBackgroundDisabled:alias");
  -tr-rule-ref: selector(".AFButtonBorderDisabled:alias");
}

af|selectManyChoice::dropdown:active,
af|inputComboboxListOfValues::dropdown-cell:active {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
}
af|selectManyChoice::dropdown-icon-style,
af|inputComboboxListOfValues::dropdown-icon-style {
  background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  padding-bottom: 4px;
  padding-top:2px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
 -tr-inhibit: font-family;
 -tr-inhibit: font-weight;
}
 af|body:high-contrast af|selectManyChoice::dropdown-icon-style:after,
 af|body:high-contrast af|inputComboboxListOfValues::dropdown-icon-style:after{
  content: url("/afr/skyros-v1/dropDownButton_arrow.png");
}

@agent (touchScreen:none) {
  af|selectManyChoice:disabled::dropdown-icon-style:hover,
  af|inputComboboxListOfValues:disabled::dropdown-icon-style:hover{
    background-image: url('/afr/skyros-v1/dropDownButton_arrow_dis.png');
  }
  af|selectManyChoice::dropdown-icon-style:hover,
  af|inputComboboxListOfValues::dropdown-icon-style:hover {
    background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
  }
  af|selectManyChoice::dropdown-icon-style:hover:active,
  af|inputComboboxListOfValues::dropdown-icon-style:hover:active{
    background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
  }
}

af|selectManyChoice:disabled::dropdown-icon-style,
af|selectManyChoice:disabled::dropdown-icon-style:active,
af|inputComboboxListOfValues:disabled::dropdown-icon-style,
af|inputComboboxListOfValues:disabled::dropdown-icon-style:active {
  background-image: url('/afr/skyros-v1/dropDownButton_arrow_dis.png');
}
af|selectManyChoice::dropdown-icon-style:active,
af|inputComboboxListOfValues::dropdown-icon-style:active {
  background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
}
af|selectManyChoice::item {
  line-height: 16px;
}
af|selectManyChoice::item:selected,
af|selectOneChoice::item:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|selectManyChoice::item:disabled,
af|selectOneChoice::item:disabled {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  -tr-rule-ref:selector(".AFLinkDisabled:alias");
}
@agent (touchScreen:none) {
  af|selectManyChoice::item:hover,
  af|selectOneChoice::item:hover {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
    border: 1px solid transparent;
  }
}
af|selectManyChoice::item:active,
af|selectOneChoice::item:active {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  border: 1px dotted -tr-property-ref(".AFLinkColor:alias","color");
}
af|selectManyChoice::content-input {
  padding: 0px;
  vertical-align: middle;
}
@agent ie {
  af|selectManyChoice::control,
  .AFContentCell af|selectManyChoice::control {
    vertical-align: auto;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .AFPanelFormLayoutContentCell af|inputComboboxListOfValues::container,
  .AFContentCell af|inputComboboxListOfValues::container {
    vertical-align: auto;
    display: inline-block;
    padding: 0px;
  }
  af|inputComboboxListOfValues::container {
    vertical-align: auto;
    display: inline;
    padding: 0px;
  }
  af|selectManyChoice::dropdown,
  af|inputComboboxListOfValues::dropdown-cell {
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
    display: inline-block;
    padding: 0px 0px 1px 0px;
  }

  af|inputComboboxListOfValues::dropdown-cell {
    margin: 0px 1px;
    vertical-align: auto;
  }
  /* Internet Explorer hack for how it ignores event targets for mouse events when the element
     doesn't contain anything interactive.  By having a background-image, the divider is then
     treated as a first class citizen and can be an event target. */
  af|selectManyChoice::content,
  af|inputComboboxListOfValues::content {
    background-image: url('/afr/t.gif');
    background-repeat: no-repeat;
  }
  af|selectManyChoice::dropdown-icon-style,
  af|inputComboboxListOfValues::dropdown-icon-style {
    vertical-align: auto;
    margin-top: 0px;
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
  }
  af|selectManyChoice::dropdown-icon-style {
    background-position-y: 75%;
    padding-right: 13px;
  }
  af|inputComboboxListOfValues::dropdown-icon-style {
    background-position-y: 50%;
  }
}
@agent ie and (version: 7.0) {
  af|selectManyChoice::control,
  .AFContentCell af|selectManyChoice::control,
  af|inputComboboxListOfValues::container,
  .AFContentCell af|inputComboboxListOfValues::container {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
  }
  af|selectManyChoice::content {
    margin: 0px 0px 2px 0px;
  }
  af|inputComboboxListOfValues::content {
    margin: 1px 0px 2px 0px;
    padding-top: 0px;
  }
  af|selectManyChoice::content:selected,
  af|inputComboboxListOfValues::content:selected {
    background-color: transparent;
  }
  af|selectManyChoice::dropdown,
  af|inputComboboxListOfValues::dropdown-cell {
    display: inline;
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
    padding: 0px;
    -tr-rule-ref: selector(".AFDefaultFont:alias");
    font-size: -2;
  }
  af|selectManyChoice::dropdown-icon-style,
  af|inputComboboxListOfValues::dropdown-icon-style {
    padding: 2px 13px 3px 1px;
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
    -tr-rule-ref: selector(".AFDefaultFont:alias");
    font-size: -6;
    background-position-y: 60%;
  }
  af|selectManyChoice::content-input {
    width:13px;
    height:13px;
    overflow:hidden;
  }
  af|inputComboboxListOfValues::container,
  .AFContentCell af|inputComboboxListOfValues::container {
    display: inline;
    padding-top: 1px;
  }
  af|inputComboboxListOfValues::content,
  .AFContentCell af|inputComboboxListOfValues::content {
    margin-bottom: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputComboboxListOfValues {
    -tr-rule-ref: selector(".AFDefaultFont:alias");
  }
}
@agent webkit {
  af|selectManyChoice::control,
  af|inputComboboxListOfValues::container {
    padding: 0px;
    vertical-align: 0%;
  }
  af|selectManyChoice::dropdown-icon-style,
  af|inputComboboxListOfValues::dropdown-icon-style {
    background-position-y: 60%;
  }
}
/* tweek the icon position for Google chrome */
@agent webkit and (version: 525.19) {
  af|selectManyChoice::dropdown-icon-style,
  af|inputComboboxListOfValues::dropdown-icon-style {
    background-position-y: 70%;
  }
}

/* End of selectManyChoice */

/* Start of selectManyListbox */
af|selectManyListbox .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 4px;
}
af|selectManyListbox:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|selectManyListbox  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 4px;
}
af|selectManyListbox:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox {
  margin-left: 2px;
  margin-bottom: 1px;
  margin-top: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:read-only {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 5px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:rtl {
  margin-left: 0px;
  margin-right: 2px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyListbox:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:read-only:rtl {
  padding-left: 0px;
  padding-right: 5px;
}

af|selectManyListbox:read-only::content {
  background-color: transparent;
}
af|selectManyListbox::separator {
  border-bottom:1px solid -tr-property-ref(".AFListSeparatorColor:alias","color");
}
af|selectManyListbox::item {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
af|selectManyListbox::content,
af|selectOneListbox::content  {
  font-weight:normal;
  -tr-rule-ref: selector(".AFDefaultFontFamily:alias");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|selectManyListbox:disabled::content,
af|selectOneListbox:disabled::content{
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|selectManyListbox::item:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}
@agent (touchScreen:none) {
  af|selectManyListbox::item:hover {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
}
af|selectManyListbox::item:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|selectManyListbox::item:active {
  border:1px dotted -tr-property-ref(".AFLinkColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
/* End of selectManyListbox */

/* Start of selectOneChoice */
af|selectOneChoice .AFPanelFormLayoutContentCell {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 3px;
}
af|selectOneChoice:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|selectOneChoice  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|selectOneChoice:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice {
  margin-left: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneChoice:rtl {
  margin-left: 0px;
  margin-right: 1px;
}

/* make selectOneChoice align with input text in a panel form layout */
af|selectOneChoice::content {
  color: -tr-property-ref(".AFTextColor:alias","color");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  margin: 1px;
}
/* override richcomponent-simple-desktop's default, which I think is outdated */
@agent webkit {
  af|selectOneChoice::content{
    border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  }
}
af|selectOneChoice:fatal::content,
af|selectOneChoice:error::content,
af|selectOneChoice:warning::content {
  margin: 0px;
}
af|selectOneChoice:read-only::content {
  background-color:transparent;
}
af|column::data-cell af|selectOneChoice:read-only::content,
af|column::banded-data-cell af|selectOneChoice:read-only::content,
af|column::row-header-cell af|selectOneChoice:read-only::content {
  background-color:transparent;
}
/* 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;
  }
}

@agent gecko {
  af|selectOneChoice .AFPanelFormLayoutContentCell {
    padding-top: 3px;
  }
}

/* cell containing compact dropdown icon */
af|selectOneChoice::compact-dropdown {
  border: none;
  font-size: inherit;
}

/* compact dropdown icon */
af|selectOneChoice::compact-dropdown-icon-style {
  background-image: url('/afr/skyros-v1/dropDownButton_compact_ena.png');
  background-color: transparent;
  height: 11px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  font-size: inherit;
  padding: 0px 13px 1px 0px;
}
@agent ie {
  af|selectOneChoice::compact-dropdown-icon-style {
    padding-right: 13px;
    padding-top:1px;
  }
}
@agent webkit {
  af|selectOneChoice::compact-dropdown-icon-style {
    display: inline-block;
    height: 11px;
  }
}

@agent (touchScreen:none) {
  af|selectOneChoice::compact-dropdown-icon-style:hover {
    background-image: url('/afr/skyros-v1/dropDownButton_compact_ovr.png');
  }
  af|selectOneChoice::compact-dropdown-icon-style:hover:active {
    background-image: url('/afr/skyros-v1/dropDownButton_compact_dwn.png');
  }
}
af|selectOneChoice::compact-dropdown-icon-style:active {
  background-image: url('/afr/skyros-v1/dropDownButton_compact_dwn.png');
}
af|selectOneChoice::compact-dropdown-icon-style:disabled {
  background-image: url("/afr/skyros-v1/dropDownButton_compact_dis.png");
}
af|selectOneChoice::dropdown-panel {
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: -tr-property-ref(".AFBackground2Color:alias","color");
}

/* Style on the item separator */
af|selectManyChoice::separator,
af|selectOneChoice::separator {
  border-bottom:1px solid -tr-property-ref(".AFListSeparatorColor:alias","color");
  padding-right: 1px;
  padding-left: 1px;
}
af|selectOneChoice::item {
  -tr-rule-ref: selector(".AFTextColor:alias");
}

/* end of selectOneChoice */
/* start of selectOneListbox */
af|selectOneListbox{
  -tr-listbox-item-height: 1.91; /*This value is in em*/
  -tr-listbox-item-height-unit: em;
}
af|selectOneListbox::separator {
  border-bottom:1px solid -tr-property-ref(".AFListSeparatorColor:alias","color");
}
af|selectOneListbox::item {
  border: 1px solid transparent;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  line-height: 17px;
}
af|selectOneListbox::item:disabled {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}
@agent (touchScreen:none) {
  af|selectOneListbox::item:hover {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
    border: 1px solid transparent;
  }
}
af|selectOneListbox::item:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|selectOneListbox::item:active {
  border:1px dotted -tr-property-ref(".AFLinkColor:alias","color");
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|selectOneListbox .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 4px;
}
af|selectOneListbox:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|selectOneListbox  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 4px;
}
af|selectOneListbox:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox {
  margin-left: 2px;
  margin-top: 1px;
  margin-bottom: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOneListbox:rtl {
  margin-left: 0px;
  margin-right: 2px;
}
/* end of selectOneListbox */
/* start of selectOneRadio */
@agent ie and (version: 8.0) {
  af|selectOneRadio::native-input {
    margin-top: 0px;
  }
  af|selectOneRadio::item-text {
    vertical-align: 10%;
  }
}

@agent webkit {
  /* vertical alignment adjustment for webkit of the radio button itself */
  af|selectBooleanRadio::native-input,
  af|selectOneRadio::native-input {
    margin: 1px 3px 2px 5px;
    vertical-align: 20%;
  }
}
/* end of selectOneRadio */
/* Start of shuttle styles */

af|selectManyShuttle .AFPanelFormLayoutContentCell,
af|selectOrderShuttle .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 4px;
}
af|selectManyShuttle:read-only .AFPanelFormLayoutContentCell,
af|selectOrderShuttle:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
af|selectManyShuttle  .AFPanelFormLayoutContentCell:rtl,
af|selectOrderShuttle  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 4px;
}
af|selectManyShuttle:read-only  .AFPanelFormLayoutContentCell:rtl,
af|selectOrderShuttle:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
/* adjustment for panelAndLabelMessage in panelFormLayout */
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle {
  margin-left: 1px;
  margin-bottom: 1px
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
@agent webkit {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectManyShuttle,
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|selectOrderShuttle {
    margin-top: 1px;
  }
}

af|selectManyShuttle::options,
af|selectOrderShuttle::options {
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}

af|selectManyShuttle::item,
af|selectOrderShuttle::item {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  line-height: 14px;
  margin: 0px 1px;
  padding: 0px 1px;
}

af|selectOrderShuttle:disabled::content,
af|selectManyShuttle:disabled::content {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
@agent (touchScreen:none) {
  af|selectOrderShuttle:disabled::item:hover,
  af|selectManyShuttle:disabled::item:hover {
    background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  }
}
af|selectOrderShuttle:disabled::item,
af|selectManyShuttle:disabled::item,
af|selectOrderShuttle:disabled::item:selected,
af|selectOrderShuttle:disabled::item:active,
af|selectManyShuttle:disabled::item:selected,
af|selectManyShuttle:disabled::item:active {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
}
af|selectOrderShuttle::desc-area,
af|selectManyShuttle::desc-area {
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|selectOrderShuttle:read-only::content,
af|selectManyShuttle:read-only::content {
  border-width: 0px;
}

/* Private - style class for a hidden item, in the shuttle, to ensure widths of both side are ok
   for vertical presentation, we need to set the min-width to accomodate the larger buttons */
af|selectManyShuttle::hidden-item:vertical,
af|selectOrderShuttle::hidden-item:vertical {
  min-width: 130px;
}
af|selectOrderShuttle::item:active,
af|selectManyShuttle::item:active,
af|selectOrderShuttle::item:selected,
af|selectManyShuttle::item:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}
af|selectOrderShuttle::item:active,
af|selectManyShuttle::item:active {
  border-color: -tr-property-ref(".AFLinkColor:alias","color");
}
af|selectOrderShuttle::item:focus,
af|selectManyShuttle::item:focus {
  border: 1px dotted -tr-property-ref(".AFLinkColor:alias","color");
}
@agent (touchScreen:none) {
  af|selectOrderShuttle::item:hover,
  af|selectManyShuttle::item:hover{
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
  af|selectOrderShuttle::item:disabled:hover,
  af|selectManyShuttle::item:disabled:hover {
    border-color: transparent;
    background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
    color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
  }
}

af|selectOrderShuttle::item:disabled,
af|selectManyShuttle::item:disabled,
af|selectOrderShuttle::item:disabled:active,
af|selectManyShuttle::item:disabled:active {
  border-color: transparent;
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}

af|selectOrderShuttle::content,
af|selectManyShuttle::content {
  font-weight:normal;
  -tr-rule-ref: selector(".AFDefaultFontFamily:alias");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|selectManyShuttle:error::content,
af|selectOrderShuttle:error::content,
af|selectManyShuttle:fatal::content,
af|selectOrderShuttle:fatal::content {
  border: 2px solid -tr-property-ref(".AFErrorColor:alias","color");
}
af|selectManyShuttle:warning::content,
af|selectOrderShuttle:warning::content {
  border: 2px solid -tr-property-ref(".AFWarningColor:alias","color");
}
af|selectManyShuttle::header,
af|selectOrderShuttle::header {
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  font-weight: bold;
  font-family: Tahoma;
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}
af|selectManyShuttle::label,
af|selectOrderShuttle::label {
  color: -tr-property-ref(".AFLabelColor:alias","color");
}
/* hide the checkboxes and icon text */
af|selectManyShuttle::content-input,
af|selectOrderShuttle::content-input,
af|selectManyShuttle::icon-label,
af|selectOrderShuttle::icon-label {
  display: none;
}
/*high contrast need the checkbox to be displayed */
af|body:high-contrast af|selectManyShuttle::content-input,
af|body:high-contrast af|selectOrderShuttle::content-input {
  -tr-inhibit: display;
}

/* style of parent container of the move icons and their text */
af|selectOrderShuttle::icon-container,
af|selectManyShuttle::icon-container {
  text-align: center;
  padding: 3px 0px;
}

af|selectManyShuttle::move-horizontal,
af|selectOrderShuttle::move-horizontal,
af|selectManyShuttle::moveall-horizontal,
af|selectOrderShuttle::moveall-horizontal,
af|selectManyShuttle::remove-horizontal,
af|selectOrderShuttle::remove-horizontal,
af|selectManyShuttle::removeall-horizontal,
af|selectOrderShuttle::removeall-horizontal {
  margin: 0px 10px;
  padding: 3px 2px 1px 3px;
}
af|selectManyShuttle::move-horizontal,
af|selectOrderShuttle::move-horizontal {
  margin-top: 1em;
}

af|selectOrderShuttle:leading-description::move-horizontal,
af|selectOrderShuttle:leading-description::move-horizontal:disabled:hover,
af|selectOrderShuttle:leading-description::move-horizontal:disabled,
af|selectOrderShuttle:leading-description::move-horizontal:disabled:active,
af|selectOrderShuttle:trailing-description::move-horizontal,
af|selectOrderShuttle:trailing-description::move-horizontal:disabled:hover,
af|selectOrderShuttle:trailing-description::move-horizontal:disabled,
af|selectOrderShuttle:trailing-description::move-horizontal:disabled:active,
af|selectManyShuttle:leading-description::move-horizontal,
af|selectManyShuttle:leading-description::move-horizontal:disabled:hover,
af|selectManyShuttle:leading-description::move-horizontal:disabled,
af|selectManyShuttle:leading-description::move-horizontal:disabled:active,
af|selectManyShuttle:trailing-description::move-horizontal,
af|selectManyShuttle:trailing-description::move-horizontal:disabled:hover,
af|selectManyShuttle:trailing-description::move-horizontal:disabled,
af|selectManyShuttle:trailing-description::move-horizontal:disabled:active {
  margin-top: -2em;
}

af|selectOrderShuttle:leading-description:horizontal-layout::move-top{
  margin-top: -2em;
}

af|selectOrderShuttle:trailing-description::move-top{
  margin-top: -2em;
}

af|selectManyShuttle::moveall-horizontal,
af|selectOrderShuttle::moveall-horizontal {
  margin-bottom: 14px;
}
af|selectManyShuttle::move-vertical,
af|selectOrderShuttle::move-vertical,
af|selectManyShuttle::moveall-vertical,
af|selectOrderShuttle::moveall-vertical,
af|selectManyShuttle::remove-vertical,
af|selectOrderShuttle::remove-vertical,
af|selectManyShuttle::removeall-vertical,
af|selectOrderShuttle::removeall-vertical {
  margin: 0px 3px;
  padding: 3px 2px 1px 3px;
}
af|selectManyShuttle::moveall-vertical,
af|selectOrderShuttle::moveall-vertical {
  margin-right: 17px;
}
/* It's totally lame for the button disabled background alias to have margin: 0px, which has nothing
 * to do with disabled backgounds, forcing me to reinstate the margin I already had. */
@agent (touchScreen:none) {
  af|selectManyShuttle::move-horizontal:disabled:hover,
  af|selectOrderShuttle::move-horizontal:disabled:hover,
  af|selectManyShuttle::moveall-horizontal:disabled:hover,
  af|selectOrderShuttle::moveall-horizontal:disabled:hover,
  af|selectManyShuttle::remove-horizontal:disabled:hover,
  af|selectOrderShuttle::remove-horizontal:disabled:hover,
  af|selectManyShuttle::removeall-horizontal:disabled:hover,
  af|selectOrderShuttle::removeall-horizontal:disabled:hover {
    margin: 0px 10px;
  }
  af|selectManyShuttle::move-horizontal:disabled:hover,
  af|selectOrderShuttle::move-horizontal:disabled:hover {
    margin-top: 1em;
  }
  af|selectManyShuttle::moveall-horizontal:disabled:hover,
  af|selectOrderShuttle::moveall-horizontal:disabled:hover {
    margin-bottom: 14px;
  }
  af|selectManyShuttle::move-vertical:disabled:hover,
  af|selectOrderShuttle::move-vertical:disabled:hover,
  af|selectManyShuttle::moveall-vertical:disabled:hover,
  af|selectOrderShuttle::moveall-vertical:disabled:hover,
  af|selectManyShuttle::remove-vertical:disabled:hover,
  af|selectOrderShuttle::remove-vertical:disabled:hover,
  af|selectManyShuttle::removeall-vertical:disabled:hover,
  af|selectOrderShuttle::removeall-vertical:disabled:hover {
    margin: 0px 3px;
  }
  af|selectManyShuttle::moveall-vertical:disabled:hover,
  af|selectOrderShuttle::moveall-vertical:disabled:hover {
    margin-right: 17px;
  }
}

af|selectManyShuttle::move-horizontal:disabled,
af|selectManyShuttle::move-horizontal:disabled:active,
af|selectOrderShuttle::move-horizontal:disabled,
af|selectOrderShuttle::move-horizontal:disabled:active,
af|selectManyShuttle::moveall-horizontal:disabled,
af|selectManyShuttle::moveall-horizontal:disabled:active,
af|selectOrderShuttle::moveall-horizontal:disabled,
af|selectOrderShuttle::moveall-horizontal:disabled:active,
af|selectManyShuttle::remove-horizontal:disabled,
af|selectManyShuttle::remove-horizontal:disabled:active,
af|selectOrderShuttle::remove-horizontal:disabled,
af|selectOrderShuttle::remove-horizontal:disabled:active,
af|selectManyShuttle::removeall-horizontal:disabled,
af|selectManyShuttle::removeall-horizontal:disabled:active,
af|selectOrderShuttle::removeall-horizontal:disabled,
af|selectOrderShuttle::removeall-horizontal:disabled:active {
  margin: 0px 10px;
}
af|selectManyShuttle::move-horizontal:disabled,
af|selectManyShuttle::move-horizontal:disabled:active,
af|selectOrderShuttle::move-horizontal:disabled,
af|selectOrderShuttle::move-horizontal:disabled:active {
  margin-top: 1em;
}
af|selectManyShuttle::moveall-horizontal:disabled,
af|selectManyShuttle::moveall-horizontal:disabled:active,
af|selectOrderShuttle::moveall-horizontal:disabled,
af|selectOrderShuttle::moveall-horizontal:disabled:active {
  margin-bottom: 14px;
}
af|selectManyShuttle::move-vertical:disabled,
af|selectManyShuttle::move-vertical:disabled:active,
af|selectOrderShuttle::move-vertical:disabled,
af|selectOrderShuttle::move-vertical:disabled:active,
af|selectManyShuttle::moveall-vertical:disabled,
af|selectManyShuttle::moveall-vertical:disabled:active,
af|selectOrderShuttle::moveall-vertical:disabled,
af|selectOrderShuttle::moveall-vertical:disabled:active,
af|selectManyShuttle::remove-vertical:disabled,
af|selectManyShuttle::remove-vertical:disabled:active,
af|selectOrderShuttle::remove-vertical:disabled,
af|selectOrderShuttle::remove-vertical:disabled:active,
af|selectManyShuttle::removeall-vertical:disabled,
af|selectManyShuttle::removeall-vertical:disabled:active,
af|selectOrderShuttle::removeall-vertical:disabled,
af|selectOrderShuttle::removeall-vertical:disabled:active {
  margin: 0px 3px;
}
af|selectManyShuttle::moveall-vertical:disabled,
af|selectManyShuttle::moveall-vertical:disabled:active,
af|selectOrderShuttle::moveall-vertical:disabled,
af|selectOrderShuttle::moveall-vertical:disabled:active {
  margin-right: 17px;
}

af|selectManyShuttle::move-horizontal-icon-style,
af|selectOrderShuttle::move-horizontal-icon-style,
af|selectManyShuttle::remove-horizontal-icon-style:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:rtl {
  background-image: url("/afr/skyros-v1/shuttleright_ena.png");
}
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:after,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:after,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightEnabledIcon:alias","background-image");
}
@agent (touchScreen:none) {
af|selectManyShuttle::move-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttleright_dis.png");
}
af|selectManyShuttle::move-horizontal-icon-style:hover,
af|selectOrderShuttle::move-horizontal-icon-style:hover,
af|selectManyShuttle::remove-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttleright_ovr.png");
}
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightDisabledIcon:alias","background-image");
}
}
af|selectManyShuttle::move-horizontal-icon-style:disabled,
af|selectOrderShuttle::move-horizontal-icon-style:disabled,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:rtl,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/skyros-v1/shuttleright_dis.png");
}
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightDisabledIcon:alias","background-image");
}
af|selectManyShuttle::move-horizontal-icon-style:active,
af|selectOrderShuttle::move-horizontal-icon-style:active,
af|selectManyShuttle::remove-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:active:rtl {
  background-image: url("/afr/skyros-v1/shuttleright_dwn.png");
}
af|selectManyShuttle::move-vertical-icon-style,
af|selectOrderShuttle::move-vertical-icon-style {
  background-image: url("/afr/skyros-v1/shuttledown_ena.png");
}
@agent (touchScreen:none) {
af|selectManyShuttle::move-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::move-vertical-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttledown_dis.png");
}
af|selectManyShuttle::move-vertical-icon-style:hover,
af|selectOrderShuttle::move-vertical-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttledown_ovr.png");
}
}
af|selectManyShuttle::move-vertical-icon-style:disabled,
af|selectOrderShuttle::move-vertical-icon-style:disabled,
af|selectManyShuttle::move-vertical-icon-style:disabled:active,
af|selectOrderShuttle::move-vertical-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttledown_dis.png");
}

af|selectManyShuttle::move-vertical-icon-style:active,
af|selectOrderShuttle::move-vertical-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttledown_dwn.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style,
af|selectOrderShuttle::moveall-horizontal-icon-style,
af|selectManyShuttle::removeall-horizontal-icon-style:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:rtl {
  background-image: url("/afr/skyros-v1/shuttlerightall_ena.png");
}
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:after,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:after,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:after:rtl,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightAllEnabledIcon:alias","background-image");
}
@agent (touchScreen:none) {
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttlerightall_dis.png");
}
af|selectManyShuttle::moveall-horizontal-icon-style:hover,
af|selectOrderShuttle::moveall-horizontal-icon-style:hover,
af|selectManyShuttle::removeall-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttlerightall_ovr.png");
}
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightAllDisabledIcon:alias","background-image");
}
}
af|selectManyShuttle::moveall-horizontal-icon-style:disabled,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:rtl,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/skyros-v1/shuttlerightall_dis.png");
}
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleRightAllDisabledIcon:alias","background-image");
}

af|selectManyShuttle::moveall-horizontal-icon-style:active,
af|selectOrderShuttle::moveall-horizontal-icon-style:active,
af|selectManyShuttle::removeall-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:active:rtl {
  background-image: url("/afr/skyros-v1/shuttlerightall_dwn.png");
}
af|selectManyShuttle::moveall-vertical-icon-style,
af|selectOrderShuttle::moveall-vertical-icon-style {
  background-image: url("/afr/skyros-v1/shuttledownall_ena.png");
}
@agent (touchScreen:none) {
af|selectManyShuttle::moveall-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::moveall-vertical-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttledownall_dis.png");
}
af|selectManyShuttle::moveall-vertical-icon-style:hover,
af|selectOrderShuttle::moveall-vertical-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttledownall_ovr.png");
}
}

af|selectManyShuttle::moveall-vertical-icon-style:disabled,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled,
af|selectManyShuttle::moveall-vertical-icon-style:disabled:active,
af|selectOrderShuttle::moveall-vertical-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttledownall_dis.png");
}

af|selectManyShuttle::moveall-vertical-icon-style:active,
af|selectOrderShuttle::moveall-vertical-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttledownall_dwn.png");
}

af|selectManyShuttle::remove-horizontal-icon-style,
af|selectOrderShuttle::remove-horizontal-icon-style,
af|selectManyShuttle::move-horizontal-icon-style:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:rtl {
  background-image: url("/afr/skyros-v1/shuttleleft_ena.png");
}
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:after,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:after,
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleLeftEnabledIcon:alias","background-image");
}
@agent (touchScreen:none) {
af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::move-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttleleft_dis.png");
}
af|selectManyShuttle::remove-horizontal-icon-style:hover,
af|selectOrderShuttle::remove-horizontal-icon-style:hover,
af|selectManyShuttle::move-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttleleft_ovr.png");
}
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleLeftDisabledIcon:alias","background-image");
}
}
af|selectManyShuttle::remove-horizontal-icon-style:disabled,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled,
af|selectManyShuttle::remove-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active,
af|selectManyShuttle::move-horizontal-icon-style:disabled:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:rtl,
af|selectManyShuttle::move-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/skyros-v1/shuttleleft_dis.png");
}
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style:disabled:active:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleLeftDisabledIcon:alias","background-image");
}

af|selectManyShuttle::remove-horizontal-icon-style:active,
af|selectOrderShuttle::remove-horizontal-icon-style:active,
af|selectManyShuttle::move-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::move-horizontal-icon-style:active:rtl {
  background-image: url("/afr/skyros-v1/shuttleleft_dwn.png");
}
af|selectManyShuttle::remove-vertical-icon-style,
af|selectOrderShuttle::remove-vertical-icon-style {
  background-image: url("/afr/skyros-v1/shuttleup_ena.png");
}
@agent (touchScreen:none) {
  af|selectManyShuttle::remove-vertical-icon-style:disabled:hover,
    af|selectOrderShuttle::remove-vertical-icon-style:disabled:hover {
    background-image: url("/afr/skyros-v1/shuttleup_dis.png");
  }
  af|selectManyShuttle::remove-vertical-icon-style:hover,
  af|selectOrderShuttle::remove-vertical-icon-style:hover {
    background-image: url("/afr/skyros-v1/shuttleup_ovr.png");
  }
}

af|selectManyShuttle::remove-vertical-icon-style:disabled,
af|selectOrderShuttle::remove-vertical-icon-style:disabled,
af|selectManyShuttle::remove-vertical-icon-style:disabled:active,
af|selectOrderShuttle::remove-vertical-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttleup_dis.png");
}

af|selectManyShuttle::remove-vertical-icon-style:active,
af|selectOrderShuttle::remove-vertical-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttleup_dwn.png");
}

af|selectManyShuttle::removeall-horizontal-icon-style,
af|selectOrderShuttle::removeall-horizontal-icon-style,
af|selectManyShuttle::moveall-horizontal-icon-style:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:rtl {
  background-image: url("/afr/skyros-v1/shuttleleftall_ena.png");
}
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:after,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:after,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:after:rtl,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleLeftAllEnabledIcon:alias","background-image");
}
@agent (touchScreen:none) {
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover:rtl,
  af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttleleftall_dis.png");
}
af|selectManyShuttle::removeall-horizontal-icon-style:hover,
af|selectOrderShuttle::removeall-horizontal-icon-style:hover,
af|selectManyShuttle::moveall-horizontal-icon-style:hover:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:hover:rtl {
  background-image: url("/afr/skyros-v1/shuttleleftall_ovr.png");
}
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:hover:after,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:hover:after:rtl,
  af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:hover:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleLeftAllDisabledIcon:alias","background-image");
}
}
af|selectManyShuttle::removeall-horizontal-icon-style:disabled,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled,
af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active,
af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:rtl,
af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:rtl {
  background-image: url("/afr/skyros-v1/shuttleleftall_dis.png");
}
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:after,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style:disabled:active:after,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:after:rtl,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style:disabled:active:after:rtl,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style:disabled:active:after:rtl {
  content: -tr-property-ref(".AFSelectShuttleLeftAllDisabledIcon:alias","background-image");
}

af|selectManyShuttle::removeall-horizontal-icon-style:active,
af|selectOrderShuttle::removeall-horizontal-icon-style:active,
af|selectManyShuttle::moveall-horizontal-icon-style:active:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:active:rtl {
  background-image: url("/afr/skyros-v1/shuttleleftall_dwn.png");
}
af|selectManyShuttle::removeall-vertical-icon-style,
af|selectOrderShuttle::removeall-vertical-icon-style {
  background-image: url("/afr/skyros-v1/shuttleupall_ena.png");
}
@agent (touchScreen:none) {
af|selectManyShuttle::removeall-vertical-icon-style:disabled:hover,
  af|selectOrderShuttle::removeall-vertical-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttleupall_dis.png");
}
af|selectManyShuttle::removeall-vertical-icon-style:hover,
af|selectOrderShuttle::removeall-vertical-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttleupall_ovr.png");
}
}

af|selectManyShuttle::removeall-vertical-icon-style:disabled,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled,
af|selectManyShuttle::removeall-vertical-icon-style:disabled:active,
af|selectOrderShuttle::removeall-vertical-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttleupall_dis.png");
}

af|selectManyShuttle::removeall-vertical-icon-style:active,
af|selectOrderShuttle::removeall-vertical-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttleupall_dwn.png");
}

/* selectOrderShuttle specific icon images */
af|selectOrderShuttle::move-top-icon-style {
  background-image: url("/afr/skyros-v1/shuttlereordertop_ena.png");
  margin-top: 1em;
}
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleUpEndEnabledIcon:alias","background-image");
  margin-top: 1em;
}
@agent (touchScreen:none) {
  af|selectOrderShuttle::move-top-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttlereordertop_dis.png");
}
af|selectOrderShuttle::move-top-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttlereordertop_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpEndDisabledIcon:alias","background-image");
}
}
af|selectOrderShuttle::move-top-icon-style:disabled,
af|selectOrderShuttle::move-top-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttlereordertop_dis.png");
}
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::move-top-icon-style:disabled:active:after {
  content: -tr-property-ref(".AFSelectShuttleUpEndDisabledIcon:alias","background-image");
}

af|selectOrderShuttle::move-top-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttlereordertop_dwn.png");
}

af|selectOrderShuttle::move-up-icon-style {
  background-image: url("/afr/skyros-v1/shuttlereorderup_ena.png");
  margin-bottom: 5px;
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleUpEnabledIcon:alias","background-image");
  margin-bottom: 5px;
}

@agent (touchScreen:none) {
  af|selectOrderShuttle::move-up-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttlereorderup_dis.png");
}
af|selectOrderShuttle::move-up-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttlereorderup_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
}
}
af|selectOrderShuttle::move-up-icon-style:disabled,
af|selectOrderShuttle::move-up-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttlereorderup_dis.png");
}
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::move-up-icon-style:disabled:active:after {
  content: -tr-property-ref(".AFSelectShuttleUpDisabledIcon:alias","background-image");
}

af|selectOrderShuttle::move-up-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttlereorderup_dwn.png");
}

af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleDownEnabledIcon:alias","background-image");
}

af|selectOrderShuttle::move-down-icon-style {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_ena.png");
}

@agent (touchScreen:none) {
  af|selectOrderShuttle::move-down-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_dis.png");
}
af|selectOrderShuttle::move-down-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
}
}
af|selectOrderShuttle::move-down-icon-style:disabled,
af|selectOrderShuttle::move-down-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_dis.png");
}
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::move-down-icon-style:disabled:active:after {
  content: -tr-property-ref(".AFSelectShuttleDownDisabledIcon:alias","background-image");
}

af|selectOrderShuttle::move-down-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttlereorderdown_dwn.png");
}

af|selectOrderShuttle::move-bottom-icon-style {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_ena.png");
}

af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:after {
  content: -tr-property-ref(".AFSelectShuttleDownEndEnabledIcon:alias","background-image");
}

@agent (touchScreen:none) {
  af|selectOrderShuttle::move-bottom-icon-style:disabled:hover {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_dis.png");
}
af|selectOrderShuttle::move-bottom-icon-style:hover {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_ovr.png");
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:hover:after {
  content: -tr-property-ref(".AFSelectShuttleDownEndDisabledIcon:alias","background-image");
}
}
af|selectOrderShuttle::move-bottom-icon-style:disabled,
af|selectOrderShuttle::move-bottom-icon-style:disabled:active {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_dis.png");
}
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:after,
af|body:high-contrast af|selectOrderShuttle::move-bottom-icon-style:disabled:active:after {
  content: -tr-property-ref(".AFSelectShuttleDownEndDisabledIcon:alias","background-image");
}

af|selectOrderShuttle::move-bottom-icon-style:active {
  background-image: url("/afr/skyros-v1/shuttlereorderbottom_dwn.png");
}

af|body:high-contrast af|selectManyShuttle::move-horizontal-icon-style,
af|body:high-contrast af|selectOrderShuttle::move-horizontal-icon-style,
af|body:high-contrast af|selectManyShuttle::remove-horizontal-icon-style,
af|body:high-contrast af|selectOrderShuttle::remove-horizontal-icon-style,
af|body:high-contrast af|selectManyShuttle::moveall-horizontal-icon-style,
af|body:high-contrast af|selectOrderShuttle::moveall-horizontal-icon-style,
af|body:high-contrast af|selectManyShuttle::removeall-horizontal-icon-style,
af|body:high-contrast af|selectOrderShuttle::removeall-horizontal-icon-style,
af|body:high-contrast af|selectManyShuttle::move-vertical-icon-style,
af|body:high-contrast af|selectOrderShuttle::move-vertical-icon-style,
af|body:high-contrast af|selectManyShuttle::remove-vertical-icon-style,
af|body:high-contrast af|selectOrderShuttle::remove-vertical-icon-style,
af|body:high-contrast af|selectManyShuttle::moveall-vertical-icon-style,
af|body:high-contrast af|selectOrderShuttle::moveall-vertical-icon-style,
af|body:high-contrast af|selectManyShuttle::removeall-vertical-icon-style,
af|body:high-contrast af|selectOrderShuttle::removeall-vertical-icon-style {
  -tr-inhibit: padding-left;
}

af|selectManyShuttle::move-horizontal-icon-style,
af|selectManyShuttle::moveall-horizontal-icon-style,
af|selectManyShuttle::copy-horizontal-icon-style,
af|selectManyShuttle::copyall-horizontal-icon-style,
af|selectManyShuttle::remove-horizontal-icon-style,
af|selectManyShuttle::removeall-horizontal-icon-style,
af|selectManyShuttle::move-horizontal-icon-style:rtl,
af|selectManyShuttle::moveall-horizontal-icon-style:rtl,
af|selectManyShuttle::copy-horizontal-icon-style:rtl,
af|selectManyShuttle::copyall-horizontal-icon-style:rtl,
af|selectManyShuttle::remove-horizontal-icon-style:rtl,
af|selectManyShuttle::removeall-horizontal-icon-style:rtl,
af|selectOrderShuttle::move-horizontal-icon-style,
af|selectOrderShuttle::moveall-horizontal-icon-style,
af|selectOrderShuttle::copy-horizontal-icon-style,
af|selectOrderShuttle::copyall-horizontal-icon-style,
af|selectOrderShuttle::remove-horizontal-icon-style,
af|selectOrderShuttle::removeall-horizontal-icon-style,
af|selectOrderShuttle::move-horizontal-icon-style:rtl,
af|selectOrderShuttle::moveall-horizontal-icon-style:rtl,
af|selectOrderShuttle::copy-horizontal-icon-style:rtl,
af|selectOrderShuttle::copyall-horizontal-icon-style:rtl,
af|selectOrderShuttle::remove-horizontal-icon-style:rtl,
af|selectOrderShuttle::removeall-horizontal-icon-style:rtl {
  display: block;
  width: auto;
  height: 16px;
  cursor:default;
  background-repeat: no-repeat;
  background-position: center center;
  padding-left:16px;
}
af|selectManyShuttle::move-vertical-icon-style,
af|selectManyShuttle::moveall-vertical-icon-style,
af|selectManyShuttle::copy-vertical-icon-style,
af|selectManyShuttle::copyall-vertical-icon-style,
af|selectManyShuttle::remove-vertical-icon-style,
af|selectManyShuttle::removeall-vertical-icon-style,
af|selectManyShuttle::move-vertical-icon-style:rtl,
af|selectManyShuttle::moveall-vertical-icon-style:rtl,
af|selectManyShuttle::copy-vertical-icon-style:rtl,
af|selectManyShuttle::copyall-vertical-icon-style:rtl,
af|selectManyShuttle::remove-vertical-icon-style:rtl,
af|selectManyShuttle::removeall-vertical-icon-style:rtl,
af|selectOrderShuttle::move-vertical-icon-style,
af|selectOrderShuttle::moveall-vertical-icon-style,
af|selectOrderShuttle::copy-vertical-icon-style,
af|selectOrderShuttle::copyall-vertical-icon-style,
af|selectOrderShuttle::remove-vertical-icon-style,
af|selectOrderShuttle::removeall-vertical-icon-style,
af|selectOrderShuttle::move-vertical-icon-style:rtl,
af|selectOrderShuttle::moveall-vertical-icon-style:rtl,
af|selectOrderShuttle::copy-vertical-icon-style:rtl,
af|selectOrderShuttle::copyall-vertical-icon-style:rtl,
af|selectOrderShuttle::remove-vertical-icon-style:rtl,
af|selectOrderShuttle::removeall-vertical-icon-style:rtl {
  display: block;
  width: auto;
  height: 16px;
  cursor:default;
  background-repeat: no-repeat;
  background-position: center center;
  padding-left:16px;
}
af|selectOrderShuttle::move-top-icon-style,
af|selectOrderShuttle::move-up-icon-style,
af|selectOrderShuttle::move-down-icon-style,
af|selectOrderShuttle::move-bottom-icon-style {
  display: block;
  width: 16px;
  height: 16px;
  cursor:default;
  background-repeat: no-repeat;
  margin-left: 10px;
}
af|selectOrderShuttle::move-top-icon-style:rtl,
af|selectOrderShuttle::move-up-icon-style:rtl,
af|selectOrderShuttle::move-down-icon-style:rtl,
af|selectOrderShuttle::move-bottom-icon-style:rtl {
  margin-left: 0px;
  margin-right: 10px;
}
@agent ie and (version: 7.0) {
  af|selectOrderShuttle::container,
  af|selectManyShuttle::container {
    background-color: transparent;
  }
}

/* end of shuttle styles */

/* Start of slider */
af|inputNumberSlider .AFPanelFormLayoutContentCell,
af|inputRangeSlider .AFPanelFormLayoutContentCell {
  padding-top: 2px;
  padding-left: 4px;
}
af|inputNumberSlider:read-only .AFPanelFormLayoutContentCell,
af|inputRangeSlider:read-only .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-left: 9px;
}
@agent webkit {
  af|inputNumberSlider .AFPanelFormLayoutContentCell,
  af|inputRangeSlider .AFPanelFormLayoutContentCell {
    padding-top: 3px;
  }
}
af|inputNumberSlider:vertical .AFPanelFormLayoutContentCell,
af|inputRangeSlider:vertical .AFPanelFormLayoutContentCell {
  padding-bottom: 2px;
}
af|inputNumberSlider  .AFPanelFormLayoutContentCell:rtl,
af|inputRangeSlider  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 4px;
}
af|inputNumberSlider:read-only  .AFPanelFormLayoutContentCell:rtl,
af|inputRangeSlider:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider {
  margin-left: 2px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider:read-only,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider:read-only {
  padding-left: 5px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputNumberSlider:read-only:rtl,
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputRangeSlider:read-only:rtl {
  padding-left: 0px;
  padding-right: 5px;
}

af|inputNumberSlider::content,
af|inputRangeSlider::content {
  margin: 1px 7px 0 4px;
  -tr-rule-ref: selector(".AFTextColor:alias");
}
af|inputNumberSlider::bar,
af|inputRangeSlider::bar {
  height: 11px;
  background-color: transparent;
}
af|inputNumberSlider::bar-outer-border,
af|inputRangeSlider::bar-outer-border {
  border: 0px solid transparent;
  background-color: transparent;
  background-image: url("/afr/skyros-v1/sliderBarH_mdTile.png");
  margin: 0px;
  padding: 0px 6px;
}
af|inputNumberSlider::bar-inner-border,
af|inputRangeSlider::bar-inner-border {
  border: 0px solid transparent;
}
af|inputNumberSlider::thumb-icon-style,
af|inputRangeSlider::thumb-icon-style {
  background-image: url('/afr/skyros-v1/slider_thumb_vert_ena.png');
  height: 17px;
  width: 13px;
  top: 1px;
}
af|inputNumberSlider::plus-icon-style,
af|inputRangeSlider::plus-icon-style {
  background-image: url('/afr/skyros-v1/slider_Hincrease_ena.png');
  height: 11px;
  width: 18px;
  position: absolute;
  top: 0px;
  right: -4px;
}
af|inputNumberSlider::plus-icon-style:rtl,
af|inputRangeSlider::plus-icon-style:rtl {
  right: auto;
  left: -4px;
}
@agent (touchScreen:none) {
  af|inputNumberSlider::plus-icon-style:hover,
  af|inputRangeSlider::plus-icon-style:hover {
    background-image: url('/afr/skyros-v1/slider_Hincrease_ovr.png');
  }
  af|inputNumberSlider::plus-icon-style:depressed:hover,
  af|inputRangeSlider::plus-icon-style:depressed:hover {
   background-image: url('/afr/skyros-v1/slider_Hincrease_dwn.png');
  }
  af|inputNumberSlider::minus-icon-style:hover,
  af|inputRangeSlider::minus-icon-style:hover {
    background-image: url('/afr/skyros-v1/slider_Hdecrease_ovr.png');
  }
  af|inputNumberSlider::minus-icon-style:depressed:hover,
  af|inputRangeSlider::minus-icon-style:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_Hdecrease_dwn.png');
  }
  af|inputNumberSlider:disabled::minus-icon-style:hover,
  af|inputRangeSlider:disabled::minus-icon-style:hover,
  af|inputNumberSlider:disabled::minus-icon-style:depressed:hover,
  af|inputRangeSlider:disabled::minus-icon-style:depressed:hover,
  af|inputNumberSlider::minus-icon-style:disabled:depressed:hover,
  af|inputRangeSlider::minus-icon-style:disabled:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_Hdecrease_dis.png');
  }
  af|inputNumberSlider:disabled::plus-icon-style:hover,
  af|inputRangeSlider:disabled::plus-icon-style:hover,
  af|inputNumberSlider:disabled::plus-icon-style:depressed:hover,
  af|inputRangeSlider:disabled::plus-icon-style:depressed:hover,
  af|inputNumberSlider::plus-icon-style:disabled:depressed:hover,
  af|inputRangeSlider::plus-icon-style:disabled:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_Hincrease_dis.png');
  }
  af|inputNumberSlider:vertical:disabled::minus-icon-style:hover,
  af|inputRangeSlider:vertical:disabled::minus-icon-style:hover,
  af|inputNumberSlider:vertical:disabled::minus-icon-style:depressed:hover,
  af|inputRangeSlider:vertical:disabled::minus-icon-style:depressed:hover,
  af|inputNumberSlider:vertical::minus-icon-style:disabled:depressed:hover,
  af|inputRangeSlider:vertical::minus-icon-style:disabled:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_decrease_dis.png');
  }
  af|inputNumberSlider:vertical:disabled::plus-icon-style:hover,
  af|inputRangeSlider:vertical:disabled::plus-icon-style:hover,
  af|inputNumberSlider:vertical:disabled::plus-icon-style:depressed:hover,
  af|inputRangeSlider:vertical:disabled::plus-icon-style:depressed:hover,
  af|inputNumberSlider:vertical::plus-icon-style:disabled:depressed:hover,
  af|inputRangeSlider:vertical::plus-icon-style:disabled:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_increase_dis.png');
  }
}
af|inputNumberSlider::plus-icon-style:depressed,
af|inputRangeSlider::plus-icon-style:depressed {
  background-image: url('/afr/skyros-v1/slider_Hincrease_dwn.png');
  position: absolute;
}
af|inputNumberSlider::plus-icon-style:depressed:rtl,
af|inputRangeSlider::plus-icon-style:depressed:rtl {
  background-image: url('/afr/skyros-v1/slider_Hincrease_dwn_rtl.png');
}
af|inputNumberSlider::minus-icon-style,
af|inputRangeSlider::minus-icon-style {
  background-image: url('/afr/skyros-v1/slider_Hdecrease_ena.png');
  height: 11px;
  width: 18px;
  position: absolute;
  top: 0px;
  left: -4px;
}
af|inputNumberSlider::minus-icon-style:rtl,
af|inputRangeSlider::minus-icon-style:rtl {
  left: auto;
  right: -4px;
}
af|inputNumberSlider::minus-icon-style:depressed,
af|inputRangeSlider::minus-icon-style:depressed {
  background-image: url('/afr/skyros-v1/slider_Hdecrease_dwn.png');
  position: absolute;
}
af|inputNumberSlider::minus-icon-style:depressed:rtl,
af|inputRangeSlider::minus-icon-style:depressed:rtl {
  background-image: url('/afr/skyros-v1/slider_Hdecrease_dwn_rtl.png');
  position: absolute;
}
af|inputRangeSlider::range {
  background-color: transparent;
  background-image: url('/afr/skyros-v1/sliderHighlight_mdTile.png');
  height: 9px;
  top: 1px;
}
af|inputNumberSlider::thumb-value-line,
af|inputRangeSlider::thumb-value-line {
  border-color: -tr-property-ref(".AFSliderBarColor:alias","color");
}
af|inputNumberSlider::thumb-value,
af|inputRangeSlider::thumb-value {
  color: -tr-property-ref(".AFSliderThumbTextColor:alias","color");
  border-color: -tr-property-ref(".AFSliderBarColor:alias","color");
}
af|inputNumberSlider::zero-tick,
af|inputRangeSlider::zero-tick {
  border-color: -tr-property-ref(".AFSliderTickMarkZeroColor:alias","color");
}
af|inputNumberSlider::major-tick,
af|inputRangeSlider::major-tick,
af|inputNumberSlider::minor-tick,
af|inputRangeSlider::minor-tick {
  border-color: -tr-property-ref(".AFSliderTickMarkColor:alias","color");
}
af|inputNumberSlider::tick-value-zero,
af|inputRangeSlider::tick-value-zero {
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|inputNumberSlider::tick-value,
af|inputRangeSlider::tick-value {
  color: -tr-property-ref(".AFSliderNumeralColor:alias","color");
}
af|inputNumberSlider:read-only::content,
af|inputRangeSlider:read-only::content {
  height: auto;
}

/* vertical styles */

af|inputNumberSlider:vertical::bar,
af|inputRangeSlider:vertical::bar {
  width: 11px;
  border: 0px solid transparent;
  position: absolute;
}
af|inputNumberSlider:vertical::bar-outer-border,
af|inputRangeSlider:vertical::bar-outer-border {
  background-image: url("/afr/skyros-v1/sliderBarV_mdTile.png");
  left: auto;
  margin: 1px 3px;
  right: 0;
  top: 17px;
  bottom: 17px;
  padding: 5px 0px;
  width: 11px;
}
af|inputNumberSlider:vertical::bar-outer-border:rtl,
af|inputRangeSlider:vertical::bar-outer-border:rtl {
  left: 3px;
  right: auto;
  margin: 0;
}
af|inputNumberSlider:vertical::bar-inner-border,
af|inputRangeSlider:vertical::bar-inner-border {
  width: 11px;
  height: auto;
  border: 0px solid transparent;
  top: 4px;
  bottom: 4px;
}
af|inputNumberSlider:vertical::thumb-icon-style,
af|inputRangeSlider:vertical::thumb-icon-style {
  background-image: url('/afr/skyros-v1/slider_thumb_horiz_ena.png');
  height: 13px;
  width: 17px;
  top: auto;
  right: 1px;
}
af|inputNumberSlider:vertical::thumb-icon-style:rtl,
af|inputRangeSlider:vertical::thumb-icon-style:rtl {
  background-image: url('/afr/skyros-v1/slider_thumb_horiz_ena_rtl.png');
  right: auto;
  left: 1px;
}
af|inputNumberSlider:vertical::thumb-value-line,
af|inputRangeSlider:vertical::thumb-value-line {
  border-color: -tr-property-ref(".AFSliderBarColor:alias","color");
}
af|inputNumberSlider:vertical::thumb-value,
af|inputRangeSlider:vertical::thumb-value {
  border-color: -tr-property-ref(".AFSliderBarColor:alias","color");
}
af|inputNumberSlider:vertical::plus-icon-style,
af|inputRangeSlider:vertical::plus-icon-style {
  background-image: url('/afr/skyros-v1/slider_increase_ena.png');
  height: 18px;
  width: 11px;
  position: absolute;
  top: 0px;
  right: 3px;
}
af|inputNumberSlider:vertical::plus-icon-style:rtl,
af|inputRangeSlider:vertical::plus-icon-style:rtl {
  left: 3px;
  right: auto;
}
af|inputNumberSlider:vertical::plus-icon-style:depressed,
af|inputRangeSlider:vertical::plus-icon-style:depressed {
  background-image: url('/afr/skyros-v1/slider_increase_dwn.png');
}
af|inputNumberSlider:vertical::minus-icon-style,
af|inputRangeSlider:vertical::minus-icon-style {
  background-image: url('/afr/skyros-v1/slider_decrease_ena.png');
  height: 18px;
  width: 11px;
  position: absolute;
  top: auto;
  bottom: 0px;
  right: 3px;
}
af|inputNumberSlider:vertical::minus-icon-style:rtl,
af|inputRangeSlider:vertical::minus-icon-style:rtl {
  left: 3px;
  right: auto;
}
@agent (touchScreen:none) {
  af|inputNumberSlider:vertical::plus-icon-style:hover,
  af|inputRangeSlider:vertical::plus-icon-style:hover {
    background-image: url('/afr/skyros-v1/slider_increase_ovr.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:hover,
  af|inputRangeSlider:vertical::minus-icon-style:hover {
    background-image: url('/afr/skyros-v1/slider_decrease_ovr.png');
  }
  af|inputNumberSlider:vertical::plus-icon-style:hover:rtl,
  af|inputRangeSlider:vertical::plus-icon-style:hover:rtl {
    background-image: url('/afr/skyros-v1/slider_increase_ovr_rtl.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:hover:rtl,
  af|inputRangeSlider:vertical::minus-icon-style:hover:rtl {
    background-image: url('/afr/skyros-v1/slider_decrease_ovr_rtl.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:depressed:hover,
  af|inputRangeSlider:vertical::minus-icon-style:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_decrease_dwn.png');
  }
  af|inputNumberSlider:vertical::plus-icon-style:depressed:hover,
  af|inputRangeSlider:vertical::plus-icon-style:depressed:hover {
    background-image: url('/afr/skyros-v1/slider_increase_dwn.png');
  }
}
af|inputNumberSlider:vertical::minus-icon-style:depressed,
af|inputRangeSlider:vertical::minus-icon-style:depressed {
  background-image: url('/afr/skyros-v1/slider_decrease_dwn.png');
}
af|inputNumberSlider:vertical::plus-icon-style:depressed,
af|inputRangeSlider:vertical::plus-icon-style:depressed {
  background-image: url('/afr/skyros-v1/slider_increase_dwn.png');
}
af|inputRangeSlider:vertical::range {
  background-image: url('/afr/skyros-v1/sliderHV_mdTile.png');
  background-color: transparent;
  height: auto;
  width: 9px;
  top: auto;
  left: 0px;
}
af|inputNumberSlider:vertical::major-tick,
af|inputNumberSlider:vertical::minor-tick,
af|inputRangeSlider:vertical::major-tick,
af|inputRangeSlider:vertical::minor-tick {
  border-top-color: -tr-property-ref(".AFSliderTickMarkColor:alias","color");
}
af|inputRangeSlider:vertical::range {
  background-color: transparent;
}

af|inputNumberSlider:vertical::tick-value-zero,
af|inputRangeSlider:vertical::tick-value-zero {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

af|inputNumberSlider:vertical::zero-tick,
af|inputRangeSlider:vertical::zero-tick {
  border-top: 1px solid -tr-property-ref(".AFSliderTickMarkZeroColor:alias","color");
}


/* disabled styles */
af|inputNumberSlider:disabled::bar-outer-border,
af|inputRangeSlider:disabled::bar-outer-border {
  background-image: url("/afr/skyros-v1/sliderBarH_dis_mdTile.png");
  padding: 0px 5px;
}
af|inputNumberSlider:disabled:vertical::bar-outer-border,
af|inputRangeSlider:disabled:vertical::bar-outer-border {
  background-image: url("/afr/skyros-v1/sliderV_dis_mdTile.png");
  padding-right:0px;
  padding-left:0px;
}
af|inputRangeSlider:disabled::range {
  background-image: url('/afr/skyros-v1/sliderHighlight_dis_mdTile.png');
}
af|inputRangeSlider:disabled:vertical::range {
  background-image: url('/afr/skyros-v1/sliderHV_dis_mdTile.png');
}
af|inputNumberSlider:disabled::thumb-icon-style,
af|inputRangeSlider:disabled::thumb-icon-style {
  background-image: url('/afr/skyros-v1/slider_thumb_vert_dis.png');
}
af|inputNumberSlider:vertical:disabled::thumb-icon-style,
af|inputRangeSlider:vertical:disabled::thumb-icon-style {
  background-image: url('/afr/skyros-v1/slider_thumb_horiz_dis.png');
}
af|inputNumberSlider:vertical:disabled::thumb-icon-style:rtl,
af|inputRangeSlider:vertical:disabled::thumb-icon-style:rtl {
  background-image: url('/afr/skyros-v1/slider_thumb_horiz_dis_rtl.png');
}
@agent (touchScreen:none) {
  af|inputNumberSlider::minus-icon-style:disabled:hover,
  af|inputRangeSlider::minus-icon-style:disabled:hover {
    background-image: url('/afr/skyros-v1/slider_Hdecrease_dis.png');
  }
  af|inputNumberSlider::plus-icon-style:disabled:hover,
  af|inputRangeSlider::plus-icon-style:disabled:hover {
    background-image: url('/afr/skyros-v1/slider_Hincrease_dis.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:disabled:hover,
  af|inputRangeSlider:vertical::minus-icon-style:disabled:hover {
    background-image: url('/afr/skyros-v1/slider_decrease_dis.png');
  }
  af|inputNumberSlider:vertical::minus-icon-style:disabled:hover:rtl,
  af|inputRangeSlider:vertical::minus-icon-style:disabled:hover:rtl {
    background-image: url('/afr/skyros-v1/slider_decrease_dis_rtl.png');
  }
  af|inputNumberSlider:vertical::plus-icon-style:disabled:hover,
  af|inputRangeSlider:vertical::plus-icon-style:disabled:hover {
    background-image: url('/afr/skyros-v1/slider_increase_dis.png');
  }
}
af|inputNumberSlider:disabled::minus-icon-style,
af|inputNumberSlider:disabled::minus-icon-style:depressed,
af|inputRangeSlider:disabled::minus-icon-style,
af|inputRangeSlider:disabled::minus-icon-style:depressed,
af|inputNumberSlider::minus-icon-style:disabled,
af|inputNumberSlider::minus-icon-style:disabled:depressed,
af|inputRangeSlider::minus-icon-style:disabled,
af|inputRangeSlider::minus-icon-style:disabled:depressed {
  background-image: url('/afr/skyros-v1/slider_Hdecrease_dis.png');
}
af|inputNumberSlider:disabled::plus-icon-style,
af|inputNumberSlider:disabled::plus-icon-style:depressed,
af|inputRangeSlider:disabled::plus-icon-style,
af|inputRangeSlider:disabled::plus-icon-style:depressed,
af|inputNumberSlider::plus-icon-style:disabled,
af|inputNumberSlider::plus-icon-style:disabled:depressed,
af|inputRangeSlider::plus-icon-style:disabled,
af|inputRangeSlider::plus-icon-style:disabled:depressed {
  background-image: url('/afr/skyros-v1/slider_Hincrease_dis.png');
}
af|inputNumberSlider:disabled::plus-icon-style:rtl,
af|inputNumberSlider:disabled::plus-icon-style:depressed:rtl,
af|inputRangeSlider:disabled::plus-icon-style:rtl,
af|inputRangeSlider:disabled::plus-icon-style:depressed:rtl,
af|inputNumberSlider::plus-icon-style:disabled:rtl,
af|inputNumberSlider::plus-icon-style:disabled:depressed:rtl,
af|inputRangeSlider::plus-icon-style:disabled:rtl,
af|inputRangeSlider::plus-icon-style:disabled:depressed:rtl {
  background-image: url('/afr/skyros-v1/slider_Hincrease_dis.png');
}
af|inputNumberSlider::plus-icon-style:rtl,
af|inputRangeSlider::plus-icon-style:rtl,
af|inputNumberSlider::minus-icon-style:rtl,
af|inputRangeSlider::minus-icon-style:rtl{
  transform: scaleX(-1);
}

@agent ie and (max-version: 8.0){
  af|inputNumberSlider::plus-icon-style:rtl,
  af|inputRangeSlider::plus-icon-style:rtl,
  af|inputNumberSlider::minus-icon-style:rtl,
  af|inputRangeSlider::minus-icon-style:rtl{
    -ms-filter: fliph;
    filter: fliph;
  }
}
@agent ie and (min-version: 9.0){
  af|inputNumberSlider::plus-icon-style:rtl,
  af|inputRangeSlider::plus-icon-style:rtl,
  af|inputNumberSlider::minus-icon-style:rtl,
  af|inputRangeSlider::minus-icon-style:rtl{
    -ms-transform: scaleX(-1);
  }
}
@agent webkit{
  af|inputNumberSlider::plus-icon-style:rtl,
  af|inputRangeSlider::plus-icon-style:rtl,
  af|inputNumberSlider::minus-icon-style:rtl,
  af|inputRangeSlider::minus-icon-style:rtl{
    -webkit-transform: scaleX(-1);
  }
}
@agent gecko{
  af|inputNumberSlider::plus-icon-style:rtl,
  af|inputRangeSlider::plus-icon-style:rtl,
  af|inputNumberSlider::minus-icon-style:rtl,
  af|inputRangeSlider::minus-icon-style:rtl{
    -moz-transform: scaleX(-1);
  }
}


af|inputNumberSlider:vertical:disabled::minus-icon-style,
af|inputNumberSlider:vertical:disabled::minus-icon-style:depressed,
af|inputRangeSlider:vertical:disabled::minus-icon-style,
af|inputRangeSlider:vertical:disabled::minus-icon-style:depressed,
af|inputNumberSlider:vertical::minus-icon-style:disabled,
af|inputNumberSlider:vertical::minus-icon-style:disabled:depressed,
af|inputRangeSlider:vertical::minus-icon-style:disabled,
af|inputRangeSlider:vertical::minus-icon-style:disabled:depressed {
  background-image: url('/afr/skyros-v1/slider_decrease_dis.png');
}
af|inputNumberSlider:vertical:disabled::minus-icon-style:rtl,
af|inputNumberSlider:vertical:disabled::minus-icon-style:depressed:rtl,
af|inputRangeSlider:vertical:disabled::minus-icon-style:rtl,
af|inputRangeSlider:vertical:disabled::minus-icon-style:depressed:rtl,
af|inputNumberSlider:vertical::minus-icon-style:disabled:rtl,
af|inputNumberSlider:vertical::minus-icon-style:disabled:depressed:rtl,
af|inputRangeSlider:vertical::minus-icon-style:disabled:rtl,
af|inputRangeSlider:vertical::minus-icon-style:disabled:depressed:rtl {
  background-image: url('/afr/skyros-v1/slider_decrease_dis_rtl.png');
}
af|inputNumberSlider:vertical:disabled::plus-icon-style,
af|inputNumberSlider:vertical:disabled::plus-icon-style:depressed,
af|inputRangeSlider:vertical:disabled::plus-icon-style,
af|inputRangeSlider:vertical:disabled::plus-icon-style:depressed,
af|inputNumberSlider:vertical::plus-icon-style:disabled,
af|inputNumberSlider:vertical::plus-icon-style:disabled:depressed,
af|inputRangeSlider:vertical::plus-icon-style:disabled,
af|inputRangeSlider:vertical::plus-icon-style:disabled:depressed {
  background-image: url('/afr/skyros-v1/slider_increase_dis.png');
}

af|inputNumberSlider:disabled::thumb-value-line,
af|inputRangeSlider:disabled::thumb-value-line {
  border-color: -tr-property-ref(".AFSliderDisabledColor:alias","color");
}

af|inputNumberSlider:disabled::thumb-value,
af|inputRangeSlider:disabled::thumb-value {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
  border-color: -tr-property-ref(".AFSliderDisabledColor:alias","color");
}

af|inputNumberSlider:vertical:disabled::thumb-value-line,
af|inputRangeSlider:vertical:disabled::thumb-value-line {
  border-color: -tr-property-ref(".AFSliderDisabledColor:alias","color");
}

af|inputNumberSlider:vertical:disabled::thumb-value,
af|inputRangeSlider:vertical:disabled::thumb-value {
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
af|inputNumberSlider:disabled::zero-tick,
af|inputRangeSlider:disabled::zero-tick,
af|inputNumberSlider:disabled:vertical::zero-tick,
af|inputRangeSlider:disabled:vertical::zero-tick {
  border-color: -tr-property-ref(".AFSliderDisabledColor:alias","color");
}

af|inputNumberSlider:disabled::major-tick,
af|inputRangeSlider:disabled::major-tick,
af|inputNumberSlider:disabled::minor-tick,
af|inputRangeSlider:disabled::minor-tick,
af|inputNumberSlider:disabled:vertical::major-tick,
af|inputRangeSlider:disabled:vertical::major-tick,
af|inputNumberSlider:disabled:vertical::minor-tick,
af|inputRangeSlider:disabled:vertical::minor-tick {
  border-color: -tr-property-ref(".AFSliderDisabledColor:alias","color");
}

af|inputNumberSlider:disabled::tick-value-zero,
af|inputRangeSlider:disabled::tick-value-zero,
af|inputNumberSlider:disabled:vertical::tick-value-zero,
af|inputRangeSlider:disabled:vertical::tick-value-zero {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

af|inputNumberSlider:disabled::tick-value,
af|inputRangeSlider:disabled::tick-value,
af|inputNumberSlider:disabled:vertical::tick-value,
af|inputRangeSlider:disabled:vertical::tick-value {
  color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}

/* End of slider */

/* start of popup styles */

/* Set the shadow pixel size here to control shadow size of all popups */
af|popup {
  -tr-shadow-pixel-size: 5;
  -tr-shadow-offset: 1;
  -tr-shadow-starting-black-percent: 50;
}

/* Popup used for menus and other menu type popups. */
.AFPopupMenuPopup {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  padding: 0px;
}

/* end of popup styles */


/* Start of toolbar styles */

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

/* 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,
af|toolbar af|commandButton:disabled:text-only,
af|toolbar af|goButton:disabled:text-only {
  margin: 0px 1px;
}

/* Improve appearance of commandLinks when placed on a toolbar */
af|toolbar af|commandLink {
  padding: 0px 2px;
}

/* Improve appearance of more components on the toolbar */
af|toolbar af|inputColor,
af|toolbar af|inputNumberSpinbox {
  margin: 0px 3px;
}

/* Correct the alignment of inputNumberSpinbox in quickQuery on the toolbar */
@agent gecko and (version: 1.9) {
  af|quickQuery::value af|inputNumberSpinbox {
    vertical-align: 20%;
    margin: 0px;
  }
}

/* end of toolbar styles */

/* Start of toolbox styles */

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

/* The main body of the toolbox, contains all toolbox rows. */
af|toolbox::body {
  border-top: none;
  border-left: none;
}

/* A leading/middle row inside the toolbox. */
af|toolbox::row {
  border-right: none;
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|toolbox::last-row {
  border-right: none;
  border-bottom: none;
}

/* A leading cell (a cell before the last cell) in a toolbox row. */
af|toolbox::leading-cell {
  border-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|toolbox::leading-cell:rtl {
  border-right: none;
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

/* end of toolbox styles */

/* Start of table styles */
af|table {
  -tr-display-filter-clear-icon: true;
}

af|table::data-body-wrapper-autohiding-scrollbar {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|column::filter-clear-all-icon-style {
  width:16px;
  height:16px;
  text-decoration:none;
  display: block;
  cursor: default;
  background-repeat: no-repeat;
}

@agent ie {
  af|column::filter-clear-all-icon-style{
    display: inline-block;
  }
}

af|column::filter-clear-all-icon-style {
  background-image: url("/afr/clear.png");
}

af|column::filter-clear-all-icon-style:active {
  background-image: url("/afr/clear_dwn.png");
}

af|column::filter-clear-all-icon{
  content: inhibit;
}

af|table, af|treeTable {
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-style:solid;
  border-width: 1px;
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
}

.AFTableCellHeaderBorder:alias {
  border-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  /*border-top:1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");*/
  border-top-width: 0px;
}

.AFTableCellHeaderBorder:alias:rtl {
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-right:none;
}

.AFTableCellHeaderBackground:alias {
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}
.AFTableNavBarRowRangeText:alias {
  color: -tr-property-ref(".AFLabelColor:alias","color");
}

/* the table(s) used for the column headers. */
af|column::column-header-table{
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}
af|column::column-header-cell,
af|column::row-header-cell {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}
af|column::column-header-cell:focused, af|column::column-header-cell:selected:focused{
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlActiveColor:alias","color");
}

af|column::column-header-cell:selected  {
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlSelectedColor:alias","color");
}

af|column::select-all-header {
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}

af|column::select-all-header:rtl {
  background-image: none;
}

af|column::column-filter-cell {
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
  padding-left: 1px;
  padding-right: 1px;
}

.AFTableCellFooterBorder:alias {
  border-right: 1px solid -tr-property-ref(".AFGridControlColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFGridControlColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFGridControlColor:alias","color");
}

.AFTableCellFooterBorder:alias:rtl {
  border-left: 1px solid -tr-property-ref(".AFGridControlColor:alias","color");
  border-right:none;
}

.AFTableCellFooterBackground:alias {
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}

.AFTableCellDataHGrid:alias {
   border-bottom: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
}

.AFTableCellDataVGrid:alias {
   border-right: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
}

.AFTableCellDataVGrid:alias:rtl {
   border-left: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
   border-right: none;
}

af|column::data-cell {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  border-color: -tr-property-ref(".AFGridCellBorderColor:alias","color");
}
@agent ie {
  af|column::data-cell {
    position: relative;
  }
}

af|column::data-cell:drop-target,
af|table::data-table-V-lines af|column::data-cell:drop-target,
af|table::data-table-H-lines af|column::data-cell:drop-target,
af|table::data-table-VH-lines af|column::data-cell:drop-target,
af|column::banded-data-cell:drop-target,
af|table::data-table-V-lines af|column::banded-data-cell:drop-target,
af|table::data-table-H-lines af|column::banded-data-cell:drop-target,
af|table::data-table-VH-lines af|column::banded-data-cell:drop-target {
  opacity: 0.8;
}

af|column::column-header-cell:drop-target{
  opacity: 0.8;
}

@agent ie{
  af|column::data-cell:drop-target,
  af|table::data-table-V-lines af|column::data-cell:drop-target,
  af|table::data-table-H-lines af|column::data-cell:drop-target,
  af|table::data-table-VH-lines af|column::data-cell:drop-target,
  af|column::banded-data-cell:drop-target,
  af|table::data-table-V-lines af|column::banded-data-cell:drop-target,
  af|table::data-table-H-lines af|column::banded-data-cell:drop-target,
  af|table::data-table-VH-lines af|column::banded-data-cell:drop-target,
  af|column::column-header-cell:drop-target{
    filter: alpha(opacity:80);
  }
}

af|column::banded-data-cell {
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

.AFTableCellDataSelected:alias {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

.AFTableCellDataSelectedFocused:alias {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
}

.AFTableCellDataSelectedBanded:alias {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

.AFTableCellDataSelectedBandedFocused:alias {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
}

.AFTableCellDataSelectedInactive:alias {
  background-color: -tr-property-ref(".AFGridCellSelectedInactiveColor:alias","color");
}

.AFTableCellDataSelectedBandedInactive:alias {
  background-color: -tr-property-ref(".AFGridCellSelectedInactiveColor:alias","color");
}

af|table::navbar{
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}
af|table::navbar:ltr{
  border-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|table::navbar:rtl{
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

/* mouse over */
af|table::data-row:highlighted af|column::data-cell,
af|table::data-row:highlighted af|column::banded-data-cell{
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

af|column::row-header-cell,
af|column::detail-cell {
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
  border-right: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  border-top-width:0px;
}

af|column::row-header-cell:rtl,
af|column::detail-cell:rtl {
  border-left: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  border-right: none;
}

af|table::data-row:selected af|column::row-header-cell,
af|table::data-row:selected af|column::detail-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlSelectedColor:alias","color");
}

af|table::data-row:selected af|column::detail-cell:hover, af|column::detail-cell:hover {
  background-image: none;
  background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}

af|table::data-row:selected af|column::row-header-cell:focused, af|column::row-header-cell:focused,
af|table::data-row:selected af|column::detail-cell:focused, af|column::detail-cell:focused {
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlActiveColor:alias","color");
}

af|table::data-row:selected:inactive af|column::row-header-cell,
af|table::data-row:selected:inactive af|column::detail-cell{
  background-image: none;
  background-color: -tr-property-ref(".AFGridControlSelectedInactiveColor:alias","color");
}

af|table::data-row:highlighted af|column::row-header-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}

/* We still need to show error icon when the row is highlighted or selected, or when the cell is focused */
af|table::data-row:highlighted af|column::row-header-cell:error,
af|table::data-row:highlighted af|column::row-header-cell:fatal,
af|table::data-row:selected af|column::row-header-cell:error,
af|table::data-row:selected af|column::row-header-cell:fatal,
af|column::row-header-cell:focused:error,
af|column::row-header-cell:focused:fatal,
af|column::row-header-cell:error,
af|column::row-header-cell:fatal {
  background-image: url(/afr/error.png);
}

af|table::data-row:highlighted af|column::detail-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

af|table::detail-area-cell {
  background-image: none;
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
}

af|table::detail-area-cell af|panelFormLayout::separator{
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|table::column-resize-indicator {
  border-right: 2px dotted -tr-property-ref(".AFGridDragLineColor:alias","color");
}

/* Style used for empty text */
af|table::empty-text {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  font-weight: normal;
  padding: 2px 3px 2px 3px;
}

.AFTableCellFrozenBorder:alias:ltr {
 border-right: 1px solid -tr-property-ref(".AFFreezeLineColor:alias","color");
}

.AFTableCellFrozenBorder:alias:rtl {
  border-left: 1px solid -tr-property-ref(".AFFreezeLineColor:alias","color");
}
af|column::sort-ascending-icon-style {
  background-image: url("/afr/skyros-v1/colSort_asc_ena.png");
}

@agent (touchScreen:none) {
  af|column::sort-ascending-icon-style:hover {
    background-image: url("/afr/skyros-v1/colSort_asc_ovr.png");
  }
}

af|column::sort-ascending-icon-style:active {
  background-image: url("/afr/skyros-v1/colSort_asc_selected.png");
}

af|column::sort-descending-icon-style {
  background-image: url("/afr/skyros-v1/colSort_des_ena.png");
}

@agent (touchScreen:none) {
  af|column::sort-descending-icon-style:hover {
    background-image: url("/afr/skyros-v1/colSort_des_ovr.png");
  }
}

af|column::sort-descending-icon-style:active {
  background-image: url("/afr/skyros-v1/colSort_des_selected.png");
}

af|column::sorted-ascending-icon-style {
  background-image: url("/afr/skyros-v1/colSort_asc_selected.png");
}

af|column::sorted-descending-icon-style {
  background-image: url("/afr/skyros-v1/colSort_des_selected.png");
}

.AFTableCellDataDropTargetColor:alias,
.AFTableHeaderCellDataDropTargetColor:alias {
  border-color: -tr-property-ref(".AFDropTarget2Color:alias","color");
  background-color: -tr-property-ref(".AFDropTargetColor:alias","color");
  opacity: 0.8;
}

@agent ie {
  .AFTableCellDataDropTargetColor:alias,
  .AFTableHeaderCellDataDropTargetColor:alias {
    filter: alpha(opacity:80);
  }
}


af|panelCollection {
  border-width: 0px;
}

/* Set the top/right/bottom border for the table and treeTable inside the panelCollection*/
af|panelCollection af|table,
af|panelCollection af|treeTable,
af|panelCollection af|tree {
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
af|panelCollection af|table,
af|panelCollection af|treeTable {
  border-bottom-width: 0px;
}
af|panelCollection af|tree{
  border-bottom-width: 1px;
}
af|panelCollection::statusbar af|toolbox::body {
  border-left: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}
af|panelCollection::statusbar af|toolbox::body af|toolbox::last-row{
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}
af|panelCollection::statusbar-text-item {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
}
af|panelCollection::statusbar-count-item {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}
/* set the background and border of the panelCollection toolbar */
af|panelCollection af|toolbox::row,
af|panelCollection af|toolbox::last-row {
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
}
af|panelCollection af|toolbox::last-row {
  border-bottom-width: 1px;
}

/* normally a panelCollection has a top toolbox border */
af|panelCollection af|toolbox::body,
af|panelAccordion af|panelCollection::statusbar af|toolbox::body,
af|panelTabbed af|panelCollection::statusbar af|toolbox::body {
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

/* when present inside a container that provides a border, we do not want the internal
   top toolbox border to show */
af|panelAccordion af|panelCollection af|toolbox::body,
af|panelTabbed af|panelCollection af|toolbox::body {
  border-top: none;
}

/* Start of tree/treeTable styles */

af|table::disclosed-icon-style,
af|tree::expanded-icon-style,
af|treeTable::expanded-icon-style {
  background-image: url("/afr/skyros-v1/discloseexpanded_sm_ena.png");
  height: 9px;
}

af|table::disclosed-icon-style:rtl,
af|tree::expanded-icon-style:rtl,
af|treeTable::expanded-icon-style:rtl {
  background-image: url("/afr/skyros-v1/discloseexpanded_sm_rtl_ena.png");
  height: 9px;
}

af|table::undisclosed-icon-style,
af|tree::collapsed-icon-style,
af|treeTable::collapsed-icon-style {
  background-image:url("/afr/skyros-v1/disclosecollapsed_sm_ena.png");
  height: 9px;
}

af|table::undisclosed-icon-style:rtl,
af|tree::collapsed-icon-style:rtl,
af|treeTable::collapsed-icon-style:rtl {
  background-image:url("/afr/skyros-v1/disclosecollapsed_sm_rtl_ena.png");
}

af|tree::node-stamp-text {
  border-color: transparent ;
  color: -tr-property-ref(".AFLinkColor:alias","color");
}
/*
  Tree Hierarchical Selector Styles.>
  To see  af|tree::h-selector-connector you should right click on a node that is more than one
  level deep (not a child node, but a grandchild node) and say Show as Top. Then you click on
  the selector icon.
*/
/* private */
af|tree::h-selector-connector:rtl {
  -tr-rule-ref: selector(".AFFlipImageHorizontal:alias");
}
/* private */
af|tree::h-selector-row:selected af|tree::node-stamp-text {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
  border:1px dotted -tr-property-ref("AFLinkColor:alias","color");
  font-weight: bold;
}
/* private */
af|tree::h-selector-row af|tree::node-stamp-text{
  color: -tr-property-ref("AFLinkColor:alias","color");
}
/* private */
/* Use transparent gif instead of white gif from the base skin */
af|tree::h-selector-spacer {
    background-image: url('/afr/t.gif');
}

af|tree::data-row:selected af|tree::node-stamp-text,
af|tree::data-row:selected af|selectBooleanCheckbox::item-text{
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  border-color: -tr-property-ref("AFLinkColor:alias","color");
}

af|tree::data-row:selected:focused af|tree::node-stamp-text {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
}

af|tree::data-row:focused af|tree::node-stamp-text {
  border-color: -tr-property-ref("AFLinkColor:alias","color");
}

af|body:high-contrast af|column::sort-ascending-icon {
 content: url("/afr/skyros-v1/colSort_asc_ena.png");
}
@agent (touchScreen:none) {
  af|body:high-contrast af|column::sort-ascending-icon:hover {
    content: url("/afr/skyros-v1/colSort_asc_ovr.png");
  }
  af|body:high-contrast af|column::sort-descending-icon:hover {
    content: url("/afr/skyros-v1/colSort_des_ovr.png");
  }
}
af|body:high-contrast af|column::sort-ascending-icon:active {
 content: url("/afr/skyros-v1/colSort_asc_selected.png");
}
af|body:high-contrast af|column::sort-descending-icon {
 content: url("/afr/skyros-v1/colSort_des_ena.png");
}
af|body:high-contrast af|column::sort-descending-icon:active {
 content: url("/afr/skyros-v1/colSort_des_selected.png");
}
af|body:high-contrast af|column::sorted-ascending-icon {
 content: url("/afr/skyros-v1/colSort_asc_selected.png");
}
af|body:high-contrast af|column::sorted-descending-icon {
 content: url("/afr/skyros-v1/colSort_des_selected.png");
}

af|table::disclosed-icon,
af|tree::expanded-icon,
af|treeTable::expanded-icon {
 content: url("/afr/skyros-v1/discloseexpanded_sm_ena.png");
}

af|table::disclosed-icon:rtl,
af|tree::expanded-icon:rtl,
af|treeTable::expanded-icon:rtl {
 content: url("/afr/skyros-v1/discloseexpanded_sm_rtl_ena.png");
}

af|table::undisclosed-icon,
af|tree::collapsed-icon,
af|treeTable::collapsed-icon {
 content: url("/afr/skyros-v1/disclosecollapsed_sm_ena.png");
}

af|table::undisclosed-icon:rtl,
af|tree::collapsed-icon:rtl,
af|treeTable::collapsed-icon:rtl {
 content: url("/afr/skyros-v1/disclosecollapsed_sm_rtl_ena.png");
}

/* Start of decorativeBox styles (shares a portion of the panelTabbed styles
   too since identical looks) */

af|decorativeBox {
  -tr-top-facet-layout: full;

}

/* Frame defines decbox border and background color. The custom margin and padding values are
   provided for use in alternate ways with flow and stretch layouts. They match the dimensions
   of decBox in Fusion skin with image borders, so that there is no layout changes when moving
   to Skyros skin. */
af|decorativeBox::frame {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
  -tr-top-padding: 5px;
  -tr-bottom-padding: 5px;
  -tr-start-padding: 5px;
  -tr-end-padding: 5px;
}

/* For skyros skin, content background color and border is defined on parent div 'frame'. */
af|decorativeBox::center {
  -tr-inhibit: background-color;
  -tr-inhibit: color;
}

/* when there is a top facet, border needs to match up to tab */
af|decorativeBox::top-content {
  padding-top: 1px;
}

af|panelTabbed::body {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
}

af|panelTabbed::header,
af|panelTabbed::footer {
  background-image: none;
}

/* Even though the tab bar is full width, we really do not want it to extend past 11px on the "end"
   side because then you'll see the tabs bleeding beyond the body's end corner decoration. */
af|panelTabbed::header:ltr,
af|panelTabbed::footer:ltr {
  padding-right: 11px;
}
af|panelTabbed::header:rtl,
af|panelTabbed::footer:rtl {
  padding-left: 11px;
}

/* Increase padding for presence of conveyor belt buttons. 21px for the cb left button, 42px right
   for the cb right button (21px), the cb droplist button (21px). */
af|panelTabbed::header:conveyor-belt:ltr,
af|panelTabbed::footer:conveyor-belt:ltr,
af|navigationPane-tabs::header:conveyor-belt:ltr {
  padding-left: 21px;
  padding-right: 42px;
}

af|panelTabbed::header:conveyor-belt:rtl,
af|panelTabbed::footer:conveyor-belt:rtl,
af|navigationPane-tabs::header:conveyor-belt:rtl {
  padding-left: 42px;
  padding-right: 21px;
}

/* conveyor belt buttons */
af|navigationPane-tabs::start-conveyor-belt-indicator,
af|panelTabbed::start-conveyor-belt-indicator,
af|navigationPane-tabs::end-conveyor-belt-indicator,
af|panelTabbed::end-conveyor-belt-indicator,
af|panelTabbed::droplist-indicator,
af|navigationPane-tabs::droplist-indicator {
  width: 21px;
  height: 17px;
}

/* Adjust placement of overflow and conveyor belt images for shorter bottom tab bar.
   When in the footer, the margin needs to be adjusted to account for the pixel overlap */
af|panelTabbed::start-overflow-indicator,
af|panelTabbed::end-overflow-indicator,
af|panelTabbed::start-conveyor-belt-indicator,
af|panelTabbed::end-conveyor-belt-indicator,
af|panelTabbed::droplist-indicator {
  margin-top: -9px;
}

/* Adjust placement of overflow and conveyor belt images for shorter top tab bar. */
af|navigationPane-tabs::start-overflow-indicator,
af|navigationPane-tabs::end-overflow-indicator,
af|navigationPane-tabs::start-conveyor-belt-indicator,
af|navigationPane-tabs::end-conveyor-belt-indicator,
af|navigationPane-tabs::droplist-indicator,
af|panelTabbed::header af|panelTabbed::start-overflow-indicator,
af|panelTabbed::header af|panelTabbed::end-overflow-indicator,
af|panelTabbed::header af|panelTabbed::start-conveyor-belt-indicator,
af|panelTabbed::header af|panelTabbed::end-conveyor-belt-indicator,
af|panelTabbed::header af|panelTabbed::droplist-indicator {
  margin-top: 0px;
  margin-bottom: -8px;
}

/* LTR: we need end conveyor belt button at right: 21px (accounting for droplist selector)
   RTL: we need end conveyor belt button at left: 21px */
af|panelTabbed::end-conveyor-belt-indicator:ltr,
af|navigationPane-tabs::end-conveyor-belt-indicator:ltr {
  right: 21px;
}

af|panelTabbed::end-conveyor-belt-indicator:rtl,
af|navigationPane-tabs::end-conveyor-belt-indicator:rtl {
  left: 21px;
}

/* When not hover or depressed, we still give the button a 1px transparent border, so contents
   don't jump on hover. */
af|navigationPane-tabs::droplist-indicator,
af|panelTabbed::droplist-indicator {
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border: 1px solid transparent;
}

/* We only have one div where we want both background gradient and a background image, but because
   these are both applied to the image, we'll use background color instea of gradient. */
@agent (touchScreen:none) {
  af|navigationPane-tabs::droplist-indicator:hover,
  af|panelTabbed::droplist-indicator:hover {
    -tr-rule-ref: selector(".AFDroplistImageHover:alias");
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    background-color: -tr-property-ref(".AFButtonGradientStartHoverColor:alias","color");
  }
}

af|navigationPane-tabs::droplist-indicator:depressed,
af|panelTabbed::droplist-indicator:depressed {
  -tr-rule-ref: selector(".AFDroplistImageDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBorderDepressed:alias");
  background-color: -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color");
}

@agent (touchScreen:none) {
  af|navigationPane-tabs::droplist-indicator:depressed:hover,
  af|panelTabbed::droplist-indicator:depressed:hover {
    -tr-rule-ref: selector(".AFDroplistImageDepressed:alias");
    -tr-rule-ref: selector(".AFButtonBorderDepressed:alias");
    background-color: -tr-property-ref(".AFButtonGradientStartActiveColor:alias","color");
  }
}

/* End of decorativeBox styles */

/* Begin panelSplitter styles */

af|panelSplitter {
  -tr-first-border: none;
  -tr-second-border: none;
}

/* The panelSplitter pane is only shown when first/second border attributes are set. */
af|panelSplitter::pane {
  border: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
}

/* 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|panelSplitter::horizontal-icon-style {
  background-image: url("/afr/skyros-v1/splitterh_bg.png");
}

@agent (touchScreen:none) {
  af|panelSplitter::horizontal-icon-style:hover,
  af|panelSplitter::horizontal-divider:disclosed:hover af|panelSplitter::horizontal-icon-style {
    background-image: url("/afr/skyros-v1/splitterho_bg.png");
  }
}

af|panelSplitter::horizontal-icon-style:active:hover,
af|panelSplitter::horizontal-divider:disclosed:active:hover af|panelSplitter::horizontal-icon-style {
  background-image: url("/afr/skyros-v1/splitterho_bg.png");
}

af|panelSplitter::horizontal-restore-icon {
  width: 7px;
  height: 22px;
  content: url("/afr/skyros-v1/splitterhr.png");
}

af|panelSplitter::horizontal-collapse-icon {
  width: 7px;
  height: 22px;
  content: url("/afr/skyros-v1/splitterhc.png");
}

af|panelSplitter::vertical-icon-style {
  background-image: url("/afr/skyros-v1/splitterv_bg.png");
}

af|body:high-contrast af|panelSplitter::vertical-icon-style {
  top: -5px;
}

@agent (touchScreen:none) {
  af|panelSplitter::vertical-icon-style:hover,
  af|panelSplitter::vertical-divider:disclosed:hover af|panelSplitter::vertical-icon-style {
    background-image: url("/afr/skyros-v1/splittervo_bg.png");
  }
}

af|panelSplitter::vertical-icon-style:active:hover,
af|panelSplitter::vertical-divider:disclosed:active:hover af|panelSplitter::vertical-icon-style {
  background-image: url("/afr/skyros-v1/splittervo_bg.png");
}

af|panelSplitter::vertical-restore-icon {
  width: 23px;
  height: 7px;
  content: url("/afr/skyros-v1/splittervr.png");
  cursor: default;
  vertical-align: top;
}

af|panelSplitter::vertical-collapse-icon {
  width: 23px;
  height: 7px;
  content: url("/afr/skyros-v1/splittervc.png");
  cursor: default;
  vertical-align: top;
}

/* Styles the highlighter that appears in the horizontal divider when the divider is hovered. */
af|panelSplitter::horizontal-highlighter {
  left: 5px;
  border-left: 1px solid -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}

af|panelSplitter::horizontal-highlighter:flow {
  left: auto;
  margin-left: 5px;
}

af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-highlighter {
  left: 0px;
  border-left: 1px solid -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}

af|panelSplitter::horizontal-divider:positioned-from-end af|panelSplitter::horizontal-highlighter:flow {
  left: auto;
  margin-left: auto;
}

/* Styles the hilighter that appears in the vertial devider when the devider is hovered. */
af|panelSplitter::vertical-highlighter {
  top: 5px;
  border-top: 1px solid -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}

af|panelSplitter::vertical-divider:positioned-from-end af|panelSplitter::vertical-highlighter {
  top: 0px;
  border-top: 1px solid -tr-property-ref(".AFHoverPrimaryColor:alias","color");
  background-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}

/* End panelSplitter styles */

/* Begin carousel styles */

af|carousel {
  -tr-overlay-opacity: none;
}

.AFCarouselItemBorder:alias {
  border: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}
af|carousel::item-text:vertical,
af|carousel::control-area:small:vertical,
af|carousel::control-area:compact:vertical {
  -tr-rule-ref: selector(".AFCarouselItemBorder:alias");
}
af|carousel::item-text:circular:vertical,
af|carousel::control-area:circular:small:vertical,
af|carousel::control-area:circular:compact:vertical {
  border: 2px solid -tr-property-ref(".AFCarouselFocusBorderColor:alias","color");
  border-top-width: 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
af|carousel::item-text:circular:vertical:small,
af|carousel::item-text:circular:vertical:compact,
af|carousel::item-text:one-by-one:vertical:small,
af|carousel::item-text:one-by-one:vertical:compact {
  border: 0px solid transparent;
  box-shadow: none;
}
af|carousel::item:circular {
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
}
af|carousel::item:circular:hover {
  border-color: -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color");
}
af|carousel::item-text:vertical,
af|carousel::control-area:small:vertical,
af|carousel::control-area:compact:vertical,
af|carousel::view:one-by-one,
af|carousel::item:circular:selected {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
af|carousel::item:circular:selected,
af|carousel::item:circular:selected:hover {
  border-color: -tr-property-ref(".AFCarouselFocusBorderColor:alias","color");
  border-width: 2px;
}
af|carousel:vertical af|carousel::item:circular:selected,
af|carousel:vertical af|carousel::item:circular:selected:hover {
  border-bottom-color: transparent;
}
af|carousel::spin-info {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
}
af|carousel::spin-info:vertical {
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  font-size: -1;
  -tr-inhibit: font-family;
  -tr-inhibit: font-weight;
}
af|carousel::spin-bar {
  background-image: url('/afr/skyros-v1/carousel-spin-bar-h.png');
}
af|carousel::spin-bar:disabled {
  background-image: url('/afr/skyros-v1/carousel-spin-bar-h-d.png');
}

af|carousel::spin-bar:vertical {
  background-repeat: repeat-y;
  background-image: url('/afr/skyros-v1/carousel-spin-bar-v.png');
}
af|carousel::spin-bar:vertical:disabled {
  background-image: url('/afr/skyros-v1/carousel-spin-bar-v-d.png');
}

af|carousel::spin-h-previous-icon-style:ltr,
af|carousel::spin-h-next-icon-style:rtl {
  background-image: url('/afr/skyros-v1/carousel-spin-left.png');
}
af|carousel::spin-h-previous-icon-style:disabled:ltr,
af|carousel::spin-h-next-icon-style:disabled:rtl {
  background-image: url('/afr/skyros-v1/carousel-spin-left-d.png');
}

af|carousel::spin-h-next-icon-style:ltr,
af|carousel::spin-h-previous-icon-style:rtl {
  background-image: url('/afr/skyros-v1/carousel-spin-right.png');
}
af|carousel::spin-h-next-icon-style:disabled:ltr,
af|carousel::spin-h-previous-icon-style:disabled:rtl {
  background-image: url('/afr/skyros-v1/carousel-spin-right-d.png');
}

af|carousel::spin-v-previous-icon-style {
  background-image: url('/afr/skyros-v1/carousel-spin-up.png');
}
af|carousel::spin-v-previous-icon-style:disabled {
  background-image: url('/afr/skyros-v1/carousel-spin-up-d.png');
}

af|carousel::spin-v-next-icon-style {
  background-image: url('/afr/skyros-v1/carousel-spin-down.png');
}
af|carousel::spin-v-next-icon-style:disabled {
  background-image: url('/afr/skyros-v1/carousel-spin-down-d.png');
}

af|carousel::spin-h-thumb-icon-style {
  background-image: url('/afr/skyros-v1/carousel-spin-marker-h.png');
}
af|carousel::spin-h-thumb-icon-style:disabled {
  background-image: url('/afr/skyros-v1/carousel-spin-marker-h-d.png');
}
af|carousel::spin-v-thumb-icon-style:ltr {
  background-image: url('/afr/skyros-v1/carousel-spin-marker-v.png');
}
af|carousel::spin-v-thumb-icon-style:disabled:ltr {
  background-image: url('/afr/skyros-v1/carousel-spin-marker-v-d.png');
}
af|carousel::spin-v-thumb-icon-style:rtl {
  background-image: url('/afr/skyros-v1/carousel-spin-marker-v-rtl.png');
}
af|carousel::spin-v-thumb-icon-style:disabled:rtl {
  background-image: url('/afr/skyros-v1/carousel-spin-marker-v-rtl-d.png');
}
af|carousel::spin-h-previous-icon-style:compact:ltr,
af|carousel::spin-h-previous-icon-style:small:ltr {
  background-image: url('/afr/skyros-v1/singleCard_left_ena.png');
}
@agent (touchScreen:none) {
af|carousel::spin-h-previous-icon-style:compact:hover:ltr,
af|carousel::spin-h-previous-icon-style:small:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_left_ovr.png');
}
af|carousel::spin-h-previous-icon-style:compact:active:hover:ltr,
af|carousel::spin-h-previous-icon-style:small:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_left_dwn.png');
}
af|carousel::spin-h-previous-icon-style:compact:disabled:hover:ltr,
af|carousel::spin-h-previous-icon-style:compact:disabled:active:hover:ltr,
af|carousel::spin-h-previous-icon-style:small:disabled:hover:ltr,
af|carousel::spin-h-previous-icon-style:small:disabled:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_left_dis.png');
}
}
af|carousel::spin-h-previous-icon-style:compact:disabled:ltr,
af|carousel::spin-h-previous-icon-style:small:disabled:ltr {
  background-image: url('/afr/skyros-v1/singleCard_left_dis.png');
}
af|carousel::spin-h-next-icon-style:compact:ltr,
af|carousel::spin-h-next-icon-style:small:ltr {
  background-image: url('/afr/skyros-v1/singleCard_right_ena.png');
}
@agent (touchScreen:none) {
af|carousel::spin-h-next-icon-style:compact:hover:ltr,
af|carousel::spin-h-next-icon-style:small:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_right_ovr.png');
}
af|carousel::spin-h-next-icon-style:compact:active:hover:ltr,
af|carousel::spin-h-next-icon-style:small:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_right_dwn.png');
}
af|carousel::spin-h-next-icon-style:compact:disabled:hover:ltr,
af|carousel::spin-h-next-icon-style:compact:disabled:active:hover:ltr,
af|carousel::spin-h-next-icon-style:small:disabled:hover:ltr,
af|carousel::spin-h-next-icon-style:small:disabled:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_right_dis.png');
}
}
af|carousel::spin-h-next-icon-style:compact:disabled:ltr,
af|carousel::spin-h-next-icon-style:small:disabled:ltr {
  background-image: url('/afr/skyros-v1/singleCard_right_dis.png');
}

af|carousel::spin-v-previous-icon-style:compact:ltr,
af|carousel::spin-v-previous-icon-style:small:ltr {
  background-image: url('/afr/skyros-v1/singleCard_up_ena.png');
}
@agent (touchScreen:none) {
af|carousel::spin-v-previous-icon-style:compact:hover:ltr,
af|carousel::spin-v-previous-icon-style:small:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_up_ovr.png');
}
af|carousel::spin-v-previous-icon-style:compact:active:hover:ltr,
af|carousel::spin-v-previous-icon-style:small:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_up_dwn.png');
}
af|carousel::spin-v-previous-icon-style:compact:disabled:hover:ltr,
af|carousel::spin-v-previous-icon-style:compact:disabled:active:hover:ltr,
af|carousel::spin-v-previous-icon-style:small:disabled:hover:ltr,
af|carousel::spin-v-previous-icon-style:small:disabled:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_up_dis.png');
}
}
af|carousel::spin-v-previous-icon-style:compact:disabled:ltr,
af|carousel::spin-v-previous-icon-style:small:disabled:ltr {
  background-image: url('/afr/skyros-v1/singleCard_up_dis.png');
}

af|carousel::spin-v-next-icon-style:compact:ltr,
af|carousel::spin-v-next-icon-style:small:ltr {
  background-image: url('/afr/skyros-v1/singleCard_down_ena.png');
}
@agent (touchScreen:none) {
af|carousel::spin-v-next-icon-style:compact:hover:ltr,
af|carousel::spin-v-next-icon-style:small:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_down_ovr.png');
}
af|carousel::spin-v-next-icon-style:compact:active:hover:ltr,
af|carousel::spin-v-next-icon-style:small:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_down_dwn.png');
}
af|carousel::spin-v-next-icon-style:compact:disabled:hover:ltr,
af|carousel::spin-v-next-icon-style:compact:disabled:active:hover:ltr,
af|carousel::spin-v-next-icon-style:small:disabled:hover:ltr,
af|carousel::spin-v-next-icon-style:small:disabled:active:hover:ltr {
  background-image: url('/afr/skyros-v1/singleCard_down_dis.png');
}
}
af|carousel::spin-v-next-icon-style:compact:disabled:ltr,
af|carousel::spin-v-next-icon-style:small:disabled:ltr {
  background-image: url('/afr/skyros-v1/singleCard_down_dis.png');
}
af|carousel::spin-h-previous-icon-style:compact:rtl,
af|carousel::spin-h-previous-icon-style:small:rtl {
  background-image: url('/afr/skyros-v1/singleCard_right_ena_rtl.png');
}
@agent (touchScreen:none) {
  af|carousel::spin-h-previous-icon-style:compact:hover:rtl,
  af|carousel::spin-h-previous-icon-style:small:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_right_ovr_rtl.png');
  }
  af|carousel::spin-h-previous-icon-style:compact:active:hover:rtl,
  af|carousel::spin-h-previous-icon-style:small:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_right_dwn_rtl.png');
  }
  af|carousel::spin-h-previous-icon-style:compact:hover:disabled:rtl,
  af|carousel::spin-h-previous-icon-style:compact:active:hover:disabled:rtl,
  af|carousel::spin-h-previous-icon-style:small:disabled:hover:rtl,
  af|carousel::spin-h-previous-icon-style:small:disabled:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_right_dis_rtl.png');
  }
}
af|carousel::spin-h-previous-icon-style:compact:disabled:rtl,
af|carousel::spin-h-previous-icon-style:small:disabled:rtl {
  background-image: url('/afr/skyros-v1/singleCard_right_dis_rtl.png');
}
af|carousel::spin-h-next-icon-style:compact:rtl,
af|carousel::spin-h-next-icon-style:small:rtl {
  background-image: url('/afr/skyros-v1/singleCard_left_ena_rtl.png');
}
@agent (touchScreen:none) {
  af|carousel::spin-h-next-icon-style:compact:hover:rtl,
  af|carousel::spin-h-next-icon-style:small:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_left_ovr_rtl.png');
  }
  af|carousel::spin-h-next-icon-style:compact:active:hover:rtl,
  af|carousel::spin-h-next-icon-style:small:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_left_dwn_rtl.png');
  }
  af|carousel::spin-h-next-icon-style:compact:disabled:hover:rtl,
  af|carousel::spin-h-next-icon-style:compact:disabled:active:hover:rtl,
  af|carousel::spin-h-next-icon-style:small:disabled:hover:rtl,
  af|carousel::spin-h-next-icon-style:small:disabled:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_left_dis_rtl.png');
  }
}
af|carousel::spin-h-next-icon-style:compact:disabled:rtl,
af|carousel::spin-h-next-icon-style:small:disabled:rtl {
  background-image: url('/afr/skyros-v1/singleCard_left_dis_rtl.png');
}

af|carousel::spin-v-previous-icon-style:compact:rtl,
af|carousel::spin-v-previous-icon-style:small:rtl {
  background-image: url('/afr/skyros-v1/singleCard_up_ena_rtl.png');
}
@agent (touchScreen:none) {
  af|carousel::spin-v-previous-icon-style:compact:hover:rtl,
  af|carousel::spin-v-previous-icon-style:small:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_up_ovr_rtl.png');
  }
  af|carousel::spin-v-previous-icon-style:compact:active:hover:rtl,
  af|carousel::spin-v-previous-icon-style:small:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_up_dwn_rtl.png');
  }
  af|carousel::spin-v-previous-icon-style:compact:disabled:hover:rtl,
  af|carousel::spin-v-previous-icon-style:compact:disabled:active:hover:rtl,
  af|carousel::spin-v-previous-icon-style:small:disabled:hover:rtl,
  af|carousel::spin-v-previous-icon-style:small:disabled:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_up_dis_rtl.png');
  }
}
af|carousel::spin-v-previous-icon-style:compact:disabled:rtl,
af|carousel::spin-v-previous-icon-style:small:disabled:rtl {
  background-image: url('/afr/skyros-v1/singleCard_up_dis_rtl.png');
}

af|carousel::spin-v-next-icon-style:compact:rtl,
af|carousel::spin-v-next-icon-style:small:rtl {
  background-image: url('/afr/skyros-v1/singleCard_down_ena_rtl.png');
}
@agent (touchScreen:none) {
  af|carousel::spin-v-next-icon-style:compact:hover:rtl,
  af|carousel::spin-v-next-icon-style:small:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_down_ovr_rtl.png');
  }
  af|carousel::spin-v-next-icon-style:compact:active:hover:rtl,
  af|carousel::spin-v-next-icon-style:small:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_down_dwn_rtl.png');
  }
  af|carousel::spin-v-next-icon-style:compact:disabled:hover:rtl,
  af|carousel::spin-v-next-icon-style:compact:disabled:active:hover:rtl,
  af|carousel::spin-v-next-icon-style:small:disabled:hover:rtl,
  af|carousel::spin-v-next-icon-style:small:disabled:active:hover:rtl {
    background-image: url('/afr/skyros-v1/singleCard_down_dis_rtl.png');
  }
}
af|carousel::spin-v-next-icon-style:compact:disabled:rtl,
af|carousel::spin-v-next-icon-style:small:disabled:rtl {
  background-image: url('/afr/skyros-v1/singleCard_down_dis_rtl.png');
}

/* Start of af:panelAccordion styles */

af|panelAccordion::header,
af|panelAccordion::header-subsequent {
  padding: 0px 5px 0px 4px;
  border: 1px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
  /* suppress the styles from the base since we do not want bloat */
  -tr-inhibit: border-bottom-width;
  -tr-inhibit: border-bottom-style;
  -tr-inhibit: border-bottom-color;
}

af|panelAccordion::header {
  /* border-radius is required to use aliases */
  border-top-left-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-top-right-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
}

af|panelAccordion::header-subsequent {
  /* The border of subsequent headers either comes from content above or the header above*/
  border-top: none;
}

af|panelAccordion::header-title {
  padding: 3px 0px 3px 1px;
}

af|panelAccordion::header-title:rtl {
  padding: 3px 1px 3px 0px;
}

af|panelAccordion::header-disclose,
af|panelAccordion::header-title,
af|panelAccordion::header-toolbar {
  background-color: transparent;
  border-color: transparent;
}

af|panelAccordion::header-title {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

@agent webkit {
  af|panelAccordion::header,
  af|panelAccordion::header-subsequent {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
  }
}

@agent gecko {
  af|panelAccordion::header,
  af|panelAccordion::header-subsequent {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
  }
}

@agent ie {
  af|panelAccordion::header,
  af|panelAccordion::header-subsequent {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=-tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color"), endColorstr=-tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color"),GradientType=0 );
  }
}

@agent ie and (min-version: 10) {
  af|panelAccordion::header,
  af|panelAccordion::header-subsequent {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
    filter: none;
  }
}

af|panelAccordion::header:disclosed,
af|panelAccordion::header-subsequent:disclosed {
  /* Suppress the border bottom width since we are already defining border as 1px */
  -tr-inhibit: border-bottom-width;
}

af|panelAccordion::body-content {
  padding-top: 1px;
  border-bottom: 1px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  -tr-rule-ref: selector(".AFTextColor:alias");
}

/* Icons */
af|panelAccordion::disclosed-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyle:alias");
}
af|panelAccordion::header:highlight af|panelAccordion::disclosed-icon-style,
af|panelAccordion::header-subsequent:highlight af|panelAccordion::disclosed-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyleHover:alias");
}
af|panelAccordion af|panelAccordion::header:selected af|panelAccordion::disclosed-icon-style,
af|panelAccordion af|panelAccordion::header-subsequent:selected af|panelAccordion::disclosed-icon-style {
  -tr-rule-ref: selector(".AFDisclosedIconStyleActive:alias");
}
af|panelAccordion::undisclosed-icon-style {
  -tr-rule-ref: selector(".AFUndisclosedIconStyle:alias");
}

af|panelAccordion::header:highlight af|panelAccordion::undisclosed-icon-style,
af|panelAccordion::header-subsequent:highlight af|panelAccordion::undisclosed-icon-style {
  -tr-rule-ref: selector(".AFUndisclosedIconStyleHover:alias");
}

af|panelAccordion af|panelAccordion::header:selected af|panelAccordion::undisclosed-icon-style,
af|panelAccordion af|panelAccordion::header-subsequent:selected af|panelAccordion::undisclosed-icon-style {
  -tr-rule-ref: selector(".AFUndisclosedIconStyleActive:alias");
}

/* End of af:panelAccordion styles */

/* Start of popup global tail styles */
.AFDialogTailSimple > .AFPopupTailTopLeft,
.AFPopupTailSimple > .AFPopupTailTopLeft {
  background-image: url("/afr/skyros-v1/cone_tl.png");
}

.AFDialogTailSimple > .AFPopupTailTopRight,
.AFPopupTailSimple > .AFPopupTailTopRight {
  background-image: url("/afr/skyros-v1/cone_tr.png");
}

.AFDialogTailSimple > .AFPopupTailTopCenter,
.AFPopupTailSimple > .AFPopupTailTopCenter {
  background-image: url("/afr/skyros-v1/cone_tc.png");
}

.AFDialogTailSimple > .AFPopupTailBottomLeft,
.AFPopupTailSimple > .AFPopupTailBottomLeft {
   background-image: url("/afr/skyros-v1/cone_bl.png");
}

.AFDialogTailSimple > .AFPopupTailBottomRight,
.AFPopupTailSimple > .AFPopupTailBottomRight {
  background-image: url("/afr/skyros-v1/cone_br.png");
}

.AFDialogTailSimple > .AFPopupTailBottomCenter,
.AFPopupTailSimple > .AFPopupTailBottomCenter {
  background-image: url("/afr/skyros-v1/cone_bc.png");
}

.AFDialogTailSimple > .AFPopupTailMiddleLeft,
.AFPopupTailSimple > .AFPopupTailMiddleLeft {
  background-image: url("/afr/skyros-v1/cone_ml.png");
}

.AFDialogTailSimple > .AFPopupTailMiddleRight,
.AFPopupTailSimple > .AFPopupTailMiddleRight {
  background-image: url("/afr/skyros-v1/cone_mr.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailTopLeft:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailTopLeft:after {
  content: url("/afr/skyros-v1/cone_tl.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailTopRight:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailTopRight:after {
  content: url("/afr/skyros-v1/cone_tr.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailTopCenter:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailTopCenter:after {
  content: url("/afr/skyros-v1/cone_tc.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailBottomLeft:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailBottomLeft:after {
   content: url("/afr/skyros-v1/cone_bl.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailBottomRight:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailBottomRight:after {
  content: url("/afr/skyros-v1/cone_br.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailBottomCenter:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailBottomCenter:after {
  content: url("/afr/skyros-v1/cone_bc.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailMiddleLeft:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailMiddleLeft:after {
  content: url("/afr/skyros-v1/cone_ml.png");
}

af|body:high-contrast .AFDialogTailSimple > .AFPopupTailMiddleRight:after,
af|body:high-contrast .AFPopupTailSimple > .AFPopupTailMiddleRight:after {
  content: url("/afr/skyros-v1/cone_mr.png");
}
/* End of popup global tail styles */

/* Start noteWindow styles */

.AFNoteWindow {
  border-left: 0px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  color: -tr-property-ref("AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
}
.AFNoteWindowHintText,
.AFNoteWindowInstructions,
.AFNoteWindowShortDesc {
  font-family: Tahoma;
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
}
.AFNoteWindowSeparator {
  border-style: solid;
  color: -tr-property-ref(".AFWindowBorderColor:alias","color");
}
.AFNoteWindowHintText {
  font-weight: bold;
}
.AFNoteWindowInstructions {
  color: -tr-property-ref("AFTextSecondaryColor","color");
}
.AFNoteWindowRight {
  border-bottom: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-left: 1px solid -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-right: 0px solid -tr-property-ref(".AFWindowBorderColor:alias","color");

  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
}


.AFNoteWindowConeBorder {
  background-image: url("/afr/skyros-v1/cone_border.png");
}

.AFNoteWindowConeBorderRight {
  background-image: url("/afr/skyros-v1/cone_border.png");
}

.AFNoteWindowCone {
  background-image: url("/afr/skyros-v1/cone_tl.png");
  height:13px;
}

.AFNoteWindowConeTR{
  background-image: url("/afr/skyros-v1/cone_tr.png");
  height:13px;
}
.AFNoteWindowConeBL{
  background-image: url("/afr/skyros-v1/cone_bl.png");
  height:13px;
}

.AFNoteWindowConeBR{
  background-image: url("/afr/skyros-v1/cone_br.png");
  height:13px;
}

/* note window navigation icons */
.AFNoteWindowNextLink,
.AFNoteWindowPreviousLink:rtl {
  background-image: url("/afr/skyros-v1/next_trvArr_ena.png");
}
.AFNoteWindowNextLink:disabled,
.AFNoteWindowNextLink:disabled:active,
.AFNoteWindowPreviousLink:disabled:rtl,
.AFNoteWindowPreviousLink:disabled:active:rtl {
  background-image: url("/afr/skyros-v1/next_trvArr_dis.png");
}
.AFNoteWindowNextLink:active,
.AFNoteWindowPreviousLink:active:rtl {
  background-image: url("/afr/skyros-v1/next_trvArr_dwn.png");
}
.AFNoteWindowPreviousLink,
.AFNoteWindowNextLink:rtl {
  background-image: url("/afr/skyros-v1/previous_trvArr_ena.png");
}
.AFNoteWindowPreviousLink:disabled,
.AFNoteWindowPreviousLink:disabled:active,
.AFNoteWindowNextLink:disabled:rtl,
.AFNoteWindowNextLink:disabled:active:rtl {
  background-image: url("/afr/skyros-v1/previous_trvArr_dis.png");
}
.AFNoteWindowPreviousLink:active,
.AFNoteWindowNextLink:active:rtl {
  background-image: url("/afr/skyros-v1/previous_trvArr_dwn.png");
}
@agent (touchScreen:none) {
  .AFNoteWindowNextLink:hover,
  .AFNoteWindowPreviousLink:hover:rtl {
    background-image: url("/afr/skyros-v1/next_trvArr_ovr.png");
  }
  .AFNoteWindowNextLink:hover:active,
  .AFNoteWindowPreviousLink:hover:active:rtl {
    background-image: url("/afr/skyros-v1/next_trvArr_dwn.png");
  }
  .AFNoteWindowNextLink:disabled:hover,
  .AFNoteWindowPreviousLink:disabled:hover:rtl {
    background-image: url("/afr/skyros-v1/next_trvArr_dis.png");
  }
  .AFNoteWindowPreviousLink:hover,
  .AFNoteWindowNextLink:hover:rtl {
    background-image: url("/afr/skyros-v1/previous_trvArr_ovr.png");
  }
  .AFNoteWindowPreviousLink:hover:active,
  .AFNoteWindowNextLink:hover:active:rtl {
    background-image: url("/afr/skyros-v1/previous_trvArr_dwn.png");
  }
  .AFNoteWindowPreviousLink:disabled:hover,
  .AFNoteWindowNextLink:disabled:hover:rtl {
    background-image: url("/afr/skyros-v1/previous_trvArr_dis.png");
  }
}

/* End noteWindow styles */

/* Start panelWindow & dialog styles */

/* global style used by inline modal dialog(s) and panelWindow(s) */

.AFModalGlassPane {
  /* opacity applied to the pane, same as AFShadowColor but without the rgba opacity */
  background-color: -tr-property-ref(".AFHCBlackColor:alias","color");
  opacity: 0.4;
}

@agent ie {
  .AFModalGlassPane
  {
    filter:alpha(opacity:40);
  }
}

/* Use CSS to provide the floating element shadow which would be provided via JavaScript and extra
   DOM in agents that can't support it via CSS. By default, use css3 box-shadow, as this works with
   ie 9+, ff 4+, chrome 10+, safari 5.1+. */
af|panelWindow:ltr,
af|dialog:ltr {
  box-shadow: 5px 5px 5px -tr-property-ref(".AFShadowColor:alias","color");
}
af|panelWindow:rtl,
af|dialog:rtl {
  box-shadow: -5px 5px 5px -tr-property-ref(".AFShadowColor:alias","color");
}

/* chrome 9 and lower needs -webkit-box-shadow */
@agent webkit {
  af|panelWindow:ltr,
  af|dialog:ltr {
    -webkit-box-shadow: 5px 5px 5px -tr-property-ref(".AFShadowColor:alias","color");
  }
  af|panelWindow:rtl,
  af|dialog:rtl {
    -webkit-box-shadow: -5px 5px 5px -tr-property-ref(".AFShadowColor:alias","color");
  }
}

/* Inhibit box-shadow for non-supporting browsers versions: IE8 and lower, FF 3.6 (gecko 1.9.2) and lower. */
@agent ie and (version: 7), ie and (version: 8), gecko and (version: 1.*) {
  af|panelWindow:ltr,
  af|dialog:ltr {
    -tr-inhibit: box-shadow;
  }
  af|panelWindow:rtl,
  af|dialog:rtl {
    -tr-inhibit: box-shadow;
  }
}

/* firefox 3.5 (gecko 1.9.1) and 3.6 (1.9.2) use -moz-box-shadow. */
@agent gecko and (version: 1.9.1), gecko and (version: 1.9.2) {
  af|panelWindow:ltr,
  af|dialog:ltr {
    -moz-box-shadow: 5px 5px 5px -tr-property-ref(".AFShadowColor:alias","color");
  }
  af|panelWindow:rtl,
  af|dialog:rtl {
    -moz-box-shadow: -5px 5px 5px -tr-property-ref(".AFShadowColor:alias","color");
  }
}

/* in the rich skin, we need a white background to give the inactive
   state a whitening effect over the images.*/
af|panelWindow::inactive-background,
af|dialog::inactive-background {
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
 }

/* Need a lesser opacity to give a whitening effect for the inactive
   state.
*/
af|panelWindow:inactive af|panelWindow::main,
af|dialog:inactive af|dialog::main{
  opacity:0.50;
}

@agent ie {
  af|panelWindow:inactive af|panelWindow::main,
  af|dialog:inactive af|dialog::main{
    filter:alpha(opacity:50);
  }
}

af|panelWindow::title,
af|dialog::title {
  -tr-rule-ref: selector(".AFDefaultFontFamily:alias");
  -tr-rule-ref: selector(".AFDefaultFont:alias");
  -tr-rule-ref: selector(".AFSmallHeaderFont:alias");
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

af|panelWindow,
af|dialog {
  background-color: -tr-property-ref(".AFComponentBackground2Color:alias","color");
  /* border-radius is required to use aliases */
  border-radius: -tr-property-ref(".AFExtraLargeBorderRadius:alias","border-radius");
  border-color: -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-style: solid;
  border-width: 1px;
  color: -tr-property-ref(".AFTextColor:alias","color");
}

af|panelWindow::resize-ghost,
af|dialog::resize-ghost {
  border: solid 1px -tr-property-ref(".AFWindowBorderColor:alias","color");
}

af|panelWindow::header-start,
af|dialog::header-start {
  width: 3px;
  height: 25px;
}

af|panelWindow::header,
af|dialog::header {
  height: 25px;
}

af|panelWindow::header-end,
af|dialog::header-end {
  width: 3px;
  height: 25px;
}

af|panelWindow::footer-start {
  width: 3px;
  height: 16px;
  -tr-inhibit: background-color;
}

af|panelWindow::footer {
  height: 16px;
  -tr-inhibit: background-color;
}

af|panelWindow::footer-end {
  width: 3px;
  height: 16px;
  -tr-inhibit: background-color;
}

af|dialog::footer-start,
af|dialog::footer,
af|dialog::footer-end {
  border-top: none;
  height: 30px;
  padding: 0px;
  -tr-inhibit: background-color;
}

af|dialog::footer-start {
  width: 3px;
}

af|dialog::footer {
  padding: 0px;
}

af|dialog::footer-content {
  padding-bottom: 3px;
  padding-right: 3px;
  -tr-inhibit: background-color;
}

af|dialog::footer-content:rtl {
  padding-left: 3px;
}


af|dialog::footer-end {
  width: 3px;
}

af|dialog::footer-content af|button {
  margin-left: 3px;
}

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

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

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

af|panelWindow::content,
af|dialog::content {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 5px;
  padding-left: 5px;
  -tr-inhibit: background-color;
}

af|panelWindow::content:resizable,
af|dialog::content:resizable {
  padding: 0px;
}

af|panelWindow::content-start,
af|dialog::content-start,
af|panelWindow::content-center,
af|dialog::content-center,
af|panelWindow::content-end,
af|dialog::content-end {
    -tr-inhibit: background-color;
}

af|panelWindow::content-center,
af|dialog::content-center {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 5px;
  padding-left: 5px;
}

af|panelWindow::content-center {
  padding-bottom: 0px;
}

af|panelWindow::resize-icon-style,
af|dialog::resize-icon-style {
  display: block;
  width: 11px;
  height: 13px;
  cursor: se-resize;
  background-image: url("/afr/skyros-v1/dialog-resize-se.png");
  background-repeat: no-repeat;
}

af|panelWindow::resize-icon-style:rtl,
af|dialog::resize-icon-style:rtl {
  cursor: sw-resize;
  background-image: url("/afr/skyros-v1/dialog-resize-sw.png");
}

af|panelWindow::resize-icon-region:resizable,
af|dialog::resize-icon-region:resizable {
  margin: 0px;
  height: 13px;
  width: 11px;
  overflow: hidden;
  display: block;
  padding: 0px;
  vertical-align: bottom;
}

af|panelWindow::close-icon-region,
af|dialog::close-icon-region,
af|panelWindow::pin-icon-region,
af|dialog::pin-icon-region,
af|dialog::dynamic-help-icon-container,
af|panelWindow::dynamic-help-icon-container {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 3px;
  height: 16px;
  width: 13px;
}

af|panelWindow::close-icon-region:rtl,
af|dialog::close-icon-region:rtl,
af|panelWindow::pin-icon-region:rtl,
af|dialog::pin-icon-region:rtl,
af|dialog::dynamic-help-icon-container:rtl,
af|panelWindow::dynamic-help-icon-container:rtl {
  margin-left: 3px;
  margin-left: 0px;
}

af|panelWindow::close-icon-region,
af|dialog::close-icon-region,
af|panelWindow::pin-icon-region,
af|dialog::pin-icon-region{
  width: 13px;
  height: 16px;
}

af|panelWindow::close-icon-style,
af|dialog::close-icon-style {
  background-position: top;
  background-image: url("/afr/skyros-v1/close_ena.png");
  background-repeat: no-repeat;
  margin-top: 0px;
  padding: 0px;
  width: 13px;
  height: 13px;
}

af|panelWindow::pin-icon-style,
af|dialog::pin-icon-style {
  background-position: top;
  background-image: url("/afr/skyros-v1/pin_ena.png");
  background-repeat: no-repeat;
  margin-top: 0px;
  padding: 0px;
  width: 13px;
  height: 13px;
}

@agent (touchScreen:none) {
  af|panelWindow::close-icon-style:hover,
  af|panelWindow::close-icon-style:active:hover,
  af|dialog::close-icon-style:hover,
  af|dialog::close-icon-style:active:hover {
    background-image: url("/afr/skyros-v1/close_ovr.png");
    background-repeat: no-repeat;
  }

  af|panelWindow::close-icon-style:active:hover,
  af|dialog::close-icon-style:active:hover {
    background-image: url("/afr/skyros-v1/close_dwn.png");
    background-repeat: no-repeat;
  }

  af|panelWindow::pin-icon-style:hover,
  af|panelWindow::pin-icon-style:active:hover,
  af|dialog::pin-icon-style:hover,
  af|dialog::pin-icon-style:active:hover {
    background-image: url("/afr/skyros-v1/pin_ovr.png");
    background-repeat: no-repeat;
  }

  af|panelWindow::pin-icon-style:active:hover,
  af|dialog::pin-icon-style:active:hover {
    background-image: url("/afr/skyros-v1/pin_dwn.png");
    background-repeat: no-repeat;
  }
}

af|panelWindow::close-icon-style:active,
af|dialog::close-icon-style:active {
  background-image: url("/afr/skyros-v1/close_dwn.png");
  background-repeat: no-repeat;
}

af|panelWindow::pin-icon-style:active,
af|dialog::pin-icon-style:active {
  background-image: url("/afr/skyros-v1/pin_dwn.png");
  background-repeat: no-repeat;
}

af|dialog::dynamic-help-icon-style,
af|panelWindow::dynamic-help-icon-style {
  width: 13px;
  height: 13px;
  padding: 0px;
  margin: 0px;
  display: block;
  background-position: top;
}
/* End panelWindow & dialog styles */

/* Start richTextEditor styles */

.AFContentCell af|richTextEditor::content {
  top: -5px;
}
.AFPanelFormLayoutContentCell af|richTextEditor::content {
  top: -4px;
}
af|richTextEditor:read-only .AFContentCell af|richTextEditor::content,
af|richTextEditor:read-only .AFPanelFormLayoutContentCell af|richTextEditor::content {
  top: 0px;
}
af|richTextEditor:fatal::content,
af|richTextEditor:error::content,
af|richTextEditor:warning::content{
  border-style: none;
  border-width: 0;
}
af|richTextEditor {
  padding-top : 3px;
}
af|richTextEditor:read-only {
  padding-top : 0px;
}
af|richTextEditor:stretched {
  padding-top : 0px;
  width: 100%;
  height: 100%;
}

@agent webkit and (version: 537.*) {
  af|richTextEditor::content-input-container {
    padding-bottom: 1px;
  }
}

af|richTextEditor::content-input-container {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-width: 1px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  padding-left: 2px;
}
af|richTextEditor:fatal::content-input-container,
af|richTextEditor:error::content-input-container {
  border-color:  -tr-property-ref(".AFErrorColor:alias","color");
  border-width: 2px;
}
af|richTextEditor:warning::content-input-container {
  border-color:  -tr-property-ref(".AFWarningColor:alias","color");
  border-width: 2px;
}

af|richTextEditor:disabled::content-input-container {
  border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|richTextEditor::content-input {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|richTextEditor:disabled::content-input {
  background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  color: -tr-property-ref(".AFTextDisabledColor:alias","color");
}
/* Safari 4 will lighten any text color specified, so we can't specify
 * the disabled text color exactly. :( */
@agent webkit and (version: 528.16) {
  af|richTextEditor:disabled::content-input {
    -tr-rule-ref: selector(".AFTextColor:alias");
  }
}
af|richTextEditor af|toolbox::row {
  border-bottom: 1px solid -tr-property-ref(".AFBackground2Color:alias","color");
}
/* ie defaults the body background-color to #FFFFFF, and we need to get rid of this if we want
 * the gradient background to show up. */
@agent ie
{
  af|richTextEditor {
    -tr-field-inline-style: margin_0px padding_1px font-size_x-small font-family_Tahoma background-color_transparent;
  }
}
@agent ie and (min-version: 9.0) {
  af|richTextEditor {
    -tr-field-inline-style: margin_0px padding_1px font-size_small font-family_Tahoma background-color_transparent;
  }
}

af|richTextEditor::foreground-color-overlay {
  background-image: url("/afr/skyros-v1/colorpickertxt_ena.png");
}
af|richTextEditor::background-color-overlay {
  background-image: url("/afr/skyros-v1/colorpicker_ena.png");
}

af|richTextEditor::footer-facet {
  background-color: transparent;
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-bottom-left-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-bottom-right-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  line-height: 20px;
  min-height: 20px;
}

/* commandToolbarButton icons used by the Rich Text Editor */
/* 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-icon {
  content: url(/afr/skyros-v1/link_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::add-link-disabled-icon {
  content: url(/afr/skyros-v1/link_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::add-link-hover-icon {
  content: url(/afr/skyros-v1/link_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::add-link-active-icon {
  content: url(/afr/skyros-v1/link_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::remove-link-icon {
  content: url(/afr/skyros-v1/unlink_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::remove-link-disabled-icon {
  content: url(/afr/skyros-v1/unlink_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::remove-link-hover-icon {
  content: url(/afr/skyros-v1/unlink_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::remove-link-active-icon {
  content: url(/afr/skyros-v1/unlink_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::clear-styling-icon {
  content: url(/afr/skyros-v1/clear_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::clear-styling-disabled-icon {
  content: url(/afr/skyros-v1/clear_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::clear-styling-hover-icon {
  content: url(/afr/skyros-v1/clear_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::clear-styling-active-icon {
  content: url(/afr/skyros-v1/clear_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::undo-icon {
  content: url(/afr/skyros-v1/undo_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::undo-disabled-icon {
  content: url(/afr/skyros-v1/undo_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::undo-hover-icon {
  content: url(/afr/skyros-v1/undo_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::undo-active-icon {
  content: url(/afr/skyros-v1/undo_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::redo-icon {
  content: url(/afr/skyros-v1/redo_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::redo-disabled-icon {
  content: url(/afr/skyros-v1/redo_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::redo-hover-icon {
  content: url(/afr/skyros-v1/redo_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::redo-active-icon {
  content: url(/afr/skyros-v1/redo_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::bold-icon {
  content: url(/afr/skyros-v1/bold_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::bold-disabled-icon {
  content: url(/afr/skyros-v1/bold_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::bold-hover-icon {
  content: url(/afr/skyros-v1/bold_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::bold-active-icon {
  content: url(/afr/skyros-v1/bold_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::italic-icon {
  content: url(/afr/skyros-v1/italic_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::italic-disabled-icon {
  content: url(/afr/skyros-v1/italic_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::italic-hover-icon {
  content: url(/afr/skyros-v1/italic_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::italic-active-icon {
  content: url(/afr/skyros-v1/italic_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::underline-icon {
  content: url(/afr/skyros-v1/underline_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::underline-disabled-icon {
  content: url(/afr/skyros-v1/underline_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::underline-hover-icon {
  content: url(/afr/skyros-v1/underline_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::underline-active-icon {
  content: url(/afr/skyros-v1/underline_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::subscript-icon {
  content: url(/afr/skyros-v1/subscript_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::subscript-disabled-icon {
  content: url(/afr/skyros-v1/subscript_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::subscript-hover-icon {
  content: url(/afr/skyros-v1/subscript_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::subscript-active-icon {
  content: url(/afr/skyros-v1/subscript_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::superscript-icon {
  content: url(/afr/skyros-v1/superscript_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::superscript-disabled-icon {
  content: url(/afr/skyros-v1/superscript_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::superscript-hover-icon {
  content: url(/afr/skyros-v1/superscript_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::superscript-active-icon {
  content: url(/afr/skyros-v1/superscript_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::strikethrough-icon {
  content: url(/afr/skyros-v1/strikethrough_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::strikethrough-disabled-icon {
  content: url(/afr/skyros-v1/strikethrough_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::strikethrough-hover-icon {
  content: url(/afr/skyros-v1/strikethrough_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::strikethrough-active-icon {
  content: url(/afr/skyros-v1/strikethrough_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-left-icon {
  content: url(/afr/skyros-v1/leftalign_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-left-disabled-icon {
  content: url(/afr/skyros-v1/leftalign_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-left-hover-icon {
  content: url(/afr/skyros-v1/leftalign_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-left-active-icon {
  content: url(/afr/skyros-v1/leftalign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-center-icon {
  content: url(/afr/skyros-v1/centeralign_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-center-disabled-icon {
  content: url(/afr/skyros-v1/centeralign_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-center-hover-icon {
  content: url(/afr/skyros-v1/centeralign_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-center-active-icon {
  content: url(/afr/skyros-v1/centeralign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-right-icon {
  content: url(/afr/skyros-v1/rightalign_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-right-disabled-icon {
  content: url(/afr/skyros-v1/rightalign_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-right-hover-icon {
  content: url(/afr/skyros-v1/rightalign_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-right-active-icon {
  content: url(/afr/skyros-v1/rightalign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::justify-full-icon {
  content: url(/afr/skyros-v1/fullalign_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-full-disabled-icon {
  content: url(/afr/skyros-v1/fullalign_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-full-hover-icon {
  content: url(/afr/skyros-v1/fullalign_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::justify-full-active-icon {
  content: url(/afr/skyros-v1/fullalign_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::list-unordered-icon {
  content: url(/afr/skyros-v1/bullist_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-unordered-icon:rtl {
  content: url(/afr/skyros-v1/bullist_rtl_ena.png);
}
af|richTextEditor::list-unordered-disabled-icon {
  content: url(/afr/skyros-v1/bullist_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-unordered-disabled-icon:rtl {
  content: url(/afr/skyros-v1/bullist_rtl_dis.png);
}
af|richTextEditor::list-unordered-hover-icon {
  content: url(/afr/skyros-v1/bullist_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-unordered-hover-icon:rtl {
  content: url(/afr/skyros-v1/bullist_rtl_ovr.png);
}
af|richTextEditor::list-unordered-active-icon {
  content: url(/afr/skyros-v1/bullist_dwn.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-unordered-active-icon:rtl {
  content: url(/afr/skyros-v1/bullist_rtl_dwn.png);
}

af|richTextEditor::list-ordered-icon {
  content: url(/afr/skyros-v1/numlist_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-ordered-icon:rtl {
  content: url(/afr/skyros-v1/numlist_rtl_ena.png);
}
af|richTextEditor::list-ordered-disabled-icon {
  content: url(/afr/skyros-v1/numlist_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-ordered-disabled-icon:rtl {
  content: url(/afr/skyros-v1/numlist_rtl_dis.png);
}
af|richTextEditor::list-ordered-hover-icon {
  content: url(/afr/skyros-v1/numlist_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-ordered-hover-icon:rtl {
  content: url(/afr/skyros-v1/numlist_rtl_ovr.png);
}
af|richTextEditor::list-ordered-active-icon {
  content: url(/afr/skyros-v1/numlist_dwn.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::list-ordered-active-icon:rtl {
  content: url(/afr/skyros-v1/numlist_rtl_dwn.png);
}
af|richTextEditor::unindent-icon {
  content: url(/afr/skyros-v1/unindent_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::unindent-icon:rtl {
  content: url(/afr/skyros-v1/unindent_rtl_ena.png);
}
af|richTextEditor::unindent-disabled-icon {
  content: url(/afr/skyros-v1/unindent_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::unindent-disabled-icon:rtl {
  content: url(/afr/skyros-v1/unindent_rtl_dis.png);
}
af|richTextEditor::unindent-hover-icon {
  content: url(/afr/skyros-v1/unindent_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::unindent-hover-icon:rtl {
  content: url(/afr/skyros-v1/unindent_rtl_ovr.png);
}
af|richTextEditor::unindent-active-icon {
  content: url(/afr/skyros-v1/unindent_dwn.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::unindent-active-icon:rtl {
  content: url(/afr/skyros-v1/unindent_rtl_dwn.png);
}

af|richTextEditor::indent-icon {
  content: url(/afr/skyros-v1/indent_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::indent-icon:rtl {
  content: url(/afr/skyros-v1/indent_rtl_ena.png);
}

af|richTextEditor::indent-disabled-icon {
  content: url(/afr/skyros-v1/indent_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::indent-disabled-icon:rtl {
  content: url(/afr/skyros-v1/indent_rtl_dis.png);
}
af|richTextEditor::indent-hover-icon {
  content: url(/afr/skyros-v1/indent_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::indent-hover-icon:rtl {
  content: url(/afr/skyros-v1/indent_rtl_ovr.png);
}
af|richTextEditor::indent-active-icon {
  content: url(/afr/skyros-v1/indent_dwn.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::indent-active-icon:rtl {
  content: url(/afr/skyros-v1/indent_rtl_dwn.png);
}

af|richTextEditor::mode-rich-text-icon {
  content: url(/afr/skyros-v1/designmode_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::mode-rich-text-disabled-icon {
  content: url(/afr/skyros-v1/designmode_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::mode-rich-text-hover-icon {
  content: url(/afr/skyros-v1/designmode_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::mode-rich-text-active-icon {
  content: url(/afr/skyros-v1/designmode_dwn.png);
  width: 16px;
  height: 16px;
}

af|richTextEditor::mode-code-icon {
  content: url(/afr/skyros-v1/codemode_ena.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::mode-code-disabled-icon {
  content: url(/afr/skyros-v1/codemode_dis.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::mode-code-hover-icon {
  content: url(/afr/skyros-v1/codemode_ovr.png);
  width: 16px;
  height: 16px;
}
af|richTextEditor::mode-code-active-icon {
  content: url(/afr/skyros-v1/codemode_dwn.png);
  width: 16px;
  height: 16px;
}

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

/* End richTextEditor styles */
/* inline selector start */

.AFPopupSelectorHeader,
.AFPopupSelectorHeaderStart,
.AFPopupSelectorHeaderStart:rtl,
.AFPopupSelectorHeaderStart:ltr,
.AFPopupSelectorHeaderEnd,
.AFPopupSelectorHeaderEnd:ltr,
.AFPopupSelectorHeaderEnd:rtl,
.AFPopupSelectorContent,
.AFPopupSelectorContentStart,
.AFPopupSelectorContentStart:ltr,
.AFPopupSelectorContentStart:rtl,
.AFPopupSelectorContentEnd,
.AFPopupSelectorContentEnd:ltr,
.AFPopupSelectorContentEnd:rtl,
.AFPopupSelectorFooter,
.AFPopupSelectorFooterStart,
.AFPopupSelectorFooterStart:ltr,
.AFPopupSelectorFooterStart:rtl,
.AFPopupSelectorFooterEnd,
.AFPopupSelectorFooterEnd:ltr,
.AFPopupSelectorFooterEnd:rtl {
  -tr-inhibit: background-color;
  -tr-inhibit: border-width;
  -tr-inhibit: border-color;
  -tr-inhibit: color;
  -tr-inhibit: border-style;
  -tr-inhibit: border-top;
  -tr-inhibit: border-left;
  -tr-inhibit: border-right;
  -tr-inhibit: border-bottom;
  -tr-inhibit: width;
  -tr-inhibit: height;
  -tr-inhibit: font-size;
}

.AFPopupSelectorHeader,
.AFPopupSelectorHeaderStart,
.AFPopupSelectorHeaderEnd,
.AFPopupSelectorContentStart,
.AFPopupSelectorContentEnd,
.AFPopupSelectorFooter,
.AFPopupSelectorFooterStart,
.AFPopupSelectorFooterEnd {
  display:none;
}

.AFPopupSelectorContent {
  padding: 5px;
}

.AFPopupSelector {
  border-color: -tr-property-ref(".AFWindowBorderColor:alias","color");
  border-style: solid;
  border-width: 1px;
  color: -tr-property-ref(".AFTextColor:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

/* inline selector end */

/* inline popup native box shadows start */

/* Use CSS to provide the floating element shadow which would be provided via JavaScript and extra
   DOM in agents that can't support it via CSS. By default, use css3 box-shadow, as this works with
   ie 9+, ff 4+, chrome 10+, safari 5.1+. */
.AFPopupSelector:ltr,
.AFPopupMenuPopup:ltr,
.AFNoteWindow:ltr,
af|inputComboboxListOfValues::dropdown-popup-content:ltr {
  box-shadow: 2px 2px 2px -tr-property-ref(".AFShadowColor:alias","color");
}

.AFPopupSelector:rtl,
.AFPopupMenuPopup:rtl,
.AFNoteWindow:rtl,
af|inputComboboxListOfValues::dropdown-popup-content:rtl {
  box-shadow: -2px 2px 2px -tr-property-ref(".AFShadowColor:alias","color");
}

/* chrome 9 and lower needs -webkit-box-shadow */
@agent webkit {
  .AFPopupSelector:ltr,
  .AFPopupMenuPopup:ltr,
  .AFNoteWindow:ltr {
    -webkit-box-shadow: 2px 2px 2px -tr-property-ref(".AFShadowColor:alias","color");
  }
  .AFPopupSelector:rtl,
  .AFPopupMenuPopup:rtl,
  .AFNoteWindow:rtl {
    -webkit-box-shadow: -2px 2px 2px -tr-property-ref(".AFShadowColor:alias","color");
  }
}

/* Inhibit box-shadow for non-supporting browsers versions: IE8 and lower, FF 3.6 (gecko 1.9.2) and lower. */
@agent ie and (version: 7), ie and (version: 8), gecko and (version: 1.*) {
  .AFPopupSelector:ltr,
  .AFPopupMenuPopup:ltr,
  .AFNoteWindow:ltr,
  af|inputComboboxListOfValues::dropdown-popup-content:ltr {
    -tr-inhibit: box-shadow;
  }
  .AFPopupSelector:rtl,
  .AFPopupMenuPopup:rtl,
  .AFNoteWindow:rtl,
  af|inputComboboxListOfValues::dropdown-popup-content:rtl {
    -tr-inhibit: box-shadow;
  }
}

/* firefox 3.5 (gecko 1.9.1) and 3.6 (1.9.2) use -moz-box-shadow. */
@agent gecko and (version: 1.9.1), gecko and (version: 1.9.2) {
  .AFPopupSelector:ltr,
  .AFPopupMenuPopup:ltr,
  .AFNoteWindow:ltr,
  af|inputComboboxListOfValues::dropdown-popup-content:ltr {
    -moz-box-shadow: 2px 2px 2px -tr-property-ref(".AFShadowColor:alias","color");
  }
  .AFPopupSelector:rtl,
  .AFPopupMenuPopup:rtl,
  .AFNoteWindow:rtl,
  af|inputComboboxListOfValues::dropdown-popup-content:rtl {
    -moz-box-shadow: -2px 2px 2px -tr-property-ref(".AFShadowColor:alias","color");
  }
}

/* inline selector native box shadows end */

/* Start separator styles */

af|separator {
  margin-top: 3px;
  margin-bottom: 3px;
  border-top: 0px;
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-left: 0px;
  border-right: 0px;
}


/* Start train styles */

/* join in disabled state. */
af|train::join:disabled {
  background-color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}
/* join in unvisited enabled state. */
af|train::join:unvisited {
  background-color: -tr-property-ref(".AFLinkColor:alias","color");
}
/* Join in visited enabled state. Should be af|train::join:visited.
    Workaround for a skinning bug - 5558004. */
af|train::join:train-visited {
  background-color: -tr-property-ref(".AFLinkVisitedColor:alias","color");
}
/* for a join in unvisited enabled state, in the vertical train */
af|train-vertical::join:unvisited {
  background-color: -tr-property-ref(".AFLinkColor:alias","color");
}
/* for a join in disabled state, in vertical train. */
af|train-vertical::join:disabled {
  background-color: -tr-property-ref(".AFLinkDisabledColor:alias","color");
}
/* link for a visited enabled stop. Should be af|train::stop-link:visited.
    Workaround for a skinning bug - 5558004. */
af|train-vertical::join:train-visited {
  background-color: -tr-property-ref(".AFLinkVisitedColor:alias","color");
}
af|train::parent-start-content,
af|train::parent-end-content,
af|train-vertical::parent-start-content,
af|train-vertical::parent-end-content {
  -tr-rule-ref: selector(".AFTextColor:alias");
}
/* stop-icons */
af|train::stop-icon-selected,
af|train-vertical::stop-icon-selected {
  background-image: url('/afr/skyros-v1/train_active.png');
}
af|train::stop-icon-disabled,
af|train-vertical::stop-icon-disabled {
  background-image: url('/afr/skyros-v1/train_dis.png');
}
af|train::stop-icon-unvisited,
af|train-vertical::stop-icon-unvisited {
  background-image: url('/afr/skyros-v1/train_unvisited_ena.png');
}
@agent (touchScreen:none) {
  af|train::stop-icon-unvisited:hover,
  af|train-vertical::stop-icon-unvisited:hover {
    background-image: url('/afr/skyros-v1/train_unvisited_ovr.png');
  }
}
af|train::stop-icon-unvisited:active,
af|train-vertical::stop-icon-unvisited:active,
af|train::stop-icon-unvisited:active:hover,
af|train-vertical::stop-icon-unvisited:active:hover {
  background-image: url('/afr/skyros-v1/train_unvisited_dwn.png');
}
af|train::stop-icon-visited,
af|train-vertical::stop-icon-visited {
  background-image: url('/afr/skyros-v1/train_visited_ena.png');
}
@agent (touchScreen:none) {
  af|train::stop-icon-visited:hover,
  af|train-vertical::stop-icon-visited:hover {
    background-image: url('/afr/skyros-v1/train_visited_ovr.png');
  }
}
af|train::stop-icon-visited:active,
af|train-vertical::stop-icon-visited:active,
af|train::stop-icon-visited:active:hover,
af|train-vertical::stop-icon-visited:active:hover {
  background-image: url('/afr/skyros-v1/train_visited_dwn.png');
}
af|train::stop-icon-error,
af|train-vertical::stop-icon-error {
  background-image:url('/afr/skyros-v1/alertModifier_error.png');
}
af|train::stop-icon-warning,
af|train-vertical::stop-icon-warning {
  background-image:url('/afr/skyros-v1/alertModifier_warning.png');
}
af|train::stop-icon-information,
af|train-vertical::stop-icon-information {
  background-image:url('/afr/skyros-v1/alertModifier_information.png');
}
af|train::stop-icon-complete,
af|train-vertical::stop-icon-complete {
  background-image:url('/afr/skyros-v1/alertModifier_complete.png');
}

af|body:high-contrast af|train::stop-icon-error:after,
af|body:high-contrast af|train-vertical::stop-icon-error:after {
  content:url('/afr/skyros-v1/alertModifier_error.png');
}
af|body:high-contrast af|train::stop-icon-warning:after,
af|body:high-contrast af|train-vertical::stop-icon-warning:after {
  content:url('/afr/skyros-v1/alertModifier_warning.png');
}
af|body:high-contrast af|train::stop-icon-information:after,
af|body:high-contrast af|train-vertical::stop-icon-information:after {
  content:url('/afr/skyros-v1/alertModifier_information.png');
}
af|body:high-contrast af|train::stop-icon-complete:after,
af|body:high-contrast af|train-vertical::stop-icon-complete:after {
  content:url('/afr/skyros-v1/alertModifier_complete.png');
}

/* stop-links */
af|train-vertical::stop-link {
  padding-left:2px;
}
af|train::stop-link:disabled,
af|train-vertical::stop-link:disabled {
  -tr-rule-ref: selector(".AFLinkDisabledColor:alias");
}
/* link for a visited enabled stop. Should be af|train::stop-link:visited.
    Workaround for a skinning bug - 5558004. */
af|train::stop-link:train-visited,
af|train-vertical::stop-link:train-visited {
  -tr-rule-ref: selector(".AFLinkVisitedColor:alias");
}
@agent (touchScreen:none) {
  af|train::stop-link:train-visited:hover,
  af|train-vertical::stop-link:train-visited:hover {
    -tr-rule-ref: selector(".AFLinkVisitedColor:alias");
    text-decoration: underline;
  }
  af|train::stop-link:train-visited:hover .AFRequiredIconStyle,
  af|train-vertical::stop-link:train-visited:hover .AFRequiredIconStyle{
    text-decoration: none;
    display: inline-block;
  }
}
af|train::stop-link:train-visited:active,
af|train-vertical::stop-link:train-visited:active,
af|train::stop-link:train-visited:active:hover,
af|train-vertical::stop-link:train-visited:active:hover {
  text-decoration: underline;
}
af|train::stop-link:train-visited:active .AFRequiredIconStyle,
af|train-vertical::stop-link:train-visited:active .AFRequiredIconStyle,
af|train::stop-link:train-visited:active:hover .AFRequiredIconStyle,
af|train-vertical::stop-link:train-visited:active:hover .AFRequiredIconStyle {
  text-decoration: none;
  display: inline-block;
}
/* link for an unvisited enabled stop */
af|train::stop-link:unvisited,
af|train-vertical::stop-link:unvisited {
  -tr-rule-ref: selector(".AFLinkColor:alias");
}
@agent (touchScreen:none) {
  af|train::stop-link:unvisited:hover,
  af|train-vertical::stop-link:unvisited:hover {
    -tr-rule-ref: selector(".AFLinkColor:alias");
    text-decoration: underline;
  }
}
af|train::stop-link:unvisited:active,
af|train-vertical::stop-link:unvisited:active,
af|train::stop-link:unvisited:active:hover,
af|train-vertical::stop-link:unvisited:active:hover {
  color: -tr-property-ref(".AFLinkColor:alias","color");
  text-decoration: underline;
}
af|train::stop-content:selected,
af|train-vertical::stop-content:selected {
  -tr-rule-ref: selector(".AFLinkColor:alias");
}
af|train::stop-link:selected,
af|train-vertical::stop-link:selected {
  -tr-rule-ref: selector(".AFLinkColor:alias");
}

af|train::parent-start-icon:ltr {
  content: url("/afr/skyros-v1/trainH_parent_start.png");
  margin-left: auto;
}
af|train::parent-end-icon:ltr {
  content: url("/afr/skyros-v1/trainH_parent_end.png");
  margin-right: auto;
}
af|train::parent-start-icon:rtl {
  content: url("/afr/skyros-v1/trainH_parent_start_rtl.png");
  margin-right: auto;
}
af|train::parent-end-icon:rtl {
  content: url("/afr/skyros-v1/trainH_parent_end_rtl.png");
  margin-left: auto;
}
af|train-vertical::parent-start-icon:ltr {
  content: url("/afr/skyros-v1/trainV_parent_top.png");
}
af|train-vertical::parent-end-icon:ltr {
  content: url("/afr/skyros-v1/trainV_parent_bottom.png");
}
af|train-vertical::parent-start-icon:rtl {
  content: url("/afr/skyros-v1/trainV_parent_top_rtl.png");
}
af|train-vertical::parent-end-icon:rtl {
  content: url("/afr/skyros-v1/trainV_parent_bottom_rtl.png");
}

/* End train styles */

/* Start trainButtonBar */
af|trainButtonBar::button-cell {
  padding-left: 1px;
  padding-right: 1px;
}
/* End trainButtonBar */

/* Start inputSearch */
af|inputSearch::input-container {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
af|inputSearch:disabled::input-container {
  border-color: -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
}
af|inputSearch:click-to-edit::input-container {
  -tr-rule-ref:selector(".AFC2EContentTransparent:alias");
}
af|inputSearch:click-to-edit:focus-target::input-container {
  -tr-rule-ref:selector(".AFC2EContentFocus:alias");
}
@agent (touchScreen:none) {
  af|inputSearch:click-to-edit:hover-target::input-container{
    -tr-rule-ref:selector(".AFC2EContentHover:alias");
  }
}
af|inputSearch:error::input-container,
af|inputSearch:warning::input-container,
af|inputSearch:fatal::input-container {
  border-width: 2px;
}
af|inputSearch:error::input-container {
  border-color: -tr-property-ref(".AFErrorColor:alias","color");
}
af|inputSearch:warning::input-container {
  border-color: -tr-property-ref(".AFWarningColor:alias","color");
}
af|inputSearch:fatal::input-container {
  border-color: -tr-property-ref(".AFErrorColor:alias","color");
}

af|inputSearch::content {
  -tr-rule-ref: selector(".AFTextColor:alias");
  line-height: 15px;
  height: 15px;
}
af|inputSearch:read-only::content {
  line-height: 17px;
  height: 17px;
}
af|inputSearch:error::content,
af|inputSearch:warning::content,
af|inputSearch:fatal::content {
  line-height: 13px;
  height: 13px;
}

af|inputSearch::button {
  display: inline-block;
  height: 15px; /* same as input field's height */
}
af|inputSearch::button::after {
  content: url("/afr/skyros-v1/lov_ena.png");
}
af|inputSearch:click-to-edit::button::after {
  -tr-rule-ref:selector(".AFC2EIconTransparent:alias");
}
af|inputSearch:click-to-edit:focus-target::button::after {
  -tr-rule-ref:selector(".AFC2EIconFocus:alias");
}
@agent (touchScreen:none) {
  af|inputSearch:click-to-edit:hover-target::button::after {
    -tr-rule-ref:selector(".AFC2EIconHover:alias");
  }
}
af|inputSearch:disabled::button::after,
af|inputSearch:disabled:active::button::after {
  content: url("/afr/skyros-v1/lov_dis.png");
}
@agent (touchScreen:none) {
  af|inputSearch:disabled:hover::button::after,
  af|inputSearch:disabled:hover:active::button::after {
    content: url("/afr/skyros-v1/lov_dis.png");
  }
}
@agent (touchScreen:none) {
  af|inputSearch:hover::button::after {
    content: url("/afr/skyros-v1/lov_ovr.png");
  }
}
af|inputSearch:active::button::after {
  content: url("/afr/skyros-v1/lov_dwn.png");
}
@agent (touchScreen:none) {
  af|inputSearch:hover:active::button::after {
    content: url("/afr/skyros-v1/lov_dwn.png");
  }
}

af|inputSearch::suggestions-container {
  color: -tr-property-ref("AFTextColor:alias","color");
}
af|inputSearch::suggestion-list-item {
  line-height: 21px;
}
@agent (touchScreen:none) {
  af|inputSearch::suggestion-list-item:hover,
  af|inputSearch::suggestion-list-item:selected:hover,
  af|inputSearch::suggestion-row-item:hover,
  af|inputSearch::suggestion-row-item:selected:hover {
    background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
  }
}
af|inputSearch::suggestion-list-item:selected,
af|inputSearch::suggestion-row-item:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

af|inputSearch::suggestion-row-item,
af|inputSearch::suggestion-row-header {
  height: 19px;
}
af|inputSearch::suggestion-row-header {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}
af|inputSearch::suggestion-row-header th {
  border-right: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}
af|inputSearch::suggestion-row-item {
  border-bottom: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
}
af|inputSearch::suggestion-row-item td,
af|inputSearch::suggestion-row-item th[scope=row] {
  border-right: 1px solid -tr-property-ref(".AFGridCellBorderColor:alias","color");
}
/* End inputSearch */

/* Start lov styles*/

/* private - These style classes will be applied to query in the LOV dialog */
af|inputListOfValues::dialog af|query::title-start3,
af|inputListOfValues::dialog af|query::title3,
af|inputListOfValues::dialog af|query::title-end3,
af|inputComboboxListOfValues::dialog af|query::title-start3,
af|inputComboboxListOfValues::dialog af|query::title3,
af|inputComboboxListOfValues::dialog af|query::title-end3 {
  background-image: none;
}

af|inputComboboxListOfValues::dialog af|query::title3,
af|inputListOfValues::dialog af|query::title3 {
  border-bottom: none;
}

af|inputComboboxListOfValues::dialog af|toolbox,
af|inputListOfValues::dialog af|toolbox {
  border-top: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|inputComboboxListOfValues::dialog af|toolbox,
af|inputListOfValues::dialog af|toolbox {
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorderColor:alias","color");
}

af|inputListOfValues::content {
  margin: 1px;
  padding-left: 3px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  line-height: 1.0em;
  background-image: none;
}
af|inputListOfValues::content:rtl {
  padding-left: 0px;
  padding-right: 3px;
}

af|inputListOfValues::search-icon-style:hover {
  background-image: url("/afr/skyros-v1/lov_ovr.png");
  background-repeat: no-repeat;
}
af|body:high-contrast af|inputListOfValues::search-icon-style:hover:after {
  content: url("/afr/skyros-v1/lov_ovr.png");
}

af|inputListOfValues::search-icon-style:active {
  background-image:url("/afr/skyros-v1/lov_dwn.png");
  background-repeat: no-repeat;
}
af|body:high-contrast af|inputListOfValues::search-icon-style:active:after {
  content: url("/afr/skyros-v1/lov_dwn.png");
}

af|inputListOfValues::search-icon-style:disabled,
af|inputListOfValues::search-icon-style:disabled:hover,
af|inputListOfValues::search-icon-style:disabled:active {
  background-image:url("/afr/skyros-v1/lov_dis.png");
}
af|body:high-contrast af|inputListOfValues::search-icon-style:disabled:after,
af|body:high-contrast af|inputListOfValues::search-icon-style:disabled:hover:after,
af|body:high-contrast af|inputListOfValues::search-icon-style:disabled:active:after {
  content: url("/afr/skyros-v1/lov_dis.png");
}

af|inputListOfValues::search-icon-style,
af|panelList af|inputListOfValues::search-icon-style{
  padding-right: 0px;
}

af|inputListOfValues .AFPanelFormLayoutContentCell {
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
}

af|inputListOfValues:read-only .AFPanelFormLayoutContentCell {
  padding-left: 9px;
}
@agent webkit {
  af|inputListOfValues .AFPanelFormLayoutContentCell {
    padding-top: 2px;
    padding-bottom: 1px;
  }
  af|inputListOfValues:read-only .AFPanelFormLayoutContentCell {
    padding-top: 3px;
    padding-bottom: 0px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:read-only {
    position: relative;
    top: 1px;
  }
}
af|inputListOfValues  .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 3px;
}
af|inputListOfValues:read-only  .AFPanelFormLayoutContentCell:rtl {
  padding-right: 9px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues {
  margin-left: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:read-only {
  padding-left: 6px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:rtl {
  margin-left: 0px;
  margin-right: 1px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:read-only:rtl {
  padding-left: 0px;
  padding-right: 6px;
}
@agent ie {
  af|inputListOfValues .AFPanelFormLayoutContentCell {
    padding-bottom: 1px;
    padding-left: 4px;
  }
  af|inputListOfValues .AFPanelFormLayoutContentCell:rtl {
    padding-right: 4px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues {
    padding-left: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputListOfValues:rtl {
    padding-left: 0px;
    padding-right: 1px;
  }
}
af|inputListOfValues:edit-mode-select::content {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
af|inputComboboxListOfValues:edit-mode-select::container,
af|inputComboboxListOfValues:edit-mode-select::dropdown-cell,
af|inputComboboxListOfValues:edit-mode-select::content {
  -tr-inhibit: background-color;
}
af|inputListOfValues::popup-create-icon,
af|inputComboboxListOfValues::popup-create-icon {
  content: url("/afr/skyros-v1/new_ena.png");
}
/* End lov styles */

/* Start calendar styles */

af|calendar{
  border:none;
}

af|calendar::view {
  border: -tr-property-ref(".AFPanelBorderColor:alias","color") 1px solid;
}

af|calendar:printable af|calendar::list{
  border-top: -tr-property-ref(".AFPanelBorderColor:alias","color") 1px solid;
}

/* turn off bottom border */
af|calendar af|toolbox::last-row {
  border-bottom: none;
  border-right: none;
}

af|calendar:printable af|toolbox::last-row {
  border-top: -tr-property-ref(".AFPanelBorderColor:alias","color") 1px solid;
  border-left: -tr-property-ref(".AFPanelBorderColor:alias","color") 1px solid;
  border-right: -tr-property-ref(".AFPanelBorderColor:alias","color") 1px solid;
}

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;
}

/* Activity icons */


af|calendar::reminder-dark-icon {
  content: url(/afr/skyros-v1/CalReminder_blk.png);
}

af|calendar::recurring-dark-icon {
  content: url(/afr/skyros-v1/CalRepeat_blk.png);
}

af|calendar::recurring-change-dark-icon {
  content: url(/afr/skyros-v1/CalRepeatChanged_blk.png);
}

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

af|calendar::list-activity-next-icon,
af|calendar::list-activity-prev-icon:rtl {
  content: url(/afr/skyros-v1/cal_list_end.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;
}

af|calendar::list-date-separator {
  background-color: -tr-property-ref(".AFPanelBorder2Color:alias","color");
  padding-top:1px;
}

af|calendar::list-day-of-week-column {
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
}

af|calendar::list-day-of-month-column {
  padding-top: 3px;
}

/* calendar specific colors that override the simple colors */
af|calendar::all-day-activity {
  background-color: -tr-property-ref(".AFCalendarActivityColor:alias","color");
  background-image: url('/afr/skyros-v1/cal_activity_gradient.png');
  background-repeat: repeat-x;
}

af|calendar::all-day-activity-text {
  color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::duration-activity-text,
af|calendar::duration-activity-duration {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

af|calendar::all-day-activity-time{
  background-color: -tr-property-ref(".AFCalendarActivityColor:alias","color");
  background-image: url('/afr/skyros-v1/cal_activity_gradient.png');
  background-repeat: repeat-x;
  color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  padding-bottom: 3px;
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3px;
}

af|calendar::all-day-activity-duration {
  color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::all-day-activity af|calendar::activity-icon-container {
  background-color: -tr-property-ref(".AFCalendarActivityColor:alias","color");
  background-image: url('/afr/skyros-v1/cal_activity_gradient.png');
  background-repeat: repeat-x;
}

af|calendar::all-day-container {
  border-color: -tr-property-ref(".AFPanelBorder2Color:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::day:today af|calendar::all-day-container {
  -tr-rule-ref: selector(".AFCalendarTodayBackground:alias");
}

af|calendar::time-activity-container {
  background-color: -tr-property-ref(".AFCalendarActivityColor:alias","color");
  background-image: url('/afr/skyros-v1/cal_activity_gradient.png');
  background-repeat: repeat-x;
  border: 1px solid -tr-property-ref(".AFCalendarActivityColor:alias","color");
}

af|calendar::time-activity-grid-container {
  border-top:1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::time-activity-header {
  background-color: -tr-property-ref(".AFCalendarActivityColor:alias","color");
  background-image: url('/afr/skyros-v1/cal_activity_gradient.png');
  background-repeat: repeat-x;
  color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::time-activity-content {
  color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
}

af|calendar::header-all-day-container {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
/* This is where the header for the day is -- that's it the date we are viewing */
af|calendar::day-header-row {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}

af|calendar::toolbar-display-range {
  color: -tr-property-ref(".AFHeaderTextColor:alias","color");
}

/* width here should match the margin in day-header and the day-all-day-container */
af|calendar::time-column {
  border-right: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}

af|calendar::time-cell {
  border-top: 1px solid -tr-property-ref("AFPanelBorder2Color:alias","color");
}
af|calendar::time-text {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
}
af|calendar::hgrid-minor {
  border-top-color: -tr-property-ref(".AFPanelBorder2Color:alias","color");
  border-top-style: dotted;
}

af|calendar::hgrid-major {
  border-top-color: -tr-property-ref(".AFPanelBorder2Color:alias","color");
}

af|calendar::month-time-activity {
  color: -tr-property-ref(".AFTextColor:alias","color");
}

/* Total height of header = 13px + 3px padding top and bottom = 19px */
af|calendar::month-grid-cell-header {
  color: -tr-property-ref(".AFTextTertiaryColor:alias","color");
  background-color: -tr-property-ref(".AFGridControl2Color:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  white-space: nowrap;
  height: 1.6em;
  padding-bottom: 0px;
}

af|calendar::month-header-row {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

af|calendar::month-grid-cell:prev-month,
af|calendar::month-grid-cell:next-month {
  background-color: -tr-property-ref(".AFGridControlColor:alias","color");
}

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: -tr-property-ref(".AFGridControlColor:alias","color");
}

af|calendar::month-grid-cell:prev-month:drop-target af|calendar::month-grid-cell-header,
af|calendar::month-grid-cell:next-month:drop-target af|calendar::month-grid-cell-header,
af|calendar::month-grid-cell:prev-month:drop-target,
af|calendar::month-grid-cell:next-month:drop-target {
  background-color: -tr-property-ref(".AFDropTarget2Color:alias","color");
}

af|calendar::month-grid-cell {
  border-bottom: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  border-left: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
}

af|calendar::month-grid-cell:rtl {
  border-left: 0px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
  border-right: 1px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
}

.AFCalendarTodayBackground:alias {
  background-color: -tr-property-ref(".AFGridCellSelectedInactiveColor:alias","color");
}
.AFCalendarTodayHeaderBackground:alias {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  color: -tr-property-ref(".AFLinkColor:alias","color");
}
.AFCalendarActiveDayHeaderBackground:alias {
  background-color: -tr-property-ref(".AFGridCellActiveColor:alias","color");
  color: -tr-property-ref(".AFLinkColor:alias","color");
}

af|calendar::month-grid-cell:today af|calendar::month-grid-cell-header-day-link,
af|calendar::month-grid-cell:today:active-day af|calendar::month-grid-cell-header-day-link,
af|calendar::month-grid-cell:active-day af|calendar::month-grid-cell-header-day-link,
af|calendar::week-header-cell:today af|calendar::week-header-day-link,
af|calendar::week-header-cell:active-day af|calendar::week-header-day-link {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

af|calendar::month-grid-cell:active-day af|calendar::month-grid-cell-header,
af|calendar::list-row:active-day af|calendar::list-day-of-week-column,
af|calendar::week-header-cell:active-day {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
}

af|calendar::week-vgrid {
  border-left: 2px solid -tr-property-ref(".AFPanelBorder2Color:alias","color");
}

af|calendar::list-row {
  background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  -tr-rule-ref: selector(".AFTextColor:alias");
}

af|calendar::day-header-row-misc,
af|calendar::week-header-cell-misc,
af|calendar::list-day-of-week-column-misc {
  padding : 3px 0px 3px 0px;
  font-weight: normal;
}

/* Month header misc text should be capped at 60% */
af|calendar::month-grid-cell-header-misc {
  -tr-inhibit: font-style;
  -tr-inhibit: position;
  padding-bottom : 3px;
  padding-left: 4px;
  white-space : nowrap;
  max-width: 60%;
  overflow: hidden;
}

/* Date header facet which can be customized by dev */
af|calendar::day-date-header,
af|calendar::week-date-header,
af|calendar::month-grid-cell-date-header,
af|calendar::list-day-of-week-date-header {
  margin: 0px 4px;
  display: inline-block;
  vertical-align: middle;
}

/* Month header misc html should be capped at 20% */
af|calendar::month-grid-cell-date-header {
    max-width: 20%;
    overflow : hidden;
    box-sizing: border-box;
    vertical-align: middle;
}

@agent gecko {
  af|calendar::month-grid-cell-date-header  {
    -tr-inhibit: box-sizing;
    -moz-box-sizing: border-box;
  }
}


/* Month header link should be capped at 20% */
af|calendar::month-grid-cell-header-day-link {
    max-width: 20%;
    display: inline-block;
    margin-right: 4px
}

af|calendar::day-header-row:today  af|calendar::day-header-row-misc,
af_calendar_week-header-cell:today af|calendar::week-header-cell-misc,
af|calendar::month-grid-cell:today af|calendar::month-grid-cell-header-misc,
af|calendar::list-row: today af|calendar::list-day-of-week-column-misc {
  color: -tr-property-ref(".AFTextSecondaryColor:alias","color");
}


/* End calendar styles */

/* Start inputColor and chooseColor styles */

/* Add a 2px margin so that when the error border is displayed, it doesn't displace the component. */
af|inputColor::input-chooser-wrapper {
  margin: 2px;
}
/* adjust the panelFormLayout to adjust for the 2px margin around inputColor component */
af|inputColor .AFPanelFormLayoutContentCell {
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 0px;
}
af|inputColor:read-only .AFPanelFormLayoutContentCell {
  padding-left: 4px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only {
  padding-left: 2px;
}
@agent gecko {
  af|inputColor .AFPanelFormLayoutContentCell {
    padding-top: 3px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor {
    padding-top: 2px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only::content {
    padding-bottom: 1px;
  }
}
@agent ie {
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only::swatch-container {
    margin-top: 0px;
  }
}

af|inputColor .AFPanelFormLayoutContentCell:rtl {
  padding-left: 0px;
  padding-right: 2px;
}
af|inputColor:read-only .AFPanelFormLayoutContentCell:rtl {
  padding-right: 4px;
}
af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:read-only:rtl {
  padding-left: 0px;
  padding-right: 2px;
}
@agent ie {
  af|inputColor .AFPanelFormLayoutContentCell {
    padding-left: 3px;
  }
  af|inputColor .AFPanelFormLayoutContentCell:rtl {
    padding-right: 3px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor {
    padding-left: 1px;
  }
  af|panelLabelAndMessage::content-cell.AFPanelFormLayoutContentCell af|inputColor:rtl {
    padding-left: 0px;
    padding-right: 1px;
  }
}

af|inputColor::content {
  padding-left: 3px;
  width: 107px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
}
af|inputColor:read-only::content {
  width: auto;
  border-width: 0px;
  background-image: none;
  margin-right: 3px;
  margin-left: 0px;
}
af|inputColor:read-only::content:rtl {
  margin-left: 3px;
  margin-right: 0px;
}


/* The style of the container element that holds the swatch. */
af|inputColor::swatch-container {
  border-color: -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  border-style: solid;
  border-width: 1px;
  margin-right: 1px;
  margin-left: 2px;
  margin-top: 1px;
  width: 16px;
  height: 16px;
}

af|inputColor::launch-icon-style {
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  margin-top: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 11px;
  height:16px;
}
@agent ie and (version: 7.0) {
  af|inputColor::launch-icon-style {
    background-image:none;
  }
}

@agent (touchScreen:none) {
  af|inputColor::launch-icon-style:hover {
    -tr-rule-ref: selector(".AFButtonBorderHover:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
    width: 11px;
    height: 16px;
  }
  af|inputColor::launch-icon-style:active:hover {
    -tr-rule-ref: selector(".AFButtonBorderActive:alias");
    -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
    width: 11px;
    height: 16px;
    border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  }
}

af|inputColor::launch-icon-style:active {
  -tr-rule-ref: selector(".AFButtonBorderActive:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  width: 11px;
  height: 16px;
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
}

af|inputColor::launch-icon {
  content: url("/afr/skyros-v1/compactBS_symbol_ena.png");
  padding-top: 7px;
  padding-left: 2px;
}

@agent (touchScreen:none) {
  af|inputColor::launch-icon:hover {
    content: url("/afr/skyros-v1/compactBS_symbol_ovr.png");
    padding-top: 7px;
    padding-left: 2px;
  }
  af|inputColor::launch-icon:active:hover {
    content: url("/afr/skyros-v1/compactBS_symbol_dwn.png");
    padding-top: 7px;
    padding-left: 2px;
  }
}

af|inputColor::launch-icon:active {
  content: url("/afr/skyros-v1/compactBS_symbol_dwn.png");
  padding-top: 7px;
  padding-left: 2px;
}

/** 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 {
  color: -tr-property-ref(".AFTextColor:alias","color");
  -tr-rule-ref: selector(".AFButtonBorder:alias");
  -tr-rule-ref: selector(".AFButtonBackground:alias");
  padding-top: 2px;
  padding-bottom: 1px;
  width: 100%;
}

@agent (touchScreen:none) {
af|chooseColor::button:hover {
  -tr-rule-ref: selector(".AFButtonForegroundHover:alias");
  -tr-rule-ref: selector(".AFButtonBorderHover:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundHover:alias");
  padding-top: 2px;
  padding-bottom: 1px;
}
}

af|chooseColor::button:active {
  -tr-rule-ref: selector(".AFButtonForegroundDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBorderDepressed:alias");
  -tr-rule-ref: selector(".AFButtonBackgroundActive:alias");
  padding-top: 2px;
  padding-bottom: 1px;
}

/* A button that contains a swatch. */
af|chooseColor::swatch-button {
  text-align: left;
}

/* The swatch that is displayed on buttons. */
af|chooseColor::button-swatch {
  height: 8px;
  width: 8px;
  border-color: -tr-property-ref(".AFSelectedColor:alias","color");
}

af|chooseColor::button-swatch:transparent,
af|chooseColor::swatch:transparent {
  background-position: center;
}

af|chooseColor::swatch-table {
  border-spacing: 1px;
  padding-left: 7px;
  padding-top: 2px;
}

af|chooseColor::lower-swatch-table {
  border-spacing: 1px;
  padding-left: 6px;
  height: 18px;
}

af|chooseColor::swatch {
  width: 10px;
  height: 10px;
  border-color: -tr-property-ref(".AFSwatchBorderColor:alias","color");
  margin: 1px;
  border-radius:0;
  display: block;
}

af|chooseColor::swatch-cell {
  width: 14px;
  height: 14px;
  padding: 1px;
  border-radius:0;
}
@agent (touchScreen:none) {
  af|chooseColor::swatch-cell:hover {
    width: 14px;
    height: 14px;
    background-color: -tr-property-ref(".AFButtonGradientEndHoverColor:alias","color");
  }
  af|chooseColor::swatch-cell:active:hover {
    width: 14px;
    height: 14px;
    background-color: -tr-property-ref(".AFButtonBorderTopActiveColor:alias","color");
  }
}
af|chooseColor::swatch-cell:active {
  width: 14px;
  height: 14px;
  background-color: -tr-property-ref(".AFButtonBorderTopActiveColor:alias","color");
}
af|chooseColor::swatch-cell:selected {
  background-color: -tr-property-ref(".AFSelectedColor:alias","color");
  padding-left: 1px;
}
af|chooseColor::custom-image-wrapper {
  height: 160px;
  width: 190px;
}

af|chooseColor::custom-double-swatch-wrapper {
  border: 2px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
  height: 50px;
  width: 29px;
  margin-left: 40px;
  margin-right: 40px;
}

af|chooseColor::custom-slider {
  border: 1px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
}

af|chooseColor::custom-swatch {
  -tr-inhibit: border;
  border-bottom: 2px solid -tr-property-ref(".AFAccordionBorderColor:alias","color");
  height: 24px;
  width: 25px;
}

af|chooseColor::custom-input-content {
  margin-top: 1px;
  font-size: -tr-property-ref(".AFDefaultFont:alias","font-size");
  font-weight:normal;
  -tr-rule-ref: selector(".AFDefaultFontFamily:alias");
  border-radius: -tr-property-ref(".AFFormControlContentBorder:alias","border-radius");
  border:1px solid -tr-property-ref(".AFFormControlContentBorderColor:alias","color");
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  color: -tr-property-ref(".AFTextColor:alias","color");
}
af|chooseColor::custom-slider-thumb {
  background-image:url('/afr/skyros-v1/slider_thumb_m_n.png');
}
af|chooseColor::custom-slider-thumb:rtl {
  background-image:url('/afr/skyros-v1/slider_thumb_m_n_rtl.png');
}
/* End inputColor and chooseColor styles */

/*Click to edit aliases */
/* Note to skinners, you should only modify C2E aliases if you want to override
 * the click to edit look and feel (if at all possible) so upgrading will work better. */

/* Used to style away the background and border of the component's content */
.AFC2EContentTransparent:alias {
  background-image: none;
  border-color: transparent;
  background-color: transparent;
}

/* Due to an IE hover css bug, 'background' is used to set the color to white
 * rather than 'background-color' */
/* Used for the C2E content hover style */
.AFC2EContentHover:alias {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  border-color: -tr-property-ref(".AFHoverPrimaryColor:alias","color");
}
/* Used for the C2E content focus style */
.AFC2EContentFocus:alias {
  background-color: -tr-property-ref(".AFFormControlContentColor:alias","color");
  -tr-rule-ref: selector(".AFFormControlContentBorder:alias");
}
/* Used to style away the component's icon style element, if needed */
.AFC2EIconStyleTransparent:alias {
  opacity: 0;
}
/* Used for the C2E icon-style when the component has focus */
.AFC2EIconStyleFocus:alias {
  opacity: 1;
}
/* Used for the C2E icon-style when the component has hover */
/* for C2E icon style, it's the same as focus */
.AFC2EIconStyleHover:alias {
  -tr-rule-ref: selector(".AFC2EIconStyleFocus:alias");
}
/* Due to an IE bug, icon-style and icon these had to be seperated
 * so that they could be handled differently in IE */
/* Used by components that have an icon selector */
.AFC2EIconTransparent:alias {
  opacity: 0;
}
/* Used for the C2E icon when the component has focus */
.AFC2EIconFocus:alias {
  opacity: 1;
}
/* Used for the C2E icon when the component has hover */
/* for C2E icon, it's the same as focus */
.AFC2EIconHover:alias {
  -tr-rule-ref: selector(".AFC2EIconFocus:alias");
}
@agent ie {
  /* Internet Explorer hack for how it ignores event targets for mouse events when the element
     doesn't contain anything interactive.  By having a background-image, the divider is then
     treated as a first class citizen and can be an event target. */
  .AFC2EContentTransparent:alias {
    background-image: url('/afr/t.gif');
  }

  /* Internet explorer is really flaky when it comes to 'filter; alpha(opacity=0)'
   * so we need to use this method instead.  If IE ever supports the standard, this
   * can probably be removed. */
  .AFC2EIconStyleTransparent:alias {
    background-image: url('/afr/t.gif');
    border-color: transparent;
    background-color: transparent;
    color: transparent;
    -tr-inhibit: opacity;
  }

  /* If the component uses an actual icon (i.e. has real content), opacity will work here
   * (but the other work around method won't) */
  .AFC2EIconTransparent:alias {
    filter: alpha(opacity=0);
    -tr-inhibit: opacity;
  }
  /* we only need to override focus, since hover is just aliased to focus */
  .AFC2EIconFocus:alias {
    filter: alpha(opacity=100);
  }
}

@agent (touchScreen:none) {
  af|inputColor:click-to-edit:read-only:hover-target::content,
  af|inputDate:click-to-edit:read-only:hover-target::content,
  af|inputComboboxListOfValues:click-to-edit:read-only:hover-target::container,
  af|inputFile:click-to-edit:read-only:hover-target::content,
  af|inputListOfValues:click-to-edit:read-only:hover-target::content,
  af|inputNumberSpinbox:click-to-edit:read-only:hover-target::content,
  af|inputText:click-to-edit:read-only:hover-target::content,
  af|selectOneChoice:click-to-edit:read-only:hover-target::content,
  af|selectManyChoice:click-to-edit:read-only:hover-target::control {
    -tr-rule-ref: selector(".AFC2EContentTransparent:alias");
  }
}

/* Click to edit styles */
af|inputColor:click-to-edit::content,
af|inputColor:click-to-edit:disabled::content,
af|inputColor:click-to-edit:read-only::content,
af|inputDate:click-to-edit::content,
af|inputDate:click-to-edit:disabled::content,
af|inputDate:click-to-edit:read-only::content,
af|inputComboboxListOfValues:click-to-edit::container,
af|inputComboboxListOfValues:click-to-edit::content,
af|inputComboboxListOfValues:click-to-edit:disabled::container,
af|inputComboboxListOfValues:click-to-edit:read-only::container,
af|inputFile:click-to-edit::content,
af|inputFile:click-to-edit:disabled::content,
af|inputFile:click-to-edit:read-only::content,
af|inputListOfValues:click-to-edit::content,
af|inputListOfValues:click-to-edit:disabled::content,
af|inputListOfValues:click-to-edit:read-only::content,
af|inputNumberSpinbox:click-to-edit::content,
af|inputNumberSpinbox:click-to-edit:disabled::content,
af|inputNumberSpinbox:click-to-edit:read-only::content,
af|inputText:click-to-edit::content,
af|inputText:click-to-edit:disabled::content,
af|inputText:click-to-edit:read-only::content,
af|selectOneChoice:click-to-edit::content,
af|selectOneChoice:click-to-edit:disabled::content,
af|selectOneChoice:click-to-edit:read-only::content,
af|selectManyChoice:click-to-edit::control,
af|selectManyChoice:click-to-edit:disabled::control,
af|selectManyChoice:click-to-edit:read-only::control,
af|selectManyChoice:click-to-edit::content,
af|selectManyChoice:click-to-edit:disabled::content,
af|selectManyChoice:click-to-edit:read-only::content {
  -tr-rule-ref: selector(".AFC2EContentTransparent:alias");
}

/*
 * IE 10 does not honor border-color of transparent and etcetera
 * so the request for now is to disable it and to use a separate bug in
 * investigating an alternative method
 */
@agent ie and (version: 10.0) {
  af|inputFile:click-to-edit::content,  af|inputFile:click-to-edit:disabled::content,
  af|inputFile:click-to-edit:read-only::content {
    -tr-inhibit: background-color;
    -tr-inhibit: background-image;
    -tr-inhibit: border-color;
  }
}

af|inputColor:click-to-edit::launch-icon-style {
  -tr-rule-ref: selector(".AFC2EIconTransparent:alias");
}
af|inputDate:click-to-edit::launch-icon-style,
af|inputComboboxListOfValues:click-to-edit::dropdown-cell,
af|inputFile:click-to-edit af|commandButton,
af|inputListOfValues:click-to-edit::search-icon-style,
af|inputNumberSpinbox:click-to-edit::increment-cell,
af|inputNumberSpinbox:click-to-edit::decrement-cell,
af|selectManyChoice:click-to-edit::dropdown {
  -tr-rule-ref: selector(".AFC2EIconStyleTransparent:alias");
}
@agent ie {
  af|inputFile:click-to-edit af|commandButton {
    color: -tr-property-ref(".AFTextColor:alias","color");
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    -tr-rule-ref: selector(".AFButtonBackground:alias");
    filter: alpha(opacity: 0);
  }
}

@agent (touchScreen:none) {
  /*c2e disabled hover styles*/
  af|inputColor:click-to-edit:disabled:hover-target::content,
  af|inputDate:click-to-edit:disabled:hover-target::content,
  af|inputComboboxListOfValues:click-to-edit:disabled:hover-target::container,
  af|inputFile:click-to-edit:update:disabled:hover-target::text,
  af|inputListOfValues:click-to-edit:disabled:hover-target::content,
  af|inputNumberSpinbox:click-to-edit:disabled:hover-target::content,
  af|inputText:click-to-edit:disabled:hover-target::content,
  af|selectOneChoice:click-to-edit:disabled:hover-target::content,
  af|selectManyChoice:click-to-edit:disabled:hover-target::control {
    background-image: none;
    background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
    border: 1px solid -tr-property-ref(".AFFormControlContentBorderDisabledColor:alias","color");
  }
  af|inputFile:click-to-edit:disabled:hover-target::content {
    background-color: -tr-property-ref(".AFFormControlContentDisabledColor:alias","color");
  }
  /*c2e hover styles*/
  af|inputColor:click-to-edit:hover-target::content,
  af|inputDate:click-to-edit:hover-target::content,
  af|inputComboboxListOfValues:click-to-edit:hover-target::container,
  af|inputFile:click-to-edit:hover-target::content,
  af|inputListOfValues:click-to-edit:hover-target::content,
  af|inputNumberSpinbox:click-to-edit:hover-target::content,
  af|inputText:click-to-edit:hover-target::content,
  af|panelFormLayout:click-to-edit:hover af|inputText:click-to-edit::content,
  af|selectOneChoice:click-to-edit:hover-target::content,
  af|selectManyChoice:click-to-edit:hover-target::control {
   -tr-rule-ref: selector(".AFC2EContentHover:alias");
  }
  /*c2e hover styles*/
  af|inputColor:click-to-edit:focus-target:hover-target::content,
  af|inputDate:click-to-edit:focus-target:hover-target::content,
  af|inputComboboxListOfValues:click-to-edit:focus-target:hover-target::container,
  af|inputFile:click-to-edit:focus-target:hover-target::content,
  af|inputText:click-to-edit:focus-target:hover-target::content,
  af|inputNumberSpinbox:click-to-edit:focus-target:hover-target::content,
  af|selectOneChoice:click-to-edit:focus-target:hover-target::content,
  af|selectManyChoice:click-to-edit:focus-target:hover-target::control {
   -tr-rule-ref: selector(".AFC2EContentFocus:alias");
  }
  af|inputListOfValues:click-to-edit:focus-target:hover-target::content {
   -tr-rule-ref: selector(".AFC2EContentFocus:alias");
  }
}

/*focus styles*/
af|inputColor:click-to-edit:focus-target::content,
af|inputDate:click-to-edit:focus-target::content,
af|inputComboboxListOfValues:click-to-edit:focus-target::container,
af|inputFile:click-to-edit:focus-target::content,
af|inputListOfValues:click-to-edit:focus-target::content,
af|inputNumberSpinbox:click-to-edit:focus-target::content,
af|inputText:click-to-edit:focus-target::content,
af|selectOneChoice:click-to-edit:focus-target::content,
af|selectManyChoice:click-to-edit:focus-target::control {
 -tr-rule-ref: selector(".AFC2EContentFocus:alias");
}

@agent (touchScreen:none) {
af|inputFile:click-to-edit:update:hover-target::content,
af|inputFile:click-to-edit:update:focus-target:hover-target::content {
  background-color: transparent;
}
}
/* inputFile in update mode shouldn't have a background-color */
af|inputFile:click-to-edit:update:focus-target::content {
  background-color: transparent;
}

/* webkit doesn't have an input box, so no gradient or disabled background color */
@agent webkit and (touchScreen:none) {
  af|inputFile:click-to-edit:hover-target::content {
    background-image: none;
  }
  af|inputFile:click-to-edit:disabled:hover-target::content {
    background-color: transparent;
  }
}
/* webkit doesn't have an input box, so no gradient or disabled background color */
@agent webkit {
  af|inputFile:click-to-edit:focus-target::content {
    background-image: none;
  }
}

af|inputColor:click-to-edit:focus-target::launch-icon-style {
  -tr-rule-ref: selector(".AFC2EIconFocus:alias");
}
@agent (touchScreen:none) {
/* inputColor contains an actual icon selector, so we have to use the C2E icon aliases */
af|inputColor:click-to-edit:hover-target::launch-icon-style {
  -tr-rule-ref: selector(".AFC2EIconHover:alias");
}
af|inputDate:click-to-edit:hover-target::launch-icon-style,
af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-cell,
af|inputFile:click-to-edit:hover-target af|commandButton,
af|inputListOfValues:click-to-edit:hover-target::search-icon-style,
af|inputNumberSpinbox:click-to-edit:hover-target::increment-cell,
af|inputNumberSpinbox:click-to-edit:hover-target::decrement-cell,
af|selectManyChoice:click-to-edit:hover-target::dropdown {
  -tr-rule-ref: selector(".AFC2EIconStyleHover:alias");
}
}
af|inputDate:click-to-edit:focus-target::launch-icon-style,
af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell,
af|inputFile:click-to-edit:focus-target af|commandButton,
af|inputListOfValues:click-to-edit:focus-target::search-icon-style,
af|inputNumberSpinbox:click-to-edit:focus-target::increment-cell,
af|inputNumberSpinbox:click-to-edit:focus-target::decrement-cell,
af|selectManyChoice:click-to-edit:focus-target::dropdown {
  -tr-rule-ref: selector(".AFC2EIconStyleFocus:alias");
}

@agent ie {
  /* We need to add some IE specific inner image selectors to hide the inner image in
   * addition to the outer image selectors ones due to the IE opacity work around */
  af|inputComboboxListOfValues:click-to-edit::dropdown-icon-style,
  af|inputNumberSpinbox:click-to-edit::incrementor-icon-style,
  af|inputNumberSpinbox:click-to-edit::decrementor-icon-style,
  af|selectManyChoice:click-to-edit::dropdown-icon-style {
    background-image: url('/afr/t.gif');
  }

  /* Due to the IE work around required for icon-style alias, we unfortunately need to
   * re-apply all the actual styles here for each component affected */
  af|inputDate:click-to-edit:focus-target::launch-icon-style {
    background-image:url("/afr/skyros-v1/timedate_ena.png");
  }
  af|inputFile:click-to-edit:focus-target af|commandButton {
    color: -tr-property-ref(".AFTextColor:alias","color");
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    -tr-rule-ref: selector(".AFButtonBackground:alias");
    filter: alpha(opacity: 100);
  }
  af|inputListOfValues:click-to-edit:focus-target::search-icon-style {
    background-image:url("/afr/skyros-v1/lov_ena.png");
  }
  af|inputNumberSpinbox:click-to-edit:focus-target::incrementor-icon-style {
    background-image: url(/afr/skyros-v1/spinboxup_ena.png);
  }
  af|inputNumberSpinbox:click-to-edit:focus-target::decrementor-icon-style {
    background-image: url(/afr/skyros-v1/spinboxdown_ena.png);
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-cell,
  af|selectManyChoice:click-to-edit:focus-target::dropdown {
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  }
  af|inputComboboxListOfValues:click-to-edit:focus-target::dropdown-icon-style,
  af|selectManyChoice:click-to-edit:focus-target::dropdown-icon-style {
    background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
  }
}

@agent ie and (touchScreen:none) {
  /* Due to the IE work around required for icon-style alias, we unfortunately need to
   * re-apply all the actual styles here for each component affected */
  af|inputDate:click-to-edit:focus-target::launch-icon-style {
     background-image:url("/afr/skyros-v1/timedate_ena.png");
  }
  af|inputFile:click-to-edit:hover-target af|commandButton{
    color: -tr-property-ref(".AFTextColor:alias","color");
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    -tr-rule-ref: selector(".AFButtonBackground:alias");
    filter: alpha(opacity: 100);
  }
  af|inputListOfValues:click-to-edit:hover-target::search-icon-style{
    background-image:url("/afr/skyros-v1/lov_ena.png");
  }
  af|inputNumberSpinbox:click-to-edit:hover-target::incrementor-icon-style{
    background-image: url(/afr/skyros-v1/spinboxup_ena.png);
  }
  af|inputNumberSpinbox:click-to-edit:hover-target::decrementor-icon-style{
    background-image: url(/afr/skyros-v1/spinboxdown_ena.png);
  }
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-cell,
  af|selectManyChoice:click-to-edit:hover-target::dropdown {
    -tr-rule-ref: selector(".AFButtonBorder:alias");
    background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
    background-color: -tr-property-ref(".AFComponentBackgroundColor:alias","color");
  }
  af|inputComboboxListOfValues:click-to-edit:hover-target::dropdown-icon-style,
  af|selectManyChoice:click-to-edit:hover-target::dropdown-icon-style {
   background-image: url('/afr/skyros-v1/dropDownButton_arrow.png');
  }

}

/* I don't see any reference to drop-before or drop-after in the renderer code
 * so I'm commenting this out
af|column::column-header-cell:drop-before,
af|column::column-header-cell:drop-after:rtl {
  background-image: url('/afr/skyros-v1/shuttleleft_ena.png');
  background-position: left center;
  background-repeat: no-repeat;
}
af|column::column-header-cell:drop-after,
af|column::column-header-cell:drop-before:rtl {
  background-image: url('/afr/skyros-v1/shuttleright_ena.png');
  background-position: right center;
  background-repeat: no-repeat;
}
*/

/* Style for drop targets */
*:drop-target {
  background-color: -tr-property-ref(".AFDropTargetColor:alias","color");
  opacity: 0.8;
}

/* private */
.AFDragGhostBorderRadius:alias {
  border-radius: 10px;
}

*:drag-ghost {
  opacity:0.8;
}

@agent ie {
  *:drag-ghost {
    filter:alpha(opacity:80);
  }
  *:drop-target {
    filter: alpha(opacity:80);
  }
}

/* Drag-ready styles
 * Note that these only need WebKit support as they are only used in the touch device code for
 * drag-and-drop.
 */
@agent (touchScreen) {
  *:drag-ready,
  *:drag-source {
    opacity: 0.5;
  }

  *:drag-ghost {
    -webkit-box-shadow: 0 0 20px -tr-property-ref(".AFShadowColor:alias","color");
    /* border-radius is required to use aliases */
    border-radius: -tr-property-ref(".AFDragGhostBorderRadius:alias","border-radius");
    background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
    opacity: 0.8;
  }
}

/* End drag-ready styles */

/* Start of ListView styles */
af|listView{
  border-color: -tr-property-ref(".AFPanelBorderColor:alias","color");
  border-style:solid;
}

/* Use the gradient colors for the accordion in listView */
af|listItem:group-header {
  color: -tr-property-ref(".AFTextPrimaryColor:alias","color");
  background-image: linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(". AFAccordionHeaderGradientEndColor:alias","color") 100%);
}

@agent webkit {
  af|listItem:group-header {
    background-image: -webkit-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(". AFAccordionHeaderGradientEndColor:alias","color") 100%);
  }
}

@agent gecko {
  af|listItem:group-header {
    background-image: -moz-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(". AFAccordionHeaderGradientEndColor:alias","color") 100%);
  }
}

@agent ie {
  af|listItem:group-header {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=-tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color"), endColorstr=-tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color"),GradientType=0 );
  }
}

@agent ie and (min-version: 10) {
  af|listItem:group-header {
    background-image: -ms-linear-gradient(top, -tr-property-ref(".AFAccordionHeaderGradientStartColor:alias","color") 0%, -tr-property-ref(".AFAccordionHeaderGradientEndColor:alias","color") 100%);
    filter: none;
  }
}

af|listItem::expanded-icon-style {
  background-image: url("/afr/skyros-v1/discloseexpanded_sm_ena.png");
  height: 9px;
}

af|listItem::expanded-icon-style:rtl {
  background-image: url("/afr/skyros-v1/discloseexpanded_sm_rtl_ena.png");
  height: 9px;
}

af|listItem::collapsed-icon-style {
  background-image:url("/afr/skyros-v1/disclosecollapsed_sm_ena.png");
  height: 9px;
}

af|listItem::collapsed-icon-style:rtl {
  background-image:url("/afr/skyros-v1/disclosecollapsed_sm_rtl_ena.png");
}

/* mouse over */
af|listItem:highlighted  {
  background-color: -tr-property-ref(".AFHoverSecondaryColor:alias","color");
}

/*Swipe to reveal related styles*/

af|listItem::action af|link::text {
  color: -tr-property-ref(".AFTextAltColor:alias", "color");
  text-decoration: none;
}

af|listItem::actions-outer {
  background-color:  -tr-property-ref(".AFButtonBorderActiveColor:alias","color");
  color: -tr-property-ref(".AFTextAltColor:alias", "color");
}

/* End of ListView styles */

/* start of panelSpringboard */
af|panelSpringboard::body {
  background-color: -tr-property-ref(".AFBackgroundColor:alias","color");
  border-radius: -tr-property-ref(".AFLargeBorderRadius:alias","border-radius");
  border-left: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-right: 1px solid -tr-property-ref(".AFBackgroundBorderColor:alias","color");
  border-top: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
  border-bottom: 1px solid -tr-property-ref(".AFBackgroundBorderTopColor:alias","color");
}
af|panelSpringboard::item-text {
  padding-bottom: 8px;
  padding-left:10px;
  padding-right:10px;
  font-weight:bold;
}
af|panelSpringboard::item-icon-style {
  padding-top: 10px;
  padding-bottom: 5px;
}
af|panelSpringboard::item {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 8px;
}
af|panelSpringboard:strip af|panelSpringboard::item:selected {
  background-color: -tr-property-ref(".AFTabColor:alias","color");
}
@agent (touchScreen:none) {
  af|panelSpringboard::item-text:hover,
  af|panelSpringboard::item:hover af|panelSpringboard::item-text {
    -tr-rule-ref: selector(".AFLinkColor:alias");
  }
}
af|panelSpringboard:grid af|panelSpringboard::item {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 28px;
  margin-right: 20px;
}
af|panelSpringboard::badge {
  background-color: -tr-property-ref(".AFErrorColor:alias","color");
  color: -tr-property-ref(".AFTextAltColor:alias","color");
  border: 1px solid -tr-property-ref(".AFBadgeBorderColor:alias","color");
  margin-right: 2px;
  margin-top: 2px;
}
af|panelSpringboard::selected-pointer {
  padding-left:10px;
  padding-right:10px
}
/* We do not need arrow in Skyros so hiding it */
af|panelSpringboard {
  -tr-hide-selected-pointer: true;
}
